[data-bs-theme=dark]{--primary-gradient: linear-gradient(135deg, #25d366 0%, #128c7e 100%);--glass-bg: rgba(30, 30, 30, .8);--glass-border: rgba(255, 255, 255, .1);--success-glow: rgba(37, 211, 102, .3);--bg-body: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0d1117 100%);--bg-primary: #0d0d0d;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(37, 211, 102, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-faded: rgba(255, 255, 255, .4);--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--input-bg: rgba(255, 255, 255, .05);--input-bg-focus: rgba(255, 255, 255, .08);--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--card-header-bg: rgba(255, 255, 255, .02);--modal-bg: rgba(30, 30, 30, .95);--message-incoming-bg: rgba(255, 255, 255, .05);--message-outgoing-bg: rgba(37, 211, 102, .2);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-border: rgba(255, 255, 255, .1);--btn-secondary-color: #adb5bd}[data-bs-theme=light]{--primary-gradient: linear-gradient(135deg, #25d366 0%, #128c7e 100%);--glass-bg: rgba(255, 255, 255, .9);--glass-border: #ccc;--success-glow: rgba(37, 211, 102, .3);--bg-body: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%);--bg-primary: #f4f4f4;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-hover: rgba(0, 0, 0, .03);--bg-active: rgba(37, 211, 102, .08);--text-primary: #212529;--text-secondary: rgba(0, 0, 0, .7);--text-muted: rgba(0, 0, 0, .5);--text-faded: rgba(0, 0, 0, .4);--border-color: #ccc;--border-hover: #aaa;--input-bg: rgba(0, 0, 0, .03);--input-bg-focus: rgba(0, 0, 0, .05);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25);--card-header-bg: rgba(0, 0, 0, .02);--modal-bg: rgba(255, 255, 255, .98);--message-incoming-bg: rgba(0, 0, 0, .04);--message-outgoing-bg: rgba(37, 211, 102, .15);--btn-secondary-bg: rgba(0, 0, 0, .05);--btn-secondary-border: rgba(0, 0, 0, .1);--btn-secondary-color: #495057}:root{--primary-gradient: linear-gradient(135deg, #25d366 0%, #128c7e 100%);--glass-bg: rgba(30, 30, 30, .8);--success-glow: rgba(37, 211, 102, .3)}*{box-sizing:border-box}body{background:var(--bg-body);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary)}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.glass-card:hover{border-color:#25d3664d;box-shadow:0 8px 32px #0000004d}.card-header{background:var(--card-header-bg);border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem}.session-item{padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border);transition:all .2s ease;cursor:pointer}.session-item:hover{background:#25d3661a}.session-item.active{background:#25d36626;border-left:3px solid #25d366}.session-status{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.session-status.connected{background:#25d366;box-shadow:0 0 10px var(--success-glow);animation:pulse 2s infinite}.session-status.connecting,.session-status.qr{background:#ffc107;animation:pulse 1s infinite}.session-status.disconnected{background:#dc3545}.qr-container{display:inline-block;padding:1rem;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d}.qr-container img{display:block;max-width:256px;height:auto}.message-log{max-height:300px;overflow-y:auto;font-family:Monaco,Consolas,monospace;font-size:.85rem}.log-entry{padding:.5rem 1rem;border-bottom:1px solid var(--glass-border)}.log-entry.incoming{background:#25d3660d;border-left:3px solid #25d366}.log-entry.outgoing{background:#007bff0d;border-left:3px solid #0d6efd}.log-time{color:var(--text-muted);font-size:.75rem}.rule-item{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.rule-trigger{font-family:Monaco,Consolas,monospace;font-size:.8rem;background:var(--input-bg);padding:.25rem .5rem;border-radius:4px}.form-control,.form-select{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);transition:all .2s ease}.form-control:focus,.form-select:focus{background:var(--input-bg-focus);border-color:#25d366;box-shadow:0 0 0 .25rem #25d36626;color:var(--text-primary)}.form-control::placeholder{color:var(--text-faded)}.form-text{color:var(--text-faded)}.btn-success{background:var(--primary-gradient);border:none;font-weight:500;transition:all .3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--success-glow)}.btn-outline-secondary{border-color:var(--glass-border);color:var(--btn-secondary-color)}.btn-outline-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.badge.bg-secondary{background:#6c757d4d!important}.badge.bg-success{background:var(--primary-gradient)!important}.badge.bg-warning{background:#ffc1074d!important;color:#ffc107}.badge.bg-danger{background:#dc35454d!important;color:#dc3545}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.toast-header{background:var(--card-header-bg);border-bottom:1px solid var(--glass-border);color:var(--text-primary)}.toast-body{color:var(--text-secondary)}.modal-content.glass-card{background:var(--modal-bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media(max-width:991.98px){main{padding-left:1rem;padding-right:1rem}}.theme-toggle{cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-hover)}.theme-toggle i{transition:transform .3s ease}.theme-toggle:hover i{transform:rotate(15deg)}[data-bs-theme=light] .sidebar-menu,[data-bs-theme=light] .sidebar-brand-title,[data-bs-theme=light] .sidebar-item,[data-bs-theme=light] .sidebar-section-title,[data-bs-theme=light] .sidebar-item-text{color:var(--text-primary)!important}[data-bs-theme=light] .sidebar-brand-subtitle{color:var(--text-muted)!important}[data-bs-theme=light] .sidebar-item:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-bs-theme=light] .sidebar-item-badge{background:#00000014!important;color:var(--text-secondary)!important}[data-bs-theme=light] .sidebar-item-badge.primary{background:#25d36626!important;color:#128c7e!important}[data-bs-theme=light] .conversation-item,[data-bs-theme=light] .conversation-name,[data-bs-theme=light] .conversation-preview,[data-bs-theme=light] .conversation-time,[data-bs-theme=light] .contact-name{color:var(--text-primary)!important}[data-bs-theme=light] .conversation-preview,[data-bs-theme=light] .conversation-time{color:var(--text-secondary)!important}[data-bs-theme=light] .chat-header,[data-bs-theme=light] .chat-header-name,[data-bs-theme=light] .message-input,[data-bs-theme=light] .message-text{color:var(--text-primary)!important}[data-bs-theme=light] .placeholder-text,[data-bs-theme=light] .empty-state-text{color:var(--text-secondary)!important}[data-bs-theme=light] .form-control,[data-bs-theme=light] .form-select,[data-bs-theme=light] input[type=text],[data-bs-theme=light] input[type=email],[data-bs-theme=light] input[type=search],[data-bs-theme=light] textarea{background:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .form-control:focus,[data-bs-theme=light] .form-select:focus,[data-bs-theme=light] input:focus,[data-bs-theme=light] textarea:focus{background:var(--input-bg-focus)!important;border-color:#25d366!important;color:var(--text-primary)!important}[data-bs-theme=light] .form-control::placeholder,[data-bs-theme=light] input::placeholder,[data-bs-theme=light] textarea::placeholder{color:var(--text-muted)!important}[data-bs-theme=light] .badge,[data-bs-theme=light] .btn-secondary{background:var(--btn-secondary-bg)!important;color:var(--btn-secondary-color)!important;border-color:var(--btn-secondary-border)!important}[data-bs-theme=light] .modal-content,[data-bs-theme=light] .modal-header,[data-bs-theme=light] .modal-body,[data-bs-theme=light] .modal-footer,[data-bs-theme=light] .modal-title{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-bs-theme=light] .modal-header,[data-bs-theme=light] .modal-footer{border-color:var(--border-color)!important}[data-bs-theme=light] .btn-close{filter:none!important}[data-bs-theme=light] .table,[data-bs-theme=light] .table th,[data-bs-theme=light] .table td{color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .table-hover tbody tr:hover{background:var(--bg-hover)!important}[data-bs-theme=light] .status-btn,[data-bs-theme=light] .toolbar-btn{background:var(--btn-secondary-bg)!important;color:var(--text-secondary)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .status-btn:hover,[data-bs-theme=light] .toolbar-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-bs-theme=light] .status-btn.active{background:#25d3661a!important;color:#128c7e!important;border-color:#25d3664d!important}[data-bs-theme=light] .card,[data-bs-theme=light] .panel,[data-bs-theme=light] .instances-table{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .card-header{background:var(--card-header-bg)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .dropdown-menu{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .dropdown-item{color:var(--text-primary)!important}[data-bs-theme=light] .dropdown-item:hover{background:var(--bg-hover)!important}[data-bs-theme=light] .action-btn{color:var(--text-secondary)!important}[data-bs-theme=light] .text-muted{color:var(--text-muted)!important}[data-bs-theme=light] .instance-name,[data-bs-theme=light] .template-name,[data-bs-theme=light] .instance-description,[data-bs-theme=light] .template-description,[data-bs-theme=light] .macros-label-item,[data-bs-theme=light] .macros-loading{color:var(--text-primary)!important}[data-bs-theme=light] .message-bubble.incoming,[data-bs-theme=light] .message-incoming{background:#0000000d!important;color:var(--text-primary)!important}[data-bs-theme=light] .message-bubble.outgoing,[data-bs-theme=light] .message-outgoing{background:#25d36626!important;color:var(--text-primary)!important}[data-bs-theme=light] .chat-message.system .message-bubble,[data-bs-theme=light] .message-bubble.system{color:var(--text-secondary)!important}[data-bs-theme=light] .dropdown-toggle,[data-bs-theme=light] #assignedDropdownBtn,[data-bs-theme=light] #statusDropdownBtn,[data-bs-theme=light] #priorityDropdownBtn,[data-bs-theme=light] .chat-header .dropdown-toggle{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-bs-theme=light] .dropdown-toggle:hover,[data-bs-theme=light] .chat-header .dropdown-toggle:hover{background:var(--bg-hover)!important;border-color:var(--border-hover)!important}[data-bs-theme=light] .bi,[data-bs-theme=light] [class*=bi-],[data-bs-theme=light] .chat-header i,[data-bs-theme=light] .dropdown-toggle i,[data-bs-theme=light] .message-action-btn i,[data-bs-theme=light] .btn i,[data-bs-theme=light] button i{color:var(--text-secondary)!important}[data-bs-theme=light] .text-success i,[data-bs-theme=light] .btn-success i{color:#25d366!important}[data-bs-theme=light] .message-action-btn,[data-bs-theme=light] .message-actions button{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}[data-bs-theme=light] .message-action-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-bs-theme=light] .chat-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}[data-bs-theme=light] .chat-header-name,[data-bs-theme=light] .chat-header-info,[data-bs-theme=light] .chat-header-info h6{color:var(--text-primary)!important}[data-bs-theme=light] .chat-header-info small{color:var(--text-secondary)!important}[data-bs-theme=light] .message-input-container,[data-bs-theme=light] .message-composer{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important}[data-bs-theme=light] .btn-reply,[data-bs-theme=light] #sendMessageBtn{background:#25d366!important;color:#fff!important;border:none!important}[data-bs-theme=light] .conversation-item{border-bottom:1px solid var(--border-color)!important}[data-bs-theme=light] .conversation-item:hover{background:var(--bg-hover)!important}[data-bs-theme=light] .conversation-item.active{background:#25d3661a!important}[data-bs-theme=light] .message-time,[data-bs-theme=light] .conversation-time{color:var(--text-muted)!important}[data-bs-theme=light] .detail-sidebar,[data-bs-theme=light] .contact-details,[data-bs-theme=light] #detailSidebar{background:var(--bg-secondary)!important;border-left:1px solid var(--border-color)!important}[data-bs-theme=light] .detail-sidebar h6,[data-bs-theme=light] .detail-sidebar label,[data-bs-theme=light] .detail-sidebar span,[data-bs-theme=light] .detail-sidebar p,[data-bs-theme=light] .detail-sidebar div,[data-bs-theme=light] #detailSidebar h6,[data-bs-theme=light] #detailSidebar label,[data-bs-theme=light] #detailSidebar span,[data-bs-theme=light] #detailSidebar p{color:var(--text-primary)!important}[data-bs-theme=light] .nav-tabs .nav-link,[data-bs-theme=light] .detail-tabs .nav-link,[data-bs-theme=light] .detail-tabs button,[data-bs-theme=light] .tab-button{color:var(--text-secondary)!important;background:transparent!important}[data-bs-theme=light] .nav-tabs .nav-link.active,[data-bs-theme=light] .detail-tabs .nav-link.active,[data-bs-theme=light] .tab-button.active{color:#25d366!important;border-bottom:2px solid #25d366!important;background:transparent!important}[data-bs-theme=light] .nav-tabs .nav-link:hover,[data-bs-theme=light] .detail-tabs .nav-link:hover,[data-bs-theme=light] .contact-info,[data-bs-theme=light] .contact-details,[data-bs-theme=light] .ticket-info,[data-bs-theme=light] .detail-section,[data-bs-theme=light] .contact-info span,[data-bs-theme=light] .contact-info p,[data-bs-theme=light] .contact-info div,[data-bs-theme=light] .ticket-info span,[data-bs-theme=light] .ticket-info p{color:var(--text-primary)!important}[data-bs-theme=light] .contact-info i,[data-bs-theme=light] .ticket-info i,[data-bs-theme=light] .detail-sidebar i,[data-bs-theme=light] #detailSidebar i{color:var(--text-secondary)!important}[data-bs-theme=light] .tag-input,[data-bs-theme=light] input[placeholder*=tag],[data-bs-theme=light] #tagInput{background:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-bs-theme=light] .tag-input::placeholder,[data-bs-theme=light] input[placeholder*=tag]::placeholder{color:var(--text-muted)!important}[data-bs-theme=light] .tag,[data-bs-theme=light] .badge-tag{background:var(--btn-secondary-bg)!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}[data-bs-theme=light] #contactNotes,[data-bs-theme=light] textarea[placeholder*=notes],[data-bs-theme=light] #taskTemplateSelect,[data-bs-theme=light] select{background:var(--input-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}[data-bs-theme=light] .task-list,[data-bs-theme=light] .task-item{color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important}[data-bs-theme=light] .btn-close,[data-bs-theme=light] [class*=close]{filter:invert(1) grayscale(100%) brightness(50%)!important}[data-bs-theme=light] .section-label,[data-bs-theme=light] .detail-label,[data-bs-theme=light] .info-label{color:var(--text-muted)!important}[data-bs-theme=light] .copilot-container,[data-bs-theme=light] #copilotResponse{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-bs-theme=light] [style*="color: #fff"],[data-bs-theme=light] [style*="color:#fff"],[data-bs-theme=light] [style*="color: white"],[data-bs-theme=light] [style*="color:white"],[data-bs-theme=light] [style*="rgba(255, 255, 255"]{color:var(--text-primary)!important}.tickets-layout{display:flex;height:100vh;overflow:hidden}.sidebar-menu{width:260px;min-width:260px;background:var(--bg-tertiary);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:.75rem}.sidebar-brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.1rem}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-title{font-weight:700;font-size:.95rem;color:var(--text-primary)}.sidebar-brand-subtitle{font-size:.7rem;color:#ffffff80}.sidebar-selector{padding:.75rem 1rem;margin:.5rem .75rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;display:flex;align-items:center;gap:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.sidebar-selector:hover{background:#ffffff14}.sidebar-selector i{color:#fff9}.sidebar-selector span{flex:1;font-size:.85rem;font-weight:500}.sidebar-instance{padding:.5rem 1rem;margin:0 .75rem .5rem;display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.85rem}.sidebar-instance i{color:#fff6}.sidebar-dropdown{padding:.5rem 1rem;margin:0 .75rem .75rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font-size:.85rem;cursor:pointer}.sidebar-section{padding:.25rem 0}.sidebar-section-title{padding:.75rem 1.25rem .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.sidebar-item{padding:.6rem 1.25rem;display:flex;align-items:center;gap:.75rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.875rem;text-decoration:none}.sidebar-item:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar-item.active{background:#25d3661a;color:#25d366;border-left:3px solid #25d366}.sidebar-item i{font-size:1rem;width:1.25rem;text-align:center}.sidebar-item-badge.primary{background:#25d36633;color:#25d366}.sidebar-settings-toggle{padding:.75rem 1.25rem .5rem;display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff6;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.sidebar-settings-toggle:hover{color:#ffffffb3}.sidebar-settings-toggle .bi-chevron-down,.sidebar-settings-toggle .bi-chevron-right{margin-left:auto;font-size:.55rem}[data-bs-theme=light] .sidebar-settings-toggle{color:#0006}[data-bs-theme=light] .sidebar-settings-toggle:hover{color:#000000b3}.conversation-list{width:380px;min-width:380px;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;background:var(--bg-secondary)}.conversation-header{padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.conversation-header h5{margin:0;font-weight:600;font-size:1.25rem}.conversation-header-actions{display:flex;gap:.5rem}.conversation-header-actions button{background:#ffffff14;border:1px solid var(--glass-border);color:#adb5bd;padding:.375rem .5rem;border-radius:8px;transition:all .2s ease}.conversation-header-actions button:hover{background:#ffffff26;color:var(--text-primary)}.status-nav-btn:hover{opacity:.8;transform:translateY(-1px)}.status-nav-btn.active{box-shadow:0 0 0 2px currentColor;opacity:1!important}.conversation-search{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.conversation-search input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:.5rem 1rem .5rem 2.5rem;color:var(--text-primary);width:100%;font-size:.9rem}.conversation-search input::placeholder{color:#fff6}.conversation-search input:focus{outline:none;border-color:#25d366;background:#ffffff14}.search-wrapper{position:relative}.search-wrapper i.bi-search{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#fff6}.conversation-items{flex:1;overflow-y:auto;position:relative}.new-tickets-banner{display:none;position:sticky;top:0;z-index:10;background:linear-gradient(135deg,#25d36626,#128c7e26);border:1px solid rgba(37,211,102,.4);border-radius:20px;padding:.5rem 1rem;margin:.5rem 1rem;cursor:pointer;text-align:center;font-size:.85rem;font-weight:500;color:#25d366;transition:all .3s ease;animation:pulse-glow 2s infinite}.new-tickets-banner:hover{background:linear-gradient(135deg,#25d36640,#128c7e40);transform:translateY(-1px)}.new-tickets-banner.show{display:block}.new-tickets-banner i{margin-right:.35rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #25d3664d}50%{box-shadow:0 0 15px #25d36680}}.conversation-item{display:flex;padding:.875rem 1rem;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all .2s ease;gap:.75rem;align-items:flex-start}.conversation-item:hover{background:#ffffff08}.conversation-item.active{background:#25d36614;border-left:3px solid #25d366}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--text-primary);flex-shrink:0}.conversation-avatar.green{background:linear-gradient(135deg,#25d366,#128c7e)}.conversation-avatar.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.conversation-avatar.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.conversation-avatar.purple{background:linear-gradient(135deg,#667eea,#764ba2)}.conversation-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.conversation-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.conversation-name{font-weight:600;font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:#ffffff80;white-space:nowrap}.conversation-time-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.conversation-middle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.conversation-tag{font-size:.65rem;padding:.1rem .4rem;border-radius:4px;font-weight:500;white-space:nowrap}.tag-instance-whatsapp{background:#25d36626}.tag-general,.tag-demo-support{background:#667eea26;color:#667eea}.tag-bouncer-direct{background:#ffc10726;color:#ffc107}.tag-priority-0{background:#667eea26;color:#667eea}.tag-priority-0:after{content:"Normal"}.tag-priority-1{background:#ffc10726;color:#ffc107}.tag-priority-1:after{content:"High"}.tag-priority-2{background:#ef444426;color:#ef4444}.tag-priority-2:after{content:"Urgent"}.tag-urgent{background:#ef444426;color:#ef4444}.tag-vip{background:#a855f726;color:#a855f7}.conversation-preview{font-size:.825rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.25rem}.conversation-preview i{font-size:.8rem;color:#25d366cc}.conversation-badges{display:flex;align-items:center;gap:.35rem;margin-top:.15rem}.unread-badge{background:#2d3748;color:#fff;font-size:.65rem;padding:.1rem .35rem;border-radius:10px;font-weight:600;min-width:18px;text-align:center}.sla-badge{font-size:.65rem;padding:.1rem .35rem;border-radius:4px;font-weight:500;display:flex;align-items:center;gap:.15rem}.sla-warning{background:#ffc10726;color:#ffc107}.sla-danger{background:#dc354526;color:#dc3545}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.chat-area-empty{align-items:center;justify-content:center}.chat-header{padding:.875rem 1.25rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.chat-header-left{display:flex;align-items:center;gap:.75rem}.chat-header-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:var(--text-primary)}.chat-header-info h6{margin:0;font-weight:600;font-size:.95rem}.chat-header-info small{color:#ffffff80;font-size:.8rem}.chat-header-actions{display:flex;gap:.5rem}.chat-header-actions button{background:transparent;border:none;color:#fff9;padding:.5rem;font-size:1.1rem;transition:all .2s ease;border-radius:8px}.chat-header-actions button:hover{background:#ffffff1a;color:var(--text-primary)}.header-dropdown{display:flex;align-items:center}.header-dropdown .dropdown-toggle{display:flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.4rem .75rem;font-size:.8rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.header-dropdown .dropdown-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.header-dropdown .dropdown-toggle:after{margin-left:.35rem;font-size:.65rem}.header-dropdown .dropdown-toggle i{font-size:.9rem}.header-dropdown .dropdown-toggle span{font-weight:500}.header-dropdown .status-value,.header-dropdown .priority-value{color:#25d366;font-weight:600}.header-dropdown .dropdown-menu{background:#1a1d21;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem 0;min-width:150px;box-shadow:0 8px 24px #0006}.header-dropdown .dropdown-item{color:#fffc;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;transition:all .15s ease}.header-dropdown .dropdown-item:hover{background:#25d36626;color:var(--text-primary)}.header-dropdown .dropdown-item i{font-size:1rem;width:20px;text-align:center}.chat-messages{flex:1;overflow-y:auto;padding:1rem 2rem;display:flex;flex-direction:column;gap:.5rem}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;position:relative;width:100%}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(74,144,217,.5),transparent)}.chat-date-divider span{background:var(--bg-tertiary);padding:.25rem 1rem;font-size:.8rem;font-weight:500}.chat-message{display:flex;flex-direction:column;gap:.5rem;width:100%;justify-content:flex-start}.message-meta-row{display:flex;align-items:center;gap:.75rem;width:100%}.chat-message:hover{background:#ffffff05}.message-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#ffffffb3;flex-shrink:0;margin-top:4px}.message-avatar.system{background:transparent;color:transparent}.message-content-wrapper{flex:1;max-width:80%;display:flex;flex-direction:column}.message-bubble{width:100%;padding:.5rem;border-radius:0 12px 12px;background:#ffffff0d;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;user-select:text;-webkit-user-select:text}.outgoing .message-bubble{background:#25d36633;border-radius:12px 0 12px 12px}.highlight-flash{animation:highlightFlash 1.5s ease}@keyframes highlightFlash{0%,to{background:transparent}30%{background:#25d36640}}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.message-quote{border-left:3px solid #4a90d9;padding-left:.75rem;margin:.25rem 0 .5rem;color:#ffffffb3;font-style:italic;background:#4a90d91a;padding:.5rem .75rem;border-radius:0 6px 6px 0;font-size:.9rem}.message-sender{font-weight:600;font-size:.95rem;color:var(--text-primary)}.outgoing .message-wrapper{flex-direction:row-reverse}.message-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;align-self:center}.chat-message:hover .message-actions{opacity:1}.message-action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s ease}.message-action-btn:hover{background:#fff3;color:var(--text-primary);transform:scale(1.1)}.message-action-btn.reply:hover{background:#25d3664d;border-color:#25d36680;color:#25d366}.message-action-btn.macro:hover{background:#667eea4d;border-color:#667eea80;color:#667eea}.message-bubble-wrapper{display:flex;align-items:center;gap:.25rem;position:relative}.message-actions-inline{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;align-self:center;flex-shrink:0;position:absolute;top:-16px;right:0}.message-bubble-wrapper:hover .message-actions-inline{opacity:1}.chat-message.outgoing .message-bubble-wrapper{flex-direction:row}.chat-solved-state{padding:1.5rem;background:var(--bg-secondary);border-top:1px solid var(--glass-border)}.solved-divider{height:3px;background:linear-gradient(90deg,transparent,#4a90d9,transparent);margin-bottom:1.5rem}.solved-content{text-align:center}.solved-message{font-size:1rem;margin-bottom:.5rem}.solved-instruction{font-size:.875rem;color:#ffffff80;margin-bottom:1rem}.solved-instruction kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.15rem .4rem;font-family:inherit;font-size:.75rem}.solved-actions{display:flex;gap:.75rem;justify-content:center}.solved-actions .btn-reopen{background:#4a90d9;color:var(--text-primary);border:none;padding:.6rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.solved-actions .btn-reopen:hover{background:#5aa0e9}.solved-actions .btn-add-note{background:transparent;border:1px solid rgba(255,255,255,.3);padding:.6rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.solved-actions .btn-add-note:hover{background:#ffffff1a;border-color:#ffffff80}.file-preview-area{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);max-height:180px;overflow-y:auto}.file-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#fff9}.file-preview-clear-all{background:transparent;border:none;color:#ffffff80;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.file-preview-clear-all:hover{background:#f003;color:#ff6b6b}.file-preview-list{display:flex;flex-direction:column;gap:.5rem}.file-preview-item{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;padding:.5rem;border-radius:8px}.file-preview-image{width:40px;height:40px;border-radius:6px;background-size:cover;background-position:center;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff9;flex-shrink:0}.file-preview-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.file-preview-name{font-size:.8rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:.7rem;color:#ffffff80}.file-preview-remove{background:transparent;border:none;color:#ffffff80;padding:.35rem;cursor:pointer;border-radius:50%;transition:all .2s ease;flex-shrink:0}.file-preview-remove:hover{background:#f003;color:#ff6b6b}.drop-zone-overlay{display:none;position:absolute;inset:0;background:#4a90d933;border:2px dashed #4a90d9;border-radius:8px;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10}.drop-zone-overlay i{font-size:2rem;color:#4a90d9}.drop-zone-overlay span{color:#4a90d9;font-weight:500}.copilot-area{border-bottom:1px solid var(--glass-border);padding:1rem;margin-bottom:.5rem;border-radius:8px;border:1px solid rgba(13,110,253,.2);box-shadow:0 4px 12px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.copilot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.copilot-branding{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.copilot-badge{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.copilot-content{font-size:.95rem;line-height:1.5;margin-bottom:1rem;padding:.75rem;background:#ffffff08;border-radius:6px}.copilot-footer{display:flex;gap:.5rem;align-items:center}.btn-copilot-primary{background:#0d6efd1a;color:#0d6efd;border:1px solid rgba(13,110,253,.2);padding:.35rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-copilot-primary:hover{background:#0d6efd33}.btn-copilot-secondary{background:transparent;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-copilot-secondary:hover{background:#ffffff0d;color:var(--text-primary)}.btn-copilot-icon{background:transparent;border:none;color:#fff6;padding:.25rem;cursor:pointer;margin-left:auto}.btn-copilot-icon:hover{color:var(--text-primary)}.macros-panel{background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--glass-border);overflow:hidden;max-height:400px}.macros-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.macros-branding{display:flex;align-items:center;gap:.5rem}.macros-header-actions{display:flex;align-items:center;gap:.75rem}.btn-macros-create{color:#0d6efd;font-size:.85rem;text-decoration:none}.btn-macros-create:hover{text-decoration:underline}.btn-macros-close{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem}.btn-macros-close:hover{color:var(--text-primary)}.macros-panel-body{display:flex;max-height:320px}.macros-labels-sidebar{width:180px;min-width:180px;border-right:1px solid var(--glass-border);padding:.5rem;overflow-y:auto;background:#0003}.macros-label-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;color:#ffffffb3;text-decoration:none;border-radius:6px;font-size:.85rem;margin-bottom:.25rem}.macros-label-item:hover{background:#ffffff0d;color:var(--text-primary)}.macros-label-item.active{background:#0d6efd26;color:#0d6efd}.label-count{background:#ffffff1a;padding:.1rem .4rem;border-radius:10px;font-size:.75rem}.macros-list{flex:1;overflow-y:auto;padding:.5rem}.macros-loading{display:flex;align-items:center;gap:.5rem;color:#ffffff80;padding:1rem}.macro-item{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:background .2s ease}.macro-item:hover{background:#ffffff0d}.macro-item:last-child{border-bottom:none}.macro-item-content{font-size:.9rem;line-height:1.5}.macros-empty{text-align:center;padding:2rem;color:#ffffff80}.chat-input-area{padding:1rem 1.25rem;border-top:1px solid var(--glass-border);background:var(--bg-secondary);position:relative}.chat-input-area em-emoji-picker{width:100%}.quoted-message-banner{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin:0 0 .25rem;background:#ffffff0f;border-left:3px solid #25d366;border-radius:6px}.quoted-message-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.quoted-message-sender{font-size:.75rem;font-weight:600;color:#25d366}.quoted-message-text{font-size:.8rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quoted-message-close{background:transparent;border:none;color:#fff6;padding:.25rem;cursor:pointer;font-size:.75rem;border-radius:4px;flex-shrink:0}.quoted-message-close:hover{background:#ffffff1a;color:var(--text-primary)}.chat-input-area.drag-over .drop-zone-overlay{display:flex}.chat-input-wrapper{display:flex;flex-direction:column;gap:.5rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:.75rem}.reply-type-header{display:flex;align-items:center}.reply-type-selector{position:relative}.reply-type-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#0d6efd;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px}.reply-type-btn:hover{background:#0d6efd1a}.reply-type-btn .bi-chevron-down{font-size:.7rem}.reply-type-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;padding:.5rem;min-width:180px;z-index:1000;box-shadow:0 4px 20px #0000004d}.reply-type-dropdown.show{display:block}.reply-type-option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;text-decoration:none;border-radius:6px;font-size:.9rem}.reply-type-option:hover{background:#ffffff0d;color:var(--text-primary)}.reply-type-option.active{color:#0d6efd}.reply-type-option i{font-size:1rem}.ai-tools-dropdown{display:none;position:absolute;bottom:100%;left:0;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;padding:.5rem;min-width:160px;z-index:1000;box-shadow:0 4px 20px #0000004d;margin-bottom:.5rem}.ai-tools-dropdown.show{display:block}.ai-tools-option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;text-decoration:none;border-radius:6px;font-size:.9rem;transition:all .15s ease}.ai-tools-option:hover{background:#25d36626;color:#25d366}.ai-tools-option i{font-size:1rem;color:#25d366}.ai-tools-submenu-wrapper{position:relative}.ai-tools-submenu{display:none;position:absolute;left:100%;top:0;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;padding:.5rem;min-width:180px;max-height:300px;overflow-y:auto;z-index:1001;box-shadow:0 4px 20px #0000004d;margin-left:.25rem}.ai-tools-submenu.show,.ai-tools-submenu-wrapper:hover .ai-tools-submenu,.ai-tools-submenu:hover{display:block}.ai-tools-option .ms-auto{margin-left:auto}.chat-input-field{flex:1;position:relative}.chat-input-field textarea{width:100%;background:transparent;border:none;color:var(--text-primary);resize:none;font-size:.9rem;min-height:50px;max-height:150px;padding:.25rem 0}.chat-input-field textarea::placeholder{color:#fff6}.chat-input-field textarea:focus{outline:none}.expand-input-btn{position:absolute;top:0;right:0;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;font-size:.85rem;z-index:10;transition:color .2s ease}.expand-input-btn:hover{color:var(--text-primary)}.chat-input-wrapper.expanded{position:fixed;inset:0;background:var(--bg-tertiary);z-index:1000;display:flex;flex-direction:column;padding:0;border-radius:0;border:none}.chat-input-wrapper.expanded .reply-type-header{padding:1rem;border-bottom:1px solid var(--glass-border)}.chat-input-wrapper.expanded .chat-input-field{flex:1;padding:1rem;display:flex;flex-direction:column}.chat-input-wrapper.expanded .chat-input-field textarea{flex:1;max-height:none;min-height:auto;font-size:1rem;line-height:1.5}.chat-input-wrapper.expanded .chat-input-toolbar{padding:1rem;border-top:1px solid var(--glass-border)}@media(max-width:768px){.chat-input-wrapper.expanded{padding-bottom:env(safe-area-inset-bottom,0)}.chat-input-wrapper.expanded .chat-input-field textarea{font-size:16px}}.chat-input-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--glass-border)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.25rem}.chat-input-toolbar button{background:transparent;border:none;color:#ffffff80;padding:.4rem .5rem;font-size:1.1rem;transition:all .2s ease;border-radius:6px;cursor:pointer}.chat-input-toolbar button:hover{background:#ffffff14;color:var(--text-primary)}.toolbar-divider{width:1px;height:24px;background:var(--glass-border);margin:0 .5rem}.btn-reply{background:#ffffff1a!important;color:#fff9!important;font-size:.85rem!important;padding:.5rem 1rem!important;border-radius:6px!important;font-weight:500}.btn-reply:hover{background:#ffffff26!important;color:#fff!important}.chat-input-wrapper.note-mode{background:#ffc1070d;border-color:#ffc1074d}.chat-input-wrapper.note-mode .reply-type-btn{color:#ffc107}.chat-input-wrapper.note-mode .btn-reply{background:#ffc10733!important;color:#ffc107!important}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80;gap:1rem}.chat-empty-state i{font-size:4rem;opacity:.3}.ticket-detail-sidebar{width:0;min-width:0;background:var(--bg-tertiary);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.ticket-detail-sidebar.open{width:320px;min-width:320px}.detail-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--glass-border)}.detail-tabs{display:flex;gap:.5rem}.detail-tab{background:transparent;border:none;color:#ffffff80;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;position:relative;transition:color .2s ease}.detail-tab:hover{color:#fffc}.detail-tab.active{color:#25d366}.detail-tab.active:after{content:"";position:absolute;bottom:-1rem;left:0;right:0;height:2px;background:#25d366}.detail-close-btn{background:transparent;border:none;color:#ffffff80;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.detail-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.detail-tab-content{flex:1;overflow-y:auto;padding:1rem}.detail-section{margin-bottom:1.5rem}.detail-section-title{font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem}.detail-item i{width:20px;text-align:center}.detail-item-editable{position:relative}.detail-item-editable .detail-value{flex:1}.detail-item-editable .detail-edit-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--text-primary);padding:.25rem .5rem;font-size:.85rem}.detail-item-editable .detail-edit-input:focus{outline:none;border-color:#25d366}.detail-edit-btn,.detail-save-btn,.detail-cancel-btn{background:transparent;border:none;color:#fff6;cursor:pointer;padding:.25rem;transition:color .2s}.detail-edit-btn:hover,.detail-save-btn{color:#25d366}.detail-save-btn:hover{color:#4ade80}.detail-cancel-btn:hover{color:#ff6b6b}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.detail-tag-placeholder{font-size:.85rem;font-style:italic}.detail-tag{background:#25d36633;border:1px solid rgba(37,211,102,.3);color:#25d366;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;display:inline-flex;align-items:center}.detail-tag .bi-x{margin-left:4px;cursor:pointer;width:auto;color:currentColor;opacity:.7}.detail-tag .bi-x:hover{opacity:1}.detail-add-tag{display:flex;gap:.5rem;margin-top:.75rem}.detail-add-tag input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:6px;padding:.25rem .5rem;color:var(--text-primary);font-size:.85rem}.detail-add-tag input:focus{outline:none;border-color:#25d366}.detail-add-tag button{background:#ffffff1a;border:none;color:var(--text-primary);width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.detail-add-tag button:hover{background:#fff3;color:#25d366}.detail-notes-container{margin-bottom:1rem}.detail-notes-textarea{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:.75rem;color:var(--text-primary);resize:none;font-size:.9rem;min-height:100px;margin-bottom:.5rem}.detail-notes-textarea::placeholder{color:#fff6}.detail-notes-textarea:focus{outline:none;border-color:#25d366}.detail-save-notes-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.detail-save-notes-btn:hover{opacity:.9;transform:translateY(-1px)}.detail-notes-history{border-top:1px solid var(--glass-border);padding-top:1rem}.detail-note-item{background:#ffffff0d;border-radius:8px;padding:.75rem;margin-bottom:.5rem}.detail-note-content{font-size:.85rem;white-space:pre-wrap}.detail-note-meta{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem}.detail-tasks-container{margin-bottom:1rem}.detail-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.detail-tasks-template-select{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:.5rem .75rem;color:var(--text-primary);font-size:.85rem}.detail-tasks-template-select:focus{outline:none;border-color:#25d366}.detail-add-template-btn{background:#25d36626;border:1px solid rgba(37,211,102,.3);color:#25d366;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;margin-left:.5rem;transition:all .2s ease}.detail-add-template-btn:hover{background:#25d36640}.detail-save-tasks-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.detail-save-tasks-btn:hover{opacity:.9;transform:translateY(-1px)}.detail-tasks-history{border-top:1px solid var(--glass-border);padding-top:1rem}.detail-task-item{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.detail-task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.detail-task-name{flex:1;font-weight:600;color:var(--text-primary);font-size:.9rem}.detail-task-name-input{flex:1;background:#ffffff14;border:1px solid var(--glass-border);border-radius:4px;padding:.35rem .5rem;color:var(--text-primary);font-size:.85rem}.detail-task-status{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;font-weight:500}.detail-task-status.pending{background:#ffc10726;color:#ffc107}.detail-task-status.in_progress{background:#667eea26;color:#667eea}.detail-task-status.completed{background:#25d36626;color:#25d366}.detail-task-status-select{background:#ffffff14;border:1px solid var(--glass-border);border-radius:4px;padding:.25rem .5rem;color:var(--text-primary);font-size:.75rem}.detail-task-description{color:#fff9;font-size:.8rem;margin-top:.35rem}.detail-task-description-input{width:100%;background:#ffffff14;border:1px solid var(--glass-border);border-radius:4px;padding:.35rem .5rem;color:var(--text-primary);font-size:.8rem;margin-top:.35rem}.detail-task-actions{display:flex;gap:.25rem;margin-left:.5rem}.detail-task-action-btn{background:#ffffff14;border:none;color:#fff9;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease}.detail-task-action-btn:hover{background:#ffffff26;color:var(--text-primary)}.detail-task-action-btn.delete:hover{background:#dc354526;color:#dc3545}.detail-tasks-empty{text-align:center;padding:2rem 1rem;color:#ffffff80}.detail-tasks-empty i{font-size:2rem;margin-bottom:.5rem;display:block}@media(max-width:1199.98px){.sidebar-menu{width:220px;min-width:220px}.conversation-list{width:320px;min-width:320px}}.mobile-sidebar-toggle{display:none;background:transparent;border:none;color:#ffffffb3;font-size:1.25rem;padding:0;margin-right:.75rem;cursor:pointer}.chat-message.system{flex-direction:row;justify-content:center;width:100%;background:transparent}.chat-message.system .message-content-wrapper{background:transparent;max-width:90%;text-align:center}.chat-message.system .message-bubble{background:transparent;color:#ffffff80;font-style:italic;font-size:.9rem;padding:0;text-align:center;box-shadow:none}.chat-message.system .message-time{display:none}@media(max-width:991.98px){.mobile-sidebar-toggle{display:block}.sidebar-menu{position:absolute;left:0;top:0;height:100%;z-index:100;transform:translate(-100%);transition:transform .3s ease;width:250px;display:flex!important;border-right:1px solid var(--glass-border)}.sidebar-menu.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:90;display:none}.sidebar-overlay.active{display:block}.settings-mobile-topbar{display:flex!important}}@media(max-width:767.98px){html,body{font-size:10px}.tickets-layout{flex-direction:column;position:relative;overflow:hidden;height:100dvh;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar-brand{position:sticky;top:0;z-index:5;background:var(--bg-tertiary)}.conversation-list{width:100%;min-width:100%;height:100%;display:flex}.chat-area{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:10;display:none;flex-direction:column}.chat-area-empty{display:none!important}.tickets-layout.mobile-chat-active .conversation-list{display:none}.tickets-layout.mobile-chat-active .chat-area{display:flex}.chat-back-btn{display:inline-flex!important}.chat-header-avatar{display:none!important}.ticket-detail-sidebar{position:absolute;top:0;right:0;height:100%;z-index:20;width:0;transition:width .3s ease;background:var(--bg-tertiary)}.ticket-detail-sidebar.open{width:100%;min-width:100%;border-left:none}.header-dropdown .dropdown-toggle span:not(.status-value):not(.priority-value){display:none}.header-dropdown .dropdown-toggle{padding:.3rem .5rem;font-size:.75rem}.header-dropdown .dropdown-toggle i{font-size:.85rem}.chat-header-actions{gap:.25rem}.chat-header-actions button{padding:.35rem;font-size:1rem}.chat-input-area{position:fixed;bottom:0;left:0;right:0;z-index:15;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.chat-messages{padding-bottom:150px}}.chat-back-btn{display:none;background:transparent;border:none;color:var(--text-primary);padding:8px;margin-right:8px;cursor:pointer}.email-layout-wrapper{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.email-card{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--glass-border);overflow:hidden;transition:box-shadow .2s ease}.email-card:hover{box-shadow:0 2px 12px #0003}.email-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border)}.email-card-meta{display:flex;align-items:center;gap:.75rem}.email-card-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;flex-shrink:0}.email-card-sender-info{flex:1;min-width:0}.email-card-sender-name{font-weight:600;font-size:.95rem;color:var(--text-primary)}.email-card-sender-address{font-size:.8rem;color:#ffffff80}.email-card-timestamp{font-size:.8rem;color:#ffffff80;white-space:nowrap;flex-shrink:0}.email-card-body{padding:1rem 1.25rem;font-size:.95rem;line-height:1.6;color:#ffffffd9;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;max-width:100%}.email-card-body iframe.email-html-frame{width:100%;border:none;min-height:60px;overflow:hidden;background:#fff;border-radius:4px}.email-card-attachments{padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.email-attachment-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:8px;color:#fffc;text-decoration:none;border:1px solid rgba(255,255,255,.1);max-width:200px;transition:background .2s ease}.email-attachment-file:hover{background:#ffffff1a;color:#fff}.email-quoted-thread{display:none;border-left:3px solid rgba(255,255,255,.2);padding-left:1rem;margin-top:.75rem;color:#fff9;font-size:.9rem;line-height:1.5}.email-quoted-thread.expanded{display:block}.email-quote-toggle{display:inline-block;margin-top:.5rem;padding:2px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff14;color:#ffffff80;font-size:.8rem;cursor:pointer;letter-spacing:2px;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s}.email-quote-toggle:hover{background:#ffffff26;color:#fffc}.email-quote-header{color:#ffffff80;font-size:.85rem;margin-top:.5rem;font-style:italic}.custom-radio{appearance:none;background-color:transparent;margin:0;font:inherit;color:currentColor;width:16px;height:16px;border:2px solid #ccc;border-radius:50%;display:inline-grid;place-content:center;cursor:pointer}.custom-radio:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:#2bcaa0}.custom-radio:checked{border-color:#2bcaa0}.custom-radio:checked:before{transform:scale(1)}.filter-tabs div:hover{color:#111!important}.whatsapp-settings-wrapper .connections-container{padding:1.5rem;margin:0 auto;height:100%;display:flex;flex-direction:column}.whatsapp-settings-wrapper .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.whatsapp-settings-wrapper .breadcrumb-nav{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.whatsapp-settings-wrapper .breadcrumb-nav a{color:#ffffffb3;text-decoration:none}.whatsapp-settings-wrapper .breadcrumb-nav a:hover{color:#fff}.whatsapp-settings-wrapper .breadcrumb-nav .active{color:#fff;font-weight:600}.whatsapp-settings-wrapper .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.whatsapp-settings-wrapper .toolbar-left{display:flex;gap:.5rem}.whatsapp-settings-wrapper .toolbar-btn{background:#ffffff14;border:1px solid var(--glass-border);color:#fffc;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.whatsapp-settings-wrapper .toolbar-btn:hover{background:#ffffff1f;color:#fff}.whatsapp-settings-wrapper .instances-table{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;flex:1;display:flex;flex-direction:column}.whatsapp-settings-wrapper .table-wrapper{overflow-x:auto;flex:1}.whatsapp-settings-wrapper .instances-table table{width:100%;border-collapse:collapse;margin:0}.whatsapp-settings-wrapper .instances-table th{background:#ffffff08;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;color:#fff9;border-bottom:1px solid var(--glass-border);white-space:nowrap}.whatsapp-settings-wrapper .instances-table th .sort-icon{margin-left:.25rem;opacity:.5}.whatsapp-settings-wrapper .instances-table td{padding:1rem;border-bottom:1px solid var(--glass-border);vertical-align:top;color:var(--text-primary)}.whatsapp-settings-wrapper .instances-table tr:last-child td{border-bottom:none}.whatsapp-settings-wrapper .instances-table tr:hover td{background:#ffffff05}.whatsapp-settings-wrapper .instance-name{font-weight:600;color:#fff;margin-bottom:.25rem}.whatsapp-settings-wrapper .instance-id{font-size:.75rem;color:#ffffff80;font-family:monospace;display:flex;align-items:center;gap:.35rem}.whatsapp-settings-wrapper .instance-id .copy-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:0;font-size:.7rem}.whatsapp-settings-wrapper .instance-id .copy-btn:hover{color:#fff}.whatsapp-settings-wrapper .instance-profile{font-size:.8rem;color:#ffffff80}.whatsapp-settings-wrapper .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:500}.whatsapp-settings-wrapper .status-connected{background:#25d36626;color:#25d366}.whatsapp-settings-wrapper .status-disconnected{background:#dc354526;color:#dc3545}.whatsapp-settings-wrapper .status-connecting{background:#ffc10726;color:#ffc107}.whatsapp-settings-wrapper .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.whatsapp-settings-wrapper .date-cell{font-size:.85rem;color:#ffffffb3;white-space:nowrap}.whatsapp-settings-wrapper .action-buttons{display:flex;gap:.5rem}.whatsapp-settings-wrapper .action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.whatsapp-settings-wrapper .action-btn.qr-btn{background:var(--bg-tertiary);color:#fff}.whatsapp-settings-wrapper .action-btn.qr-btn:hover{background:#2d2d2d}.whatsapp-settings-wrapper .action-btn.edit-btn{background:var(--bg-tertiary);color:#fff}.whatsapp-settings-wrapper .action-btn.edit-btn:hover{background:#2d2d2d}.whatsapp-settings-wrapper .action-btn.delete-btn{background:#dc35451a;color:#dc3545}.whatsapp-settings-wrapper .action-btn.delete-btn:hover{background:#dc354533}.whatsapp-settings-wrapper .table-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--glass-border)}.whatsapp-settings-wrapper .pagination-btns{display:flex;gap:.5rem}.whatsapp-settings-wrapper .pagination-btns button{background:#ffffff0d;border:1px solid var(--glass-border);color:#ffffffb3;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer}.whatsapp-settings-wrapper .pagination-btns button:hover{background:#ffffff1a}.whatsapp-settings-wrapper .page-size-select{background:#ffffff0d;border:1px solid var(--glass-border);color:#ffffffb3;padding:.35rem .75rem;border-radius:6px;font-size:.8rem}.whatsapp-settings-wrapper .btn-add-instance{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:#fff;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer}.whatsapp-settings-wrapper .btn-add-instance:hover{background:#2d2d2d}[data-bs-theme=light] .whatsapp-settings-wrapper .instances-table{background:var(--bg-secondary)!important}[data-bs-theme=light] .whatsapp-settings-wrapper .instances-table th,[data-bs-theme=light] .whatsapp-settings-wrapper .instances-table td,[data-bs-theme=light] .whatsapp-settings-wrapper .instance-name{color:var(--text-primary)!important}[data-bs-theme=light] .whatsapp-settings-wrapper .date-cell{color:var(--text-secondary)!important}[data-bs-theme=light] .whatsapp-settings-wrapper .action-btn.qr-btn,[data-bs-theme=light] .whatsapp-settings-wrapper .action-btn.edit-btn,[data-bs-theme=light] .whatsapp-settings-wrapper .btn-add-instance{background:var(--btn-secondary-bg)!important;border-color:var(--btn-secondary-border)!important;color:var(--btn-secondary-color)!important}[data-bs-theme=light] .whatsapp-settings-wrapper .action-btn:hover,[data-bs-theme=light] .whatsapp-settings-wrapper .btn-add-instance:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.whatsapp-settings-wrapper .modal-content{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:12px}.whatsapp-settings-wrapper .modal-header{border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem}.whatsapp-settings-wrapper .modal-footer{border-top:1px solid var(--glass-border);padding:1rem 1.25rem;gap:.5rem}.templates-layout{display:flex;gap:1rem;flex:1;min-height:0}.instances-sidebar{width:280px;flex-shrink:0;background:#ffffff0d;border-radius:8px;padding:1rem;display:flex;flex-direction:column}.instances-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.instances-sidebar .sidebar-header h6{margin:0;color:#ffffffe6;font-weight:600}.instances-list{flex:1;overflow-y:auto}.instance-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:6px;cursor:pointer;margin-bottom:.5rem;transition:background .2s}.instance-item:hover{background:#ffffff1a}.instance-item.active{background:#25d36633;border:1px solid rgba(37,211,102,.3)}.instance-item-name{font-size:.875rem;color:#ffffffe6}.status-dot-sm{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot-sm.status-connected{background:#25d366}.status-dot-sm.status-connecting{background:#ffc107;animation:pulse 1s infinite}.status-dot-sm.status-disconnected{background:#6c757d}.templates-content{flex:1;display:flex;flex-direction:column;min-width:0}.templates-content .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.templates-content .header-info h5{margin:0 0 .25rem;color:#ffffffe6}.templates-content .header-info .text-muted{font-size:.875rem}.templates-content .header-actions{display:flex;gap:.5rem}.templates-list{flex:1;overflow-y:auto}.template-card{background:#ffffff0d;border-radius:8px;margin-bottom:.75rem;overflow:hidden}.template-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;transition:background .2s}.template-header:hover{background:#ffffff0d}.template-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.template-name{font-weight:600;color:#ffffffe6}.template-body{padding:1rem;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.template-section{margin-bottom:1rem}.template-section:last-child{margin-bottom:0}.template-section label{display:block;font-size:.75rem;text-transform:uppercase;color:#ffffff80;margin-bottom:.5rem;letter-spacing:.5px}.template-content-box{background:#ffffff0d;border-radius:6px;padding:.75rem 1rem;color:#ffffffe6;font-size:.9rem}.template-content-box.body-content{white-space:pre-wrap;line-height:1.5}.template-content-box.footer-content{color:#ffffffb3;font-size:.85rem}.template-buttons{display:flex;flex-direction:column;gap:.5rem}.template-button{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border-radius:6px;padding:.5rem .75rem}.template-button .btn-type{font-size:.7rem;text-transform:uppercase;padding:.15rem .4rem;background:#25d36633;color:#25d366;border-radius:4px;font-weight:600}.template-button .btn-text{color:#ffffffe6;font-weight:500}.template-button .btn-url,.template-button .btn-phone{font-size:.75rem;color:#ffffff80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-bs-theme=light] .instances-sidebar{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}[data-bs-theme=light] .instances-sidebar .sidebar-header{border-bottom:1px solid var(--border-color)!important}[data-bs-theme=light] .instances-sidebar .sidebar-header h6,[data-bs-theme=light] .instance-item-name{color:var(--text-primary)!important}[data-bs-theme=light] .instance-item:hover{background:var(--bg-hover)!important}[data-bs-theme=light] .instance-item.active{background:#25d3661a!important;border:1px solid rgba(37,211,102,.3)!important}[data-bs-theme=light] .templates-content .content-header{border-bottom:1px solid var(--border-color)!important}[data-bs-theme=light] .templates-content .header-info h5,[data-bs-theme=light] .template-name,[data-bs-theme=light] .template-button .btn-text{color:var(--text-primary)!important}[data-bs-theme=light] .template-card{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}[data-bs-theme=light] .template-header:hover{background:var(--bg-hover)!important}[data-bs-theme=light] .template-body{background:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important}[data-bs-theme=light] .template-section label{color:var(--text-secondary)!important}[data-bs-theme=light] .template-content-box{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-bs-theme=light] .template-content-box.footer-content{color:var(--text-secondary)!important}[data-bs-theme=light] .template-button{background:var(--bg-primary)!important;border:1px solid var(--border-color)!important}[data-bs-theme=light] .template-button .btn-url,[data-bs-theme=light] .template-button .btn-phone,[data-bs-theme=light] .templates-layout .text-muted{color:var(--text-secondary)!important}[data-bs-theme=light] .badge.bg-outline-light{background:transparent!important;color:var(--text-secondary)!important;border:1px solid var(--border-color)!important}.broadcast-page{display:flex;gap:2rem;padding:1.5rem 2rem;height:100%;overflow:hidden}.broadcast-form{flex:1;min-width:0;overflow-y:auto;padding-right:1rem}.broadcast-form h2{font-size:1.3rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary, #fff)}.broadcast-breadcrumb{font-size:.8rem;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-bottom:1.5rem}.broadcast-section{background:var(--glass-bg, rgba(255, 255, 255, .03));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px;padding:1.25rem;margin-bottom:1rem;position:relative}.broadcast-section:before{content:"";position:absolute;left:-1rem;top:0;bottom:-1rem;width:2px;background:var(--glass-border, rgba(255, 255, 255, .08))}.broadcast-section:last-of-type:before{display:none}.broadcast-section-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:1rem}.broadcast-radio-group{display:flex;gap:.5rem;flex-wrap:wrap}.broadcast-radio{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1.5px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .7));transition:all .15s;background:none;min-width:140px}.broadcast-radio:hover{border-color:var(--accent-primary, #25d366)}.broadcast-radio.selected{border-color:var(--accent-primary, #25d366);background:#25d36614;color:var(--text-primary, #fff)}.broadcast-radio input[type=radio]{accent-color:var(--accent-primary, #25d366)}.broadcast-select,.broadcast-input{width:100%;padding:.6rem .75rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--bg-primary, #12141a);color:var(--text-primary, #fff);font-size:.85rem;outline:none}.broadcast-select:focus,.broadcast-input:focus{border-color:var(--accent-primary, #25d366)}.template-chosen{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--bg-primary, #12141a)}.template-chosen-name{font-weight:600;font-size:.9rem;color:var(--text-primary, #fff)}.template-chosen-category{font-size:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.btn-choose-template{padding:.5rem 1.25rem;border:1.5px solid var(--glass-border, rgba(255, 255, 255, .15));border-radius:8px;background:none;color:var(--text-primary, #fff);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-choose-template:hover{border-color:var(--accent-primary, #25d366);background:#25d36614}.template-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:flex-end;z-index:9999}.template-modal{background:var(--bg-primary, #ffffff);width:650px;max-width:90vw;height:100vh;border-radius:0;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards;box-shadow:-4px 0 24px #0000001a;color:var(--text-primary, #333)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.template-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.template-modal-header h3{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary, #111)}.btn-create-template{padding:.5rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:transparent;color:var(--text-primary, #333);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-create-template:hover{background:#00000008}.btn-close-modal{background:none;border:none;color:var(--text-secondary, #888);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{color:var(--text-primary, #333)}.template-modal-info{padding:0 1.5rem;font-size:.85rem;color:var(--text-secondary, #666);line-height:1.4;margin-bottom:.5rem}.template-modal-info a{color:var(--text-primary, #333);text-decoration:underline}.template-modal-tabs{display:flex;gap:1.5rem;padding:0 1.5rem;border-bottom:1px solid var(--border-color, #f0f0f0);margin-top:1rem}.template-modal-tab{padding:.5rem 0;border:none;background:none;color:var(--text-secondary, #888);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;margin-bottom:-1px}.template-modal-tab.active{color:var(--text-primary, #111);border-bottom-color:var(--accent-primary, #20b85a)}.template-modal-toolbar{padding:1rem 1.5rem;display:flex;gap:1rem;align-items:center}.template-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.template-search-wrapper i{position:absolute;left:.75rem;color:var(--text-secondary, #999)}.template-search-wrapper input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border-color, #e5e5e5);border-radius:6px;background:transparent;color:var(--text-primary, #333);font-size:.85rem;outline:none}.template-search-wrapper input:focus{border-color:var(--accent-primary, #20b85a)}.btn-language{padding:.5rem 1rem;border:1px solid transparent;background:transparent;color:var(--text-primary, #333);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;border-radius:6px}.btn-language:hover{background:#00000008}.template-modal-body{flex:1;overflow-y:auto;padding:.5rem 1.5rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}.template-card{border:1px solid var(--border-color, #ebebeb);border-radius:8px;padding:1rem;cursor:pointer;transition:all .15s;background:var(--bg-primary, #fff);display:flex;flex-direction:column;overflow:visible!important}.template-card:hover{box-shadow:0 4px 12px #0000000d}.template-card.selected{border-color:var(--accent-primary, #20b85a);box-shadow:0 0 0 1px var(--accent-primary, #20b85a)}.template-card-name{font-weight:700;font-size:.9rem;margin-bottom:.5rem;color:var(--text-primary, #111);word-break:break-word}.template-card-category{display:inline-block;font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:var(--bg-secondary, #f5f5f5);color:var(--text-secondary, #666);margin-bottom:1rem;font-weight:500;width:fit-content}.template-card-preview{font-size:.82rem;color:var(--text-secondary, #555);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-bottom:auto}.template-card-footer{font-size:.75rem;color:var(--text-secondary, #999);margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border-color, #f0f0f0)}.template-card-buttons{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #f0f0f0)}.template-card-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg-secondary, #f9f9f9);color:var(--text-primary, #333);border:1px solid var(--border-color, #ebebeb);padding:.4rem;border-radius:6px;font-size:.8rem;font-weight:500}.template-content-body{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.6;white-space:pre-wrap;word-break:break-word;padding:.75rem;background:var(--bg-primary, #12141a);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:8px}.template-content-vars{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.template-content-vars-title{font-size:.82rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:.5rem}.template-var-row{margin-bottom:.5rem}.template-var-label{display:block;font-size:.78rem;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-bottom:.2rem}.csv-upload-zone{border:2px dashed var(--glass-border, rgba(255, 255, 255, .15));border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-top:.75rem}.csv-upload-zone:hover{border-color:var(--accent-primary, #25d366)}.csv-upload-zone.dragover{border-color:var(--accent-primary, #25d366);background:#25d3660d}.csv-info-box{background:#4a90d91a;border:1px solid rgba(74,144,217,.2);border-radius:8px;padding:.75rem;font-size:.82rem;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-top:.75rem}.csv-preview-table{width:100%;margin-top:.75rem;font-size:.8rem;border-collapse:collapse}.csv-preview-table th,.csv-preview-table td{padding:.35rem .5rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));text-align:left}.csv-preview-table th{background:var(--bg-secondary, #1a1d23);font-weight:600}.btn-download-csv{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .15));border-radius:6px;background:none;color:var(--text-primary, #fff);font-size:.8rem;cursor:pointer;transition:all .15s;margin-top:.5rem}.btn-download-csv:hover{border-color:var(--accent-primary, #25d366)}.target-estimate{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:8px;background:var(--bg-primary, #12141a)}.target-estimate-circle{width:48px;height:48px;border-radius:50%;border:3px solid var(--accent-primary, #25d366);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--accent-primary, #25d366);flex-shrink:0}.target-estimate-text{font-size:.85rem}.target-estimate-label{font-weight:600;color:var(--text-primary, #fff)}.target-estimate-count{color:var(--accent-primary, #25d366);font-size:.82rem}.broadcast-preview{width:300px;flex-shrink:0;position:sticky;top:0;height:fit-content}.phone-frame{background:linear-gradient(145deg,#f5f0eb,#e8e3dd);border-radius:28px;padding:2rem 1rem;min-height:500px;position:relative;box-shadow:0 8px 32px #0000004d}.phone-frame-label{position:absolute;top:1rem;left:0;right:0;text-align:center;font-size:.8rem;color:#0006;font-weight:600}.phone-message-bubble{background:#fff;border-radius:0 12px 12px;margin-top:1rem;font-size:.85rem;color:#111;line-height:1.4;box-shadow:0 1px 3px #0000001a;word-wrap:break-word;display:flex;flex-direction:column;overflow:hidden}.phone-message-content{padding:.75rem;white-space:pre-wrap}.phone-message-footer{padding:0 .75rem .6rem;font-size:.75rem;color:#00000073}.phone-message-bubble .var-highlight{background:#25d36633;padding:.1rem .3rem;border-radius:3px;font-weight:600}.phone-message-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem;border:none;border-top:1px solid #f0f0f0;background:#fff;color:#00a884;font-size:.85rem;font-weight:500;cursor:default}.btn-send-broadcast{width:100%;padding:.75rem;border:none;border-radius:10px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-send-broadcast:hover{opacity:.9}.btn-send-broadcast:disabled{opacity:.5;cursor:not-allowed}.broadcast-textarea{width:100%;min-height:80px;padding:.6rem .75rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--bg-primary, #12141a);color:var(--text-primary, #fff);font-size:.85rem;font-family:inherit;resize:vertical;outline:none}.broadcast-textarea:focus{border-color:var(--accent-primary, #25d366)}@media(max-width:900px){.broadcast-page{flex-direction:column;overflow-y:auto}.broadcast-preview{width:100%;position:static;order:-1}.phone-frame{max-width:300px;margin:0 auto}.template-modal-body{grid-template-columns:1fr}}[data-bs-theme=light] .broadcast-form h2,[data-bs-theme=light] .broadcast-section-title,[data-bs-theme=light] .template-chosen-name,[data-bs-theme=light] .target-estimate-label{color:var(--text-primary)!important}[data-bs-theme=light] .broadcast-breadcrumb,[data-bs-theme=light] .broadcast-breadcrumb span,[data-bs-theme=light] .broadcast-radio,[data-bs-theme=light] .template-chosen-category,[data-bs-theme=light] .csv-upload-zone,[data-bs-theme=light] .csv-info-box,[data-bs-theme=light] .template-var-label,[data-bs-theme=light] .template-content-body{color:var(--text-secondary)!important}[data-bs-theme=light] .broadcast-breadcrumb .active,[data-bs-theme=light] .broadcast-radio.selected{color:var(--text-primary)!important}[data-bs-theme=light] .broadcast-select,[data-bs-theme=light] .broadcast-input,[data-bs-theme=light] .broadcast-textarea,[data-bs-theme=light] .btn-choose-template,[data-bs-theme=light] .btn-download-csv{background:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-bs-theme=light] .broadcast-section{background:none!important;border-color:var(--border-color, #dee2e6)!important}[data-bs-theme=light] .broadcast-section:before{display:none}[data-bs-theme=light] .template-chosen,[data-bs-theme=light] .target-estimate{background:#f1f3f5!important;border-color:var(--border-color)!important}[data-bs-theme=light] .csv-preview-table th{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}[data-bs-theme=light] .csv-preview-table td{color:var(--text-primary)!important;border-color:var(--border-color)!important}.macros-settings-wrapper{width:100%;height:100%;overflow-y:auto;background:var(--bg-primary)}.macros-settings-wrapper .connections-container{padding:1.5rem;margin:0 auto}.macros-settings-wrapper .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.macros-settings-wrapper .breadcrumb-nav{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.macros-settings-wrapper .breadcrumb-nav .active{color:#fff;font-weight:600}.macros-settings-wrapper .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.macros-settings-wrapper .toolbar-btn{background:#ffffff14;border:1px solid var(--glass-border);color:#fffc;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.macros-settings-wrapper .toolbar-btn:hover{background:#ffffff1f;color:#fff}.macros-layout{display:flex;gap:1.5rem}.labels-sidebar{width:200px;min-width:200px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;height:fit-content}.labels-header{font-weight:600;font-size:.9rem;color:#ffffffb3;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.labels-sidebar .sidebar-item{padding:.5rem .75rem;margin:.125rem 0;border-radius:6px;display:flex;align-items:center;gap:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.875rem;text-decoration:none}.labels-sidebar .sidebar-item:hover{background:#ffffff0d;color:#fff}.labels-sidebar .sidebar-item.active{background:#25d36626;color:#25d366}.sidebar-item-text{flex:1}.sidebar-item-badge{background:#ffffff1a;color:#ffffffb3;font-size:.7rem;padding:.15rem .5rem;border-radius:10px;font-weight:500}.macros-layout .instances-table{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.macros-layout .table-wrapper{overflow-x:auto}.macros-layout table{width:100%;border-collapse:collapse;margin:0}.macros-layout th{background:#ffffff08;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.macros-layout td{padding:1rem;border-bottom:1px solid var(--glass-border);vertical-align:middle}.macros-layout tr:hover td{background:#ffffff05}.macro-name{font-weight:600;margin-bottom:.25rem}.macro-content{font-size:.85rem;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macro-labels{margin-top:.25rem}.label-tag{display:inline-block;background:#25d36626;color:#25d366;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;margin-right:.25rem}.btn-add-instance{background:var(--bg-tertiary);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer}.btn-add-instance:hover{background:#2d2d2d}.action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.action-btn.edit-btn{background:#ffffff1a;color:#fff}.action-btn.edit-btn:hover{background:#fff3}.action-btn.delete-btn{background:#dc35451a;color:#dc3545}.action-btn.delete-btn:hover{background:#dc354533}.chips-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;min-height:42px;align-items:center}.chips-container:focus-within{border-color:#25d366;box-shadow:0 0 0 2px #25d36626}.chip{display:inline-flex;align-items:center;gap:.35rem;background:#25d36633;color:#25d366;padding:.25rem .5rem;border-radius:6px;font-size:.85rem}.chip-remove{cursor:pointer;opacity:.7;font-size:1rem;line-height:1}.chip-remove:hover{opacity:1}.chip-input{flex:1;min-width:120px;border:none;background:transparent;color:#fff;outline:none;font-size:.9rem}.chip-input::placeholder{color:#fff6}.drop-zone{border:2px dashed var(--glass-border);border-radius:8px;padding:1.5rem;text-align:center;background:#ffffff05;cursor:pointer;transition:all .2s}.drop-zone:hover,.drop-zone.dragover{border-color:#25d366;background:#25d3660d}.macro-file-previews{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.file-preview-item{position:relative;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.5rem}.file-preview-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.file-preview-item .file-info{flex:1;overflow:hidden}.file-preview-item .file-name{font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.file-preview-item .remove-file{background:#dc354533;border:none;color:#dc3545;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.macro-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1060}.macro-modal-dialog{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.macro-modal-header{border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.macro-modal-header h5{margin:0;font-size:1rem}.macro-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.macro-modal-body .form-control,.macro-modal-body .form-select{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;border-radius:8px}.macro-modal-body .form-control:focus,.macro-modal-body .form-select:focus{background:#ffffff14;border-color:#25d366;box-shadow:0 0 0 3px #25d36626;color:#fff}.macro-modal-body .form-label{color:#fffc;font-size:.875rem}.macro-modal-footer{border-top:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.macro-toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;display:flex;align-items:center;z-index:2000;animation:fadeInUp .2s ease}.macro-toast-success{background:#25d36626;border:1px solid rgba(37,211,102,.3);color:#25d366}.macro-toast-error{background:#dc354526;border:1px solid rgba(220,53,69,.3);color:#dc3545}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.agent-settings-wrapper{width:100%;height:100%;overflow-y:auto;background:var(--bg-primary)}.agent-settings-wrapper .connections-container{padding:1.5rem;margin:0 auto}.ai-agent-nav{margin-bottom:1.5rem}.ai-agent-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin-bottom:.75rem}.ai-agent-breadcrumb .breadcrumb-parent{color:#ffffff80}.ai-agent-breadcrumb .bi-chevron-right{font-size:.7rem;color:#ffffff4d}.ai-agent-breadcrumb .breadcrumb-current{color:#fff;font-weight:600}.ai-agent-page-tabs{display:flex;gap:0;border-bottom:1px solid var(--glass-border)}.ai-agent-page-tab{padding:.6rem 1.25rem;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;position:relative;transition:color .2s ease}.ai-agent-page-tab:hover{color:#fffc}.ai-agent-page-tab.active{color:#fff;font-weight:600}.ai-agent-page-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#25d366;border-radius:2px 2px 0 0}.ai-agent-page-title{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.ai-agent-info-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#25d3660f;border-left:3px solid #25d366;border-radius:0 8px 8px 0;margin-bottom:1.5rem;font-size:.875rem;color:#fffc}.ai-agent-info-banner .bi-link-45deg{color:#25d366;font-size:1.1rem}.ai-agent-info-link{color:#25d366;text-decoration:underline}.ai-agent-info-link:hover{color:#1fb855}.ai-agent-tabs{display:flex;gap:0;border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem}.ai-agent-tab{padding:.75rem 1.25rem;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;position:relative;transition:color .2s ease}.ai-agent-tab:hover{color:#fffc}.ai-agent-tab.active{color:#fff;font-weight:600}.ai-agent-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#25d366;border-radius:2px 2px 0 0}.ai-agent-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.ai-agent-section-header h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.ai-agent-section-header p{margin:0;color:#ffffff80;font-size:.85rem}.ai-agent-empty-state{text-align:center;padding:3rem 1rem;color:#ffffff80}.ai-agent-empty-state i{font-size:2rem;display:block;margin-bottom:.75rem}.ai-agent-empty-state p{margin:0 0 .25rem}.ai-agent-empty-state small{color:#ffffff59}.agent-settings-wrapper .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.agent-settings-wrapper .breadcrumb-nav{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.agent-settings-wrapper .breadcrumb-nav .active{color:#fff;font-weight:600}.agent-settings-wrapper .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.agent-settings-wrapper .toolbar-btn{background:#ffffff14;border:1px solid var(--glass-border);color:#fffc;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.agent-settings-wrapper .toolbar-btn:hover{background:#ffffff1f;color:#fff}.agent-settings-wrapper .instances-table{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.agent-settings-wrapper .table-wrapper{overflow-x:auto}.agent-settings-wrapper table{width:100%;border-collapse:collapse;margin:0}.agent-settings-wrapper th{background:#ffffff08;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.agent-settings-wrapper td{padding:1rem;border-bottom:1px solid var(--glass-border);vertical-align:middle}.agent-settings-wrapper tr:hover td{background:#ffffff05}.provider-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.provider-badge.gemini{background:#4285f426;color:#4285f4}.provider-badge.claude{background:#cc783226;color:#cc7832}.agent-settings-wrapper .btn-add-instance{background:var(--bg-tertiary);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer}.agent-settings-wrapper .btn-add-instance:hover{background:#2d2d2d}.agent-settings-wrapper .action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.agent-settings-wrapper .action-btn.edit-btn{background:#ffffff1a;color:#fff}.agent-settings-wrapper .action-btn.edit-btn:hover{background:#fff3}.agent-settings-wrapper .action-btn.delete-btn{background:#dc35451a;color:#dc3545}.agent-settings-wrapper .action-btn.delete-btn:hover{background:#dc354533}.agent-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1060}.agent-modal-dialog{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.agent-modal-header{border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.agent-modal-header h5{margin:0;font-size:1rem}.agent-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.agent-modal-body .form-control,.agent-modal-body .form-select{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;border-radius:8px}.agent-modal-body .form-control:focus,.agent-modal-body .form-select:focus{background:#ffffff14;border-color:#25d366;box-shadow:0 0 0 3px #25d36626;color:#fff}.agent-modal-body .form-label{color:#fffc;font-size:.875rem}.agent-modal-footer{border-top:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.agent-drop-zone{border:2px dashed var(--glass-border);border-radius:8px;padding:1.25rem;text-align:center;background:#ffffff05;cursor:pointer;transition:all .2s}.agent-drop-zone:hover,.agent-drop-zone.dragover{border-color:#25d366;background:#25d3660d}.agent-file-list{margin-top:.75rem}.agent-file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:6px;margin-bottom:.35rem;font-size:.85rem}.agent-file-item .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fffc}.agent-file-item .file-status{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;margin:0 .5rem}.agent-file-item .file-status.active{background:#25d36626;color:#25d366}.agent-file-item .file-status.processing{background:#ffc10726;color:#ffc107}.agent-file-item .remove-file{background:#dc354533;border:none;color:#dc3545;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.agent-file-item .remove-file:hover{background:#dc354566}.agent-description{font-size:.85rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff9}.agent-toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;display:flex;align-items:center;z-index:2000;animation:agentFadeInUp .2s ease}.agent-toast-success{background:#25d36626;border:1px solid rgba(37,211,102,.3);color:#25d366}.agent-toast-error{background:#dc354526;border:1px solid rgba(220,53,69,.3);color:#dc3545}@keyframes agentFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.personality-edit-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:flex-end;z-index:9999}.personality-edit-panel{background:var(--bg-primary, #1a1a2e);width:550px;max-width:90vw;height:100vh;display:flex;flex-direction:column;animation:personalitySlideIn .3s cubic-bezier(.16,1,.3,1) forwards;box-shadow:-4px 0 24px #0003;color:var(--text-primary, #e0e0e0)}@keyframes personalitySlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.personality-edit-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.personality-edit-header h5{margin:0;font-size:1.05rem;font-weight:600}.personality-edit-panel .btn-close-panel{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.personality-edit-panel .btn-close-panel:hover{color:#fff;background:#ffffff1a}.personality-edit-body{flex:1;overflow-y:auto;padding:1.5rem}.personality-edit-body .form-control,.personality-edit-body .form-select{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;border-radius:8px}.personality-edit-body .form-control:focus,.personality-edit-body .form-select:focus{background:#ffffff14;border-color:#25d366;box-shadow:0 0 0 3px #25d36626;color:#fff}.personality-edit-body .form-label{color:#fffc;font-size:.875rem;font-weight:600}.personality-edit-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.panel-section-title{font-size:.95rem;font-weight:600;margin:0 0 .25rem}.panel-section-desc{font-size:.82rem;color:#ffffff80;margin:0 0 .75rem;line-height:1.4}.panel-example{font-size:.82rem;color:#ffffff73;margin:0 0 .75rem;line-height:1.5}.panel-example ul{margin:.25rem 0 0;padding-left:1.25rem}.panel-example li{margin-bottom:.15rem}.char-counter{text-align:right;font-size:.75rem;color:#ffffff59;margin-top:.25rem}.integration-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:#25d3661a;border:1px solid rgba(37,211,102,.2);border-radius:6px;font-size:.8rem;color:#25d366}.integration-badge .bi-chat-dots-fill{font-size:.85rem}.integration-badge.placeholder-badge{background:#ffffff0d;border-color:var(--glass-border);color:#fff9}.integration-badge-row{display:flex;flex-wrap:wrap;gap:.5rem}.integration-instance-list{display:flex;flex-direction:column;gap:.4rem}.integration-instance-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:.85rem;color:#fffc}.integration-instance-item:hover{background:#ffffff14}.integration-instance-item.active{background:#25d3661a;border-color:#25d3664d}.integration-instance-item input[type=checkbox]{accent-color:#25d366}.integration-instance-item .bi-whatsapp{color:#25d366;font-size:.95rem}.integration-instance-item .instance-name{font-weight:500}.integration-instance-item .instance-phone{color:#ffffff80;font-size:.8rem;margin-left:auto}[data-bs-theme=light] .integration-instance-item{background:#00000005;border-color:#0000001a;color:#000c}[data-bs-theme=light] .integration-instance-item:hover{background:#0000000d}[data-bs-theme=light] .integration-instance-item.active{background:#25d36614;border-color:#25d3664d}[data-bs-theme=light] .integration-instance-item .instance-phone{color:#00000080}.signature-options{display:flex;gap:.75rem}.signature-card{flex:1;display:flex;flex-direction:column;padding:.875rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.signature-card:hover{background:#ffffff0d}.signature-card.active{border-color:#25d366;background:#25d3660f}.signature-card input[type=radio]{accent-color:#25d366;margin-right:.5rem}.signature-card-label{font-size:.85rem;font-weight:500}.signature-card .form-control{font-size:.82rem}.status-toggle{cursor:pointer}.status-toggle-track{width:40px;height:22px;border-radius:11px;background:#ffffff26;position:relative;transition:background .2s ease}.status-toggle.active .status-toggle-track{background:#25d366}.status-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease}.status-toggle.active .status-toggle-thumb{transform:translate(18px)}.btn-add-personality{background:#25d366;border:none;color:#fff;padding:.5rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s ease;white-space:nowrap}.btn-add-personality:hover{background:#1fb855}.personality-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.personality-search{position:relative;max-width:240px;flex:1}.personality-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff6;font-size:.85rem}.personality-search input{width:100%;padding:.45rem .75rem .45rem 2.25rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:.85rem}.personality-search input::placeholder{color:#ffffff59}.personality-search input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.personality-filter-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff9;padding:.45rem .875rem;border-radius:8px;font-size:.82rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.personality-filter-btn:hover{background:#ffffff1a;color:#ffffffe6}.source-type-options{display:flex;gap:.75rem}.source-type-card{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.source-type-card:hover{background:#ffffff0d}.source-type-card.active{border-color:#25d366;background:#25d3660f}.source-type-card input[type=radio]{accent-color:#25d366}.ks-storage-info{font-size:.8rem;color:#fff6;margin-top:.25rem}.ks-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.ks-status-badge.active{background:#25d36626;color:#25d366}.ks-status-badge.processing{background:#ffc10726;color:#ffc107}[data-bs-theme=light] .ai-agent-breadcrumb .breadcrumb-parent{color:#00000080}[data-bs-theme=light] .ai-agent-breadcrumb .bi-chevron-right{color:#0000004d}[data-bs-theme=light] .ai-agent-breadcrumb .breadcrumb-current{color:#000}[data-bs-theme=light] .ai-agent-page-tab{color:#00000080}[data-bs-theme=light] .ai-agent-page-tab.active{color:#000}[data-bs-theme=light] .ai-agent-tab{color:#00000080}[data-bs-theme=light] .ai-agent-tab.active{color:#000}[data-bs-theme=light] .ai-agent-info-banner{background:#25d36614;color:#000c}[data-bs-theme=light] .ai-agent-section-header p,[data-bs-theme=light] .ai-agent-empty-state{color:#00000080}[data-bs-theme=light] .ai-agent-empty-state small{color:#00000059}[data-bs-theme=light] .personality-edit-panel{background:#fff;color:#333;box-shadow:-4px 0 24px #0000001a}[data-bs-theme=light] .personality-edit-panel .btn-close-panel{color:#0006}[data-bs-theme=light] .personality-edit-panel .btn-close-panel:hover{color:#000;background:#0000000f}[data-bs-theme=light] .personality-edit-body .form-control,[data-bs-theme=light] .personality-edit-body .form-select{background:#0000000a;color:#333;border-color:#0000001f}[data-bs-theme=light] .personality-edit-body .form-label{color:#000c}[data-bs-theme=light] .panel-section-title{color:#333}[data-bs-theme=light] .panel-section-desc{color:#00000080}[data-bs-theme=light] .panel-example{color:#00000073}[data-bs-theme=light] .char-counter{color:#00000059}[data-bs-theme=light] .signature-card{background:#00000005;border-color:#0000001f}[data-bs-theme=light] .signature-card:hover{background:#0000000a}[data-bs-theme=light] .signature-card.active{border-color:#25d366;background:#25d3660f}[data-bs-theme=light] .status-toggle-track{background:#00000026}[data-bs-theme=light] .personality-search input{background:#0000000a;color:#333;border-color:#0000001f}[data-bs-theme=light] .personality-search input::placeholder{color:#00000059}[data-bs-theme=light] .personality-search i{color:#0006}[data-bs-theme=light] .personality-filter-btn{background:#0000000a;border-color:#0000001f;color:#0009}.scenario-table{width:100%;border-collapse:collapse;font-size:14px}.scenario-table thead th{padding:10px 14px;text-align:left;font-weight:600;font-size:13px;color:#ffffff80;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));white-space:nowrap}.scenario-table tbody tr{cursor:pointer;transition:background .15s ease}.scenario-table tbody tr:hover{background:#ffffff0a}.scenario-table tbody td{padding:12px 14px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .06));color:#fffc;vertical-align:middle}.scenario-integrations-badges{display:flex;gap:4px;flex-wrap:wrap}.scenario-integrations-badges .badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;background:#25d36626;color:#25d366}.scenario-panel-hint{font-size:13px;color:#ffffff73;margin-bottom:8px}.scenario-panel-example{font-size:12px;color:#ffffff59;font-style:italic;margin-top:-4px;margin-bottom:12px}.scenario-panel-section-title{font-size:14px;font-weight:600;color:#ffffffd9;margin-bottom:4px}.scenario-integrations-picker{display:flex;flex-wrap:wrap;gap:8px}.scenario-integration-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:#ffffff0a;color:#ffffffb3;cursor:pointer;font-size:13px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.scenario-integration-chip:hover{background:#ffffff14}.scenario-integration-chip input[type=checkbox]{display:none}.scenario-integration-chip input[type=checkbox]:checked+i{color:#25d366}.scenario-integration-chip:has(input:checked){border-color:#25d366;background:#25d3661a;color:#25d366}.scenario-integration-count{font-size:12px;color:#fff6;margin-top:6px}.scenario-handle-options{display:flex;flex-direction:column;gap:8px}.scenario-handle-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));background:#ffffff08;cursor:pointer;transition:all .2s ease;font-size:14px;color:#ffffffb3}.scenario-handle-option:hover{background:#ffffff0f}.scenario-handle-option.active{border-color:#25d366;background:#25d36614;color:#fff}.scenario-handle-option input[type=radio]{display:none}.scenario-handle-radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);position:relative;flex-shrink:0;transition:all .2s ease}.scenario-handle-option.active .scenario-handle-radio{border-color:#25d366}.scenario-handle-option.active .scenario-handle-radio:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#25d366}.scenario-panel-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}[data-bs-theme=light] .scenario-table thead th{color:#00000080;border-bottom-color:#00000014}[data-bs-theme=light] .scenario-table tbody tr:hover{background:#00000008}[data-bs-theme=light] .scenario-table tbody td{color:#000c;border-bottom-color:#0000000f}[data-bs-theme=light] .scenario-integrations-badges .badge{background:#25d3661a}[data-bs-theme=light] .scenario-panel-hint{color:#00000073}[data-bs-theme=light] .scenario-panel-example{color:#00000059}[data-bs-theme=light] .scenario-panel-section-title{color:#000000d9}[data-bs-theme=light] .scenario-integration-chip{border-color:#0000001f;background:#00000008;color:#000000b3}[data-bs-theme=light] .scenario-integration-chip:hover{background:#0000000f}[data-bs-theme=light] .scenario-integration-chip:has(input:checked){border-color:#25d366;background:#25d36614;color:#1a9e4a}[data-bs-theme=light] .scenario-integration-count{color:#0006}[data-bs-theme=light] .scenario-handle-option{border-color:#0000001f;background:#00000005;color:#000000b3}[data-bs-theme=light] .scenario-handle-option:hover{background:#0000000d}[data-bs-theme=light] .scenario-handle-option.active{border-color:#25d366;background:#25d3660f;color:#333}[data-bs-theme=light] .scenario-handle-radio{border-color:#00000040}[data-bs-theme=light] .personality-filter-btn:hover{background:#00000014;color:#000000e6}[data-bs-theme=light] .integration-badge.placeholder-badge{background:#0000000a;border-color:#0000001f;color:#0009}[data-bs-theme=light] .source-type-card{background:#00000005;border-color:#0000001f}[data-bs-theme=light] .source-type-card:hover{background:#0000000a}[data-bs-theme=light] .source-type-card.active{border-color:#25d366;background:#25d3660f}[data-bs-theme=light] .ks-storage-info{color:#0006}.test-chat-container{display:flex;flex-direction:column;height:calc(100vh - 160px);min-height:400px}.test-agent-selector{margin-bottom:1rem;max-width:360px}.test-agent-selector select{width:100%;padding:.5rem .75rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:.875rem}.test-agent-selector select:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.test-chat-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--glass-border);margin-bottom:0;flex-wrap:wrap}.test-session-selector{flex:1;min-width:200px;max-width:400px}.test-session-selector select{width:100%;padding:.45rem .75rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:.82rem}.test-session-selector select:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.test-chat-controls{display:flex;align-items:center;gap:.75rem;margin-left:auto}.test-auto-response-toggle{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none}.test-auto-response-toggle .status-toggle-track{width:36px;height:20px;border-radius:10px}.test-auto-response-toggle .status-toggle-thumb{width:16px;height:16px}.test-auto-response-toggle .status-toggle.active .status-toggle-thumb{transform:translate(16px)}.test-new-chat-btn{background:#25d3661f;border:1px solid rgba(37,211,102,.25);color:#25d366;padding:.4rem .85rem;border-radius:8px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease;white-space:nowrap}.test-new-chat-btn:hover{background:#25d36633;border-color:#25d36666}.test-clear-btn{background:#dc35451a;border:1px solid rgba(220,53,69,.2);color:#dc3545;padding:.4rem .85rem;border-radius:8px;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s ease;white-space:nowrap}.test-clear-btn:hover{background:#dc354533;border-color:#dc354559}.test-chat-messages{flex:1;overflow-y:auto;padding:1.25rem .5rem;display:flex;flex-direction:column;gap:1rem}.test-chat-messages::-webkit-scrollbar{width:5px}.test-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.test-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#fff6;gap:.5rem;padding:2rem}.test-empty-chat i{font-size:2.5rem;opacity:.5}.test-empty-chat p{margin:0;font-size:.9rem}.test-message{display:flex;flex-direction:column;max-width:70%;animation:testMsgFadeIn .25s ease}@keyframes testMsgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.test-message.user{align-self:flex-start}.test-message.assistant{align-self:flex-end}.test-message-bubble{padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.test-message-bubble.user{background:#ffffff14;border:1px solid var(--glass-border);color:#ffffffe6;border-bottom-left-radius:4px}.test-message-bubble.assistant{background:#25d3661f;border:1px solid rgba(37,211,102,.2);color:#ffffffeb;border-bottom-right-radius:4px}.test-message-signature{font-size:.72rem;color:#fff6;margin-top:.3rem;padding:0 .25rem}.test-message.assistant .test-message-signature{text-align:right}.test-message-thinking{margin-top:.35rem}.test-message-thinking-toggle{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:#fff6;font-size:.75rem;cursor:pointer;padding:.15rem .35rem;border-radius:4px;transition:all .2s ease}.test-message-thinking-toggle:hover{color:#ffffffb3;background:#ffffff0d}.test-message-thinking-content{margin-top:.35rem;padding:.5rem .75rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:6px;font-size:.78rem;color:#ffffff80;line-height:1.4}.test-message-time{font-size:.68rem;color:#ffffff4d;margin-top:.2rem;padding:0 .25rem}.test-message.assistant .test-message-time{text-align:right}.test-responding-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;color:#ffffff80}.test-responding-dots{display:flex;gap:3px}.test-responding-dots span{width:5px;height:5px;border-radius:50%;background:#25d366;animation:testDotPulse 1.4s ease-in-out infinite}.test-responding-dots span:nth-child(2){animation-delay:.2s}.test-responding-dots span:nth-child(3){animation-delay:.4s}@keyframes testDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.test-chat-input-area{display:flex;align-items:flex-end;gap:.6rem;padding:.85rem 0;border-top:1px solid var(--glass-border)}.test-message-input{flex:1;padding:.6rem .85rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:#fff;font-size:.875rem;resize:none;min-height:40px;max-height:120px;line-height:1.4;font-family:inherit}.test-message-input::placeholder{color:#ffffff59}.test-message-input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.test-send-btn{width:40px;height:40px;border-radius:10px;border:none;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.test-send-btn:hover:not(:disabled){background:#1fb855;transform:scale(1.05)}.test-send-btn:disabled{opacity:.4;cursor:not-allowed}.test-send-btn i{font-size:1rem}.test-error-bubble{align-self:center;background:#dc35451a;border:1px solid rgba(220,53,69,.2);color:#dc3545;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;text-align:center}[data-bs-theme=light] .test-agent-selector select,[data-bs-theme=light] .test-session-selector select{background:#0000000a;color:#333;border-color:#0000001f}[data-bs-theme=light] .test-auto-response-toggle{color:#000000b3}[data-bs-theme=light] .test-message-bubble.user{background:#0000000d;border-color:#0000001a;color:#333}[data-bs-theme=light] .test-message-bubble.assistant{background:#25d3661a;border-color:#25d36633;color:#333}[data-bs-theme=light] .test-message-signature{color:#0006}[data-bs-theme=light] .test-message-time{color:#0000004d}[data-bs-theme=light] .test-message-thinking-toggle{color:#0006}[data-bs-theme=light] .test-message-thinking-toggle:hover{color:#000000b3;background:#0000000a}[data-bs-theme=light] .test-message-thinking-content{background:#00000005;border-color:#00000014;color:#00000080}[data-bs-theme=light] .test-empty-chat{color:#0006}[data-bs-theme=light] .test-responding-indicator{color:#00000080}[data-bs-theme=light] .test-message-input{background:#0000000a;color:#333;border-color:#0000001f}[data-bs-theme=light] .test-message-input::placeholder{color:#00000059}[data-bs-theme=light] .test-chat-messages::-webkit-scrollbar-thumb{background:#0000001f}.test-thinking-steps{display:flex;flex-direction:column;gap:.6rem}.test-thinking-step{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.65rem .8rem}.test-thinking-step-header{font-weight:600;font-size:.82rem;margin-bottom:.35rem;color:#ffffffd9}.test-thinking-source-badge{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#4caf50;margin-bottom:.25rem}.test-thinking-source-badge i{font-size:.85rem}.test-thinking-source-content{font-size:.78rem;color:#ffffff8c;max-height:3em;overflow:hidden;line-height:1.5;word-break:break-word}.test-thinking-source-content.expanded{max-height:none}.test-thinking-see-more{background:none;border:none;color:#4caf50;font-size:.75rem;cursor:pointer;padding:.15rem 0;margin-top:.15rem}.test-thinking-see-more:hover{text-decoration:underline}.test-thinking-thought-label,.test-thinking-action-label{font-size:.78rem;font-style:italic;color:#ffffff80;margin-bottom:.2rem}.test-thinking-thought{font-size:.8rem;color:#ffffffbf;line-height:1.55;white-space:pre-wrap;word-break:break-word}.test-thinking-action{font-size:.8rem;color:#ffffffa6}.test-thinking-empty{font-size:.8rem;color:#fff6;font-style:italic;padding:.4rem 0}[data-bs-theme=light] .test-thinking-step{background:#00000005;border-color:#00000014}[data-bs-theme=light] .test-thinking-step-header{color:#000000d9}[data-bs-theme=light] .test-thinking-source-content{color:#0000008c}[data-bs-theme=light] .test-thinking-thought-label,[data-bs-theme=light] .test-thinking-action-label{color:#00000080}[data-bs-theme=light] .test-thinking-thought{color:#000000bf}[data-bs-theme=light] .test-thinking-action{color:#000000a6}[data-bs-theme=light] .test-thinking-empty{color:#0006}.flow-listing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.flow-listing-header h2{margin:0;font-size:18px;font-weight:600}.flow-create-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2ac48a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500}.flow-create-btn:hover{background:#22a876}.flow-search-input{width:300px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;margin-bottom:16px;outline:none;background:#ffffff0d;color:#e0e0e0}.flow-search-input::placeholder{color:#ffffff59}.flow-search-input:focus{border-color:#2ac48a}.flow-table{width:100%;border-collapse:collapse}.flow-table th{text-align:left;padding:10px 12px;font-size:13px;font-weight:500;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.08)}.flow-table td{padding:14px 12px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle;color:#fffc}.flow-table tr:hover td{background:#ffffff0a;cursor:pointer}.flow-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.flow-status-badge.active{background:#2ac48a26;color:#2ac48a}.flow-status-badge.draft{background:#f5a62326;color:#f5a623}.flow-toggle{position:relative;width:36px;height:20px}.flow-toggle input{display:none}.flow-toggle-slider{position:absolute;inset:0;background:#fff3;border-radius:20px;cursor:pointer;transition:background .2s}.flow-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .2s}.flow-toggle input:checked+.flow-toggle-slider{background:#2ac48a}.flow-toggle input:checked+.flow-toggle-slider:before{transform:translate(16px)}.flow-actions-btn{background:none;border:none;cursor:pointer;font-size:18px;color:#ffffff80;padding:4px}.flow-empty-state{text-align:center;padding:60px 20px;color:#ffffff80}.flow-empty-state i{font-size:48px;margin-bottom:12px;display:block}.flow-modal-overlay{position:fixed;inset:0;background:#0006;z-index:1000;animation:flow-overlay-fade-in .25s ease}@keyframes flow-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes flow-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.flow-modal{position:fixed;right:0;top:0;height:100vh;width:480px;max-width:90vw;background:var(--bg-primary, #1a1a2e);box-shadow:-4px 0 24px #0000004d;display:flex;flex-direction:column;animation:flow-panel-slide-in .3s ease;z-index:1001;color:var(--text-primary, #e0e0e0)}.flow-panel-header{padding:24px 24px 0;flex-shrink:0}.flow-panel-header h2{margin:0 0 4px;font-size:20px}.flow-modal .flow-modal-subtitle{color:#ffffff80;font-size:14px;margin-bottom:20px}.flow-modal-body{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto;padding:0 24px 24px}.flow-modal-sidebar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.flow-modal-sidebar-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:13px;color:#fff9;border:1px solid rgba(255,255,255,.1);transition:all .2s}.flow-modal-sidebar-item.active{background:#2ac48a26;color:#2ac48a;font-weight:500;border-color:#2ac48a}.flow-modal-sidebar-item:hover{background:#ffffff0f}.flow-modal-templates{flex:1}.flow-modal-section-title{font-size:15px;font-weight:600;margin:0 0 12px}.flow-modal-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:24px}.flow-modal-card{border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 18px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;align-items:flex-start;gap:14px}.flow-modal-card:hover{border-color:#2ac48a;background:#2ac48a0d}.flow-modal-card.selected{border-color:#2ac48a;background:#2ac48a1a;box-shadow:0 0 0 2px #2ac48a2e}.flow-modal-card i{font-size:24px;color:#ffffff80;flex-shrink:0;margin-top:2px}.flow-modal-card.selected i{color:#2ac48a}.flow-modal-card-content h4{margin:0 0 4px;font-size:14px;font-weight:600}.flow-modal-card-content p{margin:0;font-size:13px;color:#ffffff73;line-height:1.4}.flow-modal-card.selected .flow-modal-card-content p{color:#ffffffb3}.flow-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.flow-panel-cancel-btn{padding:9px 20px;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;transition:background .15s}.flow-panel-cancel-btn:hover{background:#ffffff0f}.flow-panel-confirm-btn{padding:9px 20px;background:#2ac48a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;transition:opacity .15s,background .15s}.flow-panel-confirm-btn:hover{background:#22a876}.flow-panel-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.flow-builder-wrapper{display:flex;flex-direction:column;height:100vh;background:#1a1a2e}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#1e1e32;border-bottom:1px solid rgba(255,255,255,.08);height:52px;flex-shrink:0}.flow-toolbar-left,.flow-toolbar-right{display:flex;align-items:center;gap:8px}.flow-toolbar-center{display:flex;align-items:center;gap:12px}.flow-toolbar-back{background:none;border:none;cursor:pointer;font-size:18px;color:#fff9;padding:4px 8px;border-radius:4px}.flow-toolbar-back:hover{background:#ffffff14}.flow-toolbar-name{border:1px solid transparent;background:transparent;font-size:14px;font-weight:500;padding:4px 8px;border-radius:4px;min-width:200px;text-align:center;color:#e0e0e0}.flow-toolbar-name:hover,.flow-toolbar-name:focus{border-color:#ffffff26;outline:none}.flow-toolbar-status-badge{font-size:12px;padding:2px 10px;border-radius:12px;font-weight:500}.flow-toolbar-status-badge.draft{background:#f5a62326;color:#f5a623}.flow-toolbar-status-badge.active{background:#2ac48a26;color:#2ac48a}.flow-toolbar-save-status{font-size:12px;color:#fff6}.flow-toolbar-save-status.saving{color:#f5a623}.flow-toolbar-save-status.saved{color:#2ac48a}.flow-toolbar-save-status.error{color:#e74c3c}.flow-toolbar-publish{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#2ac48a;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500}.flow-toolbar-publish:hover{background:#22a876}.flow-builder-content{display:flex;flex:1;overflow:hidden}.flow-node-sidebar{width:280px;background:#1e1e32;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.flow-node-sidebar-search{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:1;background:#1e1e32}.flow-node-sidebar-search i{color:#ffffff59}.flow-node-sidebar-search input{border:none;outline:none;font-size:14px;flex:1;background:transparent;color:#e0e0e0}.flow-node-sidebar-search input::placeholder{color:#ffffff4d}.flow-node-sidebar-list{padding:8px 0}.flow-sidebar-category-title{font-size:12px;font-weight:600;color:#fff6;padding:12px 14px 6px;text-transform:uppercase;letter-spacing:.5px}.flow-sidebar-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:grab;transition:background .15s}.flow-sidebar-item:hover{background:#ffffff0f}.flow-sidebar-item:active{cursor:grabbing}.flow-sidebar-item-icon{width:36px;height:36px;border-radius:8px;background:#fef3cd1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flow-sidebar-item-icon i{font-size:16px;color:#f5c842}.flow-sidebar-item-label{font-size:14px;font-weight:500;color:#ffffffd9}.flow-sidebar-item-desc{font-size:12px;color:#fff6;line-height:1.3}.flow-node{background:#1e1e32;border:2px solid rgba(255,255,255,.12);border-radius:10px;min-width:220px;max-width:300px;box-shadow:0 2px 8px #0000004d;position:relative}.flow-node.selected{border-color:#2ac48a;box-shadow:0 0 0 2px #2ac48a33}.flow-node-trigger{border-color:#2ac48a}.flow-node-condition{border-color:#f5a623}.flow-node-action{border-color:#5b7dff}.flow-node-delay{border-color:#e040fb}.flow-node-header{display:flex;align-items:center;gap:8px;padding:10px 14px 6px}.flow-node-icon{font-size:16px}.flow-node-icon.trigger{color:#2ac48a}.flow-node-icon.condition{color:#f5a623}.flow-node-icon.action{color:#5b7dff}.flow-node-icon.delay{color:#e040fb}.flow-node-title{font-size:14px;font-weight:600;color:#e0e0e0}.flow-node-body{padding:0 14px 10px}.flow-node-desc{font-size:12px;color:#ffffff73;margin:0;line-height:1.4}.flow-node-channels{display:flex;gap:6px;margin-top:6px}.flow-node-channels i{font-size:16px;color:#fff9}.flow-node-handle-labels{position:absolute;right:-6px;top:0;bottom:0}.handle-label{position:absolute;right:16px;font-size:10px;color:#ffffff73;white-space:nowrap}.flow-config-panel{width:320px;background:#1e1e32;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.flow-config-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.flow-config-header h3{margin:0;font-size:16px;color:#e0e0e0}.flow-config-close{background:none;border:none;cursor:pointer;font-size:16px;color:#ffffff80}.flow-config-close:hover{color:#fff}.flow-config-body{padding:16px;flex:1}.flow-config-section{margin-bottom:16px}.flow-config-section label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#ffffffb3}.flow-config-section input[type=text],.flow-config-section input[type=number],.flow-config-section select,.flow-config-section textarea{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:13px;margin-bottom:8px;outline:none;box-sizing:border-box;background:#ffffff0d;color:#e0e0e0}.flow-config-section input:focus,.flow-config-section select:focus,.flow-config-section textarea:focus{border-color:#2ac48a;background:#ffffff14}.flow-config-section select option{background:#1e1e32;color:#e0e0e0}.flow-config-checkbox{display:flex!important;align-items:center;gap:8px;font-weight:400!important;cursor:pointer;margin-bottom:6px}.flow-config-checkbox input[type=checkbox]{width:auto;margin:0}.flow-config-hint{font-size:12px;color:#fff6;margin:4px 0 0}.flow-config-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.flow-config-delete{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:1px solid #e74c3c;color:#e74c3c;border-radius:6px;cursor:pointer;font-size:13px;width:100%;justify-content:center}.flow-config-delete:hover{background:#e74c3c1a}.react-flow__node{padding:0!important;border:none!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}.react-flow__handle{width:10px;height:10px;border:2px solid #1e1e32;box-shadow:0 0 0 1px #fff3}.react-flow__edge-path{stroke:#ffffff40;stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:#2ac48a}.react-flow__background{background:#141422}.react-flow__minimap{background:#1a1a2e!important}.react-flow__controls-button{background:#1e1e32!important;border-color:#ffffff1a!important;fill:#fff9!important}.react-flow__controls-button:hover{background:#ffffff1a!important}[data-bs-theme=light] .flow-search-input{border-color:#e0e0e0;background:#fff;color:#333}[data-bs-theme=light] .flow-search-input::placeholder{color:#999}[data-bs-theme=light] .flow-table th{color:#888;border-bottom-color:#eee}[data-bs-theme=light] .flow-table td{color:#333;border-bottom-color:#f5f5f5}[data-bs-theme=light] .flow-table tr:hover td{background:#fafafa}[data-bs-theme=light] .flow-status-badge.active{background:#e6f9f0}[data-bs-theme=light] .flow-status-badge.draft{background:#fff8e1}[data-bs-theme=light] .flow-toggle-slider{background:#ccc}[data-bs-theme=light] .flow-actions-btn,[data-bs-theme=light] .flow-empty-state{color:#888}[data-bs-theme=light] .flow-modal{background:#fff;color:#333;box-shadow:-4px 0 24px #0000001f}[data-bs-theme=light] .flow-modal .flow-modal-subtitle{color:#888}[data-bs-theme=light] .flow-modal-sidebar-item{color:#555;border-color:#e8e8e8}[data-bs-theme=light] .flow-modal-sidebar-item.active{background:#e6f9f0}[data-bs-theme=light] .flow-modal-sidebar-item:hover{background:#f5f5f5}[data-bs-theme=light] .flow-modal-card{border-color:#e8e8e8}[data-bs-theme=light] .flow-modal-card:hover{background:#fafffe}[data-bs-theme=light] .flow-modal-card.selected{background:#e6f9f0}[data-bs-theme=light] .flow-modal-card i,[data-bs-theme=light] .flow-modal-card-content p{color:#888}[data-bs-theme=light] .flow-modal-card.selected .flow-modal-card-content p{color:#555}[data-bs-theme=light] .flow-panel-footer{border-top-color:#eee;background:#fff}[data-bs-theme=light] .flow-panel-cancel-btn{background:#fff;color:#555;border-color:#ddd}[data-bs-theme=light] .flow-panel-cancel-btn:hover{background:#f5f5f5}[data-bs-theme=light] .flow-builder-wrapper{background:#f8f9fa}[data-bs-theme=light] .flow-toolbar{background:#fff;border-bottom-color:#eee}[data-bs-theme=light] .flow-toolbar-back{color:#555}[data-bs-theme=light] .flow-toolbar-back:hover{background:#f0f0f0}[data-bs-theme=light] .flow-toolbar-name{color:#333}[data-bs-theme=light] .flow-toolbar-name:hover,[data-bs-theme=light] .flow-toolbar-name:focus{border-color:#ddd}[data-bs-theme=light] .flow-toolbar-status-badge.draft{background:#fff8e1}[data-bs-theme=light] .flow-toolbar-status-badge.active{background:#e6f9f0}[data-bs-theme=light] .flow-toolbar-save-status{color:#999}[data-bs-theme=light] .flow-node-sidebar{background:#fff;border-right-color:#eee}[data-bs-theme=light] .flow-node-sidebar-search{border-bottom-color:#eee;background:#fff}[data-bs-theme=light] .flow-node-sidebar-search i{color:#999}[data-bs-theme=light] .flow-node-sidebar-search input{color:#333}[data-bs-theme=light] .flow-node-sidebar-search input::placeholder{color:#999}[data-bs-theme=light] .flow-sidebar-category-title{color:#888}[data-bs-theme=light] .flow-sidebar-item:hover{background:#f5f5f5}[data-bs-theme=light] .flow-sidebar-item-icon{background:#fef3cd}[data-bs-theme=light] .flow-sidebar-item-icon i{color:#d4a017}[data-bs-theme=light] .flow-sidebar-item-label{color:#333}[data-bs-theme=light] .flow-sidebar-item-desc{color:#999}[data-bs-theme=light] .flow-node{background:#fff;border-color:#e0e0e0;box-shadow:0 1px 4px #0000000f}[data-bs-theme=light] .flow-node-title{color:#333}[data-bs-theme=light] .flow-node-desc{color:#888}[data-bs-theme=light] .flow-node-channels i{color:#555}[data-bs-theme=light] .handle-label{color:#888}[data-bs-theme=light] .flow-config-panel{background:#fff;border-left-color:#eee}[data-bs-theme=light] .flow-config-header{border-bottom-color:#eee}[data-bs-theme=light] .flow-config-header h3{color:#333}[data-bs-theme=light] .flow-config-close{color:#888}[data-bs-theme=light] .flow-config-close:hover{color:#333}[data-bs-theme=light] .flow-config-section label{color:#555}[data-bs-theme=light] .flow-config-section input[type=text],[data-bs-theme=light] .flow-config-section input[type=number],[data-bs-theme=light] .flow-config-section select,[data-bs-theme=light] .flow-config-section textarea{background:#fff;border-color:#ddd;color:#333}[data-bs-theme=light] .flow-config-section input:focus,[data-bs-theme=light] .flow-config-section select:focus,[data-bs-theme=light] .flow-config-section textarea:focus{background:#fff}[data-bs-theme=light] .flow-config-section select option{background:#fff;color:#333}[data-bs-theme=light] .flow-config-hint{color:#999}[data-bs-theme=light] .flow-config-footer{border-top-color:#eee}[data-bs-theme=light] .flow-config-delete:hover{background:#fdf0ef}[data-bs-theme=light] .react-flow__handle{border-color:#fff;box-shadow:0 0 0 1px #ccc}[data-bs-theme=light] .react-flow__edge-path{stroke:#b1b1b7}[data-bs-theme=light] .react-flow__background{background:#f8f9fa}[data-bs-theme=light] .react-flow__minimap{background:#fff!important}[data-bs-theme=light] .react-flow__controls-button{background:#fff!important;border-color:#ddd!important;fill:#555!important}[data-bs-theme=light] .react-flow__controls-button:hover{background:#f5f5f5!important}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.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))}.accounts-page{display:flex;height:100%;overflow:hidden}.accounts-submenu{width:200px;min-width:200px;background:var(--bg-secondary, #1a1d23);border-right:1px solid var(--glass-border, rgba(255, 255, 255, .08));display:flex;flex-direction:column;padding:1rem 0}.accounts-submenu-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, rgba(255, 255, 255, .45));padding:0 1rem .5rem;margin-bottom:.25rem}.accounts-submenu-item{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .65));cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .15s,color .15s;border-left:3px solid transparent}.accounts-submenu-item:hover{background:var(--item-hover, rgba(255, 255, 255, .04));color:var(--text-primary, #fff)}.accounts-submenu-item.active{background:var(--item-hover, rgba(255, 255, 255, .06));color:var(--text-primary, #fff);border-left-color:var(--accent-primary, #25d366);font-weight:600}.accounts-submenu-item i{font-size:1rem;width:20px;text-align:center}.accounts-submenu-item .bi-whatsapp{color:#25d366}.accounts-submenu-item .bi-messenger{color:#0084ff}.accounts-submenu-item .bi-instagram{color:#e4405f}.accounts-submenu-item .bi-shop{color:#ee4d2d}.accounts-content{flex:1;overflow-y:auto;min-width:0}@media(max-width:768px){.accounts-page{flex-direction:column}.accounts-submenu{width:100%;min-width:unset;flex-direction:row;padding:0;border-right:none;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));overflow-x:auto}.accounts-submenu-title{display:none}.accounts-submenu-item{border-left:none;border-bottom:3px solid transparent;padding:.6rem 1rem;white-space:nowrap}.accounts-submenu-item.active{border-left-color:transparent;border-bottom-color:var(--accent-primary, #25d366)}}.broadcast-listing-page{padding:2rem 3rem;height:100%;overflow-y:auto;background:var(--bg-primary, #12141a);color:var(--text-primary, #fff)}.broadcast-listing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.broadcast-breadcrumb{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-bottom:.5rem}.broadcast-breadcrumb span{cursor:pointer}.broadcast-breadcrumb .active{color:var(--text-primary, #fff);font-weight:600}.broadcast-listing-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.broadcast-subtitle{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .5));margin:0}.btn-create-broadcast{padding:.6rem 1.25rem;border:none;border-radius:6px;background:var(--accent-primary, #20b85a);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-create-broadcast:hover{opacity:.9}.broadcast-listing-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.broadcast-search-wrapper{position:relative;display:flex;align-items:center;width:300px}.broadcast-search-wrapper i{position:absolute;left:.75rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.broadcast-search-wrapper input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:6px;background:var(--glass-bg, rgba(255, 255, 255, .03));color:var(--text-primary, #fff);font-size:.85rem;outline:none}.btn-toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .15));border-radius:6px;background:var(--glass-bg, rgba(255, 255, 255, .03));color:var(--text-primary, #fff);font-size:.85rem;font-weight:500;cursor:pointer}.broadcast-listing-table-container{border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:8px;overflow:hidden;background:var(--glass-bg, rgba(255, 255, 255, .03))}.broadcast-listing-table{width:100%;border-collapse:collapse;text-align:left}.broadcast-listing-table th{padding:1rem 1.25rem;font-size:.8rem;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .5));border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08));background:#00000026}.broadcast-listing-table td{padding:1rem 1.25rem;font-size:.85rem;color:var(--text-primary, #fff);border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .05))}.broadcast-listing-table tr:last-child td{border-bottom:none}.col-title{font-weight:500}.col-account{display:flex;align-items:center}.account-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem 0;border-radius:4px;font-size:.8rem}.account-badge i{width:20px;height:20px;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.7rem}.status-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-sent{background:#25d3661a;color:#00a884}.status-pending{background:#ffc1071a;color:#ffc107}.col-actions button{background:none;border:none;color:var(--text-secondary, rgba(255, 255, 255, .5));cursor:pointer;font-size:1rem;padding:.25rem}.broadcast-listing-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08));font-size:.8rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.pagination-arrows{display:flex;gap:.5rem}.pagination-arrows button{background:none;border:none;color:var(--text-secondary, rgba(255, 255, 255, .5));cursor:pointer;padding:.25rem}.analytics-page-content{background-color:var(--bs-body-bg);color:var(--bs-body-color)}.analytics-tabs{display:flex;gap:30px}.analytics-tab{background:none;border:none;padding:0 0 12px;font-size:15px;font-weight:600;color:var(--bs-secondary-color);cursor:pointer;position:relative;transition:color .2s}.analytics-tab:hover,.analytics-tab.active{color:var(--bs-body-color)}.analytics-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#20c997;border-radius:3px 3px 0 0}.preset-option:hover{background-color:var(--bs-tertiary-bg, rgba(0, 0, 0, .05))!important}.preset-option.active{background-color:var(--bs-tertiary-bg, rgba(0, 0, 0, .05))!important;font-weight:500}.stat-card{border:none;background:var(--bs-body-bg);box-shadow:0 4px 6px #0000000d;border-radius:12px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.stat-card .card-body h6{color:var(--bs-secondary-color);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.stat-card .card-body h3{margin:0;font-size:28px;font-weight:700}.stat-card .card-body h4{margin:0;font-size:20px;font-weight:600}.chart-card,.table-card{border:none;box-shadow:0 4px 6px #0000000d;border-radius:12px;--card-bg: var(--bs-body-bg);background:var(--card-bg)}.table-card table th{font-weight:600;color:var(--bs-secondary-color);border-bottom-width:1px}body.dark .stat-card,body.dark .chart-card,body.dark .table-card{--card-bg: #1e1e2d;background:var(--card-bg);box-shadow:0 4px 6px #0003;border:1px solid rgba(255,255,255,.05)}.table-responsive-heatmap{overflow-x:auto;padding-bottom:10px;max-width:100%}.heatmap-table th.sticky-col-left,.heatmap-table td.sticky-col-left{position:sticky;left:0;z-index:2;background-color:var(--card-bg, #fff)}.heatmap-table th.sticky-col-left{z-index:3}.heatmap-table th.sticky-col-right,.heatmap-table td.sticky-col-right{position:sticky;right:0;z-index:2;background-color:var(--card-bg, #fff);border-left:1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, .05))}.heatmap-table th.sticky-col-right{z-index:3}body.dark .stat-card .card-body h6,body.dark .table-card table th{color:#a1a5b7}body.dark .stat-card .card-body h3,body.dark .stat-card .card-body h4,body.dark .analytics-controls input[type=date]{color:#fff}body.dark .analytics-controls input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}body.dark .table-card table td{color:#e4e6ef;border-color:#323248}body.dark .custom-date-picker-container{background:#1e1e2d!important;border-color:#ffffff1a!important;color:#e4e6ef}body.dark .analytics-presets-dropdown{background-color:#1e1e2d!important;border-color:#ffffff1a!important;box-shadow:0 4px 12px #0006!important}body.dark .analytics-presets-dropdown .preset-option{color:#e4e6ef!important}body.dark .analytics-presets-dropdown .preset-option:hover,body.dark .analytics-presets-dropdown .preset-option.active{background-color:#ffffff14!important}.template-category-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff}.analytics-panel .stat-card .cost-value{font-size:18px;font-weight:600;color:#e74c3c}body.dark .analytics-panel .cost-value{color:#ff6b6b}.labels-settings-wrapper{width:100%;height:100%;overflow-y:auto;background:var(--bg-primary)}.labels-settings-wrapper .connections-container{padding:1.5rem;margin:0 auto}.labels-settings-wrapper .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.labels-settings-wrapper .breadcrumb-nav{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.labels-settings-wrapper .breadcrumb-nav .active{color:#fff;font-weight:600}.labels-settings-wrapper .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.labels-settings-wrapper .toolbar-btn{background:#ffffff14;border:1px solid var(--glass-border);color:#fffc;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.labels-settings-wrapper .toolbar-btn:hover{background:#ffffff1f;color:#fff}.labels-table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.labels-table-container .table-wrapper{overflow-x:auto}.labels-table-container table{width:100%;border-collapse:collapse;margin:0}.labels-table-container th{background:#ffffff08;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.labels-table-container td{padding:1rem;border-bottom:1px solid var(--glass-border);vertical-align:middle}.labels-table-container tr:hover td{background:#ffffff05}.color-swatch{display:inline-block;width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.15)}.label-name{font-weight:600}.labels-settings-wrapper .btn-add-instance{background:var(--bg-tertiary);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer}.labels-settings-wrapper .btn-add-instance:hover{background:#2d2d2d}.labels-settings-wrapper .action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.labels-settings-wrapper .action-btn.edit-btn{background:#ffffff1a;color:#fff}.labels-settings-wrapper .action-btn.edit-btn:hover{background:#fff3}.labels-settings-wrapper .action-btn.delete-btn{background:#dc35451a;color:#dc3545}.labels-settings-wrapper .action-btn.delete-btn:hover{background:#dc354533}.label-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1060}.label-modal-dialog{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.label-modal-header{border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.label-modal-header h5{margin:0;font-size:1rem}.label-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.label-modal-body .form-control{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;border-radius:8px}.label-modal-body .form-control:focus{background:#ffffff14;border-color:#25d366;box-shadow:0 0 0 3px #25d36626;color:#fff}.label-modal-body .form-label{color:#fffc;font-size:.875rem}.label-modal-footer{border-top:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.label-color-picker{display:flex;align-items:center;gap:.75rem}.label-color-picker .color-input{width:48px;height:36px;padding:2px;border:1px solid var(--glass-border);border-radius:6px;background:transparent;cursor:pointer}.label-color-picker .color-preview-swatch{width:28px;height:28px;border-radius:6px;border:2px solid rgba(255,255,255,.15)}.label-color-picker .color-hex{font-family:monospace;font-size:.85rem;color:#fff9}.teams-settings-wrapper{width:100%;height:100%;overflow-y:auto;background:var(--bg-primary)}.teams-settings-wrapper .connections-container{padding:1.5rem;margin:0 auto}.teams-tabs{display:flex;gap:0;border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem}.teams-tab{padding:.75rem 1.25rem;background:none;border:none;color:#ffffff80;font-size:.9rem;cursor:pointer;position:relative;transition:color .2s ease}.teams-tab:hover{color:#fffc}.teams-tab.active{color:#fff;font-weight:600}.teams-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#25d366;border-radius:2px 2px 0 0}.teams-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.teams-section-header h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.teams-section-header p{margin:0;color:#ffffff80;font-size:.85rem}.btn-add-team{background:#25d366;border:none;color:#fff;padding:.5rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s ease;white-space:nowrap}.btn-add-team:hover{background:#1fb855}.teams-search{position:relative;margin-bottom:1.5rem;max-width:320px}.teams-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#fff6;font-size:.9rem}.teams-search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:.875rem}.teams-search input::placeholder{color:#ffffff59}.teams-search input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.teams-table-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.teams-table-container .table-wrapper{overflow-x:auto}.teams-table-container table{width:100%;border-collapse:collapse;margin:0}.teams-table-container th{background:#ffffff08;padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8rem;border-bottom:1px solid var(--glass-border);white-space:nowrap;color:#ffffffb3}.teams-table-container td{padding:1rem;border-bottom:1px solid var(--glass-border);vertical-align:middle}.teams-table-container tr:last-child td{border-bottom:none}.teams-table-container tr:hover td{background:#ffffff05}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;flex-shrink:0}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{font-weight:600;font-size:.9rem}.role-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.role-badge.owner{background:#ffc10726;color:#ffc107}.role-badge.admin{background:#4a90d926;color:#4a90d9}.role-badge.agent{background:#ffffff14;color:#fff9}.status-active{color:#25d366}.status-inactive{color:#fff6}.team-members-list{display:flex;flex-direction:column;gap:.5rem}.team-member-item{display:flex;align-items:center;gap:.5rem}.team-member-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff;flex-shrink:0}.team-member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.team-member-name{font-size:.85rem}.action-menu-wrapper{position:relative}.action-menu-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#ffffff80;cursor:pointer;transition:all .2s ease}.action-menu-btn:hover{background:#ffffff14;color:#fff}.action-menu-dropdown{position:absolute;right:0;top:100%;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;min-width:160px;z-index:100;box-shadow:0 8px 24px #0000004d;padding:.25rem 0}.action-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:#fffc;font-size:.85rem;cursor:pointer;text-align:left;transition:background .15s ease}.action-menu-item:hover{background:#ffffff14}.action-menu-item.danger{color:#dc3545}.action-menu-item.danger:hover{background:#dc35451a}.teams-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1060}.teams-modal-dialog{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.teams-modal-header{border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.teams-modal-header h5{margin:0;font-size:1rem}.teams-modal-body{padding:1.25rem;overflow-y:auto;flex:1}.teams-modal-body .form-control,.teams-modal-body .form-select{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;border-radius:8px}.teams-modal-body .form-control:focus,.teams-modal-body .form-select:focus{background:#ffffff14;border-color:#25d366;box-shadow:0 0 0 3px #25d36626;color:#fff}.teams-modal-body .form-label{color:#fffc;font-size:.875rem}.teams-modal-body .form-select option{background:var(--bg-tertiary);color:#fff}.teams-modal-footer{border-top:1px solid var(--glass-border);padding:1rem 1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.member-checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#ffffff08;border-radius:8px;border:1px solid var(--glass-border)}.member-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:6px;cursor:pointer;transition:background .15s ease}.member-checkbox-item:hover{background:#ffffff0d}.member-checkbox-item input[type=checkbox]{accent-color:#25d366}[data-bs-theme=light] .teams-tab{color:#00000080}[data-bs-theme=light] .teams-tab.active{color:#000}[data-bs-theme=light] .teams-section-header p{color:#00000080}[data-bs-theme=light] .teams-search input{background:#0000000a;color:#000;border-color:#0000001f}[data-bs-theme=light] .teams-search input::placeholder{color:#00000059}[data-bs-theme=light] .teams-search i{color:#0006}[data-bs-theme=light] .role-badge.agent{background:#0000000f;color:#0009}[data-bs-theme=light] .action-menu-btn{color:#00000080}[data-bs-theme=light] .action-menu-btn:hover{background:#0000000f;color:#000}[data-bs-theme=light] .action-menu-item{color:#000c}[data-bs-theme=light] .action-menu-item:hover{background:#0000000f}.contact-session-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#25d3661f;color:#25d366}.contacts-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--glass-border)}.contacts-pagination-info{font-size:.85rem;color:#ffffff80}.contacts-pagination button{background:#ffffff0d;border:1px solid var(--glass-border);color:#ffffffb3;padding:.4rem .85rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.contacts-pagination button:hover:not(:disabled){background:#ffffff1a;color:#fff}.contacts-pagination button:disabled{opacity:.3;cursor:not-allowed}.remarks-cell{font-size:.82rem;line-height:1.5}.remarks-cell-row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.remarks-cell-label{font-weight:600;color:#fff9}.contact-edit-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:flex-end;z-index:9999}.contact-edit-panel{background:var(--bg-primary, #1a1a2e);width:550px;max-width:90vw;height:100vh;display:flex;flex-direction:column;animation:contactSlideInRight .3s cubic-bezier(.16,1,.3,1) forwards;box-shadow:-4px 0 24px #0003;color:var(--text-primary, #e0e0e0)}@keyframes contactSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.contact-edit-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.contact-edit-header h5{margin:0;font-size:1.05rem;font-weight:600}.btn-close-panel{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.btn-close-panel:hover{color:#fff;background:#ffffff1a}.contact-edit-body{flex:1;overflow-y:auto;padding:1.5rem}.contact-edit-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.remarks-section{margin-top:.5rem}.remark-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.75rem}.remark-name-col{flex:0 0 180px}.remark-value-col{flex:1}.btn-remark-delete{background:none;border:none;color:#ffffff59;cursor:pointer;padding:.4rem;margin-top:.25rem;border-radius:4px;transition:all .2s ease}.btn-remark-delete:hover{color:#e74c3c;background:#e74c3c1a}.btn-add-remark{background:#25d3661a;border:1px dashed rgba(37,211,102,.3);color:#25d366;padding:.45rem 1rem;border-radius:6px;font-size:.82rem;cursor:pointer;transition:all .2s ease;width:100%}.btn-add-remark:hover{background:#25d3662e;border-color:#25d36680}[data-bs-theme=light] .contact-session-badge{background:#25d3661a;color:#1a9e4c}[data-bs-theme=light] .contacts-pagination-info{color:#00000080}[data-bs-theme=light] .contacts-pagination button{background:#0000000a;border-color:#0000001f;color:#000000b3}[data-bs-theme=light] .contacts-pagination button:hover:not(:disabled){background:#00000014;color:#000}[data-bs-theme=light] .remarks-cell-label{color:#0000008c}[data-bs-theme=light] .contact-edit-panel{background:#fff;color:#333;box-shadow:-4px 0 24px #0000001a}[data-bs-theme=light] .btn-close-panel{color:#0006}[data-bs-theme=light] .btn-close-panel:hover{color:#000;background:#0000000f}[data-bs-theme=light] .btn-remark-delete{color:#0000004d}.document-category-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.document-category-badge.receipt{background:#25d3661f;color:#25d366}.document-category-badge.others{background:#ffffff14;color:#ffffff80}.document-type-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f;font-size:1.1rem;color:#fff9;flex-shrink:0}.document-approved-info{font-size:.8rem;line-height:1.4}.document-approved-info .approver-name{color:#25d366;font-weight:500}.document-approved-info .approved-date{color:#fff6;font-size:.7rem}.document-filename{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}[data-bs-theme=light] .document-category-badge.others{background:#0000000f;color:#00000080}[data-bs-theme=light] .document-type-icon{background:#0000000a;color:#00000080}[data-bs-theme=light] .document-approved-info .approved-date{color:#0006}.document-sub-tabs{margin-top:0;margin-bottom:1rem;font-size:.85rem}.document-status-cell{display:flex;align-items:flex-start;gap:.5rem}.btn-remarks-icon{background:none;border:none;color:#ffffff59;cursor:pointer;padding:.2rem;border-radius:4px;font-size:.9rem;transition:all .2s ease;flex-shrink:0;margin-top:.1rem}.btn-remarks-icon:hover{color:#25d366;background:#25d3661a}[data-bs-theme=light] .btn-remarks-icon{color:#0000004d}[data-bs-theme=light] .btn-remarks-icon:hover{color:#1a9e4c;background:#25d36614}.document-status-badge{display:inline-block;padding:.15rem .55rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.document-status-badge.approved{background:#25d36626;color:#25d366}.document-status-badge.pending{background:#ffc1071f;color:#ffc107}.document-status-badge.rejected{background:#e74c3c1f;color:#e74c3c}[data-bs-theme=light] .document-status-badge.pending{background:#ffc10726;color:#b38600}[data-bs-theme=light] .document-status-badge.rejected{background:#e74c3c1f;color:#c0392b}.doc-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.doc-preview-modal{background:var(--bg-primary, #1a1a2e);border-radius:12px;width:800px;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #0006;color:var(--text-primary, #e0e0e0);overflow:hidden}.doc-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.doc-preview-header h5{margin:0;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 40px)}.doc-preview-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:1rem;min-height:300px;background:#00000026}.doc-preview-image{max-width:100%;max-height:65vh;border-radius:6px;object-fit:contain}.doc-preview-video{max-width:100%;max-height:65vh;border-radius:6px}.doc-preview-audio{width:100%;max-width:500px}.doc-preview-iframe{width:100%;height:65vh;border:none;border-radius:6px;background:#fff}.doc-preview-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}[data-bs-theme=light] .doc-preview-modal{background:#fff;color:#333;box-shadow:0 12px 40px #00000026}[data-bs-theme=light] .doc-preview-body{background:#00000008}.approver-remarks-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:#ffffff8c}[data-bs-theme=light] .approver-remarks-cell{color:#00000080}.detail-info-row.clickable{cursor:pointer;border-radius:6px;padding:.4rem .35rem;margin:0 -.35rem;transition:background .15s ease}.detail-info-row.clickable:hover{background:#25d36614}.detail-filename-link{color:#25d366!important}.detail-info-row.clickable:hover .detail-filename-link{text-decoration:underline}[data-bs-theme=light] .detail-info-row.clickable:hover{background:#25d3660f}[data-bs-theme=light] .detail-filename-link{color:#1a9e4c!important}.detail-info-grid{margin-bottom:1.25rem}.detail-info-row{display:flex;align-items:baseline;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);gap:.75rem}.detail-info-row:last-child{border-bottom:none}.detail-info-label{flex-shrink:0;width:110px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff6}.detail-info-value{flex:1;font-size:.85rem;color:#ffffffd9;word-break:break-word}[data-bs-theme=light] .detail-info-row{border-bottom-color:#0000000f}[data-bs-theme=light] .detail-info-label{color:#00000073}[data-bs-theme=light] .detail-info-value{color:#000000bf}.detail-remarks-section{margin-bottom:1.25rem;padding:.75rem;border-radius:8px;background:#ffffff0a}.detail-remarks-section .form-label{font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:#fff9}.detail-remarks-list{display:flex;flex-direction:column;gap:.3rem}.detail-remark-item{display:flex;gap:.5rem;font-size:.82rem}.detail-remark-name{font-weight:600;color:#fff9;flex-shrink:0}.detail-remark-value{color:#ffffffd9}[data-bs-theme=light] .detail-remarks-section{background:#00000008}[data-bs-theme=light] .detail-remarks-section .form-label{color:#0000008c}[data-bs-theme=light] .detail-remark-name{color:#00000080}[data-bs-theme=light] .detail-remark-value{color:#000000bf}.detail-approver-remarks{margin-bottom:1rem}.detail-approver-remarks .form-label{font-size:.8rem;font-weight:600;margin-bottom:.4rem;color:#fff9}.detail-approver-remarks textarea{resize:vertical}[data-bs-theme=light] .detail-approver-remarks .form-label{color:#0000008c}.btn-remark-sort{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:.1rem .3rem;border-radius:3px;font-size:.7rem;line-height:1;transition:all .2s ease}.btn-remark-sort:hover:not(:disabled){color:#25d366;background:#25d3661a}.btn-remark-sort:disabled{opacity:.2;cursor:not-allowed}[data-bs-theme=light] .btn-remark-sort{color:#00000040}[data-bs-theme=light] .btn-remark-sort:hover:not(:disabled){color:#1a9e4c;background:#25d36614}.document-filter-row{display:flex;align-items:stretch;gap:.5rem;margin-bottom:1rem}.brand-filter-select{width:180px;flex-shrink:0;height:38px;font-size:.875rem!important;padding:.5rem .75rem!important;border-radius:8px!important;background:#ffffff0d!important;border:1px solid var(--glass-border)!important;color:#fff!important;transition:border-color .2s ease}.document-filter-row .teams-search{margin-bottom:0}.document-filter-row .teams-search input{height:38px}.brand-filter-select:focus{outline:none;border-color:#25d366!important;box-shadow:0 0 0 3px #25d36626!important}[data-bs-theme=light] .brand-filter-select{background:#0000000a!important;border-color:#0000001f!important;color:#000!important}[data-bs-theme=light] .brand-filter-select:focus{border-color:#25d366!important;box-shadow:0 0 0 3px #25d36626!important}