@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-soft-bg: #eff6ff;--primary-border: #bfdbfe;--sidebar-bg: #ffffff;--main-bg: #f1f5f9;--card-bg: #ffffff;--surface-alt: #f8fafc;--hover-bg: #f1f5f9;--input-bg: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-strong: #cbd5e1;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .08), 0 4px 8px -2px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .12s ease;--transition: .18s ease;--badge-success-bg: #dcfce7;--badge-success-text: #166534;--badge-danger-bg: #fee2e2;--badge-danger-text: #dc2626;--badge-primary-bg: #dbeafe;--badge-primary-text: #2563eb;--badge-warning-bg: #fef9c3;--badge-warning-text: #854d0e}[data-theme=dark]{--main-bg: #020617;--card-bg: #1e293b;--surface-alt: #0f172a;--hover-bg: #1e293b;--input-bg: #0f172a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-strong: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--badge-success-bg: #064e3b;--badge-success-text: #34d399;--badge-danger-bg: #7f1d1d;--badge-danger-text: #fca5a5;--badge-primary-bg: #1e3a8a;--badge-primary-text: #93c5fd}[data-theme=mix]{--main-bg: #1e293b;--card-bg: #ffffff;--surface-alt: #f8fafc;--hover-bg: #f1f5f9;--input-bg: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-strong: #cbd5e1;--badge-success-bg: #dcfce7;--badge-success-text: #166534;--badge-danger-bg: #fee2e2;--badge-danger-text: #dc2626;--badge-primary-bg: #dbeafe;--badge-primary-text: #2563eb}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--main-bg);color:var(--text-primary);line-height:1.5;font-size:14px}.app-container{display:flex;width:100%;height:100vh;background-color:var(--main-bg)}.app-sidebar{width:232px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);height:110vh;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative;z-index:100;overflow-y:auto;flex-shrink:0}.app-sidebar-header{height:68px;display:flex;align-items:center;justify-content:center;padding:0 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.company-logo-img{height:44px;width:auto;max-width:180px;object-fit:contain;border-radius:8px}.app-logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.app-logo-icon svg{width:22px;height:22px;color:#fff}.app-logo{display:flex;align-items:center;gap:10px;color:var(--primary-color);font-weight:700;font-size:17px;letter-spacing:-.3px}.company-name{font-family:var(--font-sans);font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap}.app-nav{flex:1;padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.nav-item{width:100%;display:flex;align-items:center;padding:9px 12px;border-radius:var(--radius-md);font-size:13.5px;font-weight:500;border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);color:#000;background-color:transparent;gap:10px;white-space:nowrap;text-align:left;position:relative}.nav-item:hover{background-color:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background-color:var(--hover-bg);color:var(--text-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:var(--primary-color);border-radius:0 3px 3px 0}.nav-item svg{width:17px;height:17px;flex-shrink:0}.app-sidebar-footer{padding:14px 12px;border-top:1px solid var(--border-color);flex-shrink:0;background-color:var(--sidebar-bg);margin-bottom:80px}.user-profile{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);background-color:var(--hover-bg)}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary-soft-bg),var(--primary-border));color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px;font-weight:400;color:var(--text-muted);margin:0;line-height:1.3}.app-main{flex:1;display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;background-color:var(--main-bg);min-width:0}.app-content{flex:1;padding:28px 32px;overflow-y:auto;width:100%}.app-content:has(.chatbot-page){display:flex;flex-direction:column;overflow:hidden}.app-content:has(.chatbot-page)>div:not(.page-switch-loading){display:flex;flex-direction:column;flex:1;min-height:0}.app-content>*{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:24px}.page-header-left{flex:1}.page-header-title{font-size:28px;font-weight:800;color:#000;letter-spacing:-.6px;margin:0;line-height:1.25}[data-theme=mix] .page-header-title{color:#fff}.page-header-subtitle{color:var(--text-muted );margin-top:4px;font-size:13.5px}.page-header-action{display:flex;gap:10px;flex-shrink:0;align-items:center}.app-sidebar::-webkit-scrollbar,.app-nav::-webkit-scrollbar,.app-content::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track,.app-nav::-webkit-scrollbar-track,.app-content::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb,.app-nav::-webkit-scrollbar-thumb,.app-content::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover,.app-nav::-webkit-scrollbar-thumb:hover,.app-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.page-switch-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--main-bg);z-index:10;min-height:320px}@keyframes skeleton-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-in{animation:slideIn .25s ease}.animate-spin{animation:spin .9s linear infinite}.error-card{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:var(--radius-md);margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;animation:fadeIn .25s ease}.success-card{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:var(--radius-md);margin:12px auto;max-width:520px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;animation:fadeIn .25s ease}.error-card .close-btn,.success-card .close-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;line-height:1;opacity:.6;padding:2px 4px;border-radius:4px}.error-card .close-btn{color:#991b1b}.success-card .close-btn{color:#166634}.error-card .close-btn:hover,.success-card .close-btn:hover{opacity:1}.mb-8{margin-bottom:32px}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-root.is-vip{box-shadow:inset 0 0 0 3px #fbbf248c,0 0 32px #fbbf242e;outline:3px solid rgba(251,191,36,.45);outline-offset:-3px}.mobile-topbar{display:none;align-items:center;height:56px;padding:0 12px;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;box-shadow:var(--shadow-xs);z-index:90}.mobile-hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-primary);transition:background-color var(--transition-fast);flex-shrink:0;padding:0}.mobile-hamburger:hover{background-color:var(--hover-bg)}.mobile-topbar-logo{display:flex;align-items:center;gap:8px;flex:1;padding-left:8px}.mobile-topbar-logo-img{height:30px;width:auto;max-width:120px;object-fit:contain;border-radius:6px}.mobile-topbar-logo-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #2563eb4d}.mobile-topbar-logo-icon svg{width:16px;height:16px;color:#fff}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease}@media(max-width:768px){.app-sidebar-footer{padding:8px 10px;margin-bottom:40px}.user-profile{padding:6px 8px}.sidebar-balance-inner{padding:6px 10px}.mobile-topbar{display:flex}.app-container{height:calc(100vh - 56px)}.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s ease}.app-sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 24px #0003}.mobile-sidebar-overlay{display:block}.mobile-sidebar-overlay.visible{opacity:1;pointer-events:auto}.app-main{height:100%;width:100%}.app-content{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-header-title{font-size:20px}.page-header-action{width:100%;flex-wrap:wrap}.modal-content{width:95%;padding:20px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.sidebar-balance-inner{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:8px}.sidebar-balance-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.sidebar-balance-amount{font-size:13.5px;font-weight:800;color:var(--text-primary);white-space:nowrap}.sidebar-balance-currency{font-size:11px;font-weight:500;color:var(--text-muted)}.sidebar-balance-low{color:#ef4444!important}.sidebar-balance-low .sidebar-balance-currency{color:#f87171}@media(max-width:480px){.app-content{padding:12px 10px}.page-header-title{font-size:18px}.page-header{margin-bottom:16px;gap:10px}.page-header-action{flex-wrap:wrap;gap:8px}.page-header-action .btn{flex:1;min-width:0;justify-content:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-topbar-company-name{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.125rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition-fast);border:1px solid transparent;font-family:var(--font-sans);min-height:38px;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-secondary{background-color:var(--card-bg);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--border-strong);color:var(--text-primary)}.btn-success{background-color:#10b981;color:#fff;border-color:#10b981}.btn-success:hover:not(:disabled){background-color:#059669;border-color:#059669}.btn-danger{background-color:#ef4444;color:#fff;border-color:#ef4444}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-outline,.btn-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover:not(:disabled),.btn-cancel:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--border-strong);color:var(--text-primary)}.btn-sm{padding:.3rem .75rem;font-size:.8rem;min-height:30px;border-radius:var(--radius-sm)}.btn-icon{padding:6px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--hover-bg);color:var(--text-primary)}[data-theme=dark] .btn-secondary{background-color:#1e293b;color:#94a3b8;border-color:#334155}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#334155;color:#f1f5f9;border-color:#475569}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:18px 24px;border-bottom:1px solid var(--border-color);background-color:var(--surface-alt);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-header-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.card-body{padding:24px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;font-size:11.5px;font-weight:600;border-radius:999px;white-space:nowrap;text-transform:capitalize;letter-spacing:.01em}.badge-default{background-color:var(--surface-alt);color:var(--text-secondary)}.badge-success{background-color:var(--badge-success-bg);color:var(--badge-success-text)}.badge-danger{background-color:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-primary{background-color:var(--badge-primary-bg);color:var(--badge-primary-text)}.badge-warning{background-color:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-info{background-color:#dbeafe;color:#1e40af}.icon-blue{background-color:#eff6ff;color:#2563eb}.icon-green{background-color:#f0fdf4;color:#059669}.icon-amber{background-color:#fffbeb;color:#d97706}.icon-purple{background-color:#f5f3ff;color:#7c3aed}.icon-rose{background-color:#fff1f2;color:#e11d48}.stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;gap:12px}.stat-card-title{font-size:12px;font-weight:700;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.06em}.stat-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;box-shadow:0 2px 6px #00000014}.stat-card-value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin:4px 0 2px;line-height:1.15}.stat-card-subtitle{font-size:12.5px;color:var(--text-muted);margin:0}.grid{display:grid;gap:20px;margin-bottom:24px;width:100%}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2,.form-row-4,.form-row-3,.form-row-2,.form-row-5{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.table th,.table td{padding:10px 12px}.modal-content{width:95%;padding:20px 16px;max-height:92vh}.card-body{padding:16px}.card-header{padding:14px 16px}}@media(max-width:480px){.grid-cols-4,.grid-cols-3,.grid-cols-2,.form-row-4,.form-row-3,.form-row-2{grid-template-columns:1fr}.stat-card-value{font-size:22px}.modal-content{width:98%;padding:16px 12px;border-radius:var(--radius-lg)}.table th,.table td{padding:8px 10px;font-size:12px}.pagination{gap:8px;font-size:12px}.pagination button{padding:5px 10px;font-size:12px}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;background-color:var(--card-bg)}.table thead{background-color:var(--surface-alt);border-bottom:1px solid var(--border-color)}.table th{padding:13px 20px;text-align:left;font-size:11.5px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:var(--surface-alt);border-bottom:1px solid var(--border-color);white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background-color:var(--hover-bg)}.table td{padding:14px 20px;font-size:13.5px;color:var(--text-primary)}.form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.form-input,.form-textarea,.form-select{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-color:var(--input-bg);color:var(--text-primary);box-sizing:border-box}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus);background-color:var(--card-bg)}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:12px;color:var(--text-muted);margin-top:3px}.form-row{display:grid;gap:16px;width:100%}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:13.5px;color:var(--text-secondary)}.pagination button{background:var(--card-bg);border:1px solid var(--border-color);padding:6px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-family:var(--font-sans);color:var(--text-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast);font-size:13px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination button:not(:disabled):hover{background-color:var(--hover-bg);border-color:var(--border-strong)}.table-empty-state,.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-icon{font-size:2.2rem;display:block;margin-bottom:10px;opacity:.6}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal-content{background:var(--card-bg);border-radius:var(--radius-xl);width:90%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:28px;animation:slideIn .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.password-field{display:flex;flex-direction:column}.password-field-input-wrap{position:relative;display:flex}.password-field-input-wrap .form-input{padding-right:36px}.password-field-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:5px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.password-field-toggle:hover{color:var(--text-secondary);background-color:var(--hover-bg)}.password-field-toggle--floating{right:10px;top:55%}.password-checklist-wrap{max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease,margin-top .25s ease}.password-checklist-wrap.is-open{max-height:340px;opacity:1;transform:translateY(0);margin-top:8px}.password-checklist{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.password-checklist:before{content:"";position:absolute;top:-6px;left:16px;width:10px;height:10px;background:var(--card-bg);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);transform:rotate(45deg)}.password-check-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-secondary);transition:color .25s ease}.password-check-item.is-passed{color:var(--badge-success-text)}.pw-check-badge{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);background:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .28s ease,border-color .28s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.pw-check-badge.is-passed{background:var(--badge-success-bg);border-color:transparent;transform:scale(1.12)}.pw-check-svg path{stroke:var(--badge-success-text);stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s ease .05s}.pw-check-badge.is-passed .pw-check-svg path{stroke-dashoffset:0}.password-suggestion-box{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:8px 10px;display:flex;flex-direction:column;gap:8px;animation:pw-suggestion-in .22s ease}@keyframes pw-suggestion-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.password-suggestion-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.password-suggestion-value{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.02em;word-break:break-all}.password-suggestion-refresh{flex:none;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;transition:color var(--transition-fast),background-color var(--transition-fast),transform .4s ease}.password-suggestion-refresh:hover{color:var(--primary-color);background-color:var(--hover-bg);transform:rotate(90deg)}.password-suggestion-actions{display:flex;gap:8px}.password-suggestion-use,.password-suggestion-cancel{flex:1;font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.password-suggestion-use{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.password-suggestion-use:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.password-suggestion-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.password-suggestion-cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.password-copied-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--badge-success-bg);color:var(--badge-success-text);border-radius:var(--radius-sm);padding:7px 10px;font-size:12px;font-weight:500;animation:pw-suggestion-in .22s ease}.password-copied-banner.is-warn{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.password-copied-banner button{flex:none;display:flex;align-items:center;gap:4px;background:none;border:1px solid currentColor;color:inherit;border-radius:var(--radius-sm);padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.password-copied-banner button:hover{background-color:#0000000f}[data-theme=dark] .password-copied-banner button:hover{background-color:#ffffff14}:root{--primary-org: #c92096;--admin-accent: #9f1239;--admin-accent-dark: #881337;--admin-accent-darker: #6d1030;--admin-accent-light: #e11d48;--admin-accent-soft: #ffe4e6;--admin-accent-soft-2: #fff1f2;--admin-accent-border: #fecdd3;--admin-accent-glow: rgba(159, 18, 57, .16);--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #eff6ff;--primary-glow: rgb(233, 235, 225);--danger: #ef4444;--danger-light: #fee2e2;--success: #10b981;--success-light: #d1fae5;--text: #0f172a;--text-soft: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-focus: #d0e1f4;--bg: #f1f5f9;--bg-subtle: #f8fafc;--card-bg: #ffffff;--radius: 20px;--radius-sm: 12px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--shadow-lg: 0 24px 48px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .06);--shadow-glow: 0 8px 32px rgba(37, 99, 235, .2);--transition: .22s cubic-bezier(.4, 0, .2, 1);--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}body{background:var(--bg);font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animate-slide-in{animation:slideUp .5s cubic-bezier(.22,1,.36,1) both}@keyframes slideUp{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fadeIn{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-step{animation:stepEnter .32s cubic-bezier(.22,1,.36,1) both}@keyframes stepEnter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes popIn{0%{opacity:0;transform:scale(.85) translateY(12px)}70%{transform:scale(1.03) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes checkDraw{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border-radius:14px;font-family:inherit;font-weight:600;font-size:.925rem;letter-spacing:.01em;border:none;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:transparent;transition:background var(--transition)}.btn:active:not(:disabled):after{background:#00000014}.auth-container .btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d,inset 0 1px #ffffff26}.auth-container .btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb61,inset 0 1px #ffffff26}.auth-container .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb40}.auth-container .btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary-org{background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%);color:#fff;box-shadow:0 4px 12px #9f12394d,inset 0 1px #ffffff26}.btn-primary-org:hover:not(:disabled){background:linear-gradient(135deg,var(--admin-accent-dark) 0%,var(--admin-accent-darker) 100%);transform:translateY(-2px);box-shadow:0 8px 20px #9f123966,inset 0 1px #ffffff26}.btn-primary-org:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #9f123940}.btn-primary-org:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-subtle);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-soft);border:none;padding:10px 16px}.btn-ghost:hover:not(:disabled){color:var(--primary);background:var(--primary-light)}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 8px 20px #ef444461}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;padding:1.5rem;background:linear-gradient(145deg,#e8f0fe,#f1f5f9 40%,#f8fafc);position:relative}.auth-container:before{content:"";position:fixed;overflow:hidden;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(37,99,235,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(139,92,246,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.auth-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.75rem 2.25rem 2.25rem;max-width:420px;width:100%;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);border-radius:var(--radius) var(--radius) 0 0}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:130px;margin-bottom:1rem}.auth-header h2{font-size:1.6rem;font-weight:700;margin:.25rem 0;color:var(--text);letter-spacing:-.02em}.auth-header p{color:var(--text-soft);font-size:.9rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-weight:600;font-size:.78rem;color:var(--text);letter-spacing:.03em;text-transform:uppercase}.field input{width:100%;padding:.78rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;background:var(--bg-subtle);color:var(--text);outline:none;transition:all var(--transition)}.field input::placeholder{color:var(--text-muted)}.field input:hover:not(:focus){border-color:var(--border-focus);background:#fff}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3.5px var(--primary-glow);background:#fff}.back-link{display:block;background:none;border:none;color:var(--text-soft);margin-top:1.25rem;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;text-align:center;padding:.5rem;border-radius:8px;transition:all var(--transition);width:100%}.back-link:hover{color:var(--primary);background:var(--primary-light)}.wizard-container{perspective:1200px}.wizard-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:2.5rem 2.25rem 2rem;width:100%;max-width:640px;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wizard-card-page{min-height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:2.5rem 1.5rem 3rem;background:#f4f7fb;box-sizing:border-box}.wizard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-light));border-radius:var(--radius) var(--radius) 0 0}.step-indicator{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.25rem;position:relative}.step-indicator:before{content:"";position:absolute;top:17px;left:12%;right:12%;height:2px;background:var(--border);z-index:0;border-radius:2px}.step-indicator:after{content:"";position:absolute;top:17px;left:12%;height:2px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-light));z-index:0;border-radius:2px;transition:width var(--transition);width:0%}.step-number{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;cursor:default;flex:1;transition:opacity var(--transition)}.step-number[style*="cursor: pointer"],.step-number.completed{cursor:pointer}.step-circle{width:36px;height:36px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.88rem;color:var(--text-soft);transition:all var(--transition-spring);box-shadow:0 0 0 0 var(--admin-accent-glow)}.step-number.active .step-circle{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff;box-shadow:0 0 0 5px var(--admin-accent-glow);transform:scale(1.08)}.step-number.completed .step-circle{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff;transform:scale(1)}.step-number.completed .step-circle:hover{transform:scale(1.06);box-shadow:0 0 0 4px var(--admin-accent-glow)}.step-label{margin-top:.5rem;font-size:.72rem;font-weight:500;color:var(--text-muted);text-align:center;letter-spacing:.02em;transition:color var(--transition)}.step-number.active .step-label{color:var(--admin-accent);font-weight:700}.step-number.completed .step-label{color:var(--text-soft);font-weight:600}.wizard-header{text-align:center;margin-bottom:2rem}.wizard-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .3rem;letter-spacing:-.02em;color:var(--text)}.wizard-header p{color:var(--text-soft);font-size:.88rem;margin:0}.wizard-body{margin-bottom:1.5rem;min-height:200px}.floating{position:relative;margin-bottom:1.5rem}.floating input{width:100%;padding:15px 16px 13px;border:1.5px solid var(--border);border-radius:14px;font-family:inherit;font-size:.975rem;background:var(--bg-subtle);color:var(--text);outline:none;transition:all var(--transition);display:block}.floating input::placeholder{color:transparent}.floating input:hover:not(:focus){border-color:var(--border-focus);background:#fff}.floating input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3.5px var(--admin-accent-glow);background:#fff}.floating label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-soft);font-size:.95rem;font-weight:400;pointer-events:none;transition:all var(--transition);background:transparent;padding:0 4px;border-radius:4px;line-height:1}.floating input:focus+label,.floating input:not(:placeholder-shown)+label{top:0;left:12px;font-size:.72rem;font-weight:700;color:var(--admin-accent);background:#fff;letter-spacing:.02em;text-transform:uppercase}.hint{font-size:.75rem;color:var(--text-soft);margin-top:6px;padding-left:4px}.color-picker-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:1.25rem 1.4rem;margin-bottom:1.5rem;border:1.5px solid var(--border);transition:border-color var(--transition)}.color-picker-card:hover{border-color:var(--border-focus)}.color-picker-card label{display:block;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.9rem;color:var(--text)}.color-row{display:flex;align-items:center;gap:12px}.swatch{width:40px;height:40px;border-radius:12px;border:2px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a;flex-shrink:0;transition:transform var(--transition-spring)}.swatch:hover{transform:scale(1.08)}.color-row input[type=color]{width:44px;height:44px;border:none;background:none;cursor:pointer;border-radius:8px;padding:0;flex-shrink:0}.hex-input{flex:1;height:44px;border:1.5px solid var(--border);border-radius:12px;padding:0 12px;font-family:DM Mono,monospace;font-size:.9rem;color:var(--text);background:#fff;outline:none;transition:all var(--transition)}.hex-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-glow)}.theme-cards{margin-bottom:1.5rem}.theme-cards label{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.9rem;display:block;color:var(--text)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:320px}.theme-card{border:1px solid var(--border);border-radius:14px;padding:.65rem;text-align:center;cursor:pointer;transition:all var(--transition-spring);background:#fff;position:relative;overflow:hidden}.theme-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--admin-accent);opacity:0;transition:opacity var(--transition)}.theme-card:hover{border-color:var(--admin-accent);transform:translateY(-3px);box-shadow:0 3px 10px #9f12391f}.theme-card img,.theme-card svg{width:100%;border-radius:8px;margin-bottom:.45rem;display:block;transition:transform var(--transition)}.theme-card:hover img,.theme-card:hover svg{transform:scale(1.03)}.theme-card span{font-size:.78rem;font-weight:600;color:var(--text-soft);display:block;transition:color var(--transition)}.theme-card.selected{border-color:var(--admin-accent);box-shadow:0 0 0 3.5px var(--admin-accent),0 4px 7px #9f12391f}.theme-card.selected span{color:var(--admin-accent)}.theme-card.selected img,.theme-card.selected svg{transform:scale(1.02)}.wizard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);gap:1rem}.success-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s ease both}.success-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;box-shadow:0 8px 24px #10b98159;animation:popIn .6s .15s cubic-bezier(.34,1.56,.64,1) both}.success-card h2{font-size:1.5rem;font-weight:700;margin:0 0 .6rem;color:var(--text);letter-spacing:-.02em}.success-card p{color:var(--text-soft);font-size:.9rem;line-height:1.6;margin:0}.org-list-container{padding:2rem 1.5rem;min-height:100vh;display:flex;justify-content:center;background:var(--bg)}.org-list-wrapper{width:100%}.org-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.org-list-header h1{font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin:0}.org-list-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem;color:var(--text-soft)}.org-card-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(max-width:640px){.org-card-grid{grid-template-columns:1fr}}.org-card{background:var(--card-bg);border-radius:16px;border:1.5px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition);display:flex;flex-direction:column;overflow:hidden}.org-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:#d1d5db}.org-card.expanded{box-shadow:var(--shadow-lg);border-color:var(--border-focus)}.org-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;border-left:4px solid var(--primary);transition:background var(--transition),border-color var(--transition);background:#fafbfc;border-bottom:1px solid transparent;position:relative}.org-card-header:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,99,235,.03) 0%,transparent 40%);pointer-events:none}.org-card-header:hover{background:#f1f5f9}.org-card.expanded .org-card-header{border-bottom-color:var(--border);background:var(--primary-light)}.org-card-avatar{width:70px;height:52px;border-radius:14px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1.5px solid var(--border);transition:transform var(--transition-spring);box-shadow:var(--shadow-sm)}.org-card:hover .org-card-avatar{transform:scale(1.05)}.org-card-avatar img{width:100%;height:100%;object-fit:cover}.org-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:-.02em}.org-card-info{flex:1;min-width:0}.org-card-info h3{font-size:1.05rem;font-weight:700;margin:0 0 .2rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.org-card-info p{font-size:.8rem;color:var(--text-soft);margin:0}.org-card-stats{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;flex-shrink:0}.badge{background:#e2e8f0;color:#334155;padding:.22rem .7rem;border-radius:20px;font-size:.72rem;font-weight:600;letter-spacing:.01em;transition:all var(--transition)}.badge:hover{background:#d1d5db}.badge-primary{background:#dbeafe;color:#1e40af}.badge-primary:hover{background:#bfdbfe}.badge-access-full{background:#dcfce7;color:#166534}.badge-access-view-only{background:#fef9c3;color:#854d0e}.chevron{font-size:.85rem;color:var(--text-soft);transition:transform var(--transition-spring),color var(--transition);flex-shrink:0}.chevron.open{transform:rotate(180deg);color:var(--primary)}.org-card-details{padding:1.5rem;background:#fff;border-radius:0 0 16px 16px;animation:fadeIn .22s ease both}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:.3rem}.detail-item label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.detail-item span,.detail-item code{font-size:.92rem;color:var(--text);word-break:break-word;font-weight:500}.api-key-row{display:flex;align-items:center;gap:.5rem}.api-key-row code{background:#f1f5f9;padding:.3rem .65rem;border-radius:8px;font-family:DM Mono,monospace;font-size:.78rem;border:1px solid var(--border);color:var(--text)}.color-display{display:flex;align-items:center;gap:.5rem}.color-swatch{width:1.5rem;height:1.5rem;border-radius:6px;border:1.5px solid rgba(0,0,0,.1);box-shadow:0 1px 4px #0000001a;flex-shrink:0}.org-card-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.org-empty{text-align:center;padding:4rem 2rem;color:var(--text-soft);font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background:#fff;border-radius:16px;border:1.5px dashed var(--border)}.admin-layout{display:flex;height:100vh;background:var(--bg);overflow:hidden}.admin-sidebar{width:272px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:2rem 1.25rem;box-shadow:2px 0 12px #0f172a0a;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.admin-sidebar-title{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1.25rem;color:var(--text);border-bottom:1px solid var(--border);letter-spacing:-.01em}.admin-tab{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:12px;border:none;background:transparent;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--text-soft);cursor:pointer;transition:all var(--transition);text-align:left;width:100%;position:relative;overflow:hidden}.admin-tab:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;background:var(--primary);border-radius:0 3px 3px 0;opacity:0;transform:scaleY(0);transition:all var(--transition-spring)}.admin-tab:hover{background:var(--primary-light);color:var(--primary)}.admin-tab.active{background:var(--primary-light);color:var(--primary);font-weight:700}.admin-tab.active:before{opacity:1;transform:scaleY(1)}.tab-icon{font-size:1.1rem;flex-shrink:0;transition:transform var(--transition-spring)}.admin-tab:hover .tab-icon,.admin-tab.active .tab-icon{transform:scale(1.15)}.admin-content{flex:1;overflow:auto;padding:2rem;background:var(--bg)}.admin-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1rem;gap:.75rem;text-align:center}.admin-placeholder:before{content:"👈";font-size:2.5rem}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fafc,#f1f5f9 45%,#fff1f2);padding:1.5rem;box-sizing:border-box;position:relative;overflow:hidden}.admin-login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 15% 20%,rgba(159,18,57,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(100,116,139,.09) 0%,transparent 60%);pointer-events:none}.admin-login-container:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(159,18,57,.06) 0%,transparent 70%);top:-120px;right:-120px;pointer-events:none}.admin-login-card{background:#fff;border-radius:22px;box-shadow:0 4px 6px #0000000a,0 12px 40px #00000017;border:1px solid rgba(0,0,0,.06);padding:2.5rem 2.25rem 2.25rem;width:100%;max-width:400px;animation:slideUp .45s cubic-bezier(.22,1,.36,1) both;position:relative;z-index:1}.admin-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-light) 50%,var(--admin-accent-dark));border-radius:22px 22px 0 0}.admin-login-brand{display:flex;align-items:center;gap:14px;margin-bottom:2rem}.admin-login-brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em;flex-shrink:0;box-shadow:0 4px 14px #9f12394d}.admin-login-brand-name{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.1}.admin-login-brand-sub{font-size:12px;color:#94a3b8;font-weight:500;margin-top:3px}.admin-login-title{display:none}.admin-login-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;margin-bottom:1.5rem;border-radius:999px;background:var(--admin-accent-soft);border:1px solid var(--admin-accent-border);color:var(--admin-accent-dark);font-size:11.5px;font-weight:700;letter-spacing:.02em}.admin-login-field-wrap{position:relative;display:flex;align-items:center}.admin-login-field-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;display:flex}.admin-login-field-wrap .admin-login-input{padding-left:40px}.admin-login-field-wrap:focus-within .admin-login-field-icon{color:var(--admin-accent)}.admin-login-password-toggle{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:6px}.admin-login-password-toggle:hover{color:#475569;background:#f1f5f9}.admin-login-error{display:flex;align-items:center;gap:8px}.admin-login-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f1f5f9;text-align:center;font-size:11.5px;color:#94a3b8}.admin-login-form{display:flex;flex-direction:column;gap:1.25rem}.admin-login-label{display:block;font-size:.78rem;font-weight:700;color:#334155;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.admin-login-input{width:100%;padding:.8rem 1rem;font-family:"DM Sans",inherit;font-size:.975rem;border:1.5px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#1e293b;transition:all var(--transition);box-sizing:border-box;outline:none}.admin-login-input:hover:not(:focus){border-color:var(--admin-accent-border);background:#fff}.admin-login-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3.5px var(--admin-accent-glow);background:#fff}.admin-login-input::placeholder{color:#94a3b8}.admin-login-error{background:#fee2e2;color:#b91c1c;font-size:.865rem;font-weight:500;padding:.75rem 1rem;border-radius:10px;margin-bottom:.25rem;border-left:4px solid #dc2626;animation:fadeIn .2s ease both}.admin-login-button{width:100%;padding:.875rem;font-family:"DM Sans",inherit;font-size:.975rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%);border:none;border-radius:12px;cursor:pointer;transition:all var(--transition);margin-top:.5rem;letter-spacing:.01em;box-shadow:0 4px 14px #9f123959,inset 0 1px #ffffff2e}.admin-login-button:hover:not(:disabled){background:linear-gradient(135deg,var(--admin-accent-dark) 0%,var(--admin-accent-darker) 100%);transform:translateY(-1px);box-shadow:0 8px 22px #9f123973}.admin-login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #9f12394d}.admin-login-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:768px){.admin-layout{flex-direction:column;height:auto;min-height:100vh}.admin-sidebar{width:100%;height:auto;padding:1.25rem 1rem;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;gap:.5rem;overflow-y:visible;overflow-x:auto}.admin-sidebar-title{width:100%;margin-bottom:.75rem;padding-bottom:.75rem}.admin-tab{flex:1 1 auto;min-width:120px;justify-content:center;text-align:center;padding:.7rem .75rem}.admin-tab:before{display:none}.admin-content{padding:1.25rem}.wizard-card,.auth-card{padding:1.75rem 1.25rem 1.5rem}.org-card-grid{grid-template-columns:1fr}.org-card-header{flex-wrap:wrap;gap:.75rem}.org-card-stats{width:100%;flex-wrap:wrap;gap:.4rem}.wizard-footer{flex-direction:column-reverse;gap:.75rem}.wizard-footer .btn{width:100%;justify-content:center}.step-label{font-size:.65rem}.org-tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-login-card{padding:2rem 1.5rem 1.75rem}.org-expand-body{grid-template-columns:1fr}.org-branding-panel{border-right:none;border-bottom:1px solid #e2e8f0}.org-info-strip{flex-direction:column;align-items:flex-start}.org-info-item{border-right:none;padding:4px 0}.admin-issue-card{flex-wrap:wrap}.limits-grid{grid-template-columns:1fr}}@media(max-width:480px){.auth-container{padding:2rem 1rem 1rem;align-items:flex-start}.auth-card,.wizard-card{border-radius:16px;padding:1.5rem 1rem 1.25rem}.admin-login-card{padding:1.75rem 1.25rem 1.5rem}.details-grid{grid-template-columns:1fr}.step-circle{width:28px;height:28px;font-size:.78rem}.step-label{display:none}.org-card-avatar{width:52px;height:40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.subdomain-checking{display:flex;align-items:center;justify-content:center}.subdomain-checking__spinner{display:block;width:36px;height:36px;border:3px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}.subdomain-error-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:3rem 2.5rem 2.5rem;max-width:420px;width:100%;text-align:center;position:relative;z-index:1;border:1px solid rgba(255,255,255,.8)}.subdomain-error-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f97316);border-radius:var(--radius) var(--radius) 0 0}.subdomain-error-icon{font-size:2.5rem;margin-bottom:1rem;line-height:1;color:#f97316}.subdomain-error-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .75rem;letter-spacing:-.02em}.subdomain-error-msg{font-size:.9rem;color:var(--text-soft);line-height:1.65;margin:0}.subdomain-error-msg strong{color:var(--text);font-weight:600}.logo-upload-wrapper{margin-top:24px}.logo-upload-label{font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--text-secondary, #64748b);margin-bottom:8px;display:block}.logo-upload-area{border:2px dashed var(--border-color, #cbd5e1);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s;border-color:var(--admin-accent);background-color:var(--admin-accent-soft-2)}.logo-upload-area:focus-within{border-color:var(--admin-accent);background-color:var(--admin-accent-soft-2)}.logo-upload-area:hover,.logo-upload-area:focus-within{border-color:var(--admin-accent);background-color:var(--admin-accent-soft-2)}.upload-placeholder{color:var(--text-muted, #94a3b8)}.upload-icon{font-size:2rem;margin-bottom:8px}.upload-placeholder strong{color:var(--admin-accent);cursor:pointer}.upload-hint{font-size:.75rem;margin-top:4px}.logo-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-preview-img{max-width:120px;max-height:80px;object-fit:contain;border-radius:8px;border:1px solid var(--border-color, #e2e8f0)}.logo-file-name{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-primary, #1e293b);background:var(--bg-chip, #f1f5f9);padding:4px 12px;border-radius:100px}.remove-logo-btn{background:none;border:none;color:var(--text-danger, #ef4444);font-weight:700;cursor:pointer;padding:0 4px;line-height:1;font-size:1rem}.remove-logo-btn:hover{color:#dc2626}.branding-section{margin-top:24px;background:#f8fafc;border-radius:16px;padding:20px;border:1px solid #e2e8f0}.branding-section-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:#0f172a;margin-bottom:16px}.branding-icon{font-size:1.2rem}.branding-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.branding-col{flex:1;min-width:200px}.branding-col label{display:block;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;color:#334155}.color-picker-row{display:flex;align-items:center;gap:12px}.color-picker-row .swatch{width:40px;height:40px;border-radius:12px;border:2px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a;flex-shrink:0}.color-picker-row input[type=color]{width:44px;height:44px;border:none;background:none;cursor:pointer;border-radius:8px;padding:0;flex-shrink:0}.color-picker-row .hex-input{flex:1;height:44px;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 12px;font-family:DM Mono,monospace;font-size:.9rem;color:#0f172a;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.color-picker-row .hex-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-glow)}.theme-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:280px}.theme-option-card{border:2px solid #e2e8f0;border-radius:12px;padding:6px;text-align:center;cursor:pointer;transition:all .22s ease;background:#fff}.theme-option-card:hover{border-color:var(--admin-accent-border);transform:translateY(-2px)}.theme-option-card.selected{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-glow)}.theme-option-card img,.theme-option-card svg{width:100%;border-radius:8px;margin-bottom:4px}.theme-option-card span{font-size:.75rem;font-weight:600;color:#334155}.theme-option-card.selected span{color:var(--admin-accent)}.logo-upload-box{border:2px dashed #cbd5e1;border-radius:12px;padding:16px;text-align:center;transition:border-color .2s,background-color .2s;background:#fff;min-height:80px;display:flex;align-items:center;justify-content:center}.logo-upload-box:hover{border-color:var(--admin-accent);background:var(--admin-accent-soft-2)}.logo-preview-new,.current-logo-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-preview-new img,.current-logo-preview img{max-width:120px;max-height:60px;object-fit:contain;border-radius:8px;border:1px solid #e2e8f0}.logo-preview-new button,.current-logo-preview button{font-size:.8rem;font-weight:500;color:var(--admin-accent);background:none;border:none;cursor:pointer;text-decoration:underline}.logo-preview-new button:hover,.current-logo-preview button:hover{color:var(--admin-accent-dark)}.upload-placeholder{color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.save-branding-btn{margin-top:16px;width:100%}.users-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.users-section-header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #111827)}.users-icon{font-size:1.2rem}.admin-user-table{width:100%;border-collapse:collapse;font-size:.875rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.admin-user-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #e2e8f0}.admin-user-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#1e293b}.admin-user-table tbody tr:last-child td{border-bottom:none}.admin-user-table tbody tr:hover{background:#f8fafc}.add-user-toggle{margin:1rem 0 0}.add-user-form{margin-top:1rem;padding:1rem;background:var(--bg-input, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #374151)}.form-input{padding:.625rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary-color, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.checkbox-group{flex-direction:column}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.checkbox-hint{margin-top:.25rem;margin-left:1.75rem;font-size:.75rem;color:var(--text-muted, #9ca3af)}.loading-spinner{display:flex;justify-content:center;padding:1.5rem}.spinner{width:24px;height:24px;border:3px solid var(--border-color, #5e6167);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-message{color:var(--text-muted, #6b7280);font-style:italic;padding:1rem 0}.animate-fadeIn{animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.org-expand-panel{background:#fff;border-radius:0 0 16px 16px;animation:fadeIn .22s ease both}.org-info-strip{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.org-info-item{display:flex;align-items:center;gap:8px;padding:6px 20px;border-right:1px solid #e2e8f0;min-width:0}.org-info-item:first-child{padding-left:0}.org-info-item:last-child{border-right:none;flex:1}.org-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;flex-shrink:0}.org-info-value{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-expand-body{display:grid;grid-template-columns:1fr 1fr;align-items:start}.org-branding-panel{padding:20px 24px;border-right:1px solid #e2e8f0}.org-members-panel{padding:20px 24px}.org-panel-heading{display:flex;align-items:center;gap:7px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#475569;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.org-field-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:7px}.org-expand-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px}.branding-notif{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-top:12px;animation:fadeIn .2s ease}.branding-notif--success{background:#dcfce7;color:#166534;border:1px solid #a7f3d0}.branding-notif--error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.org-tab-nav{display:flex;align-items:center;gap:2px;padding:10px 20px 0;background:#f8fafc;border-bottom:1px solid #e2e8f0;overflow-x:auto;flex-wrap:nowrap}.org-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-bottom:2px solid transparent;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:color .18s ease,border-color .18s ease;white-space:nowrap;border-radius:8px 8px 0 0}.org-tab-btn:hover{color:#1e293b;background:#f1f5f9}.org-tab-btn.active{color:var(--admin-accent);border-bottom-color:var(--admin-accent);font-weight:700;background:#fff}.org-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e2e8f0;color:#475569;font-size:10px;font-weight:700}.org-tab-count--red{background:#fef2f2;color:#ef4444;border:1px solid #fecaca}.org-tab-content{background:#fff}.org-tab-panel{padding:22px 24px;animation:fadeIn .2s ease both}.branding-form{display:flex;flex-direction:column;gap:18px;max-width:480px}.branding-field{display:flex;flex-direction:column;gap:8px}.branding-field.logo-field{padding-top:18px;border-top:1px solid #e2e8f0}.branding-form--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;max-width:1180px;align-items:start}.branding-form--grid .branding-field.logo-field{padding-top:0;border-top:none}.branding-form--grid .theme-option-grid{max-width:360px}.branding-form--grid .logo-upload-box{min-height:150px}.branding-form--grid .branding-actions{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid #e2e8f0}.branding-form--grid .save-branding-btn{margin-top:0}@media(max-width:900px){.branding-form--grid{grid-template-columns:minmax(0,1fr);max-width:520px;gap:20px}}.members-table-wrap{max-height:280px;overflow-y:auto;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:12px;padding:0}.issues-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:#64748b;font-size:13.5px}.admin-issues-list{display:flex;flex-direction:column;gap:10px}.admin-issue-card{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:10px;border:1px solid #e2e8f0;border-left:4px solid #e2e8f0;background:#fafbfc;transition:box-shadow .18s ease}.admin-issue-card:hover{box-shadow:0 2px 8px #0f172a0f}.admin-issue-body{flex:1;min-width:0}.admin-issue-reporter{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:4px}.admin-issue-subject{font-size:13px;font-weight:700;color:#1e293b;margin:0 0 3px}.admin-issue-desc{font-size:13.5px;color:#1e293b;margin:0 0 5px;line-height:1.5;word-break:break-word}.admin-issue-date{font-size:11.5px;color:#94a3b8}.admin-issue-status-wrap{flex-shrink:0;display:flex;align-items:center}.issue-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px 5px 9px;border-radius:20px;border:1px solid;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease}.issue-status-pill:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.issue-status-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0f;overflow:hidden;min-width:148px;animation:fadeIn .15s ease both}.issue-status-option{display:flex;align-items:center;gap:9px;width:100%;padding:9px 14px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:#334155;cursor:pointer;text-align:left;transition:background .12s ease}.issue-status-option:hover{background:#f8fafc}.issue-status-option.active{font-weight:700;background:#f1f5f9}.limits-form{padding:20px;display:flex;flex-direction:column;gap:20px}.limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.limits-field{display:flex;flex-direction:column;gap:5px}.limits-field--full{grid-column:1 / -1}.limits-field label{font-size:11.5px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.limits-field input[type=number],.limits-field input[type=text]{padding:8px 11px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;color:#0f172a;background:#f8fafc;transition:border-color .15s,box-shadow .15s}.limits-field input[type=number]:focus,.limits-field input[type=text]:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-glow);background:#fff}.limits-field .limits-hint{font-size:11px;color:#94a3b8}.limits-toggles{display:flex;flex-direction:column;gap:12px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.limits-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.limits-toggle-label{display:flex;flex-direction:column;gap:2px}.limits-toggle-label span:first-child{font-size:13px;font-weight:600;color:#0f172a}.limits-toggle-label span:last-child{font-size:11.5px;color:#64748b}.limits-switch{position:relative;width:38px;height:22px;border-radius:999px;background:#cbd5e1;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s}.limits-switch.on{background:var(--admin-accent)}.limits-switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.limits-switch.on .limits-switch-thumb{transform:translate(16px)}.error-card,.success-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:10px;font-size:13px;font-weight:500;margin:10px 0;animation:fadeIn .25s ease both}.error-card{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.success-card{background:#f0fdf4;border:1px solid #86efac;color:#166534}.close-btn{background:none;border:none;cursor:pointer;color:inherit;font-size:1.1rem;line-height:1;padding:0 4px;opacity:.7;transition:opacity .15s ease;flex-shrink:0}.close-btn:hover{opacity:1}.features-form{display:flex;flex-direction:column;gap:18px}.features-desc{font-size:13px;color:#64748b;margin:0 0 4px}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-layout .admin-content{background:#f4f7fb;padding:0}.admin-layout .form-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-glow)}.admin-sidebar-v2{width:230px;min-width:230px;background:#fff;border-right:1px solid #e4e9f0;display:flex;flex-direction:column;padding:0;gap:0;box-shadow:2px 0 8px #0000000a}.admin-sidebar-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 16px;border-bottom:1px solid #edf0f5}.admin-sidebar-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:17px;font-weight:900;letter-spacing:-.04em;box-shadow:0 2px 8px #9f123952}.admin-sidebar-brand-text{font-size:14.5px;font-weight:700;color:#1a2332;letter-spacing:-.01em}.admin-sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;color:#5a6478;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:500;text-align:left;width:100%;transition:background .15s,color .15s}.admin-nav-item:hover{background:var(--admin-accent-soft-2);color:var(--admin-accent)}.admin-nav-item.active{background:linear-gradient(135deg,var(--admin-accent-soft-2) 0%,var(--admin-accent-soft) 100%);color:var(--admin-accent-dark);font-weight:600;border-left:3px solid var(--admin-accent);padding-left:9px}.admin-nav-icon{display:flex;align-items:center;flex-shrink:0}.admin-nav-label{line-height:1}.admin-signout-btn{display:flex;align-items:center;gap:8px;margin:10px;padding:9px 12px;border:1px solid #fca5a5;background:#fff5f5;color:#ef4444;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.admin-signout-btn:hover{background:#fee2e2;border-color:#ef4444}.admin-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#94a3b8;text-align:center;padding:40px;background:#f8fafc}.admin-empty-page svg{color:var(--admin-accent-border)}.admin-empty-page h2{font-size:22px;font-weight:700;color:#1e293b;margin:0}.admin-empty-page p{font-size:14px;margin:0;color:#94a3b8}.org-page-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid #e4e9f0;background:#fff}.org-page-header-left{display:flex;align-items:center;gap:14px}.org-page-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #9f123940}.org-page-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.org-page-sub{font-size:13px;color:#94a3b8;margin:3px 0 0}.btn-create-org{display:flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #9f12394d;transition:opacity .15s,box-shadow .15s}.btn-create-org:hover{opacity:.92;box-shadow:0 4px 14px #9f123966}.org-search-bar{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid #e4e9f0;background:#fff}.org-search-input-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e4e9f0;border-radius:9px;padding:9px 12px;transition:border-color .15s}.org-search-input-wrap:focus-within{border-color:var(--admin-accent)}.org-search-input{flex:1;border:none;background:transparent;color:#1e293b;font-size:14px;outline:none}.org-search-input::placeholder{color:#b0bac9}.org-search-clear{border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:0}.org-search-count{font-size:13px;color:#94a3b8;white-space:nowrap}.org-card-grid{display:flex;flex-direction:column;gap:10px;padding:18px 24px}.org-card-v2{background:#fff;border:1px solid #e4e9f0;border-radius:14px;overflow:hidden;transition:box-shadow .18s,border-color .18s,transform .15s}.org-card-v2:hover{box-shadow:0 4px 18px #9f12391a;border-color:var(--admin-accent-border);transform:translateY(-1px)}.org-card-v2.expanded{box-shadow:0 6px 24px #9f123926;border-color:var(--admin-accent-light)}.org-card-v2-header{display:flex;cursor:pointer}.org-card-accent{width:5px;flex-shrink:0}.org-card-v2-body{flex:1;padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px}.org-card-v2-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.org-card-v2-identity{display:flex;align-items:center;gap:12px}.org-avatar-img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;border:2px solid #e4e9f0}.org-avatar-v2{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.org-card-v2-name{font-size:16px;font-weight:700;color:#1a2332;line-height:1.2}.org-card-v2-email{display:flex;align-items:center;gap:4px;font-size:12px;color:#8a94a6;margin-top:3px}.org-card-v2-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.org-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.org-status-badge.active{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.org-status-badge.inactive{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.org-vip-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;letter-spacing:.03em}.org-card-v2.vip{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf242e,0 4px 18px #fbbf241f}.org-card-v2.vip:hover{box-shadow:0 0 0 2px #fbbf244d,0 6px 24px #fbbf2433;border-color:#f59e0b;transform:translateY(-1px)}.org-card-v2.vip.expanded{box-shadow:0 0 0 2px #fbbf2459,0 8px 28px #fbbf2438;border-color:#f59e0b}.limits-switch.vip-switch.on{background:linear-gradient(135deg,#f59e0b,#d97706)}.org-chevron{color:#b0bac9;transition:transform .2s ease;flex-shrink:0}.org-chevron.open{transform:rotate(180deg);color:var(--admin-accent)}.org-stats-row{display:flex;border:1px solid #edf0f5;border-radius:10px;overflow:hidden;background:#f8fafc}.org-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 6px;gap:4px;border-right:1px solid #edf0f5}.org-stat:last-child{border-right:none}.org-stat-value{font-size:15px;font-weight:700;color:#1a2332;line-height:1}.org-stat-label{display:flex;align-items:center;gap:3px;font-size:10.5px;color:#8a94a6;font-weight:500}.org-card-v2-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.org-feature-chips{display:flex;gap:5px;flex-wrap:wrap}.org-feature-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.org-feature-chip.on{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.org-feature-chip.off{background:#f1f5f9;color:#b0bac9;border:1px solid #e2e8f0;text-decoration:line-through}.org-card-date{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#b0bac9;white-space:nowrap;flex-shrink:0}.admin-main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.admin-topbar{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:500;border-bottom:1px solid transparent;flex-shrink:0}.admin-topbar--info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.admin-topbar--warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.admin-topbar--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.org-list-container.ac-page{min-height:0;height:100%;padding:1.5rem;align-items:stretch}.ac-page .org-list-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.ac-card{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e9f0;border-top:none;border-radius:0 0 14px 14px;overflow:hidden}.ac-split{flex:1;min-height:0;display:flex}.ac-pane-orgs{flex:0 0 264px;min-height:0;display:flex;flex-direction:column;border-right:1px solid #e4e9f0;background:#fafbfc}.ac-pane-search{display:flex;align-items:center;gap:8px;margin:12px;padding:8px 11px;background:#fff;border:1px solid #e4e9f0;border-radius:9px;transition:border-color .15s}.ac-pane-search:focus-within{border-color:var(--admin-accent)}.ac-pane-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:13px;color:#1e293b}.ac-pane-search input::placeholder{color:#b0bac9}.ac-pane-search--sm{margin:0;flex:0 0 220px}.ac-org-scroll{flex:1;overflow-y:auto;padding:0 8px 12px;display:flex;flex-direction:column;gap:2px}.ac-org-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:9px 11px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;color:#475569;transition:background .12s,color .12s}.ac-org-item:hover{background:var(--admin-accent-soft-2)}.ac-org-item.active{background:var(--admin-accent-soft);color:var(--admin-accent-dark);font-weight:700}.ac-org-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-org-item-count{flex-shrink:0;font-size:11.5px;font-weight:600;color:#94a3b8;background:#eef1f5;border-radius:20px;padding:1px 8px;min-width:22px;text-align:center}.ac-org-item.active .ac-org-item-count{color:var(--admin-accent-dark);background:#fff}.ac-pane-agents{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:18px 20px;overflow:hidden}.ac-agents-head{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #e4e9f0}.ac-agents-title{font-size:16px;font-weight:700;color:#1a2332}.ac-agents-sub{font-size:12.5px;color:#94a3b8;margin-top:2px}.ac-pane-empty{padding:40px 16px;text-align:center;color:#94a3b8;font-size:13.5px}.ac-pane-empty--lg{padding:90px 16px}.ac-agent-table-wrap{flex:1;min-height:0;overflow:auto}.ac-agent-table{width:100%}.ac-agent-table td{vertical-align:middle}.ac-agent-table .ac-col-agent{width:40%;text-align:left}.ac-agent-table .ac-col-c{text-align:center}.ac-agent-type{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--admin-accent-dark);background:var(--admin-accent-soft);border:1px solid var(--admin-accent-border);border-radius:20px;padding:2px 8px}.ac-icon-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--admin-accent-border);background:var(--admin-accent-soft-2);color:var(--admin-accent-dark);border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s}.ac-icon-btn:hover{background:var(--admin-accent-soft);border-color:var(--admin-accent-light)}@media(max-width:720px){.ac-split{flex-direction:column;min-height:0}.ac-pane-orgs{flex-basis:auto;border-right:none;border-bottom:1px solid #e4e9f0;max-height:220px}.ac-pane-search--sm{flex-basis:150px}}.email-compose-grid{display:flex;flex-direction:column;gap:18px;max-width:640px}.email-field{display:flex;flex-direction:column;gap:8px;position:relative}.email-ccbcc-toggle{align-self:flex-start;border:none;background:transparent;color:var(--admin-accent);font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 0}.email-ccbcc-toggle:hover{text-decoration:underline}.org-combobox{position:relative}.org-combobox-input-wrap{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e4e9f0;border-radius:9px;padding:9px 12px;transition:border-color .15s}.org-combobox-input-wrap:focus-within{border-color:var(--admin-accent)}.org-combobox-input{flex:1;border:none;background:transparent;color:#1e293b;font-size:14px;outline:none;min-width:0}.org-combobox-input::placeholder{color:#b0bac9}.org-combobox-input:disabled{cursor:not-allowed}.org-combobox-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #e4e9f0;border-radius:10px;box-shadow:0 10px 30px #0f172a1f;z-index:40;padding:6px}.org-combobox-empty{padding:14px 10px;text-align:center;color:#94a3b8;font-size:13px}.org-combobox-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-family:inherit}.org-combobox-option:hover{background:#f1f5f9}.org-combobox-option.selected{background:var(--admin-accent-soft)}.org-combobox-option-name{font-size:13.5px;font-weight:600;color:#1e293b}.org-combobox-option-sub{font-size:11.5px;color:#94a3b8}.recipient-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:7px;cursor:pointer;font-family:inherit}.recipient-option:hover{background:#f1f5f9}.recipient-option input[type=checkbox]{flex-shrink:0}.recipient-chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;background:#f8fafc;border:1px solid #e4e9f0;border-radius:9px;padding:6px 10px}.recipient-chip-placeholder{color:#b0bac9;font-size:14px}.recipient-chip{display:inline-flex;align-items:center;gap:6px;background:var(--admin-accent-soft);color:var(--admin-accent-dark);border:1px solid var(--admin-accent-border);border-radius:999px;padding:4px 8px 4px 10px;font-size:12.5px;font-weight:600}.recipient-chip svg{cursor:pointer;flex-shrink:0}.recipient-chip svg:hover{color:var(--admin-accent-darker)}.rich-text-toolbar{display:flex;align-items:center;gap:4px;padding:6px;background:#f8fafc;border:1px solid #e4e9f0;border-bottom:none;border-radius:9px 9px 0 0}.rich-text-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:6px;color:#475569;cursor:pointer}.rich-text-toolbar button:hover{background:#e2e8f0;color:#1e293b}.rich-text-toolbar-spacer{flex:1}.rephrase-btn{width:auto!important;display:inline-flex;align-items:center;gap:6px;padding:0 12px!important;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-accent-dark) 100%)!important;color:#fff!important;font-size:12.5px;font-weight:600}.rephrase-btn:hover{opacity:.92}.rephrase-btn:disabled{opacity:.7;cursor:not-allowed}.rich-text-box-wrap{position:relative}.rich-text-box{min-height:220px;max-height:420px;overflow-y:auto;padding:14px 16px;border:1px solid #e4e9f0;border-radius:0 0 9px 9px;font-size:14px;line-height:1.6;color:#1e293b;outline:none}.rich-text-box:focus{border-color:var(--admin-accent)}.rich-text-box p{margin:0 0 10px}.rich-text-box:empty:before{content:attr(data-placeholder);color:#b0bac9;pointer-events:none}.rich-text-box-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ffffffb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:0 0 9px 9px;color:var(--admin-accent-dark);font-size:13.5px;font-weight:600}.email-history-list{display:flex;flex-direction:column;gap:10px}.email-history-card{border:1px solid #e2e8f0;border-radius:10px;background:#fafbfc;overflow:hidden}.email-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer}.email-history-row:hover{background:#f1f5f9}.email-history-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.email-status-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0;background:#94a3b8}.email-status-dot.sent{background:#22c55e}.email-status-dot.failed{background:#ef4444}.email-history-subject{font-size:14px;font-weight:600;color:#1e293b}.email-history-meta{font-size:12px;color:#94a3b8;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:480px}.email-history-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.email-history-date{font-size:12px;color:#94a3b8;white-space:nowrap}.email-history-detail{padding:4px 16px 16px 35px;font-size:13px;color:#475569;border-top:1px solid #e2e8f0;background:#fff}.email-history-detail p{margin:8px 0 0}.email-history-body{margin-top:10px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13.5px;line-height:1.6;max-height:300px;overflow-y:auto}.email-history-body p{margin:0 0 10px}.template-picker{display:flex;gap:10px;flex-wrap:wrap}.template-card{flex:1 1 170px;min-width:160px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;border:1.5px solid #e4e9f0;border-radius:12px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.template-card:hover{border-color:var(--admin-accent-border);transform:translateY(-1px);box-shadow:0 4px 12px #9f123914}.template-card.selected{border-color:var(--admin-accent);background:var(--admin-accent-soft-2);box-shadow:0 0 0 3px var(--admin-accent-glow)}.template-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--admin-accent-soft);color:var(--admin-accent);margin-bottom:2px}.template-card.selected .template-card-icon{background:var(--admin-accent);color:#fff}.template-card-title{font-size:13px;font-weight:700;color:#1e293b}.template-card-desc{font-size:11.5px;color:#94a3b8;line-height:1.35}.template-placeholder{background:var(--admin-accent-soft);color:var(--admin-accent-dark);padding:1px 4px;border-radius:4px;font-weight:600;cursor:text}.landing-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f1f5f9;padding:2rem}.landing-card-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;max-width:1200px;width:50%}.landing-card{background-color:#fff;border-radius:1.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.landing-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005;border-color:#cbd5e1}.landing-card-icon{font-size:3rem;margin-bottom:1rem}.landing-card h3{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#0f172a}.landing-card p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.org-card{transition:all .2s ease}.org-card:hover{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005}.detail-item{margin-bottom:1rem}.detail-item label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.detail-item p,.detail-item code{font-size:.9rem;margin-top:.25rem}@media(max-width:768px){.landing-card-grid{grid-template-columns:1fr;gap:1.25rem;width:90%}.landing-container{padding:1.25rem}}.color-input-group{display:flex;align-items:center;gap:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.color-swatch-btn{width:44px;height:44px;padding:0;border:none;border-right:1px solid var(--border-color);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.color-swatch-btn input[type=color]{width:100%;height:100%;border:none;background:transparent;cursor:pointer;opacity:0;position:absolute}.color-swatch-inner{width:30px;height:30px;border-radius:6px;background-color:#2563eb;border:1px solid var(--border-color);pointer-events:none}.hex-input{width:120px;padding:10px 14px;border:none;font-family:monospace;font-size:14px;background:var(--card-bg);color:var(--text-primary);outline:none}.hex-input:focus{background:var(--primary-soft-bg)}.theme-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}.theme-card{cursor:pointer;border-radius:12px;overflow:hidden;border:3px solid transparent;transition:all .2s ease;background:var(--card-bg);box-shadow:0 2px 8px #0000000d}.theme-card.selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb}.theme-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:linear-gradient(to bottom,#2563eb,#eff6ff)}.theme-card-preview{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.theme-card-preview img{width:100%;height:100%;object-fit:cover;display:block}.theme-card-label{padding:10px 8px;text-align:center;font-weight:600;font-size:14px;text-transform:capitalize;color:#2563eb;background:var(--card-bg)}.groups-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 0;color:var(--text-muted);font-size:14px}.groups-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:groupspin .75s linear infinite}@keyframes groupspin{to{transform:rotate(360deg)}}.contact-groups-page .empty-groups-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 0;color:var(--text-muted)}.contact-groups-page .empty-groups-state .empty-icon{font-size:2.2rem;opacity:.6}.contact-groups-page .group-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:15px}.contact-groups-page .group-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:25px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:relative;overflow:hidden}.contact-groups-page .group-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),#6366f1);border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.contact-groups-page .group-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.contact-groups-page .group-card:hover:before{opacity:1}.contact-groups-page .group-card-icon{font-size:1.8rem;background:linear-gradient(135deg,var(--primary-soft-bg),var(--primary-border));border-radius:var(--radius-lg);width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color);box-shadow:var(--shadow-xs)}.contact-groups-page .group-card-body{flex:1;min-width:0;width:100%}.contact-groups-page .group-card-header{margin-bottom:15px;display:flex;flex-direction:column;align-items:flex-start}.contact-groups-page .group-name{font-size:18px;font-weight:600;margin:0 0 5px;color:var(--text-primary)}.contact-groups-page .group-uuid{font-size:12px;color:var(--text-muted);font-family:monospace}.contact-groups-page .group-card-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:15px;width:100%;margin-top:15px}.contact-groups-page .stat{text-align:left;flex:none;padding:10px 0;border-top:1px solid var(--border-color)}.contact-groups-page .stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:3px}.contact-groups-page .stat-value.completed{color:#16a34a}.contact-groups-page .stat-value.no-answer{color:#dc2626}.contact-groups-page .stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:500}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),#6366f1);opacity:0;transition:opacity var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-border)}.stat-card:hover:after{opacity:1}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.stat-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;background:linear-gradient(135deg,var(--primary-soft-bg),var(--primary-border));font-size:1.3rem}.contact-groups-page .filter-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-xs)}.contact-groups-page .filter-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px}.contact-groups-page .filter-inputs{display:flex;gap:12px;flex-wrap:wrap}.contact-groups-page .filter-input-group{flex:1;min-width:150px}.contact-groups-page .filter-label{display:block;font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.contact-groups-page .filter-input-group input{width:100%;padding:8px 11px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13.5px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-groups-page .filter-input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.contact-groups-page .table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-height:200px}.contact-groups-page .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.contact-groups-page .table{min-width:520px}.contact-groups-page .table{width:100%;border-collapse:collapse;font-size:13.5px}.contact-groups-page .table thead{background:var(--surface-alt)}.contact-groups-page .table th{padding:12px 16px;text-align:left;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.contact-groups-page .table td{padding:12px 16px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.contact-groups-page .table tr:last-child td{border-bottom:none}.contact-groups-page .contact-row:hover{background-color:var(--hover-bg)}.contact-groups-page .contact-name{font-weight:500;color:var(--text-primary)}.contact-groups-page .meta-date{color:var(--text-muted);font-size:12px}.contact-groups-page .table-empty-state{text-align:center;padding:48px 24px}.contact-groups-page .empty-state-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted)}.contact-groups-page .empty-state-content .empty-icon{font-size:2.2rem;opacity:.6}.contact-groups-page .empty-state-content p{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.contact-groups-page .empty-state-content small{font-size:12px;color:var(--text-muted)}.contact-groups-page .pagination{display:flex;align-items:center;justify-content:center;padding:14px 16px;gap:12px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-secondary)}.contact-groups-page .pagination button{padding:5px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:13px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.contact-groups-page .pagination button:disabled{opacity:.45;cursor:not-allowed}.contact-groups-page .pagination button:not(:disabled):hover{background:var(--hover-bg);border-color:var(--border-strong)}.contact-groups-page .modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.contact-groups-page .modal-content{background:var(--card-bg);border-radius:var(--radius-xl);width:90%;max-width:520px;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:26px;animation:slideIn .2s ease}.contact-groups-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contact-groups-page .modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.contact-groups-page .btn-close{background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.contact-groups-page .btn-close:hover{background:var(--hover-bg);color:var(--text-secondary)}.contact-groups-page .create-group-modal .form-group{margin-bottom:16px}.contact-groups-page .create-group-modal label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.contact-groups-page .create-group-modal input{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-groups-page .create-group-modal input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.contact-groups-page .field-hint{display:block;margin-top:5px;font-size:12px;color:var(--text-muted)}.contact-groups-page .error-message{color:#dc2626;font-size:13px;margin:6px 0}.contact-groups-page .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.contact-groups-page .add-contact-modal{max-width:500px;width:90%}.contact-groups-page .add-contact-form .form-group{margin-bottom:14px}.contact-groups-page .add-contact-form label{display:block;font-weight:600;font-size:13px;color:var(--text-secondary);margin-bottom:5px}.contact-groups-page .add-contact-form input,.contact-groups-page .add-contact-form textarea{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary)}.contact-groups-page .add-contact-form textarea{resize:vertical}.contact-groups-page .add-contact-form .form-group-checkbox{margin-bottom:0}.contact-groups-page .add-contact-form .form-group-checkbox label{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13.5px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;margin-bottom:0;border-radius:var(--radius-sm);background:var(--surface-alt);transition:background-color var(--transition-fast)}.contact-groups-page .add-contact-form .form-group-checkbox label:hover{background:var(--hover-bg)}.contact-groups-page .add-contact-form .form-group-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);margin:0;cursor:pointer;flex-shrink:0}.contact-groups-page .avatar-upload-wrapper{display:flex;justify-content:center;margin-bottom:18px}.contact-groups-page .avatar-upload-circle{position:relative;width:88px;height:88px;border-radius:50%;border:2px dashed var(--border-color);background:var(--surface-alt);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;color:var(--text-muted);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.contact-groups-page .avatar-upload-circle:hover{border-color:var(--primary-color);background:var(--hover-bg)}.contact-groups-page .avatar-upload-circle img{width:100%;height:100%;object-fit:cover}.contact-groups-page .avatar-upload-circle .avatar-upload-hint{font-size:11px;text-align:center;padding:0 6px}.contact-groups-page .avatar-upload-remove{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;border:none;background:#dc2626;color:#fff;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.contact-groups-page .no-more-fields-msg{font-size:13px;color:var(--text-muted);margin:0}.contact-groups-page .more-fields-editor{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px;background:var(--surface-alt)}.contact-groups-page .more-fields-row{display:grid;grid-template-columns:minmax(90px,1fr) 1.4fr auto;gap:8px;align-items:center}.contact-groups-page .more-fields-key{font-size:12px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;background:var(--hover-bg);border-radius:var(--radius-sm)}.contact-groups-page .more-fields-key-input{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);width:100%}.contact-groups-page .more-fields-value{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);width:100%}.contact-groups-page .more-fields-remove-btn{background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.contact-groups-page .more-fields-remove-btn svg{width:14px;height:14px}.contact-groups-page .more-fields-remove-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444;transform:scale(1.08)}.contact-groups-page .more-fields-editor-wrapper{display:flex;flex-direction:column;gap:10px}.contact-groups-page .more-fields-add-btn{align-self:flex-start;background:var(--surface-alt);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:7px 14px;font-size:13px;font-weight:600;color:var(--primary-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.contact-groups-page .more-fields-add-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);transform:translateY(-1px)}.contact-groups-page .contact-avatar-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border-color)}.contact-groups-page .contact-avatar-initials{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;border:none;-webkit-user-select:none;user-select:none}.profile-avatar-large{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.profile-avatar-initials-large{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;-webkit-user-select:none;user-select:none}.summary-text{background:var(--surface-alt);padding:12px 14px;border-radius:var(--radius-md);font-size:13.5px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap}.discussion-log{background:var(--surface-alt);border-radius:var(--radius-md);padding:12px 14px;max-height:250px;overflow-y:auto;font-size:13px}.discussion-line{margin:5px 0;line-height:1.4;color:var(--text-primary)}.discussion-line b{color:var(--primary-color)}.call-discussion-chat{display:flex;flex-direction:column;gap:10px}.call-discussion-row-lead{text-align:left}.call-discussion-row-agent{text-align:right}.call-discussion-role{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 4px 3px}.call-discussion-bubble{display:inline-block;max-width:75%;text-align:initial;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.call-discussion-bubble-lead{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.call-discussion-bubble-agent{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.upload-message{padding:10px 16px;margin:10px 0;border-radius:var(--radius-md);font-weight:500;font-size:13.5px;text-align:center}.upload-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.upload-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.group-card{position:relative}.group-edit-btn,.group-delete-btn{position:absolute;top:8px;background:transparent;border:none;font-size:1.1rem;cursor:pointer;z-index:2;padding:6px;border-radius:var(--radius-sm);opacity:.45;color:var(--text-muted);transition:opacity .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}.group-edit-btn{right:44px}.group-delete-btn{right:8px}.group-edit-btn:hover,.group-delete-btn:hover{opacity:1;background:var(--hover-bg);color:#dc2626;transform:scale(1.12)}.contact-detail-modal{max-width:800px;width:95%;max-height:86vh;overflow-y:auto}.contact-detail-tabs{padding:0 22px 22px}.tabs-nav{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:16px;gap:4px}.tab-btn{background:none;border:none;padding:10px 16px;font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-panel{animation:fadeIn .2s ease}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-name{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary)}.profile-phone{margin:0;font-size:14px;color:var(--text-secondary)}.profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.detail-section{margin-bottom:20px}.detail-section h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-weight:700}.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-item{background:var(--surface-alt);padding:10px 12px;border-radius:var(--radius-md);display:flex;flex-direction:column;border:1px solid var(--border-color)}.info-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:3px;letter-spacing:.04em}.info-value{font-size:13.5px;color:var(--text-primary);font-weight:500}.history-panel{height:60vh;overflow-y:auto;overflow-x:auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.history-title{font-size:15px;font-weight:600;margin:0;color:var(--text-primary)}.btn-delete-all{background:none;border:none;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-sans)}.btn-delete-all:hover{text-decoration:underline}.delete-call-btn{color:#ef4444;background:none;border:none;cursor:pointer;font-size:13px;padding:0;font-family:var(--font-sans)}.delete-call-btn:hover{text-decoration:underline}.tasks-section{margin-top:20px;margin-bottom:24px}.section-title{font-size:15px;font-weight:600;margin-bottom:14px;color:var(--text-primary)}[data-theme=mix] .section-title{color:#fff}.empty-text{color:var(--text-muted);font-style:italic;font-size:13.5px}.task-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.task-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;transition:box-shadow var(--transition);display:flex;flex-direction:column}.task-card:hover{box-shadow:var(--shadow-md)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-name{font-weight:700;font-size:14px;color:var(--text-primary)}.task-card-body{flex:1}.task-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.task-stat{display:flex;flex-direction:column;align-items:center;min-width:46px}.task-stat-value{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.task-stat-value.completed{color:#059669}.task-stat-value.no-answer{color:#d97706}.task-stat-value.failed{color:#dc2626}.task-stat-label{font-size:11px;text-transform:uppercase;color:var(--text-muted);margin-top:2px;letter-spacing:.04em}.task-time{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);margin-top:8px}.task-time svg{flex-shrink:0}.task-card-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.contact-groups-page .create-task-modal{max-width:500px;width:90%}.contact-groups-page .create-task-form .form-group{margin-bottom:14px}.contact-groups-page .create-task-form label{display:block;font-weight:600;font-size:13px;color:var(--text-secondary);margin-bottom:5px}.contact-groups-page .create-task-form input,.contact-groups-page .create-task-form select,.contact-groups-page .create-task-form textarea{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary)}.contact-groups-page .create-task-form input:focus,.contact-groups-page .create-task-form select:focus,.contact-groups-page .create-task-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.contact-groups-page .create-task-form .form-row{display:flex;gap:14px}.contact-groups-page .create-task-form .form-row .form-group{flex:1}.contact-groups-page .loading-dots:after{content:".";animation:cgDots 1.5s steps(5,end) infinite}@keyframes cgDots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media(max-width:768px){.contact-groups-page .group-card-grid{grid-template-columns:1fr}.contact-groups-page .filter-inputs{flex-direction:column}.contact-groups-page .modal-content{padding:20px;width:95%}.contact-info-grid{grid-template-columns:1fr}.contact-groups-page .table th,.contact-groups-page .table td{white-space:nowrap;padding:10px 12px;font-size:12.5px}.contact-detail-modal{max-width:100%;width:97%;padding:0}.contact-detail-tabs{padding:0 14px 16px}.task-card-grid{grid-template-columns:1fr}.contact-groups-page .create-task-form .form-row{flex-direction:column}.discussion-log{max-height:180px}}@media(max-width:480px){.contact-groups-page .group-card{padding:14px;gap:10px}.contact-groups-page .modal-content{padding:16px}}.calls-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.calls-table th:nth-child(1){width:42%}.calls-table th:nth-child(2){width:28%}.calls-table th:nth-child(3){width:20%}.calls-table th:nth-child(4){width:10%}.calls-table th{padding:8px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:var(--surface-alt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calls-table td{padding:8px;color:var(--text-primary);border-bottom:1px solid var(--border-color);overflow-wrap:break-word;word-break:break-word}.call-history-row{cursor:pointer;transition:background-color .15s;-webkit-user-select:none;user-select:none}.call-history-row:hover,.call-history-row.expanded{background:var(--hover-bg)}.expand-arrow{font-size:10px;color:var(--text-muted)}.call-detail-row td{background:#f8fafc;padding:0!important;min-width:0;width:100%}[data-theme=dark] .call-detail-row td,[data-theme=mix] .call-detail-row td{background:var(--surface-alt)}.call-detail-expanded{padding:14px 16px;border-bottom:2px solid var(--primary-border);width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}.call-detail-section{margin-bottom:12px;min-width:0}.call-detail-section:last-child{margin-bottom:0}.call-detail-section h5{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 6px}.call-detail-section p{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.call-detail-discussion{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px;max-height:320px;overflow-y:auto;font-size:13px}.recording-player{display:flex;align-items:center;gap:10px;background:var(--surface-alt);border:1px solid var(--border-color);border-radius:24px;padding:8px 14px;margin-top:8px;max-width:420px}.recording-player-icon{width:34px;height:34px;background:var(--primary-color, #4e48f0);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.recording-player audio{flex:1;height:32px;min-width:0;border:none;background:transparent;outline:none}.recording-player audio::-webkit-media-controls-panel{background:transparent}.recording-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.no-recording-msg{font-size:13px;color:var(--text-muted);font-style:italic;margin:4px 0 0}.btn-contact-delete{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:5px 8px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,color .15s;line-height:1}.btn-contact-delete:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.btn-contact-edit{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:5px 8px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,color .15s;line-height:1}.btn-contact-edit:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.btn-delete-all-contacts{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:#ef4444;color:#fff;font-size:13.5px;font-weight:700;font-family:var(--font-sans);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #ef444438;cursor:pointer;transition:background-color .2s,opacity .2s,box-shadow .2s}.btn-delete-all-contacts:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 10px -1px #ef444459}.btn-delete-all-contacts:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-delete-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-call-direct{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:5px 8px;cursor:pointer;color:#059669;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s;line-height:1}.btn-call-direct:hover{background:#ecfdf5;border-color:#059669}.btn-schedule-call{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:5px 8px;cursor:pointer;color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s;line-height:1}.btn-schedule-call:hover{background:var(--primary-soft-bg);border-color:var(--primary-color)}.scheduled-call-contact{display:flex;align-items:center;gap:10px;margin-bottom:10px}.scheduled-call-name{font-size:14px;font-weight:600;color:var(--text-primary)}.scheduled-call-phone{font-size:12px;color:var(--text-muted)}.scheduled-call-agent{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.contact-groups-page .direct-call-modal{max-width:400px;width:90%}.direct-call-client-card{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.direct-call-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.direct-call-client-info{display:flex;justify-content:space-between;align-items:center;gap:8px}.direct-call-name{font-size:15px;font-weight:700;color:var(--text-primary)}.direct-call-phone{font-size:13px;color:#2563eb;font-weight:600;font-family:monospace}.btn-call-now{display:inline-flex;align-items:center;gap:8px;background:#059669;color:#fff;font-weight:700;font-size:14px;font-family:var(--font-sans);padding:10px 22px;border-radius:10px;border:none;cursor:pointer;transition:background-color .2s}.btn-call-now:hover:not(:disabled){background:#047857}.btn-call-now:disabled{background:#a7f3d0;color:#6ee7b7;cursor:not-allowed}.settings-grid{display:flex;flex-direction:column;gap:20px}.settings-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-group-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;background:var(--surface-alt);border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.settings-group-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-group-title{font-size:15px;font-weight:700;color:var(--text-primary)}.settings-group-description{font-size:13px;color:var(--text-muted)}.settings-group-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.settings-group-count{font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--primary-soft-bg);color:var(--primary-color)}.settings-group-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.settings-group-chevron.open{transform:rotate(180deg)}.settings-group-body-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition)}.settings-group-body-wrapper.open{grid-template-rows:1fr}.settings-group-body-inner{overflow:hidden}.settings-group-body{display:flex;flex-direction:column;gap:20px;padding:20px}.admin-settings-page{position:relative}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition)}.settings-card:hover{box-shadow:var(--shadow-md)}.settings-card-header{padding:18px 22px;border-bottom:1px solid var(--border-color);background-color:var(--surface-alt)}.settings-card-header h2{font-size:15px;font-weight:700;margin:0 0 3px;color:var(--text-primary)}.settings-card-header p{font-size:13px;color:var(--text-muted);margin:0}.settings-card-body{padding:0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast);gap:12px}.settings-row:last-child{border-bottom:none}.settings-row:hover{background-color:var(--hover-bg)}.settings-row-label{display:flex;align-items:center;gap:10px;min-width:140px;color:var(--text-secondary);font-weight:600;font-size:13.5px}.settings-row-label svg{stroke-width:1.5;flex-shrink:0;color:var(--text-muted)}.settings-row-value{flex:1;color:var(--text-primary);font-size:13.5px;padding:0 16px;word-break:break-word}.settings-edit-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.settings-edit-btn:hover{background-color:var(--hover-bg);border-color:var(--border-strong);color:var(--text-primary)}.settings-edit-btn:active{transform:scale(.97)}.settings-expand-panel{padding:18px 22px 22px;background-color:var(--surface-alt);border-top:1px solid var(--border-color);animation:slideDown .22s ease}.settings-expand-actions{display:flex;justify-content:flex-end;margin-top:16px}.settings-expand-panel .form-group{margin-bottom:14px}.settings-expand-panel .form-label{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-weight:600;font-size:13px;color:var(--text-secondary)}.settings-expand-panel .form-input{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--card-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.settings-expand-panel .form-input::placeholder{color:var(--text-muted)}.settings-expand-panel .form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.checkbox-group{margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:13.5px;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary-color);cursor:pointer;margin:0}.checkbox-hint{display:block;margin-top:4px;margin-left:23px;font-size:12px;color:var(--text-muted)}.spinner{animation:spin .8s linear infinite}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:var(--radius-lg);font-size:13.5px;font-weight:600;font-family:var(--font-sans);color:#fff;box-shadow:var(--shadow-lg);z-index:1100;animation:toastIn .25s ease-out;white-space:nowrap}.toast-success{background-color:#10b981}.toast-error{background-color:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .settings-card{background-color:#1e293b;border-color:#334155}[data-theme=dark] .settings-card-header{background-color:#0f172a;border-bottom-color:#334155}[data-theme=dark] .settings-card-header h2{color:#f1f5f9}[data-theme=dark] .settings-card-header p{color:#94a3b8}[data-theme=dark] .settings-row{border-bottom-color:#334155}[data-theme=dark] .settings-row:hover{background-color:#0f172a}[data-theme=dark] .settings-row-label{color:#94a3b8}[data-theme=dark] .settings-row-value{color:#f1f5f9}[data-theme=dark] .settings-edit-btn{color:#94a3b8;border-color:#334155}[data-theme=dark] .settings-edit-btn:hover{background-color:#0f172a;border-color:#475569;color:#f1f5f9}[data-theme=dark] .settings-expand-panel{background-color:var(--surface-alt);border-top-color:var(--border-color)}[data-theme=dark] .settings-expand-panel .form-input{background-color:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .settings-expand-panel .form-input:focus{border-color:var(--primary-color)}.admin-user-list{margin:20px 22px;padding-top:16px;border-top:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-user-table{min-width:380px}.admin-user-list-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.admin-user-list-empty{font-size:13px;color:var(--text-muted);font-style:italic}.admin-user-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-user-table th,.admin-user-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-color);background-color:var(--surface-alt)}.admin-user-table tr:hover td{background-color:var(--hover-bg)}.admin-user-table th{font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--hover-bg)}.admin-user-table tbody tr:hover{background-color:var(--hover-bg)}.settings-card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.issue-pending-badge{flex-shrink:0;padding:3px 10px;border-radius:20px;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;font-size:11.5px;font-weight:700;white-space:nowrap}.issue-textarea{resize:vertical;min-height:90px;font-family:var(--font-sans);line-height:1.55}.issues-list-section{margin:20px 22px;padding-top:16px;border-top:1px solid var(--border-color)}.user-issues-list{display:flex;flex-direction:column;gap:10px}.user-issue-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);border-left:4px solid #e5e7eb;background:var(--surface-alt);transition:box-shadow var(--transition-fast)}.user-issue-card:hover{box-shadow:var(--shadow-sm)}.user-issue-body{flex:1;min-width:0}.user-issue-subject{font-size:13.5px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.user-issue-desc{font-size:13.5px;color:var(--text-primary);margin:0 0 4px;line-height:1.45;word-break:break-word}.user-issue-meta{font-size:11.5px;color:var(--text-muted)}.user-issue-status{flex-shrink:0;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap}@media(max-width:768px){.settings-row{flex-wrap:wrap;gap:10px}.settings-row-label{min-width:100%}.settings-row-value{width:100%;padding-left:0}.settings-edit-btn{margin-left:auto}.user-issue-card{flex-wrap:wrap}.admin-user-list{margin:14px}.admin-user-table th,.admin-user-table td{padding:9px 10px;font-size:12.5px;white-space:nowrap}.settings-expand-panel{padding:14px 14px 18px}.settings-card-header{padding:14px 16px}}.form-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:4px}.form-section-title{font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.form-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-section-header .form-section-title{margin:0 0 16px}.form-label-hint{font-weight:400;font-size:11.5px;color:var(--text-muted);text-transform:none;letter-spacing:normal;margin-left:4px}.limit-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md, 8px);font-size:13px;line-height:1.4;margin-bottom:16px}.limit-banner svg{flex-shrink:0}.limit-banner--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.limit-banner--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.pdf-upload-field{display:flex;flex-direction:column;gap:10px}.pdf-upload-current{display:flex;align-items:center;gap:6px;width:fit-content;font-size:13px;font-weight:500;color:var(--primary-color);background:var(--hover-bg, #f1f5f9);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 12px}.pdf-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pdf-upload-dropzone{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;padding:12px 16px;border:1.5px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--surface-alt, #f8fafc);color:var(--text-muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.pdf-upload-dropzone:hover{border-color:var(--primary-color);background:var(--hover-bg, #f1f5f9);color:var(--text-primary)}.pdf-upload-dropzone--has-file{border-style:solid;border-color:var(--primary-color);color:var(--text-primary);background:var(--card-bg)}.pdf-upload-dropzone-icon{flex-shrink:0;color:var(--primary-color)}.pdf-upload-dropzone-text{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.human-divert-toggle{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:16px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--hover-bg);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.human-divert-toggle:has(input:checked){background:#10b9811f;border-color:#10b98173;color:#0f9d70}.form-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.form-card{background-color:var(--main-bg);border-color:var(--primary-border)}[data-theme=mix] .form-card{background-color:var(--card-bg);border-color:var(--primary-border)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.form-checkbox{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 10px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.form-checkbox:hover{background-color:var(--hover-bg)}.form-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary-color);margin:0;cursor:pointer;flex-shrink:0}.empty-agents-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 0;color:var(--text-muted);font-size:14px}.empty-agents-icon{opacity:.45;display:flex;align-items:center;justify-content:center}.agents-table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin-top:20px}.agents-table{width:100%;min-width:760px;border-collapse:collapse}.agents-table thead tr{border-bottom:1px solid var(--border-color)}.agents-table th{text-align:left;padding:13px 20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);background:var(--card-bg);white-space:nowrap}.agents-table th:nth-child(1),.agent-row td:nth-child(1){width:22%;max-width:220px}.agents-table th:nth-child(2),.agent-row td:nth-child(2){width:100px}.agents-table th:nth-child(3),.agent-row td:nth-child(3){width:140px}.agents-table th:nth-child(4),.agent-row td:nth-child(4){width:160px}.agents-table th:nth-child(5),.agent-row td:nth-child(5){width:60px}.agents-table th:last-child,.agent-row td:last-child{width:1%;white-space:nowrap;padding-right:40px}.agent-row td{padding:18px 20px;vertical-align:middle;border-bottom:1px solid var(--border-color);background:var(--card-bg);transition:all var(--transition-fast)}.agent-row:last-child td{border-bottom:none}.agent-row:hover td{background:var(--hover-bg);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.agent-row-open td{background:var(--surface-alt);box-shadow:0 2px 8px #0000000d}.agent-profile-td .agent-name{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 5px;text-shadow:0 0 5px rgba(0,0,0,.05)}.agent-desc{font-size:12.5px;color:var(--text-muted);max-width:200px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.agent-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge--inbound{background:#fce7f3;color:#9d174d;border:1px solid #fbcfe8}.badge--outbound{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.badge--customer_service{background:#fce7f3;color:#9d174d;border:1px solid #fbcfe8}.badge--sales_agent{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.agent-name-row{display:flex;align-items:center;gap:8px;margin:0 0 5px}.agent-name-row .agent-name{margin:0}.badge--human-divert{display:inline-flex;align-items:center;gap:4px;background:#10b9811f;color:#0f9d70;border:1px solid rgba(16,185,129,.45)}.badge--linked{background:#10b9811f;color:#0f9d70;border:1px solid rgba(16,185,129,.45)}.badge--unlinked{background:var(--hover-bg, #f1f5f9);color:var(--text-muted);border:1px solid var(--border-color);text-transform:none}.conv-table-heading{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 10px}.number-cell{display:flex;flex-direction:column;gap:5px}.number-entry{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--primary-color);font-family:monospace}.number-entry svg{color:var(--primary-color);flex-shrink:0}.text-muted-cell{color:var(--text-muted);font-size:13px}.voice-cell{font-size:12.5px;line-height:1.85}.vc-key{color:var(--text-muted);font-weight:500}.vc-val{color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-strong);transition:.28s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.28s;border-radius:50%;box-shadow:var(--shadow-xs)}input:checked+.toggle-slider{background-color:#10b981}input:checked+.toggle-slider:before{transform:translate(20px)}.agent-actions-cell{display:flex;align-items:center;gap:8px;justify-content:flex-end;white-space:nowrap}.btn-view-calls{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:var(--radius-md);font-size:12.5px;font-weight:500;font-family:var(--font-sans);color:#7c3aed;background:#f5f3ff;border:1px solid #ede9fe;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-view-calls:hover{background:#ede9fe;color:#5b21b6}.btn-view-calls-active{background:#ede9fe;color:#5b21b6;border-color:#ddd6fe}.agent-edit-panel{border-top:1px solid var(--border-color);background-color:var(--surface-alt);animation:slideDown .25s ease}.edit-panel-inner{padding:24px;max-height:72vh;overflow-y:auto}.calls-panel{border-top:1px solid var(--border-color);background-color:var(--surface-alt);animation:slideDown .25s ease}.calls-panel-inner{padding:24px;max-height:60vh;overflow-y:auto;overflow-x:auto}.calls-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.calls-table th{text-align:left;padding:10px 12px;background:var(--surface-alt);color:var(--text-secondary);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap}.calls-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap}.calls-table td.calls-contact-cell{white-space:normal;max-width:160px}.calls-table tr:last-child td{border-bottom:none}.calls-table tr:hover td{background-color:var(--hover-bg)}.calls-empty{text-align:center;padding:24px;color:var(--text-muted);font-size:13px}.agent-content-row{align-items:flex-start}.agent-content-row .form-textarea{height:420px;resize:vertical}.number-checklist{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin-top:0;padding:8px 10px;min-height:40px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg)}.number-checklist .form-hint{margin:auto 0}.number-checkbox{margin:0;padding:5px 10px;border-radius:20px;background-color:var(--card-bg);border:1px solid var(--border-color)}.number-checkbox:hover{background-color:var(--hover-bg)}.agents-page .modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.agents-page .modal-content{background:var(--card-bg);border-radius:var(--radius-xl);width:90%;max-width:520px;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:26px;animation:slideIn .2s ease}.agents-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.agents-page .modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.agents-page .btn-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);display:flex;align-items:center}.agents-page .btn-close:hover{background:var(--hover-bg);color:var(--text-secondary)}@media(max-width:900px){.agents-table{min-width:700px}}@media(max-width:768px){.agent-desc{max-width:180px}.agents-table th,.agent-row td{padding:12px 14px}.agent-actions-cell{gap:6px}.btn-view-calls span{display:none}.form-row-2,.form-row-3,.form-row-4,.checkbox-grid{grid-template-columns:1fr}.calls-panel-inner{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:14px}.calls-table{min-width:500px}.calls-table th,.calls-table td{padding:8px 6px;font-size:12px;white-space:nowrap}.edit-panel-inner{padding:16px}}.create-agent-menu-wrap{position:relative}.create-agent-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:9999;background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 10px);box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0f;min-width:220px;overflow:hidden;animation:create-agent-menu-in .14s ease both}@keyframes create-agent-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.create-agent-menu-option{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background .12s;color:var(--text-primary)}.create-agent-menu-option:hover{background:var(--hover-bg, #f8fafc)}.create-agent-menu-option svg{flex-shrink:0;margin-top:2px;color:var(--primary-color)}.create-agent-menu-title{display:block;font-size:13.5px;font-weight:600;color:var(--text-primary)}.create-agent-menu-desc{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.create-agent-menu-chevron{margin-left:auto;align-self:center;color:var(--text-muted);transform:rotate(-90deg)}.create-agent-menu-usage{margin-left:auto;align-self:center;flex-shrink:0;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--hover-bg, #f1f5f9);border-radius:999px;padding:2px 8px}.create-agent-menu-back{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--border-color, #e2e8f0);background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);font-size:12.5px;font-weight:600;color:var(--text-muted);transition:background .12s}.create-agent-menu-back:hover{background:var(--hover-bg, #f8fafc);color:var(--text-primary)}.agents-type-tabs{margin-top:8px;padding-bottom:10px;align-items:center;border-bottom:none}.agent-tab-panel{animation:fadeIn .25s ease}.badge--model{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe;text-transform:none}.wa-chat-panel{border-top:1px solid var(--border-color);background-color:var(--surface-alt);animation:slideDown .25s ease}.wa-chat-viewer{display:flex;height:560px;max-height:70vh}.wa-chat-list{width:300px;flex-shrink:0;border-right:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column}.wa-chat-search{position:sticky;top:0;z-index:1;padding:10px 12px;background:var(--card-bg, #fff);border-bottom:1px solid var(--border-color)}.wa-chat-search-input{width:100%;padding:7px 12px;border:1px solid var(--border-color);border-radius:999px;font-size:12.5px;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-alt, #f8fafc);outline:none}.wa-chat-search-input:focus{border-color:var(--primary-color)}.wa-chat-list-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;border:none;border-bottom:1px solid var(--border-color);background:none;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:background .12s}.wa-chat-list-item:hover{background:var(--hover-bg, #f8fafc)}.wa-chat-list-item.active{background:#ede9fe}.wa-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.wa-avatar--lg{width:44px;height:44px;font-size:17px}.wa-chat-list-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.wa-chat-list-top-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.wa-chat-list-name{font-size:13.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-list-preview{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-list-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.wa-chat-thread{flex:1;display:flex;flex-direction:column;min-width:0}.wa-chat-thread-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border-color)}.wa-chat-thread-name{font-size:14px;font-weight:700;color:var(--text-primary)}.wa-chat-thread-email{font-size:12px;color:var(--text-muted)}.wa-chat-bubbles{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.wa-bubble{max-width:70%;padding:8px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.wa-bubble--bot{align-self:flex-start;background:var(--card-bg, #fff);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.wa-bubble--user{align-self:flex-end;background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.wa-chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;text-align:center;padding:24px}@media(max-width:768px){.wa-chat-viewer{flex-direction:column;height:auto;max-height:none}.wa-chat-list{width:100%;max-height:220px;border-right:none;border-bottom:1px solid var(--border-color)}.wa-chat-bubbles{max-height:400px}}.agent-links-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.agent-links-panel{background:var(--card-bg);border-radius:var(--radius-xl);width:92vw;height:88vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease}.agent-links-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-color)}.agent-links-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.agent-links-subtitle{font-size:12.5px;color:var(--text-muted);margin:0}.agent-links-canvas{flex:1;min-height:0;position:relative;background:var(--surface-alt, #f8fafc)}.agent-links-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13.5px}.agent-links-sticky-note{position:absolute;top:14px;left:14px;z-index:5;max-width:260px;background:#fef9c3;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.55;color:#713f12;box-shadow:0 3px 10px #0000001a;transform:rotate(-1deg);pointer-events:none}.agent-link-node{position:relative;display:flex;align-items:center;padding:12px 16px;background:var(--card-bg, #fff);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 2px 6px #0f172a0f;transition:box-shadow .15s}.agent-link-node:hover{box-shadow:0 4px 14px #0f172a1f}.agent-link-bubble{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--card-bg, #fff)!important;border:2px solid var(--primary-color)!important;opacity:.45;transition:opacity .15s,transform .15s}.agent-link-node:hover .agent-link-bubble{opacity:1}.agent-link-bubble:hover{transform:scale(1.3);background:var(--primary-color)!important}.agent-link-node-body{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%;pointer-events:none}.agent-link-node-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-link-edge-delete{position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid var(--border-color);background:var(--card-bg, #fff);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0f172a26;pointer-events:all;transition:background .15s,color .15s,transform .15s}.agent-link-edge-delete:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.agent-link-edge-group-badge{position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid #ddd6fe;background:#f5f3ff;color:#7c3aed;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0f172a26;pointer-events:all;cursor:default}@media(max-width:768px){.agent-links-panel{width:98vw;height:94vh}}.agent-link-groups-panel{background:var(--card-bg);border-radius:var(--radius-xl);width:760px;max-width:92vw;max-height:88vh;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease}.agent-link-groups-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.agent-link-groups-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.agent-link-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.agent-link-group-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 20px;background:var(--surface-alt, #f8fafc);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.agent-link-group-card-name{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--text-primary);text-align:center}.agent-link-group-card-actions{position:absolute;top:10px;right:10px;display:flex;gap:2px}.agent-link-group-ring{position:relative;flex-shrink:0}.agent-link-group-ring-outline{fill:none;stroke:var(--border-color);stroke-width:1.5;stroke-dasharray:3 4}.agent-link-group-ring-edge{stroke:var(--primary-color);stroke-width:1.25;opacity:.35}.agent-link-group-ring-dot{fill:var(--primary-color)}.agent-link-group-ring-label{position:absolute;transform:translate(-50%,-50%);max-width:84px;padding:3px 8px;background:var(--card-bg, #fff);border:1px solid var(--border-color);border-radius:999px;font-size:10.5px;font-weight:600;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 4px #0f172a14}.agent-link-group-form .form-group{margin-bottom:18px}.conditional-agents-tabs{padding:0 24px;margin-bottom:0;flex-shrink:0}.conditional-agents-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 28px}.conditional-rule-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow-sm)}.conditional-rule-form-row{display:flex;align-items:center;gap:18px}.conditional-rule-form-row .form-group{flex:1;min-width:0}.conditional-rule-form .form-select,.conditional-rule-form .form-textarea{background:var(--surface-alt)}.conditional-rule-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding-top:22px}.conditional-rule-arrow svg{width:34px;height:34px;padding:8px;box-sizing:border-box;background:var(--primary-soft-bg);color:var(--primary-color);border:1px solid var(--primary-border);border-radius:50%}.conditional-rule-form .form-actions{margin-top:0;border-top:1px solid var(--border-color);padding-top:18px}.conditional-rule-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding-bottom:9px;white-space:nowrap}.conditional-rule-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.conditional-rule-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;transition:opacity .15s}.conditional-rule-card.disabled{opacity:.55}.conditional-rule-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.conditional-rule-agents{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-primary)}.conditional-rule-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.conditional-rule-condition{margin:8px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.conditional-task-reasoning{color:var(--text-muted);font-size:12.5px;white-space:normal;line-height:1.5}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.voice-select{position:relative;width:100%}.voice-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}.voice-select-trigger:disabled{cursor:not-allowed;opacity:.6}.voice-select-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-select-trigger-placeholder{color:var(--text-muted)}.voice-select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-fast)}.voice-select-chevron--open{transform:rotate(180deg)}.voice-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;max-height:260px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px}.voice-select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-sm, 6px);font-size:14px;color:var(--text-primary);cursor:pointer}.voice-select-option:hover{background:var(--input-bg)}.voice-select-option--selected{background:#2563eb1a;font-weight:600}.voice-select-quality{font-size:12px;color:var(--text-muted);flex-shrink:0}.incoming-calls-page .filter-section{margin:0 0 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px 20px}.filter-title{font-size:11.5px;font-weight:700;color:var(--text-muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}.filter-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.filter-input-group{display:flex;flex-direction:column;gap:5px}.filter-label{font-size:11.5px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.filter-input-group input,.filter-input-group select{padding:8px 11px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13.5px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-input-group input:focus,.filter-input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.incoming-calls-page .table-container,.incoming-calls-page .table-wrapper,.incoming-calls-page .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.incoming-table{min-width:640px}.incoming-table th{background:var(--card-bg);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:13px 18px;color:var(--text-secondary)}.incoming-table td{padding:13px 18px;vertical-align:middle}.call-row:hover{background-color:var(--main-bg)}.contact-name{font-weight:500;color:var(--text-primary)}.caller-label{font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.meta-date{font-size:12.5px;color:var(--text-muted)}.text-muted{color:var(--text-muted)}.loading-dots{display:inline-block}.loading-dots:after{content:"…";animation:loadingDots 1.5s steps(4,end) infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.badge-info{background:#dbeafe;color:#1e40af}@media(max-width:768px){.incoming-calls-page .filter-section{padding:14px}.filter-inputs{grid-template-columns:1fr}.incoming-table th,.incoming-table td{padding:10px;font-size:12px;white-space:nowrap}}@media(max-width:480px){.incoming-calls-page .filter-section{padding:12px 10px}}.incoming-calls-page .modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.incoming-calls-page .modal-content{background:var(--card-bg);border-radius:var(--radius-xl);width:90%;max-width:520px;max-height:86vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:26px;animation:slideIn .2s ease}.incoming-calls-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.incoming-calls-page .modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.incoming-calls-page .btn-close{background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.incoming-calls-page .btn-close:hover{background:var(--hover-bg);color:var(--text-secondary)}.chatbot-page{display:flex;flex-direction:column;flex:1;min-height:0}.chatbot-container{display:flex;flex:1;min-height:400px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.chatbot-sidebar{width:400px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--card-bg);overflow:hidden;min-height:0}.chatbot-tabs{display:flex;padding:0 10px;border-bottom:1px solid var(--border-color);background:var(--surface-alt);flex-shrink:0}.chatbot-tab{flex:1;min-width:0;padding:10px 6px;border:none;background:transparent;font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;position:relative;transition:color .25s ease,background-color .25s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:5px}.chatbot-tab:not(.chatbot-tab--active):hover{color:var(--text-primary);background-color:var(--card-bg);transform:translateY(-1px)}.chatbot-tab--active{color:var(--primary-color);font-weight:700;background-color:var(--card-bg)}.chatbot-tab--active:first-child:before,.chatbot-tab--active:last-child:before{content:"";position:absolute;top:0;bottom:0;width:10px;background:var(--card-bg)}.chatbot-tab--active:first-child:before{left:-10px}.chatbot-tab--active:last-child:before{right:-10px}.chatbot-tab-icon{flex-shrink:0;opacity:.7;display:flex;align-items:center;transition:opacity .15s}.chatbot-tab--active .chatbot-tab-icon{opacity:1}.chatbot-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-unread-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9.5px;font-weight:700;border-radius:999px;min-width:16px;height:16px;padding:0 4px;margin-left:1px}.chatbot-channel-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--surface-alt);border-bottom:1px solid var(--border-color);flex-shrink:0}.chatbot-channel-label{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.chatbot-agent-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid;background:transparent;font-size:11.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:background-color .15s}.chatbot-agent-btn:hover{background:#0000000d}.chatbot-search-wrapper{padding:9px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative}.chatbot-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;pointer-events:none}.chatbot-search-input{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--border-color);border-radius:20px;font-size:12.5px;font-family:var(--font-sans);background:var(--surface-alt);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.chatbot-search-input::placeholder{color:var(--text-muted)}.chatbot-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.chatbot-date-filter{padding:7px 12px 8px;border-bottom:1px solid var(--border-color);flex-shrink:0}.chatbot-date-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chatbot-date-field{display:flex;flex-direction:column;gap:2px}.chatbot-date-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.chatbot-date-input{width:100%;padding:5px 7px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:11.5px;font-family:var(--font-sans);background:var(--surface-alt);color:var(--text-primary);box-sizing:border-box;transition:border-color .15s}.chatbot-date-input:focus{outline:none;border-color:var(--primary-color)}.chatbot-date-clear{margin-top:5px;background:none;border:none;font-size:11px;color:var(--primary-color);cursor:pointer;padding:0;font-family:var(--font-sans);font-weight:600}.chatbot-date-clear:hover{text-decoration:underline}.chatbot-loading{padding:8px 0}.conv-skeleton{display:flex;align-items:center;padding:12px 14px;gap:10px;border-bottom:1px solid var(--border-color)}.conv-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--border-color);flex-shrink:0;animation:skeleton-pulse 1.4s ease-in-out infinite}.conv-skeleton-body{flex:1;display:flex;flex-direction:column;gap:6px}.conv-skeleton-line{height:10px;border-radius:5px;background:var(--border-color);animation:skeleton-pulse 1.4s ease-in-out infinite}.conv-skeleton-line.wide{width:70%}.conv-skeleton-line.narrow{width:45%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.chatbot-conv-list{flex:1;min-height:0;overflow-y:auto}@keyframes convSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chatbot-status-msg{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px;margin:0}.conv-item{display:flex;align-items:flex-start;padding:11px 12px;cursor:pointer;border-bottom:1px solid var(--border-color);gap:10px;transition:background-color .12s,border-left-color .12s;position:relative;border-left:3px solid transparent;touch-action:manipulation;animation:convSlideDown .25s ease both}.conv-item:last-child{border-bottom:none}.conv-item:hover,.conv-item--selected,.conv-item--selected:hover{background-color:var(--hover-bg)}.conv-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-soft-bg),var(--primary-border));color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.conv-body{flex:1;min-width:0}.conv-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.conv-name{font-size:12.5px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item--unread .conv-name{font-weight:700;color:var(--text-primary)}.conv-time{font-size:10.5px;color:var(--text-muted);flex-shrink:0;margin-left:4px}.conv-item--unread .conv-time{font-weight:600;color:var(--text-secondary)}.conv-bottom-row{display:flex;align-items:center;gap:5px}.conv-preview{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conv-item--unread .conv-preview{color:var(--text-secondary);font-weight:500}.conv-unread-badge{width:9px;height:9px;border-radius:50%;flex-shrink:0}.conv-status-tag{display:inline-block;margin-top:4px;font-size:10px;padding:1px 6px;border-radius:999px;background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border-color);font-weight:500;text-transform:capitalize}.conv-delete-btn{opacity:0;pointer-events:none;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:opacity .12s,background-color .12s,color .12s;flex-shrink:0;margin-top:2px}.conv-item:hover .conv-delete-btn{opacity:1;pointer-events:auto}.conv-delete-btn:hover{background:#fef2f2;color:#dc2626;opacity:1}.conv-export-btn{opacity:0;pointer-events:none;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:opacity .12s,background-color .12s,color .12s;flex-shrink:0;margin-top:2px}.conv-item:hover .conv-export-btn{opacity:1;pointer-events:auto}.conv-export-btn:hover{background:var(--hover-bg);color:var(--text-primary);opacity:1}.conv-export-btn:disabled{opacity:.5!important;cursor:default}.chatbot-chat-panel{flex:1;display:flex;flex-direction:column;background:var(--surface-alt);min-width:0;min-height:0;overflow:hidden}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);padding:40px}.chat-empty-platform-icon{opacity:.25;line-height:1}.chat-empty-state h3{font-size:17px;font-weight:600;color:var(--text-secondary);margin:0}.chat-empty-state p{font-size:13px;color:var(--text-muted);margin:0}.chat-header{padding:12px 16px;border-bottom:2px solid;display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);flex-shrink:0;gap:12px}.chat-header-left{display:flex;align-items:center;gap:11px;min-width:0}.chat-avatar-lg{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;flex-shrink:0}.chat-contact-info{min-width:0}.chat-contact-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-contact-sub{font-size:11.5px;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:5px}.chat-platform-badge{color:#fff;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.chat-status-chip{background:var(--badge-success-bg);color:var(--badge-success-text);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;flex-shrink:0;text-transform:capitalize}.chat-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-msg-count{font-size:11px;color:var(--text-muted);padding:3px 8px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border-color);white-space:nowrap}.chat-back-btn{display:none;align-items:center;justify-content:center;width:33px;height:33px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;color:var(--text-secondary);flex-shrink:0;transition:background-color var(--transition-fast)}.chat-back-btn:hover{background:var(--hover-bg)}.chat-icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .12s,color .12s}.chat-icon-btn:hover{background:var(--hover-bg)}.chat-icon-btn--danger{color:#ef4444;border-color:#fecaca}.chat-icon-btn--danger:hover{background:#fef2f2}.chat-messages-area{flex:1;min-height:0;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:10px;background-image:var(--chat-bg-pattern, none);scroll-behavior:smooth}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-no-messages{text-align:center;color:var(--text-muted);font-size:13px;margin:auto}.chat-bubble{display:flex;flex-direction:column;max-width:68%}.chat-bubble--user{align-self:flex-end;align-items:flex-end}.chat-bubble--bot{align-self:flex-start;align-items:flex-start}.bubble-sender-name{font-size:10.5px;font-weight:700;color:var(--text-muted);margin-bottom:3px;padding-left:2px}.bubble-content{padding:9px 13px;border-radius:16px;position:relative}.bubble-content--user{color:#fff;border-bottom-right-radius:4px}.bubble-content--bot{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.bubble-text{font-size:13px;line-height:1.5;margin:0;word-break:break-word;white-space:pre-wrap}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:4px}.bubble-time{font-size:10px;opacity:.7}.bubble-content--user .bubble-time{color:#ffffffd9}.bubble-content--bot .bubble-time{color:var(--text-muted)}.bubble-read-tick{font-size:11px;color:#fffc;line-height:1}.bubble-read-tick.delivered{color:#ffffff8c}.chat-summary-bar{padding:10px 16px;background:#fffbeb;border-top:1px solid #fde68a;font-size:12.5px;color:#92400e;line-height:1.5;flex-shrink:0}.chat-readonly-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--surface-alt);border-top:1px solid var(--border-color);font-size:11.5px;color:var(--text-muted);flex-shrink:0}.chat-readonly-icon{display:flex;align-items:center;opacity:.6}.agent-modal-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.agent-modal{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:700px;border-top:4px solid transparent;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.agent-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color)}.agent-modal-title{font-size:15px;font-weight:700}.agent-modal-close{width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-alt);cursor:pointer;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .12s}.agent-modal-close:hover{background:var(--hover-bg)}.agent-modal-empty{padding:36px 20px;text-align:center;color:var(--text-muted);font-size:13px}.agent-modal-body{padding:16px 18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.agent-modal-info-row{display:flex;align-items:center;justify-content:space-between}.agent-modal-chip{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}.agent-modal-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.agent-modal-status.on{background:#dcfce7;color:#166534}.agent-modal-status.off{background:#fee2e2;color:#991b1b}.agent-modal-field{display:flex;flex-direction:column;gap:5px}.agent-modal-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.agent-modal-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--input-bg, var(--surface-alt));color:var(--text-primary);box-sizing:border-box;transition:border-color .15s}textarea.agent-modal-input{height:120px;resize:vertical}.agent-modal-select{height:38px;cursor:pointer;appearance:auto}.agent-modal-input:focus{outline:none;border-color:var(--primary-color)}.agent-modal-meta{font-size:12px;color:var(--text-muted);margin:0}.agent-modal-save{width:100%;padding:10px;border:none;border-radius:var(--radius-md);color:#fff;font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s}.agent-modal-save:hover{opacity:.88}.agent-modal-save:disabled{opacity:.5;cursor:not-allowed}.agent-modal-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-modal-label-hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:10px}.agent-modal-section{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.agent-modal-section-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.agent-modal-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-modal-toggle-row--sm .agent-modal-toggle-label{font-size:12px;color:var(--text-secondary)}.agent-modal-toggle-label{font-size:13px;color:var(--text-primary)}.agent-modal-toggles-group{display:flex;flex-direction:column;gap:8px;padding:8px 0 0;border-top:1px solid var(--border-color);margin-top:2px}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);border-radius:20px;transition:background-color .2s}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.agent-upload-row{display:flex;gap:8px;align-items:center}.agent-upload-input{flex:1;font-size:12.5px;font-family:var(--font-sans);color:var(--text-primary);background:var(--input-bg, var(--surface-alt));border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 10px;box-sizing:border-box;cursor:pointer}.agent-upload-input::-webkit-file-upload-button{padding:4px 10px;border:none;border-right:1px solid var(--border-color);background:var(--surface-alt);font-size:12px;font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;margin-right:8px;border-radius:0}.agent-upload-btn{padding:7px 14px;border:none;border-radius:var(--radius-md);color:#fff;font-size:12.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.agent-upload-btn:hover{opacity:.88}.agent-upload-btn:disabled{opacity:.45;cursor:not-allowed}.agent-upload-msg{margin:6px 0 0;font-size:12px;font-weight:500}.agent-upload-msg--success{color:#16a34a}.agent-upload-msg--error{color:#dc2626}.agent-save-msg{margin:0;padding:8px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500;text-align:center;animation:fadeInUp .2s ease}.agent-save-msg--success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.agent-save-msg--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.chatbot-container{flex-direction:column;height:auto;min-height:0;max-height:none;border-radius:var(--radius-lg)}.chatbot-sidebar{width:100%;max-width:100%;height:calc(100vh - 166px);flex-shrink:0;flex:none;border-right:none;border-bottom:none}.chatbot-chat-panel{display:none}.chatbot-has-selected{position:fixed;inset:56px 0 0;z-index:100;overflow:hidden;border-radius:0;border:none;box-shadow:none;background:var(--surface-alt)}.chatbot-has-selected .chatbot-sidebar{display:none}.chatbot-has-selected .chatbot-chat-panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.chat-back-btn{display:flex}.conv-item:hover{background-color:transparent}.conv-item--selected:hover,.conv-item:active{background-color:var(--hover-bg)}.conv-item .conv-delete-btn,.conv-item:hover .conv-delete-btn,.conv-item .conv-export-btn,.conv-item:hover .conv-export-btn{opacity:0;pointer-events:none}.chat-messages-area{flex:1;overflow-y:auto;padding:12px;min-height:0}.chat-bubble{max-width:85%}.agent-modal{max-width:calc(100vw - 16px);margin:0 8px;max-height:80vh}.agent-modal-row-2{grid-template-columns:1fr}.chat-header{padding:10px 12px}.chatbot-date-row{grid-template-columns:1fr}}@media(max-width:480px){.chatbot-sidebar{height:calc(100vh - 156px)}.chat-bubble{max-width:92%}}.db-loading{display:flex;align-items:center;justify-content:center;height:320px}.db-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--border-color);border-top-color:var(--primary-color);animation:spin .8s linear infinite}.db-error{padding:24px;color:#dc2626;text-align:center;font-size:14px}.db-row{display:grid;gap:20px;margin-bottom:20px}.db-row-top{grid-template-columns:1fr 1fr}.db-row-bottom{grid-template-columns:1.7fr 1fr}.db-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 24px;display:flex;flex-direction:column}.db-card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.db-card-subtitle{font-size:12.5px;color:var(--text-muted);margin:0 0 20px}.db-gauges-row{display:flex;align-items:center;justify-content:space-around;flex:1;padding:8px 0 4px}.db-gauge-item{display:flex;flex-direction:column;align-items:center;gap:8px}.db-gauge-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;text-align:center}.db-spend-amount{font-size:38px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;line-height:1.1;margin-bottom:6px}.db-spend-currency{font-size:20px;font-weight:600;color:var(--text-secondary);letter-spacing:0}.db-spend-trend-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ef4444;margin-bottom:10px}.db-chart-wrap{flex:1;min-height:0}.db-card--avgs{justify-content:space-between}.db-avgs{display:flex;flex-direction:column;gap:18px;flex:1;margin:8px 0 16px}.db-avg-row{display:flex;flex-direction:column;gap:6px}.db-avg-header{display:flex;justify-content:space-between;align-items:baseline}.db-avg-label{font-size:13px;font-weight:600;color:var(--text-primary)}.db-avg-val{font-size:16px;font-weight:800;color:var(--text-primary)}.db-avg-track{height:7px;border-radius:999px;background:var(--border-color);overflow:hidden}.db-avg-fill{height:100%;border-radius:999px;transition:width .6s ease}.db-reports-btn{display:block;width:100%;padding:11px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-align:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.db-reports-btn:hover{background:var(--hover-bg);border-color:var(--border-strong)}.db-tooltip{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;box-shadow:var(--shadow-md);font-size:13px}.db-tooltip-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 6px}.db-tooltip-item{margin:3px 0;font-size:13px}.db-unread-card{flex-direction:row;align-items:stretch;padding:0;overflow:hidden;margin-bottom:20px}.db-unread-left{display:flex;flex-direction:column;padding:22px 24px;min-width:195px;flex-shrink:0;background:linear-gradient(160deg,var(--card-bg) 60%,var(--hover-bg) 100%)}.db-unread-divider{width:1px;background:var(--border-color);flex-shrink:0}.db-unread-right{flex:1;padding:22px 24px;min-width:0;display:flex;flex-direction:column}.db-unread-total{display:flex;align-items:baseline;gap:7px;margin:10px 0 18px}.db-unread-number{font-size:54px;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-3px}.db-unread-label{font-size:13px;color:var(--text-muted);font-weight:500}.db-unread-channels{display:flex;flex-direction:column;gap:10px}.db-unread-channel-row{display:flex;align-items:center;gap:8px}.db-unread-channel-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-unread-channel-name{font-size:12.5px;color:var(--text-secondary);flex:1}.db-unread-channel-count{font-size:13px;font-weight:700;color:var(--text-muted);min-width:20px;text-align:right}.db-unread-recent-header{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 12px}.db-unread-list{display:flex;flex-direction:column;gap:8px;flex:1}.db-unread-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--hover-bg);transition:background var(--transition-fast)}.db-unread-item--clickable{cursor:pointer}.db-unread-item--clickable:hover{background:var(--border-color)}.db-unread-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.db-unread-item-body{flex:1;min-width:0}.db-unread-item-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.db-unread-item-name{font-size:13px;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.db-unread-item-ch{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;flex-shrink:0;letter-spacing:.03em}.db-unread-item-time{font-size:11px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.db-unread-item-preview{font-size:12px;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-unread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:10px;color:var(--text-muted);font-size:13px;text-align:center}.db-unread-empty-icon{width:42px;height:42px;border-radius:50%;background:#d1fae5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.db-report-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s;white-space:nowrap;height:38px}.db-report-btn:hover{opacity:.88}.db-report-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.db-report-modal{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:380px;overflow:hidden}.db-report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color)}.db-report-modal-title{font-size:15px;font-weight:700;color:var(--text-primary)}.db-report-modal-close{width:28px;height:28px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-alt);cursor:pointer;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .12s}.db-report-modal-close:hover{background:var(--hover-bg)}.db-report-modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}.db-report-field{display:flex;flex-direction:column;gap:5px}.db-report-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.db-report-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--input-bg, var(--surface-alt));color:var(--text-primary);box-sizing:border-box;transition:border-color .15s}.db-report-input:focus{outline:none;border-color:var(--primary-color)}.db-report-error{font-size:12.5px;color:#dc2626;margin:0}.db-report-generate-btn{width:100%;padding:10px;border:none;border-radius:var(--radius-md);background:var(--primary-color);color:#fff;font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity .15s}.db-report-generate-btn:hover{opacity:.88}.db-report-generate-btn:disabled{opacity:.5;cursor:not-allowed}.db-date-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.db-date-select,.db-date-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);height:38px}.db-date-select:focus,.db-date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.db-date-input::-webkit-calendar-picker-indicator{filter:invert(var(--filter-invert-value))}@media(max-width:1024px){.db-row-top,.db-row-bottom{grid-template-columns:1fr}.db-unread-card{flex-direction:column}.db-unread-divider{width:auto;height:1px}.db-unread-left{min-width:unset;padding-bottom:16px}.db-unread-channels{flex-direction:row;flex-wrap:wrap;gap:10px 24px}}@media(max-width:600px){.db-gauges-row{gap:6px;flex-wrap:wrap;justify-content:space-around}.db-gauge-item{min-width:70px}.db-gauge-label{font-size:9.5px}.db-spend-amount{font-size:28px}.db-card{padding:16px 18px}.db-unread-number{font-size:40px}.db-unread-left{padding:16px 18px 14px}.db-unread-right{padding:14px 18px 16px}}@media(max-width:480px){.db-spend-amount{font-size:24px}.db-spend-currency{font-size:16px}.db-card{padding:14px}.db-avg-val{font-size:14px}.db-unread-number{font-size:34px}.db-unread-left{padding:14px 14px 12px}.db-unread-right{padding:12px 14px 14px}.db-unread-item{padding:8px 10px}}.proj-loading{text-align:center;color:var(--text-muted);padding:60px 0;font-size:15px}.proj-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;color:var(--text-muted);font-size:15px}.proj-page .empty-groups-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 0;color:var(--text-muted)}.proj-page .empty-groups-state .empty-icon{font-size:2.2rem;opacity:.6}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:8px}.proj-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.proj-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.proj-card-image{position:relative;height:180px;background:var(--surface-alt);overflow:hidden;flex-shrink:0}.proj-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(1,1,1,.65),transparent);pointer-events:none;z-index:1}.proj-card-image img{width:100%;height:100%;object-fit:cover;display:block}.proj-card-no-img{width:100%;height:100%;background:linear-gradient(135deg,var(--border-color) 0%,var(--border-strong) 100%)}.proj-card-name{position:absolute;bottom:10px;left:14px;color:#fff;font-size:27px;font-weight:500;text-shadow:0 1px 2px rgb(223,218,218);line-height:1.2;z-index:2}.proj-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.proj-card-slug{background:var(--surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:7px 11px;font-size:12px;color:var(--text-muted);font-family:monospace}.proj-card-actions{display:flex;gap:8px}.proj-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast);flex:1;justify-content:center}.proj-btn-view{background:hwb(from var(--primary-color) h 97% 0%);color:var(--primary-color)}.proj-btn-view:hover{background:#faf8f8}.proj-btn-edit{background:hwb(from var(--primary-color) h 97% 0%);color:var(--primary-color)}.proj-btn-edit:hover{background:#faf8f8}.proj-btn-delete{background:hwb(from var(--primary-color) h 97% 0%);color:var(--primary-color)}.proj-btn-delete:hover{background:#faf8f8}.proj-form-body{display:flex;flex-direction:column;gap:20px;margin-top:4px}.proj-section-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:22px 24px;box-shadow:var(--shadow-sm)}.proj-section-title{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.proj-field-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proj-field{display:flex;flex-direction:column;gap:5px}.proj-field-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.proj-spec{font-weight:400;color:var(--text-muted);font-size:12px}.proj-input{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:9px 12px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--input-bg);width:100%;box-sizing:border-box;font-family:var(--font-sans)}.proj-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.proj-select{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:9px 12px;font-size:14px;color:var(--text-primary);outline:none;background:var(--input-bg);width:100%;box-sizing:border-box;cursor:pointer;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.proj-select:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.proj-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:9px 12px;font-size:14px;color:var(--text-primary);outline:none;resize:vertical;width:100%;box-sizing:border-box;font-family:var(--font-sans);background:var(--input-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.proj-textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus);background:var(--card-bg)}.proj-img-field{display:flex;flex-direction:column;gap:8px}.proj-img-row{display:flex;align-items:center;gap:14px}.proj-img-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.proj-img-preview{width:120px;height:80px;border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.proj-img-preview img{width:100%;height:100%;object-fit:cover}.proj-unit-preview{width:110px;height:110px}.proj-no-image{font-size:12px;color:var(--text-muted)}.proj-upload-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:600;padding:8px 16px;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast),border-color var(--transition-fast)}.proj-upload-btn:hover{background:var(--hover-bg);border-color:var(--border-strong)}.proj-unit-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:18px}.proj-unit-toggle-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--primary-color);font-size:12.5px;font-weight:600;padding:5px 12px;cursor:pointer;font-family:var(--font-sans);transition:background var(--transition-fast),border-color var(--transition-fast)}.proj-unit-toggle-btn:hover{background:var(--hover-bg);border-color:var(--border-strong)}.proj-unit-toggle-btn--close{color:#e11d48;border-color:#fecdd3}.proj-unit-toggle-btn--close:hover{background:#fff1f2}.proj-unit-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;margin-bottom:14px;background:var(--surface-alt)}.proj-unit-remove-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.proj-unit-num{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.proj-unit-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;display:flex;align-items:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.proj-unit-remove:hover{color:#e11d48;background:#fff1f2}.proj-unit-body{display:grid;grid-template-columns:auto 1fr;gap:24px}.proj-unit-left{min-width:150px}.proj-unit-right{display:flex;flex-direction:column}.proj-add-unit-btn{display:inline-flex;align-items:center;gap:6px;border:1.5px dashed var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:10px 20px;cursor:pointer;font-family:var(--font-sans);width:100%;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast)}.proj-add-unit-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.proj-view-container{display:flex;flex-direction:column;gap:20px;margin-top:4px}.proj-view-hero{border-radius:var(--radius-lg);overflow:hidden;position:relative;height:320px}.proj-view-hero img{width:100%;height:100%;object-fit:cover}.proj-view-headline{position:absolute;bottom:40px;left:28px;color:#fff;font-size:28px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}.proj-view-subheadline{position:absolute;bottom:16px;left:28px;color:#f3f4f6;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.proj-view-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:22px 24px;box-shadow:var(--shadow-sm)}.proj-view-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.proj-view-text{font-size:14px;color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.proj-view-img{width:100%;border-radius:var(--radius-md);object-fit:cover;max-height:220px}.proj-units-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.proj-unit-view-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-alt)}.proj-unit-view-img{width:100%;height:140px;object-fit:cover;display:block}.proj-unit-view-model{font-size:13px;font-weight:700;color:var(--text-primary);padding:10px 12px 4px}.proj-unit-view-specs{font-size:12px;color:var(--text-muted);padding:0 12px 12px;line-height:1.5;white-space:pre-wrap}@media(max-width:1100px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.proj-grid,.proj-field-grid2,.proj-unit-body{grid-template-columns:1fr}.proj-view-hero{height:200px}.proj-view-headline{font-size:20px;bottom:28px;left:16px}.proj-view-subheadline{font-size:13px;bottom:10px;left:16px}.proj-section-card,.proj-view-section{padding:16px}.proj-card-image{height:140px}.proj-card-name{font-size:20px}.proj-img-row{flex-direction:column;align-items:flex-start}.proj-units-view-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.proj-units-view-grid{grid-template-columns:1fr}.proj-view-hero{height:160px}.proj-card-actions{flex-direction:column}.proj-action-btn{width:100%}}.req-page{display:flex;flex-direction:column;gap:20px}.req-stats-row{display:flex;gap:12px;flex-wrap:wrap}.req-stat-card{flex:1;min-width:100px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);transition:border-color .18s ease,box-shadow .18s ease,transform .15s ease}.req-stat-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.req-stat-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(15,23,42,.1))}.req-stat-card--active{background:var(--card-bg)}.req-stat-value{font-size:28px;font-weight:700;line-height:1}.req-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.req-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.req-search{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.req-search::placeholder{color:var(--text-muted)}.req-search:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.req-select{padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-sans);background:var(--input-bg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.req-select:focus{outline:none;border-color:var(--primary-color)}.req-clear-btn{padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:none;font-size:12.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:background-color var(--transition-fast)}.req-clear-btn:hover{background:var(--hover-bg)}.req-table-wrap{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.req-table{min-width:600px}.req-status-msg{padding:48px 20px;text-align:center;color:var(--text-muted);font-size:13px;margin:0}.req-table{width:100%;border-collapse:collapse;font-size:13px}.req-table th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-alt);border-bottom:1px solid var(--border-color);white-space:nowrap}.req-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-lg)}.req-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-lg)}.req-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.req-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.req-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.req-table tr:last-child td{border-bottom:none}.req-table tbody tr:hover{background:var(--hover-bg)}.req-td-name{font-weight:600;white-space:nowrap}.req-td-phone{color:var(--text-secondary);white-space:nowrap;font-size:12.5px}.req-td-desc{color:var(--text-secondary);max-width:320px;min-width:200px;white-space:normal;word-break:break-word;line-height:1.4}.req-td-date{color:var(--text-muted);white-space:nowrap;font-size:12px}.req-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;text-transform:capitalize}.req-badge--type{text-transform:capitalize}.req-status-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 7px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s,transform .15s;line-height:1.6}.req-status-btn:hover{opacity:.82;transform:translateY(-1px)}.req-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.req-status-menu{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0f;min-width:148px;overflow:hidden;animation:req-dropdown-in .14s ease both}@keyframes req-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.req-status-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 13px;border:none;background:none;font-size:12.5px;font-weight:500;color:#334155;cursor:pointer;font-family:var(--font-sans);text-align:left;transition:background .12s}.req-status-option:hover{background:#f8fafc}.req-status-option.active{font-weight:700;background:#f1f5f9}.req-td-actions{width:40px;text-align:center;padding:0 8px}.req-delete-btn{opacity:0;pointer-events:none;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.req-table tbody tr:hover .req-delete-btn{opacity:1;pointer-events:auto}.req-delete-btn:hover{background:#fef2f2;color:#dc2626;opacity:1}.req-delete-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.req-confirm-card{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:4px 8px;box-shadow:0 2px 8px #dc26261f;animation:req-confirm-in .15s ease both;white-space:nowrap}@keyframes req-confirm-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.req-confirm-text{font-size:11.5px;font-weight:600;color:#dc2626}.req-confirm-btn{padding:2px 9px;border-radius:5px;border:1px solid transparent;font-size:11.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity .12s}.req-confirm-btn--yes{background:#dc2626;color:#fff;border-color:#dc2626}.req-confirm-btn--yes:hover{opacity:.85}.req-confirm-btn--no{background:#f3f4f6;color:#374151;border-color:#d1d5db}.req-confirm-btn--no:hover{background:#e5e7eb}@media(max-width:720px){.req-stats-row{gap:8px}.req-stat-card{min-width:80px;padding:12px 14px}.req-stat-value{font-size:22px}.req-filters{flex-direction:column}.req-search{min-width:100%}.req-select{width:100%}.req-table th,.req-table td{white-space:nowrap}}@media(max-width:480px){.req-stats-row{display:grid;grid-template-columns:repeat(2,1fr)}.req-stat-card:first-child{grid-column:1 / -1}.req-stat-value{font-size:20px}.req-stat-label{font-size:10px}}