.inbox-search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.inbox-search-input{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.inbox-search-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.inbox-search-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-sm)}.inbox-search-input input::placeholder{color:var(--text-tertiary)}.inbox-search-input svg{color:var(--text-tertiary);flex-shrink:0}.inbox-filters{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.inbox-filters::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-chip:hover{border-color:var(--border-default);color:var(--text-primary)}.filter-chip.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-hover)}.filter-chip .chip-count{background:var(--bg-surface-overlay);padding:0 4px;border-radius:var(--radius-full);font-size:10px;min-width:16px;text-align:center}.filter-chip.active .chip-count{background:var(--color-primary);color:#fff}.conversation-list{flex:1;overflow-y:auto;overflow-x:hidden}.conversation-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-subtle);position:relative}.conversation-item:hover{background:var(--bg-surface-raised)}.conversation-item.active{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.conversation-item.unread{background:#6366f10d}.conversation-item .conv-avatar{position:relative;flex-shrink:0}.conversation-item .channel-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface)}.conversation-item .channel-dot.whatsapp{background:var(--color-whatsapp)}.conversation-item .channel-dot.telegram{background:var(--color-telegram)}.conversation-item .channel-dot.webchat{background:var(--color-webchat)}.conversation-item .conv-content{flex:1;min-width:0}.conversation-item .conv-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:2px}.conversation-item .conv-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conv-name{color:var(--text-primary)}.conversation-item .conv-time{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.conversation-item.unread .conv-time{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.conversation-item .conv-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.conversation-item .conv-last-msg{font-size:var(--font-size-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conversation-item.unread .conv-last-msg{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.conv-unread-badge{min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:0 4px;flex-shrink:0}.conv-status-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-top:4px;text-transform:uppercase;letter-spacing:.03em}.conv-status-badge.waiting{background:var(--color-warning-light);color:var(--color-warning)}.conv-status-badge.assigned{background:var(--color-success-light);color:var(--color-success)}.conv-status-badge.bot{background:var(--color-info-light);color:var(--color-info)}.conv-status-badge.closed{background:var(--bg-surface-overlay);color:var(--text-tertiary)}.conv-status-badge.active{background:var(--color-success-light);color:var(--color-success)}.conv-status-badge.archived{background:var(--bg-surface-overlay);color:var(--text-tertiary)}.conv-status-badge.transferred{background:var(--color-info-light);color:var(--color-info)}@keyframes highlightNewChat{0%{background:#6366f126;box-shadow:inset 0 0 0 1px #6366f166,0 0 12px #6366f126}50%{background:#6366f140;box-shadow:inset 0 0 0 1px #6366f199,0 0 20px #6366f140}to{background:#6366f126;box-shadow:inset 0 0 0 1px #6366f166,0 0 12px #6366f126}}.conversation-item.conv-new-highlight{animation:highlightNewChat 1.2s ease-in-out 3;border-left:3px solid var(--color-primary)}.archived-section{border-top:1px solid var(--border-subtle);flex-shrink:0}.archived-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface-raised);border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.archived-section-header:hover{background:var(--bg-surface-overlay);color:var(--text-primary)}.archived-section-title{display:flex;align-items:center;gap:var(--space-2)}.archived-count{min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-overlay);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:0 6px}.archived-list{max-height:200px;overflow-y:auto;border-top:1px solid var(--border-subtle)}.archived-list::-webkit-scrollbar{width:4px}.archived-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.archived-empty{padding:var(--space-3) var(--space-4)}.archived-empty p{font-size:var(--font-size-xs);color:var(--text-tertiary)}.conversation-item.archived-item{opacity:.7}.conversation-item.archived-item:hover{opacity:1}.archived-avatar{opacity:.6}.chat-tabs{display:flex;align-items:center;gap:0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.chat-tabs::-webkit-scrollbar{display:none}.chat-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);border-right:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;min-width:0}.chat-tab:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.chat-tab.active{background:var(--bg-base);color:var(--text-primary);font-weight:var(--font-weight-medium);border-bottom:2px solid var(--color-primary)}.chat-tab .tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.chat-tab .tab-channel{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.chat-tab .tab-channel.whatsapp{background:var(--color-whatsapp)}.chat-tab .tab-channel.telegram{background:var(--color-telegram)}.chat-tab .tab-channel.webchat{background:var(--color-webchat)}.chat-tab .tab-unread{min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);padding:0 3px}.chat-tab .tab-close{opacity:0;transition:opacity var(--transition-fast);padding:2px;border-radius:var(--radius-sm)}.chat-tab:hover .tab-close{opacity:1}.chat-tab .tab-close:hover{background:var(--bg-surface-overlay)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:var(--space-3)}.chat-header-details h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.chat-header-details .chat-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}.chat-header-actions{display:flex;align-items:center;gap:var(--space-2)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.message-bubble{max-width:70%;animation:fadeInUp .2s ease-out}.message-bubble.inbound{align-self:flex-start}.message-bubble.outbound{align-self:flex-end}.message-bubble.system{align-self:center;max-width:80%}.message-bubble .bubble-content{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:var(--line-height-normal);word-break:break-word}.message-bubble.inbound .bubble-content{background:var(--bg-surface-raised);border-bottom-left-radius:var(--radius-sm)}.message-bubble.outbound .bubble-content{background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble.system .bubble-content{background:var(--bg-surface-overlay);color:var(--text-secondary);text-align:center;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.message-quote{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.message-bubble.inbound .message-quote{background:#ffffff0d}.message-bubble.outbound .message-quote{background:#ffffff26;border-left-color:#fff9}.message-quote .quote-sender{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);margin-bottom:2px;opacity:.8}.message-quote .quote-text{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.message-bubble .bubble-sender{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-hover);margin-bottom:2px}.message-bubble .bubble-time{font-size:10px;color:var(--text-tertiary);margin-top:2px;text-align:right}.message-bubble.outbound .bubble-time{color:#fff9}.message-bubble .bubble-actions{opacity:0;display:flex;gap:var(--space-1);margin-top:var(--space-1);transition:opacity var(--transition-fast)}.message-bubble:hover .bubble-actions{opacity:1}.bubble-action-btn{padding:2px 4px;font-size:var(--font-size-xs);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer}.bubble-action-btn:hover{background:var(--bg-surface-overlay);color:var(--text-primary)}.msg-bold{font-weight:var(--font-weight-bold)}.msg-italic{font-style:italic}.chat-input-area{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-top:1px solid var(--border-subtle);flex-shrink:0}.chat-input-quote{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--bg-surface-raised);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);animation:fadeIn var(--transition-fast) ease-out}.chat-input-quote .quote-content{flex:1;min-width:0}.chat-input-quote .quote-sender-name{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-xs)}.chat-input-quote .quote-preview-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-compose{display:flex;align-items:flex-end;gap:var(--space-2);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2);transition:all var(--transition-fast)}.chat-input-compose:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.chat-input-compose textarea{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);resize:none;padding:var(--space-1) var(--space-2);max-height:120px;min-height:36px}.chat-input-compose textarea::placeholder{color:var(--text-tertiary)}.chat-input-toolbar{display:flex;align-items:center;gap:var(--space-1)}.toolbar-btn{padding:var(--space-1);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{color:var(--text-primary);background:var(--bg-surface-overlay)}.toolbar-btn.active{color:var(--color-primary);background:var(--color-primary-light)}.send-btn{padding:var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.send-btn:hover{background:var(--color-primary-hover)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.handoff-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-info-light);border-bottom:1px solid rgba(59,130,246,.2);animation:fadeIn var(--transition-fast) ease-out}.handoff-banner .handoff-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-info)}.handoff-banner .handoff-actions{display:flex;gap:var(--space-2)}.unattended-alert{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface-overlay);border:1px solid var(--color-warning);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 20px #f59e0b33;animation:fadeInUp var(--transition-normal) ease-out,pulseGlow 2s ease-in-out infinite;z-index:90;cursor:pointer}.unattended-alert .alert-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-warning-light);color:var(--color-warning);display:flex;align-items:center;justify-content:center;animation:bounce 1s ease-in-out infinite}.unattended-alert .alert-content h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.unattended-alert .alert-content p{font-size:var(--font-size-xs);color:var(--text-secondary)}.unattended-alert .alert-close{padding:var(--space-1);color:var(--text-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.unattended-alert .alert-close:hover{background:var(--bg-surface);color:var(--text-primary)}.admin-layout{display:flex;height:100vh;background:var(--bg-base);overflow:hidden}.admin-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.admin-sidebar-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.admin-sidebar-header .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-info));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.admin-sidebar-header h2{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.admin-sidebar-header .role-tag{font-size:var(--font-size-xs);padding:2px 6px;background:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);margin-left:auto}.admin-nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--font-size-base);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;width:100%;text-align:left}.admin-nav-item:hover{background:var(--bg-surface-raised);color:var(--text-primary)}.admin-nav-item.active{background:var(--color-primary-light);color:var(--color-primary-hover);font-weight:var(--font-weight-medium)}.admin-nav-item svg{flex-shrink:0}.admin-sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-subtle)}.admin-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.admin-user-info .user-details{flex:1;min-width:0}.admin-user-info .user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-info .user-email{font-size:var(--font-size-xs);color:var(--text-tertiary)}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.admin-page-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.admin-page-header p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:2px}.admin-page-content{flex:1;overflow-y:auto;padding:var(--space-6)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stat-card .stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.admin-section{margin-bottom:var(--space-6)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.admin-section-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.bot-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.bot-channel-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.bot-channel-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-subtle)}.bot-channel-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.monitor-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.monitor-card:hover{border-color:var(--border-default)}.monitor-agent-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.monitor-agent-name{font-weight:var(--font-weight-semibold)}.monitor-agent-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.monitor-chats{display:flex;flex-direction:column;gap:var(--space-2)}.monitor-chat-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-surface-raised);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.monitor-chat-item .chat-contact{font-weight:var(--font-weight-medium)}.monitor-chat-item .chat-duration{color:var(--text-tertiary);font-size:var(--font-size-xs)}.logs-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.logs-filters .input,.logs-filters .select{max-width:200px}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;min-width:100%;max-height:60px;overflow:hidden}.admin-page-content{padding:var(--space-4)}.stats-row{grid-template-columns:1fr}}.agent-layout{display:flex;height:100vh;background:var(--bg-base);overflow:hidden}.agent-sidebar{width:var(--inbox-width);min-width:var(--inbox-width);display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-subtle);overflow:hidden}.agent-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.agent-sidebar-header .logo-section{display:flex;align-items:center;gap:var(--space-2)}.agent-sidebar-header .logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-info));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.agent-sidebar-header h2{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.agent-sidebar-actions{display:flex;gap:var(--space-1)}.agent-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.agent-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.agent-header-left,.agent-header-right{display:flex;align-items:center;gap:var(--space-3)}.agent-status-select{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.agent-status-select:hover{border-color:var(--border-strong)}.agent-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.agent-role-badge{font-size:var(--font-size-xs);color:var(--text-tertiary)}.break-control{display:flex;align-items:center;gap:var(--space-2)}.break-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid var(--border-default);cursor:pointer}.break-btn-start{background:var(--color-warning-light);color:var(--color-warning);border-color:transparent}.break-btn-start:hover{background:#f59e0b40}.break-btn-end{background:var(--color-success-light);color:var(--color-success);border-color:transparent;animation:pulseGlow 2s ease-in-out infinite}.break-btn-end:hover{background:#22c55e40}.break-btn:disabled{opacity:.5;cursor:not-allowed;animation:none}.break-timer{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--bg-surface-raised)}.break-timer.is-on-break{color:var(--color-warning);background:var(--color-warning-light)}.break-timer.is-low{color:var(--color-danger);background:var(--color-danger-light);animation:pulse 1.5s ease-in-out infinite}.break-timer-bar{width:60px;height:4px;background:var(--bg-surface-overlay);border-radius:var(--radius-full);overflow:hidden}.break-timer-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-normal)}.agent-empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-tertiary);padding:var(--space-8);text-align:center}.agent-empty-chat svg{opacity:.2}.agent-empty-chat h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.agent-empty-chat p{font-size:var(--font-size-base);max-width:360px}@media(max-width:768px){.agent-layout{flex-direction:column}.agent-sidebar{width:100%;min-width:100%;max-height:45vh;border-right:none;border-bottom:1px solid var(--border-subtle)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;z-index:0}.login-page:before{width:500px;height:500px;background:var(--color-primary);top:-150px;right:-100px;animation:float 8s ease-in-out infinite alternate}.login-page:after{width:400px;height:400px;background:var(--color-info);bottom:-100px;left:-100px;animation:float 10s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,-40px)}}.login-container{position:relative;z-index:1;width:100%;max-width:420px;padding:var(--space-4)}.login-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-8);animation:fadeInUp var(--transition-slow) ease-out}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8)}.login-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-info));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.login-logo h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-form .form-group input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);outline:none}.login-form .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-form .form-group input::placeholder{color:var(--text-tertiary)}.login-btn{width:100%;padding:var(--space-3);background:linear-gradient(135deg,var(--color-primary),#4f46e5);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.login-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.dev-separator{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--text-tertiary);font-size:var(--font-size-sm)}.dev-separator:before,.dev-separator:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.dev-role-selector{display:flex;flex-direction:column;gap:var(--space-2)}.dev-role-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-size:var(--font-size-base)}.dev-role-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.dev-role-btn .role-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dev-role-btn .role-icon.owner{background:var(--color-warning-light);color:var(--color-warning)}.dev-role-btn .role-icon.admin{background:var(--color-info-light);color:var(--color-info)}.dev-role-btn .role-icon.agent{background:var(--color-success-light);color:var(--color-success)}.dev-role-btn .role-info{display:flex;flex-direction:column;gap:2px}.dev-role-btn .role-info .role-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.dev-role-btn .role-info .role-desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.dev-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--color-warning-light);color:var(--color-warning);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-overlay);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-raised);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn-icon-sm{padding:var(--space-1)}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--text-tertiary)}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.textarea{resize:vertical;min-height:80px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1b5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.card-hover:hover{background:var(--bg-surface-raised);border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-active{background:var(--color-primary-light);border-color:var(--color-primary)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:var(--line-height-tight);text-transform:uppercase;letter-spacing:.03em}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-hover)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-whatsapp{background:#25d36626;color:var(--color-whatsapp)}.badge-telegram{background:#0088cc26;color:var(--color-telegram)}.badge-webchat{background:var(--color-primary-light);color:var(--color-webchat)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar-md{width:36px;height:36px;font-size:var(--font-size-sm)}.avatar-lg{width:44px;height:44px;font-size:var(--font-size-base)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot-online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot-offline{background:var(--text-tertiary)}.status-dot-busy{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.status-dot-lg{width:10px;height:10px}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--text-primary);background:var(--bg-surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:50}.divider{height:1px;background:var(--border-subtle);margin:var(--space-3) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--text-tertiary);text-align:center}.empty-state svg{opacity:.3}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn var(--transition-fast) ease-out}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:520px;max-height:85vh;overflow-y:auto;animation:fadeInUp var(--transition-normal) ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle)}.table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-surface-raised);border-bottom:1px solid var(--border-default)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-surface-raised)}.tabs{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.tab:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.tab-active{color:var(--text-primary);background:var(--bg-surface-raised);box-shadow:var(--shadow-sm)}.toggle{position:relative;width:40px;height:22px;background:var(--bg-surface-overlay);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.toggle-active{background:var(--color-primary);border-color:var(--color-primary)}.toggle-active:after{left:20px;background:#fff}.metrics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.metrics-kpi-card{display:flex;align-items:center;gap:var(--space-4);animation-fill-mode:both}.metrics-kpi-icon{padding:var(--space-4);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metrics-kpi-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.metrics-kpi-value{font-size:26px;font-weight:700;line-height:1;color:var(--text-primary)}.metrics-charts-row{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media(max-width:900px){.metrics-charts-row{grid-template-columns:1fr}}.donut-chart-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.donut-chart-svg-wrap{width:200px;height:200px}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-chart-legend{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.donut-legend-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.donut-legend-item:hover{background:var(--bg-surface-raised)}.donut-legend-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.donut-legend-label{font-size:var(--font-size-sm);color:var(--text-secondary);flex:1}.donut-legend-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.donut-legend-pct{font-size:var(--font-size-xs);color:var(--text-tertiary);min-width:42px;text-align:right}.agent-rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;background:var(--bg-surface-raised);color:var(--text-secondary)}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a24}.rank-2{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.upgrade-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px dashed var(--color-primary);border-radius:var(--radius-xl)}.upgrade-banner-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--color-primary-light);color:var(--color-primary)}.upgrade-banner h2{font-size:var(--font-size-xl);font-weight:700}.upgrade-banner p{color:var(--text-secondary);max-width:420px;line-height:var(--line-height-normal)}.metrics-live-badge{display:flex;align-items:center;gap:var(--space-2);background:var(--color-success-light);color:var(--color-success);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.metrics-stale-banner{display:flex;align-items:center;gap:var(--space-2);background:var(--color-warning-light);color:var(--color-warning);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.metrics-skeleton{display:flex;flex-direction:column;gap:var(--space-8)}.skeleton-circle{width:48px;height:48px;border-radius:14px;background:var(--bg-surface-overlay);flex-shrink:0}.skeleton-circle-lg{width:160px;height:160px;border-radius:var(--radius-full);background:var(--bg-surface-overlay);margin:var(--space-4) auto}.skeleton-lines{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.skeleton-line{height:14px;border-radius:var(--radius-sm);background:var(--bg-surface-overlay);width:100%}.skeleton-line-sm{width:60%;height:10px}.skeleton-line-lg{width:40%;height:24px}@media(max-width:768px){:root{--sidebar-width: 100%;--inbox-width: 100%;--header-height: 48px}}@media print{.hide-on-print,.admin-sidebar,nav,header,.toast-container,button,.inbox-search-input{display:none!important}body{background:#fff;color:#000}.admin-layout{display:block!important;padding:0!important;margin:0!important}.admin-main{padding:0!important;width:100%!important;max-width:100%!important;margin:0!important}.card{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;margin-bottom:20px!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.metrics-charts-row{display:block!important}.metrics-kpi-grid{gap:10px!important}.admin-page-header{margin-bottom:30px!important;padding-bottom:10px!important;border-bottom:2px solid #eee}h1,h2,h3{color:#000!important}}