:root{--primary: #ef4444;--primary-dark: #dc2626;--primary-light: #fef2f2;--success: #44ce4b;--warning: #ffb300;--danger: #f44336;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--border-light: #f3f4f6;--sidebar-bg: #1f2937;--sidebar-text: #d1d5db;--sidebar-active: #374151;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-secondary)}#root{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-container{padding:32px 40px;min-height:100%;width:100%}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;transition:var(--transition)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.badge-success{background-color:#44ce4b1a;color:var(--success)}.badge-warning{background-color:#ffb3001a;color:var(--warning)}.badge-danger{background-color:#f443361a;color:var(--danger)}.text-sm{font-size:.875rem}.text-muted{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;border-left:4px solid #6b7280;animation:toast-enter .3s ease-out;pointer-events:all;min-width:320px;max-width:400px}.toast-item.toast-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.toast-item.toast-clickable:hover{transform:translate(-4px);box-shadow:0 12px 48px #0003,0 6px 16px #0000001f}.toast-item.toast-exit{animation:toast-exit .3s ease-in forwards}.toast-item.toast-success{border-left-color:#10b981}.toast-item.toast-success .toast-icon{color:#10b981;background:#ecfdf5}.toast-item.toast-error{border-left-color:#ef4444}.toast-item.toast-error .toast-icon{color:#ef4444;background:#fef2f2}.toast-item.toast-info{border-left-color:#3b82f6}.toast-item.toast-info .toast-icon{color:#3b82f6;background:#eff6ff}.toast-item.toast-assignment{border-left-color:#f97316;background:linear-gradient(135deg,#fff7ed,#fff)}.toast-item.toast-assignment .toast-icon{color:#f97316;background:#ffedd5}.toast-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px;line-height:1.3}.toast-message{font-size:13px;color:#6b7280;line-height:1.4;word-break:break-word}.toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s;flex-shrink:0;margin:-4px -4px -4px 0}.toast-close:hover{background:#f3f4f6;color:#374151}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:480px){.toast-container{left:16px;right:16px;bottom:16px}.toast-item{min-width:auto;max-width:none}}.sidebar{width:260px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;z-index:50}.sidebar-top{position:relative;height:64px;display:flex;align-items:center;justify-content:center;padding:0 16px;border-bottom:1px solid #e5e7eb}.sidebar-logo{display:flex;align-items:center;justify-content:center}.sidebar-logo .logo-image{height:28px;width:auto;object-fit:contain}.business-selector{display:flex;align-items:center;gap:12px;cursor:default;padding:4px}.business-avatar-box{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative;flex-shrink:0}.business-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.business-name{font-size:14px;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{color:#6b7280;flex-shrink:0}.sidebar-nav-item .nav-icon{color:#4b5563;stroke-width:2px}.sidebar-nav-item.active:hover{background-color:#fee2e2}.logout-button .nav-icon{color:#ef4444}.dropdown-item.system{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;margin-bottom:8px}.dropdown-item.system .item-avatar{background:#0f172a;border-color:#475569;color:#fff}.dropdown-item.system .item-name{color:#fff}.workspace-group-dropdown{margin-bottom:2px}.dropdown-item .item-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dropdown-item .item-badge{font-size:10px;background:#fee2e2;color:#dc2626;padding:2px 6px;border-radius:10px;font-weight:500;flex-shrink:0}.sub-workspace-dropdown-list{padding-left:12px;border-left:2px solid #f3f4f6;margin-left:20px;margin-bottom:4px}.dropdown-item.sub-item{padding:8px 10px;font-size:13px}.dropdown-item.sub-item .sub-arrow{color:#9ca3af;font-size:12px;margin-right:4px}.dropdown-item.sub-item .item-avatar.small{width:24px;height:24px;font-size:10px}.dropdown-item.sub-item:hover{background:#fef2f2}.dropdown-item.sub-item.active{background:#fee2e2;border-left:2px solid #ef4444;margin-left:-2px;padding-left:12px}.nav-category{margin-bottom:4px}.nav-category-header{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;text-align:left}.nav-category-header:hover{background-color:#f9fafb;color:#111827}.nav-category-header .nav-icon{color:#4b5563;stroke-width:2px}.category-arrow{margin-left:auto;color:#9ca3af;transition:transform .2s ease}.category-arrow.open{transform:rotate(180deg)}.nav-submenu{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-left:12px;animation:submenuSlide .2s ease-out}@keyframes submenuSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.submenu-item{padding:8px 12px;font-size:13px}.submenu-item .nav-icon{width:18px;height:18px}.unread-badge-sidebar{margin-left:auto;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.header{height:64px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);min-width:300px}.search-box svg{color:var(--text-light)}.search-box input{border:none;background:none;outline:none;flex:1;font-size:.875rem;color:var(--text-primary)}.search-box input::placeholder{color:var(--text-light)}.notification-btn{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition);display:flex;align-items:center;justify-content:center}.notification-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.notification-badge{position:absolute;top:4px;right:4px;background-color:var(--danger);color:#fff;font-size:.625rem;font-weight:600;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.new-conversation-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.new-conversation-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.new-conversation-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:16px;width:480px;max-width:calc(100vw - 40px);max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;position:relative}.modal-header .modal-close-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.form-group label{display:flex;align-items:baseline;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group label svg{color:#6b7280;flex-shrink:0;width:18px;height:18px;margin-right:10px;position:relative;top:4px}.form-group label .required{color:#ef4444}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-hint{font-size:12px;color:#6b7280;margin-bottom:20px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-submit{padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.notification-banner{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:9999;animation:slideIn .4s cubic-bezier(.16,1,.3,1);max-width:420px}.notification-banner.success{background:linear-gradient(135deg,#059669,#10b981)}.notification-banner.success .success-icon{background:#fff3}.notification-banner.success .success-icon svg{animation:none}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-banner-content{display:flex;align-items:center;gap:14px}.notification-banner-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;color:#fff;flex-shrink:0}.notification-banner-icon svg{animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0)}}.notification-banner-text{display:flex;flex-direction:column;gap:2px}.notification-banner-text strong{color:#fff;font-size:.9375rem;font-weight:600}.notification-banner-text span{color:#94a3b8;font-size:.8125rem}.notification-banner-actions{display:flex;align-items:center;gap:8px}.notification-enable-btn{padding:10px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notification-enable-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.notification-enable-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.notification-dismiss-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.notification-dismiss-btn:hover{background:#fff3;color:#fff}@media(max-width:480px){.notification-banner{bottom:16px;right:16px;left:16px;max-width:none;flex-direction:column;gap:12px}.notification-banner-actions{width:100%}.notification-enable-btn{flex:1}}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.content{flex:1;padding:0;background-color:var(--bg-secondary);position:relative;overflow-y:auto;display:flex;flex-direction:column}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);padding:var(--spacing-lg)}.login-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--spacing-md)}.login-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-header p{color:var(--text-secondary);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.error-message{padding:var(--spacing-sm) var(--spacing-md);background-color:#f443361a;color:var(--danger);border-radius:var(--radius-md);font-size:.875rem}.btn-block{width:100%;justify-content:center;padding:var(--spacing-md);font-size:.9375rem}.divider{position:relative;text-align:center;margin:var(--spacing-sm) 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.divider span{position:relative;background:#fff;padding:0 var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.btn-facebook{background-color:#1877f2;color:#fff;gap:var(--spacing-sm)}.btn-facebook:hover{background-color:#166fe5}.toggle-form{text-align:center;font-size:.875rem;color:var(--text-secondary)}.link-btn{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer;padding:0;text-decoration:none}.link-btn:hover{text-decoration:underline}.transfer-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.transfer-modal{background:#fff;border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transfer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.transfer-modal-title{display:flex;align-items:center;gap:12px}.transfer-modal-title svg{color:#3b82f6}.transfer-modal-title h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.transfer-modal-header .close-btn{width:36px;height:36px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.transfer-modal-header .close-btn:hover{background:#e2e8f0;color:#1e293b}.transfer-info{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#eff6ff;color:#3b82f6;font-size:13px}.transfer-modal form{padding:24px}.transfer-type-tabs{display:flex;gap:8px;margin-bottom:20px}.transfer-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.transfer-type-tab:hover{border-color:#cbd5e1;background:#f8fafc}.transfer-type-tab.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.transfer-modal .form-group{margin-bottom:20px}.transfer-modal .form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:10px}.user-list,.team-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.user-option,.team-option{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.user-option:hover,.team-option:hover{border-color:#cbd5e1;background:#f8fafc}.user-option.selected,.team-option.selected{border-color:#3b82f6;background:#eff6ff}.user-option input,.team-option input{display:none}.user-avatar,.team-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.team-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.user-info,.team-info{display:flex;flex-direction:column;gap:2px}.user-name,.team-name{font-size:14px;font-weight:600;color:#1e293b}.user-role,.team-members{font-size:12px;color:#64748b}.no-teams{color:#94a3b8;font-size:14px;text-align:center;padding:20px;background:#f8fafc;border-radius:10px}.transfer-note-input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;resize:vertical;transition:border-color .2s;font-family:inherit}.transfer-note-input:focus{outline:none;border-color:#3b82f6}.transfer-note-input::placeholder{color:#94a3b8}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-cancel{flex:1;padding:12px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:#cbd5e1;background:#f8fafc}.btn-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-sidebar{width:100%;height:100%;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;z-index:10}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.profile-header-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:20px;margin-bottom:24px}.profile-image-container{position:relative;width:64px;height:64px;min-width:64px;min-height:64px;margin-bottom:10px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:#f3f4f6;border-radius:50%}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #0000001a}.status-indicator{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background-color:#22c55e;border:2px solid #fff;border-radius:50%}.profile-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 2px}.profile-email{font-size:.8rem;color:#6b7280;margin:0;word-break:break-all}.customer-status-wrapper{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease;cursor:pointer;position:relative}.customer-status-wrapper:hover{border-color:#cbd5e1;background:#f8fafc}.customer-status-wrapper .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.customer-status-wrapper .select-arrow{color:#64748b;flex-shrink:0;margin-left:auto;pointer-events:none}.customer-status-select{border:none;background:transparent;padding:0;font-size:13px;font-weight:500;color:#475569;cursor:pointer;outline:none;flex:1;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:120px}.customer-status-select option{background:#fff;color:#1e293b;padding:8px}.divider{height:1px;background-color:#f3f4f6;margin:24px 0}.section-container{margin-bottom:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3,.section-title{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;margin:0}.link-btn{background:transparent;border:none;color:#ef4444;font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;background-color:#fef2f2}.meta-list{display:flex;flex-direction:column;gap:16px}.meta-item{display:flex;align-items:flex-start;gap:12px;min-height:38px}.meta-icon{width:32px;height:32px;background-color:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.meta-content{display:flex;flex-direction:column;justify-content:center}.meta-label{font-size:.75rem;color:#9ca3af;margin-bottom:2px}.meta-value,.meta-input{font-size:.95rem;font-weight:600;color:#111827;min-height:1.2em}.meta-input{border:1px solid transparent;background:transparent;padding:0;width:100%;outline:none;transition:all .2s;border-radius:4px}.meta-input:hover,.meta-input:focus{background-color:#fff;border-color:#e5e7eb;padding:2px 8px;margin-left:-8px;width:calc(100% + 16px)}.meta-input.highlight{color:#ef4444}.meta-input.highlight:focus{border-color:#fecaca}.profile-link-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);color:#1877f2;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;border:1px solid #dbeafe}.profile-link-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:translateY(-1px);box-shadow:0 2px 8px #1877f226}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;cursor:default;transition:border-color .2s}.tag-chip:hover{border-color:#d1d5db}.remove-tag-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;border-radius:4px;margin-left:2px}.remove-tag-btn:hover{color:#ef4444;background-color:#fee2e2}.add-tag-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px dashed #d1d5db;border-radius:6px;font-size:.875rem;color:#6b7280;background:transparent;cursor:pointer}.add-tag-btn:hover{border-color:#9ca3af;color:#4b5563}.add-tag-input-container input{padding:6px 12px;border:1px solid #ef4444;border-radius:6px;font-size:.875rem;outline:none;width:100px}.crm-action-container{margin-top:12px}.crm-btn{width:100%;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;color:#111827;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .2s}.crm-btn:hover{background-color:#f3f4f6}.loading-state,.error-state{text-align:center;padding:40px 0;color:#6b7280}.spin{animation:spin 1s linear infinite;margin-bottom:12px;color:#ef4444}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-assign-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;background-color:#f9fafb;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;margin-top:4px}.sidebar-assign-select:hover{border-color:#d1d5db;background-color:#fff;box-shadow:0 1px 2px #0000000d}.sidebar-assign-select:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.assignee-display{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#f3f4f6;border-radius:8px;font-size:14px;color:#4b5563}.assignee-display svg{color:#9ca3af}.sidebar-tabs{display:flex;padding:0 16px;border-bottom:1px solid #e2e8f0;margin-top:56px;background:#fff}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:none;font-weight:600;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-size:.9px}.tab-btn:hover{color:#1e293b;background:#f8fafc}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.sidebar-content.no-padding{padding:0}.conversation-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.assignment-container{width:100%}.sidebar-assign-select{width:100%;padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.sidebar-transfer-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.sidebar-transfer-btn:hover{background-color:#f9fafb;border-color:#d1d5db;color:#111827}.sidebar-transfer-btn svg{color:#9ca3af}.assignee-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f3f4f6;border-radius:6px;color:#4b5563;font-size:14px}.ai-summary-section{background:linear-gradient(135deg,#fff5f5,#fff1f2);border-radius:12px;padding:16px;margin-top:8px;border:1px solid #fecaca}.ai-summary-section .section-header{margin-bottom:12px}.ai-summary-section h3{color:#991b1b!important}.ai-action-btn{display:flex;align-items:center;gap:6px;background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #ef44444d}.ai-action-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 8px -1px #ef444466}.ai-action-btn:active{transform:translateY(0)}.ai-action-btn.glass{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);box-shadow:none}.ai-action-btn.glass:hover{background:#ef444426}.ai-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.summary-content-wrapper{background:#fff9;border-radius:8px;padding:12px;min-height:60px}.summary-text-card p{font-size:.875rem;line-height:1.6;color:#4b5563;margin-bottom:8px}.summary-text-card p:last-child{margin-bottom:0}.summary-placeholder{font-size:.8125rem;color:#9ca3af;line-height:1.5;margin:0;font-style:italic}.summarizing-loader{display:flex;align-items:center;justify-content:center;gap:8px;color:#ef4444;font-size:.8125rem;height:40px}.block-section{margin-top:8px}.block-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.block-btn:hover{background:#fee2e2;border-color:#fca5a5}.blocked-status{display:flex;flex-direction:column;gap:12px}.blocked-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500}.unblock-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.unblock-btn:hover{background:#d1fae5;border-color:#6ee7b7}.unblock-btn:disabled{opacity:.6;cursor:not-allowed}.block-confirm{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:14px}.block-confirm-text{font-size:.8125rem;color:#92400e;line-height:1.5;margin:0 0 12px}.block-confirm-actions{display:flex;gap:8px}.confirm-block-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#dc2626;border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s}.confirm-block-btn:hover{background:#b91c1c}.confirm-block-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-block-btn{flex:1;padding:10px 14px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#4b5563;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-block-btn:hover{background:#f9fafb;border-color:#9ca3af}.cancel-block-btn:disabled{opacity:.6;cursor:not-allowed}.inbox-page{display:flex;height:100%;background:#f8fafc;overflow:hidden}.inbox-list-panel{width:340px;min-width:340px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.inbox-header{padding:16px;border-bottom:1px solid #e2e8f0;background:#fff}.inbox-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.inbox-header-top h2{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b;margin:0}.inbox-header-actions{display:flex;align-items:center;gap:4px}.inbox-refresh-btn,.inbox-mark-read-btn{background:none;border:none;padding:8px;cursor:pointer;color:#64748b;border-radius:8px;transition:all .2s}.inbox-refresh-btn:hover,.inbox-mark-read-btn:hover{background:#fef2f2;color:#ef4444}.inbox-refresh-btn:disabled,.inbox-mark-read-btn:disabled{opacity:.5;cursor:not-allowed}.inbox-mark-read-btn:hover:not(:disabled){background:#dcfce7;color:#16a34a}.inbox-filter-dropdown{position:relative;display:flex;align-items:center;margin-bottom:12px}.filter-dropdown-icon{position:absolute;left:12px;color:#64748b;pointer-events:none;z-index:1}.filter-dropdown-chevron{position:absolute;right:12px;color:#64748b;pointer-events:none}.filter-select{width:100%;padding:10px 36px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:14px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .2s}.filter-select:hover{border-color:#cbd5e1;background:#f8fafc}.filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.inbox-filter-multiselect{position:relative;margin-bottom:16px}.filter-multiselect-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px}.filter-multiselect-trigger:hover{border-color:var(--primary);background:#ef44440d}.filter-multiselect-trigger .chevron{margin-left:auto;transition:transform .2s ease;color:var(--text-secondary)}.filter-multiselect-trigger .chevron.open{transform:rotate(180deg)}.filter-multiselect-trigger.has-resolved{background:#10b98114;border-color:#10b981}.filter-multiselect-trigger.has-resolved:hover{background:#10b98126}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 40px #00000026;z-index:100;padding:8px 0;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease;color:var(--text-primary);font-size:14px}.filter-option:hover{background:#ef444414}.filter-option input[type=checkbox]{width:18px;height:18px;accent-color:#ef4444;cursor:pointer;border-radius:4px}.filter-option svg{flex-shrink:0}.filter-option .icon-whatsapp{color:#25d366}.filter-option .icon-facebook{color:#1877f2}.filter-option .icon-email{color:#ea4335}.filter-option .icon-instagram{color:#e4405f}.filter-option .icon-widget{color:#10b981}.filter-option .icon-leads{color:#8b5cf6}.filter-option .icon-resolved{color:#10b981}.filter-option span{flex:1}.filter-divider{height:1px;background:var(--border-color);margin:8px 0}.filter-section-title{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:6px 16px 4px;margin-top:4px}.filter-option.resolved-toggle{background:#10b9810d;border-radius:8px;margin:4px 8px;padding:10px 12px}.filter-option.resolved-toggle:hover{background:#10b9811f}.show-resolved-btn{margin-top:12px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.show-resolved-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-clear-btn{display:block;width:calc(100% - 16px);margin:8px;padding:8px 12px;background:transparent;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}.inbox-search{position:relative;margin-bottom:12px}.inbox-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.inbox-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#f8fafc;transition:all .2s}.inbox-search input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.inbox-channel-filters{display:flex;gap:6px;margin-bottom:12px}.channel-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;border-radius:6px;cursor:pointer;transition:all .2s}.channel-btn:hover{background:#f8fafc}.channel-btn.active{border-color:#ef4444;background:#fef2f2;color:#ef4444}.channel-btn.whatsapp.active{border-color:#25d366;background:#ecfdf5;color:#25d366}.channel-btn.facebook.active{border-color:#1877f2;background:#eff6ff;color:#1877f2}.channel-btn.instagram.active{border-color:#e4405f;background:#fef2f2;color:#e4405f}.channel-btn.widget.active{border-color:#6366f1;background:#eef2ff;color:#6366f1}.inbox-assignment-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.assignment-tab{flex:1;padding:6px 12px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.assignment-tab:hover{color:#334155}.assignment-tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.inbox-items{flex:1;overflow-y:auto;padding:8px}.inbox-loading,.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#94a3b8;gap:12px}.load-more-btn{width:100%;padding:12px 16px;margin-top:8px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#e2e8f0;color:#475569;border-color:#94a3b8}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.inbox-item{display:flex;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:4px}.inbox-item:hover{background:#f8fafc}.inbox-item.active{background:#fef2f2;border:1px solid #fecaca}.inbox-item.unread{background:#fefce8}.inbox-item.unread:hover{background:#fef9c3}.inbox-item-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;overflow:hidden}.inbox-item-avatar .post-thumb{width:100%;height:100%;object-fit:cover}.inbox-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.inbox-item-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.inbox-item-name{display:flex;align-items:center;gap:6px;font-weight:500;color:#1e293b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type-icon{flex-shrink:0}.item-type-icon.lead{color:#10b981}.item-type-icon.email{color:#ef4444}.item-type-icon.comment{color:#f59e0b}.item-type-icon.instagram{color:#e4405f}.item-type-icon.whatsapp{color:#25d366}.item-type-icon.facebook{color:#1877f2}.item-type-icon.widget{color:#8b5cf6}.inbox-item-time{font-size:11px;color:#94a3b8;white-space:nowrap}.inbox-item-preview{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-footer{display:flex;align-items:center;gap:8px;margin-top:2px}.lead-channel-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-transform:uppercase;letter-spacing:.5px}.unread-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.assignee-badge{width:22px;height:22px;border-radius:50%;background:#fef2f2;color:#ef4444;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;border:1px solid #fecaca}.inbox-detail-panel{flex:1;background:#fff;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e2e8f0}.inbox-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:12px}.inbox-detail-empty h3{color:#64748b;margin:0}.inbox-detail-empty p{margin:0;font-size:13px}.detail-header{display:flex;flex-direction:column;gap:0;padding:0;border-bottom:1px solid #e2e8f0;background:#fff;position:relative}.profile-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9}.profile-bar-left{display:flex;align-items:center;gap:12px}.profile-info h3{font-size:15px;font-weight:600;color:#1e293b;margin:0}.profile-bar-actions{display:flex;align-items:center;gap:8px}.profile-action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid}.profile-action-btn.transfer{background:#eff6ff;border-color:#dbeafe;color:#3b82f6}.profile-action-btn.transfer:hover{background:#dbeafe;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.profile-action-btn.transfer span{display:none}@media(min-width:1200px){.profile-action-btn.transfer span{display:inline}}.profile-action-btn.delete{background:#fef2f2;border-color:#fee2e2;color:#ef4444;padding:8px}.profile-action-btn.delete:hover{background:#fee2e2;border-color:#fecaca;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.assignment-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.assignment-items{display:flex;align-items:center;gap:10px}.assignment-item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:all .2s ease}.assignment-item:hover{border-color:#cbd5e1;background:#f8fafc}.assignment-item svg{color:#64748b;flex-shrink:0}.assignment-item select{border:none;background:transparent;font-size:13px;font-weight:500;color:#475569;cursor:pointer;outline:none;min-width:80px}.assignment-item.status-item .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.take-over-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 6px #3b82f64d;-webkit-user-select:none;user-select:none}.take-over-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.03);box-shadow:0 3px 8px #3b82f666}.take-over-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.take-over-btn svg{flex-shrink:0}.bot-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;-webkit-user-select:none;user-select:none}.bot-toggle-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;box-shadow:0 2px 4px #10b98133}.bot-toggle-btn.inactive{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.bot-toggle-btn:hover{transform:scale(1.02)}.bot-toggle-btn.active:hover{background:linear-gradient(135deg,#059669,#047857)}.bot-toggle-btn.inactive:hover{background:#e5e7eb;color:#374151}.bot-toggle-btn svg.spin{animation:spin 1s linear infinite}.conversation-status-badge{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.conversation-status-badge:hover{border-color:#cbd5e1;background:#f8fafc}.conversation-status-badge:focus{outline:none;border-color:#94a3b8}.detail-header-actions{display:flex;align-items:center;gap:8px}.view-post-link-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ef4444;color:#fff;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.view-post-link-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.view-post-link-btn svg{flex-shrink:0}.detail-contact-info{display:flex;align-items:center;gap:12px}.detail-avatar{width:44px;height:44px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;overflow:hidden}.detail-avatar.lead-avatar{background:#ecfdf5;color:#10b981}.detail-avatar img{width:100%;height:100%;object-fit:cover}.post-image-preview{width:60px;height:60px;border-radius:8px;object-fit:cover}.detail-contact-info h3{margin:0;font-size:15px;font-weight:600;color:#1e293b}.detail-channel-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-top:2px}.page-source{color:#3b82f6;font-weight:500}.lead-date{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.comment-count{font-size:12px;color:#64748b}.detail-header.comment-header{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px}.detail-actions{display:flex;align-items:center;gap:8px}.assign-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#64748b;background:#fff;cursor:pointer;min-width:120px;max-width:140px;text-overflow:ellipsis;white-space:nowrap}.assign-select:focus{outline:none;border-color:#ef4444}.assign-select.person{background:#f0fdf4;border-color:#86efac;color:#166534}.assign-select.person:not(:has(option:checked[value=""])){background:#dcfce7}.assign-select.team{background:#fef3c7;border-color:#fcd34d;color:#92400e}.assign-select.team:not(:has(option:checked[value=""])){background:#fde68a}.assign-select.bot{background:#f3e8ff;border-color:#d8b4fe;color:#7e22ce}.assign-select.bot:not(:has(option:checked[value=""])){background:#e9d5ff}.status-select{padding:6px 12px;border:2px solid;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;min-width:110px;transition:all .2s ease}.status-select:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.status-select:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lead-status-select{padding:6px 12px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.delete-btn{padding:8px 12px;border:1px solid #fecaca;background:#fef2f2;color:#ef4444;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.messages-container,.comments-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:#f8fafc}.transfer-history{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #e2e8f0}.transfer-event{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;font-size:12px;color:#3b82f6}.transfer-event svg{flex-shrink:0}.transfer-event strong{font-weight:600;color:#1e40af}.transfer-event em{color:#64748b;font-style:italic}.transfer-event .transfer-time{margin-left:auto;color:#94a3b8;font-size:11px}.message{max-width:70%;display:flex}.message.internal-note{align-self:flex-end;max-width:70%}.message-content{padding:12px 16px;border-radius:16px;position:relative}.message.incoming .message-content{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.message.outgoing .message-content{background:#ef4444;color:#fff;border-bottom-right-radius:4px}.message.internal-note .message-content{background:#fef3c7;border:1px dashed #fbbf24;border-radius:8px}.message-content p{margin:0;font-size:14px;line-height:1.5;word-break:break-word}.email-html-content{font-size:14px;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.email-html-content p{margin:0 0 10px}.email-html-content p:last-child{margin-bottom:0}.email-html-content a{color:#3b82f6;text-decoration:underline}.message.outgoing .email-html-content a{color:#93c5fd}.email-html-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.email-html-content ul,.email-html-content ol{margin:8px 0;padding-left:20px}.email-html-content li{margin:4px 0}.email-html-content blockquote{margin:10px 0;padding:10px 15px;border-left:3px solid #e2e8f0;background:#00000008;border-radius:4px}.message.outgoing .email-html-content blockquote{border-left-color:#ffffff4d;background:#ffffff1a}.email-html-content table{border-collapse:collapse;width:100%;margin:10px 0}.email-html-content td,.email-html-content th{border:1px solid #e2e8f0;padding:8px}.email-html-content h1,.email-html-content h2,.email-html-content h3,.email-html-content h4{margin:12px 0 8px;line-height:1.3}.email-html-content h1{font-size:1.5em}.email-html-content h2{font-size:1.3em}.email-html-content h3{font-size:1.15em}.email-html-content h4{font-size:1em}.email-html-content hr{border:none;border-top:1px solid #e2e8f0;margin:15px 0}.email-html-content pre,.email-html-content code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px}.email-html-content pre{padding:12px;overflow-x:auto}.message.lead-message{align-self:flex-start;max-width:400px}.message.lead-message .message-content{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #ef4444;border-radius:8px;padding:16px 20px}.message.lead-message .message-content p{white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.7;color:#374151;margin:0}.message.lead-message .message-meta{margin-top:12px;padding-top:10px;border-top:1px solid #e5e7eb}.message.lead-message .message-time{color:#9ca3af;font-size:11px}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:6px}.message-time{font-size:11px;opacity:.7}.message-status .status-sent{color:#ffffff80}.message-status .status-delivered{color:#ffffffd9}.message-status .status-read{color:#93c5fd}.message-status .status-failed{color:#fbbf24}.message-status svg{margin-left:4px}.note-footer{display:flex;align-items:center;gap:4px;font-size:10px;color:#92400e;margin-top:6px}.message-input-form{padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0}.message-input-container{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:12px 16px}.message-input-container textarea{width:100%;border:none;background:transparent;resize:none;font-size:14px;line-height:1.5;min-height:60px;max-height:120px;padding:0;color:#374151;font-family:inherit;outline:none}.message-input-container textarea::placeholder{color:#9ca3af}.input-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ai-suggest-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#7c3aed;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.ai-suggest-btn:hover{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed33}.ai-suggest-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-suggestions-panel{background:linear-gradient(135deg,#faf5ff,#fff);border:1px solid #e9d5ff;border-radius:12px;margin-bottom:12px;overflow:hidden;animation:slideDown .2s ease}.ai-suggestions-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;font-size:12px;font-weight:600}.ai-suggestions-header svg{flex-shrink:0}.ai-suggestions-header span{flex:1}.close-suggestions{background:#fff3;border:none;border-radius:4px;padding:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-suggestions:hover{background:#ffffff4d}.suggestions-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:#7c3aed;font-size:13px}.suggestions-list{display:flex;flex-direction:column;gap:2px;padding:8px}.suggestion-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;background:#fff;border:1px solid #f3e8ff;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.suggestion-item:hover{background:#faf5ff;border-color:#c4b5fd;transform:translate(4px)}.suggestion-tone{font-size:10px;font-weight:600;text-transform:uppercase;color:#7c3aed;background:#f3e8ff;padding:2px 8px;border-radius:4px}.suggestion-text{font-size:13px;color:#374151;line-height:1.5}.no-suggestions{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.note-toggle{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.note-toggle:hover{background:#f8fafc}.note-toggle.active{background:#fef3c7;border-color:#fbbf24;color:#92400e}.send-btn{width:38px;height:38px;min-width:38px;border:none;background:#ef4444;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.send-btn:hover{background:#dc2626}.send-btn.note-mode{background:#f59e0b}.send-btn.note-mode:hover{background:#d97706}.email-reply-form{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column}.email-reply-tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 16px}.email-tab{padding:12px 16px;border:none;background:none;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;position:relative;transition:all .2s}.email-tab:hover{color:#1e293b}.email-tab.active{color:#1e293b;font-weight:600}.email-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ef4444}.email-reply-fields{padding:12px 16px;border-bottom:1px solid #f1f5f9}.email-field-row{display:flex;align-items:center;gap:12px;padding:8px 0}.email-field-row:not(:last-child){border-bottom:1px solid #f1f5f9}.email-field-label{font-size:12px;font-weight:500;color:#94a3b8;min-width:30px;text-transform:uppercase}.email-field-value{font-size:13px;color:#1e293b;flex:1}.email-cc-input{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none;padding:0}.email-cc-input::placeholder{color:#94a3b8}.add-bcc-btn{border:none;background:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.add-bcc-btn:hover{background:#eff6ff}.email-reply-body{padding:16px;min-height:100px}.email-reply-body textarea{width:100%;border:none;background:transparent;resize:none;font-size:14px;line-height:1.6;min-height:80px;color:#374151;font-family:inherit;outline:none}.email-reply-body textarea::placeholder{color:#94a3b8}.email-reply-actions{display:flex;justify-content:flex-end;padding:12px 16px;border-top:1px solid #f1f5f9}.comment-bubble-wrapper{display:flex;gap:10px;padding:8px 0}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-content{flex:1}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author{font-weight:500;font-size:13px;color:#1e293b}.comment-date{font-size:11px;color:#94a3b8}.comment-bubble{background:#fff;padding:10px 14px;border-radius:12px;font-size:13px;color:#334155;border:1px solid #e2e8f0;display:inline-block}.comment-bubble-wrapper.reply{margin-left:42px;padding:6px 0}.comment-bubble-wrapper.reply .reply-avatar{width:24px;height:24px}.comment-bubble-wrapper.reply .reply-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.bot-badge{font-size:10px;margin-left:4px}.comment-input-area{padding:16px 20px;background:#fff;border-top:1px solid #e2e8f0}.comment-input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px}.comment-input-wrapper textarea{flex:1;border:none;background:transparent;resize:none;font-size:14px;max-height:80px;padding:4px 0}.comment-input-wrapper textarea:focus{outline:none}.comment-send-btn{width:36px;height:36px;border:none;background:#ef4444;color:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.comment-send-btn:hover{background:#dc2626}.comment-send-btn:disabled{background:#94a3b8;cursor:not-allowed}.lead-detail-content{flex:1;overflow-y:auto;padding:20px}.lead-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.lead-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.lead-fields{display:flex;flex-direction:column;gap:10px}.lead-field{display:flex;align-items:center;gap:10px;font-size:13px}.lead-field svg{color:#94a3b8;flex-shrink:0}.lead-field .field-label{color:#64748b;min-width:80px}.lead-field a{color:#ef4444;text-decoration:none}.lead-field a:hover{text-decoration:underline}.inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:12px}.inbox-contact-sidebar-wrapper{width:350px;min-width:350px;max-width:350px;flex-shrink:0;height:100%;overflow-y:auto;border-left:1px solid #e2e8f0;background:#fff}.inbox-contact-sidebar-wrapper .contact-sidebar{width:100%;min-height:100%;border-left:none}.template-dropdown{position:relative}.template-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.template-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.template-dropdown-menu{position:absolute;bottom:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:260px;max-height:300px;overflow-y:auto;z-index:100;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s;margin-bottom:8px}.template-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.template-dropdown-item{display:flex;flex-direction:column;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.template-dropdown-item:last-child{border-bottom:none}.template-dropdown-item:hover{background:#f8fafc}.template-item-name{font-size:.9rem;font-weight:500;color:#1e293b}.template-item-category{font-size:.75rem;color:#64748b;margin-top:4px}.template-dropdown-empty{padding:20px;text-align:center;color:#94a3b8;font-size:.85rem}.template-send-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.template-send-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.template-send-modal .modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#1e293b}.template-send-modal .modal-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:8px;transition:all .2s}.template-send-modal .modal-close:hover{background:#f1f5f9;color:#1e293b}.template-send-modal .modal-body{padding:24px}.template-send-modal .template-info{display:flex;align-items:center;gap:12px;margin-bottom:16px}.template-send-modal .template-name{font-size:1rem;font-weight:600;color:#1e293b}.template-send-modal .template-category{font-size:.75rem;padding:4px 10px;background:#f1f5f9;border-radius:6px;color:#64748b}.template-send-modal .template-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px;border-left:4px solid #ef4444}.template-send-modal .template-preview p{margin:0;font-size:.95rem;color:#374151;line-height:1.6;white-space:pre-wrap}.template-send-modal .recipient-info{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#374151;margin-bottom:20px}.template-send-modal .recipient-warning{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef2f2;border-radius:10px;color:#dc2626;margin-bottom:20px}.template-send-modal .template-variables{background:#f8fafc;border-radius:12px;padding:16px}.template-send-modal .template-variables h4{margin:0 0 12px;font-size:.9rem;color:#475569}.template-send-modal .variable-input{margin-bottom:12px}.template-send-modal .variable-input:last-child{margin-bottom:0}.template-send-modal .variable-input label{display:block;font-size:.8rem;color:#64748b;margin-bottom:6px}.template-send-modal .variable-input input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.template-send-modal .variable-input input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.template-send-modal .template-header-media{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px;margin-bottom:16px;border-left:4px solid #ef4444}.template-send-modal .template-header-media h4{margin:0 0 10px;font-size:.9rem;color:#991b1b;display:flex;align-items:center;gap:6px}.template-send-modal .template-header-media h4 .required{color:#dc2626}.template-send-modal .template-header-media input{width:100%;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;font-size:.9rem;background:#fff}.template-send-modal .template-header-media input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.template-send-modal .template-header-media .hint{margin:8px 0 0;font-size:.75rem;color:#991b1b}.template-send-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 20px 20px}.template-send-modal .btn-cancel{padding:10px 20px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.template-send-modal .btn-cancel:hover{background:#e2e8f0}.template-send-modal .btn-send-template{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.template-send-modal .btn-send-template:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.template-send-modal .btn-send-template:disabled{opacity:.6;cursor:not-allowed}.template-send-modal .btn-send-template .spinning{animation:spin 1s linear infinite}@media(max-width:1200px){.inbox-list-panel{width:300px;min-width:300px}.inbox-contact-sidebar-wrapper{width:300px;min-width:300px;max-width:300px}}@media(max-width:992px){.inbox-page{flex-direction:column}.inbox-list-panel{width:100%;min-width:auto;max-height:40vh}.inbox-detail-panel{flex:1;border-right:none}}.form-message-table{width:100%;max-width:400px}.form-message-header{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.form-data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.form-data-table tbody tr{border-bottom:1px solid #e2e8f0}.form-data-table tbody tr:last-child{border-bottom:none}.form-data-table td{padding:10px 14px;font-size:13px;vertical-align:top}.form-data-table .form-label{font-weight:500;color:#64748b;width:120px;white-space:nowrap;background:#f8fafc;border-right:1px solid #e2e8f0}.form-data-table .form-value{color:#1e293b;font-weight:400;word-break:break-word}.message.incoming .form-message-table{background:transparent}.message.incoming .form-message-header{color:#334155}.pending-transfers-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.pending-transfers-modal{background:#fff;border-radius:12px;width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000001a}.modal-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#1e293b;font-size:1.1rem}.transfers-list{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.transfer-item{border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;background:#f8fafc}.transfer-info{flex:1}.transfer-meta{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#64748b;margin-bottom:4px}.from-user{font-weight:600;color:#3b82f6}.to-me{font-weight:500;color:#10b981}.transfer-conversation{font-size:1rem;color:#1e293b;margin-bottom:6px}.transfer-note{background:#fffbeb;padding:8px;border-radius:6px;font-size:.9rem;color:#b45309;margin-bottom:6px;border-left:3px solid #f59e0b}.transfer-time{font-size:.8rem;color:#94a3b8}.transfer-actions{display:flex;gap:8px;margin-left:16px}.btn-accept,.btn-reject{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-accept{background:#dcfce7;color:#16a34a}.btn-accept:hover{background:#16a34a;color:#fff}.btn-reject{background:#fee2e2;color:#dc2626}.btn-reject:hover{background:#dc2626;color:#fff}.loading-text,.empty-text{text-align:center;color:#64748b;padding:2rem}.conversations-page{display:grid;grid-template-columns:340px 1fr 260px;height:100%;width:100%;background-color:#fff;overflow:hidden;min-height:0;min-width:0}.conversations-page>div{min-width:0;min-height:0;overflow:hidden}.conversations-list{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;height:100%}.conversations-header{padding:16px 16px 0;background:#fff;border-bottom:1px solid #e5e7eb}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.conversations-header h2{font-size:20px;font-weight:700;margin:0;color:#111827}.channel-filters{display:flex;gap:12px}.channel-filter-btn{background:none;border:1px solid #e5e7eb;border-radius:8px;padding:6px;color:#9ca3af;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.channel-filter-btn:hover{border-color:#d1d5db;color:#6b7280;transform:translateY(-1px)}.channel-filter-btn.whatsapp.active{background-color:#25d366;border-color:#25d366;color:#fff}.channel-filter-btn.whatsapp:hover:not(.active){color:#25d366;border-color:#25d366}.channel-filter-btn.email.active{background-color:#db4437;border-color:#db4437;color:#fff}.channel-filter-btn.email:hover:not(.active){color:#db4437;border-color:#db4437}.filter-icon{display:none;cursor:pointer;color:#6b7280}.search-row{display:flex;gap:8px;margin-bottom:12px;align-items:center}.search-bar{position:relative;flex:1}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.conversations-search-input{width:100%;padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;transition:all .2s ease}.conversations-search-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f6}.team-filter-select{padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;outline:none;transition:all .2s ease;min-width:120px}.team-filter-select:hover{border-color:#d1d5db}.team-filter-select:focus{border-color:#3b82f6;background-color:#fff}.conv-team-badge{background:#eff6ff;color:#3b82f6;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border:1px solid #dbeafe;white-space:nowrap}.conversations-search-input::placeholder{color:#9ca3af}.conversations-tabs{display:flex;gap:4px}.tab-btn{background:none;border:none;padding:8px 12px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;position:relative;white-space:nowrap;border-radius:6px;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{color:#ef4444;background:#fef2f2;font-weight:600;border-bottom:2px solid #ef4444;border-radius:6px 6px 0 0;margin-bottom:-1px}.conversations-items{flex:1;overflow-y:auto}.conversation-item{padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .1s;background-color:#fff;position:relative}.conversation-item:hover{background-color:#fafafa}.conversation-item.active{background-color:#fef2f2}.conversation-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#ef4444}.conversation-content-wrapper{display:flex;flex-direction:column;gap:4px}.conversation-header-row{display:flex;justify-content:space-between;align-items:center}.conversation-name{font-weight:700;font-size:14px;color:#111827}.conversation-name.active-text{color:#ef4444}.conversation-time{font-size:11px;color:#6b7280}.conversation-subject{font-size:13px;font-weight:600;color:#374151}.conversation-last-msg-row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.conversation-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.assignee-badge{width:20px;height:20px;border-radius:50%;background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-preview{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.conversation-footer{display:flex;justify-content:space-between;align-items:center}.source-badge{display:flex;align-items:center;gap:6px;background-color:#f3f4f6;padding:2px 8px;border-radius:12px;font-size:11px;color:#4b5563;border:1px solid #e5e7eb}.social-icon svg{display:block}.status-indicators{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background-color:#ef4444}.unread-badge{background-color:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.assigned-avatar-mini{width:16px;height:16px;border-radius:50%;background-color:#4b5563;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.active-chat{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#fff}.conversation-detail{display:flex;flex-direction:column;height:100%;min-height:0;background-color:#f9fafb}.conversation-detail-header{height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;flex-wrap:nowrap!important}.contact-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.contact-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-info h3{font-size:14px;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-muted{font-size:11px;color:#6b7280}.messages-container{flex:1;min-height:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.message{display:flex;max-width:65%;margin-bottom:4px}.message.incoming{align-self:flex-start}.message.outgoing{align-self:flex-end}.message-content{padding:12px 16px;position:relative;box-shadow:0 1px 2px #0000000d}.message.incoming .message-content{background-color:#fff;color:#1f2937;border-radius:0 12px 12px;border:1px solid #e5e7eb}.message.outgoing .message-content{background-color:#ef4444;color:#fff;border-radius:12px 0 12px 12px}.message p{margin:0;font-size:14px;line-height:1.5}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.message-time{font-size:10px}.message.outgoing .message-time{color:#ffffffe6}.message.incoming .message-time{color:#9ca3af}.message-status{display:flex;align-items:center}.message-status .status-sent{color:#ffffffb3}.message-status .status-delivered{color:#ffffffe6}.message-status .status-read{color:#60a5fa}.message-input-wrapper{background-color:#fff;padding:24px;border-top:1px solid #e5e7eb}.message-input-container{border:1px solid #d1d5db;border-radius:12px;background-color:#fff;padding:12px;display:flex;flex-direction:column;gap:12px}.message-textarea{width:100%;border:none;resize:none;outline:none;font-size:14px;min-height:60px;font-family:inherit;color:#374151}.message-textarea::placeholder{color:#9ca3af}.input-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.ai-assistant-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f3e8ff;color:#7e22ce;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.message-input-wrapper .send-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;background-color:#ef4444;color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.message-input-wrapper .send-btn:hover{background-color:#dc2626}.message-input-wrapper .send-btn svg{width:18px!important;height:18px!important;min-width:18px;min-height:18px;color:#fff!important;stroke:#fff!important;display:block!important;visibility:visible!important;opacity:1!important}.input-footer-icons{display:flex;gap:16px;margin-top:12px;padding-left:12px}.icon-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:0}.icon-btn:hover{color:#6b7280}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px}.btn-delete-conv{background:none;border:none;border-radius:6px;padding:8px;margin:0;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;line-height:normal}.btn-delete-conv:hover{color:#ef4444;background-color:#fef2f2}.btn-delete-conv svg{display:block}.conv-header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;flex-shrink:0!important;min-width:fit-content}.assign-selector-wrapper{display:flex;align-items:center;gap:6px;background-color:#f3f4f6;padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease;min-width:120px}.assign-selector-wrapper:hover{border-color:#d1d5db;background-color:#fff}.assign-icon{color:#6b7280}.header-assign-select{border:none;background:transparent;font-size:13px;font-weight:600;color:#374151;cursor:pointer;outline:none;padding-right:4px}.pending-transfers-badge-btn{display:flex;align-items:center;gap:6px;background:#f59e0b;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #f59e0b4d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.bot-select{padding:6px 24px 6px 10px;border-radius:6px;border:1px solid #d1d5db;background-color:#f9fafb;font-size:12px;color:#374151;cursor:pointer;outline:none;transition:all .2s;-webkit-appearance:none;max-width:140px;text-overflow:ellipsis;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}.bot-select:hover{border-color:#d1d5db;background-color:#fff}.bot-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.internal-note-message{align-self:flex-end;max-width:75%}.internal-note-message .message-content{background-color:#fffbeb;border:1px solid #fcd34d;color:#92400e;border-radius:12px 12px 0}.note-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:2px;font-size:10px;font-weight:600;color:#d97706;opacity:.9}.active-note-mode{background-color:#fffbeb!important;border:1px solid #f59e0b!important;color:#d97706!important}.active-note-mode svg{color:#d97706!important}.note-send-btn{background-color:#f59e0b!important}.note-send-btn:hover{background-color:#d97706!important}.action-btn{background:none;border:1px solid transparent;cursor:pointer;padding:6px;border-radius:6px;color:#6b7280}.note-toggle-btn{display:inline-flex;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;border:1px solid #d1d5db;border-radius:8px;white-space:nowrap;background:#f9fafb;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background-color:#f3f4f6}.settings-page{width:100%;max-width:100%;padding:var(--spacing-lg) var(--spacing-lg) 40px var(--spacing-lg);overflow-y:auto;height:100%}.settings-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:-2px}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{animation:fadeIn .3s ease}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center}.settings-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.page-card{padding:var(--spacing-lg)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.page-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff}.page-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;overflow:hidden}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state svg{color:var(--text-light);margin-bottom:var(--spacing-md)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.connected-account{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg)}.account-info{display:flex;align-items:center;gap:var(--spacing-md)}.account-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-info h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.account-info p{margin:0;font-size:.875rem}.mb-lg{margin-bottom:var(--spacing-lg)}.kb-entry{padding:16px}.kb-entry-content{font-size:.875rem;color:#6b7280;line-height:1.6;background:#f9fafb;padding:12px;border-radius:8px;white-space:pre-wrap}.sync-description{margin-bottom:24px}.sync-description p{color:#6b7280;line-height:1.6;margin:0 0 16px}.sync-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:.875rem}.sync-warning svg{flex-shrink:0;color:#f59e0b}.sync-btn{display:flex;align-items:center;gap:8px;margin-top:16px}.sync-btn .spin{animation:spin 1s linear infinite}.sync-result{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;margin-top:20px}.sync-result.success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.sync-result.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.sync-result svg{flex-shrink:0;margin-top:2px}.sync-result-content{flex:1}.sync-result-content strong{display:block;margin-bottom:4px}.sync-result-content p{margin:0 0 12px;font-size:.875rem}.sync-details{background:#ffffff80;padding:12px;border-radius:6px;margin-top:12px}.sync-details h4{margin:0 0 8px;font-size:.875rem;font-weight:600}.sync-details ul{margin:0;padding-left:20px;font-size:.813rem}.sync-details li{margin-bottom:4px}.sync-details .error-text{color:#dc2626}.sync-detail-item{background:#ffffffb3;border:1px solid #d1fae5;border-radius:8px;padding:12px;margin-bottom:10px}.sync-detail-item:last-child{margin-bottom:0}.sync-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sync-type-badge{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.sync-type-badge.facebook{background:#1877f2;color:#fff}.sync-type-badge.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743);color:#fff}.sync-type-badge.whatsapp{background:#25d366;color:#fff}.sync-detail-error{color:#dc2626;font-size:.875rem}.sync-detail-stats{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.sync-stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.sync-stat-value{font-size:1.25rem;font-weight:700;color:#065f46}.sync-stat-label{font-size:.7rem;color:#6b7280;text-align:center}.sync-progress-bar{flex:1;min-width:150px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;overflow:hidden}.sync-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:12px;transition:width .5s ease}.sync-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:600;color:#374151;white-space:nowrap}.sync-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media(max-width:768px){.sync-channels-grid{grid-template-columns:1fr}}.sync-channel-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.sync-channel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:500;color:#374151}.sync-channel-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.sync-channel-icon.facebook{background:#1877f2}.sync-channel-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.sync-channel-icon.whatsapp{background:#25d366}.sync-channel-note{font-size:.75rem;color:#9ca3af;font-weight:400}.sync-channel-item .input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.sync-channel-item .input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.sync-channel-item .input:disabled{background:#f3f4f6;cursor:not-allowed}.btn-channel-sync{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#fff;margin-top:10px}.btn-channel-sync:disabled{opacity:.5;cursor:not-allowed}.btn-channel-sync.facebook{background:#1877f2}.btn-channel-sync.facebook:hover:not(:disabled){background:#1565d8}.btn-channel-sync.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.btn-channel-sync.instagram:hover:not(:disabled){opacity:.9}.btn-channel-sync.whatsapp{background:#25d366}.btn-channel-sync.whatsapp:hover:not(:disabled){background:#1fb855}.sync-progress-container{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:16px 20px;margin-top:16px}.sync-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sync-progress-text{font-size:.875rem;font-weight:500;color:#92400e}.sync-progress-percent{font-size:1.25rem;font-weight:700;color:#d97706}.sync-progress-bar-wrapper{width:100%;height:12px;background:#fff9;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.sync-progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:6px;transition:width .3s ease;position:relative}.sync-progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sync-progress-stats{display:flex;gap:16px;margin-top:10px;font-size:.75rem;color:#92400e;font-weight:500}.sub-workspace-limit-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:16px 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sub-workspace-limit-info.limit-reached{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.limit-stats{display:flex;align-items:center;gap:12px}.limit-count{font-size:1.5rem;font-weight:700;color:#16a34a;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.limit-reached .limit-count{color:#dc2626}.limit-label{font-size:.9rem;color:#374151;font-weight:500}.limit-warning{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:.875rem;font-weight:500}.limit-warning svg{flex-shrink:0}.limit-remaining{display:flex;align-items:center;gap:8px;color:#16a34a;font-size:.875rem;font-weight:500}.limit-remaining svg{flex-shrink:0}.sub-workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.sub-workspace-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.sub-workspace-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.sub-workspace-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.sub-workspace-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.sub-workspace-actions{display:flex;gap:4px}.sub-workspace-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 6px}.sub-workspace-description{font-size:.875rem;color:#6b7280;margin:0 0 16px;line-height:1.5}.sub-workspace-stats{display:flex;gap:16px;margin-bottom:16px;padding-top:12px;border-top:1px solid #f3f4f6}.sub-workspace-stats .stat-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.sub-workspace-stats .stat-item svg{color:#9ca3af}.btn-full{width:100%}.empty-sub-workspaces{text-align:center;padding:60px 20px}.empty-sub-workspaces svg{color:#d1d5db;margin-bottom:16px}.empty-sub-workspaces h3{font-size:1.25rem;color:#374151;margin:0 0 8px}.empty-sub-workspaces p{color:#6b7280;margin:0 0 24px}.sub-workspace-notice{display:flex;gap:20px;padding:30px;align-items:flex-start}.sub-workspace-notice svg{color:#f59e0b;flex-shrink:0}.sub-workspace-notice h3{font-size:1.1rem;color:#1f2937;margin:0 0 8px}.sub-workspace-notice p{color:#6b7280;margin:0 0 16px;line-height:1.6}.sub-workspace-modal{max-width:480px}.sub-workspace-modal .modal-body{padding:24px}.sub-workspace-modal .form-group{margin-bottom:16px}.sub-workspace-modal .form-group label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:.9rem}.sub-workspace-modal .input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s}.sub-workspace-modal .input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sub-workspace-modal textarea.input{resize:vertical;min-height:80px}.error-message{display:flex;align-items:center;gap:8px;background:#fef2f2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{margin:0}.badge-info{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-weight:500}.badge-secondary{background:#f3f4f6;color:#6b7280;padding:2px 8px;border-radius:4px;font-weight:500}.sub-workspace-item{border-left:3px solid #3b82f6!important}.text-xs{font-size:.75rem}.ai-usage-widget{margin-top:24px;background:linear-gradient(135deg,#fef7f0,#fff);border:1px solid #fed7aa}.ai-usage-widget h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px}.ai-usage-info{display:flex;flex-direction:column;gap:12px}.ai-usage-header{display:flex;justify-content:space-between;align-items:center}.ai-usage-count{font-size:24px;font-weight:700;color:#1e293b}.ai-plan-tag{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.ai-plan-tag.free{background:#f1f5f9;color:#64748b}.ai-plan-tag.basic{background:#dbeafe;color:#2563eb}.ai-plan-tag.pro{background:#fef3c7;color:#d97706}.ai-plan-tag.unlimited{background:#dcfce7;color:#16a34a}.ai-usage-progress{width:100%;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.ai-usage-progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:5px;transition:width .3s ease}.ai-usage-progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.ai-usage-progress-bar.exceeded{background:linear-gradient(90deg,#ef4444,#dc2626)}.ai-usage-footer{display:flex;flex-direction:column;gap:8px}.ai-remaining{font-size:13px;color:#64748b}.ai-limit-warning{display:flex;align-items:center;gap:6px;font-size:12px;color:#ef4444;font-weight:500}.usage-limit-card{padding:0!important;overflow:hidden}.usage-header{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#fef7f0,#fff5f5);border-bottom:1px solid #fed7aa}.usage-icon{font-size:40px}.usage-title{flex:1}.usage-title h3{margin:0;font-size:18px;font-weight:700;color:#1e293b}.usage-title p{margin:4px 0 0;font-size:13px;color:#64748b}.usage-plan-badge{padding:8px 16px;border-radius:24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.usage-plan-badge.free{background:#f1f5f9;color:#64748b}.usage-plan-badge.basic{background:#dbeafe;color:#2563eb}.usage-plan-badge.pro{background:#fef3c7;color:#d97706}.usage-plan-badge.unlimited{background:#dcfce7;color:#16a34a}.usage-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2e8f0;border-bottom:1px solid #e2e8f0}.usage-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#fff}.usage-stat-box.highlight{background:#f0fdf4}.usage-stat-box .stat-number{font-size:32px;font-weight:800;color:#1e293b;line-height:1}.usage-stat-box.highlight .stat-number{color:#16a34a}.usage-stat-box .stat-label{margin-top:8px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.usage-progress-section{padding:24px;background:#f8fafc}.usage-progress-bar-container{width:100%;height:16px;background:#e2e8f0;border-radius:8px;overflow:hidden}.usage-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:8px;transition:width .3s ease}.usage-progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-progress-fill.exceeded{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-progress-text{display:block;margin-top:8px;font-size:13px;color:#64748b;text-align:center}.usage-warning-box{display:flex;align-items:flex-start;gap:12px;margin:0 24px 24px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626}.usage-warning-box.warning{background:#fffbeb;border-color:#fde68a;color:#d97706}.usage-warning-box strong{display:block;font-size:14px;margin-bottom:4px}.usage-warning-box p{margin:0;font-size:13px;opacity:.9}.usage-info-section{padding:24px;border-top:1px solid #e2e8f0}.usage-info-section h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#374151}.usage-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.usage-info-item{display:flex;flex-direction:column;gap:4px}.usage-info-item .info-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.usage-info-item .info-value{font-size:15px;font-weight:600;color:#1e293b}.usage-help-text{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.usage-help-text p{margin:0;font-size:13px;color:#64748b}@media(max-width:640px){.usage-header{flex-direction:column;text-align:center;gap:12px}.usage-stats-grid{grid-template-columns:1fr}.usage-stat-box{padding:16px}.usage-stat-box .stat-number{font-size:24px}.usage-info-grid{grid-template-columns:1fr}}.companies-section{margin-bottom:32px}.companies-section .section-header h2{display:flex;align-items:center;gap:10px;color:#1e293b}.companies-section .section-header h2 svg{color:#ef4444}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px}.company-card-settings{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.company-card-settings:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.company-card-settings .company-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.company-card-settings .company-card-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.company-card-settings .subscription-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.company-card-settings .subscription-badge.free{background:#f1f5f9;color:#64748b}.company-card-settings .subscription-badge.basic{background:#fef2f2;color:#dc2626}.company-card-settings .subscription-badge.pro{background:#fecaca;color:#b91c1c}.company-card-settings .subscription-badge.unlimited{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.company-quota{margin-bottom:16px}.company-quota .quota-label{display:block;font-size:13px;color:#64748b;margin-bottom:8px}.company-quota .quota-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:6px}.company-quota .quota-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease}.company-quota .quota-text{font-size:14px;font-weight:600;color:#1e293b}.company-card-settings .btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.company-card-settings .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.quota-exceeded{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:13px;font-weight:500}.modal-subtitle{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;margin-bottom:20px;padding:10px 14px;background:#f8fafc;border-radius:8px}.modal-subtitle svg{color:#ef4444}.page-container{background-color:#fafbfc}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-size:28px;font-weight:700;margin-bottom:8px;color:#111827;letter-spacing:-.5px}.text-muted{color:#6b7280;font-size:15px;line-height:1.5}.assistants-tabs{display:flex;gap:8px;margin-bottom:28px;padding:6px;background:#f3f4f6;border-radius:12px;width:fit-content}.assistant-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.assistant-tab:hover{color:#374151;background:#ffffff80}.assistant-tab.active{background:#fff;color:#111827;font-weight:600;box-shadow:0 1px 3px #0000001a}.bots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px}.bot-card{background:#fff;border:1px solid #eaecf0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #1018280d;transition:all .3s ease;position:relative;overflow:hidden}.bot-card.active{border:2px solid #10b981;box-shadow:0 4px 6px -1px #10b9811a,0 2px 4px -1px #10b9810f}.bot-card:hover{box-shadow:0 10px 15px -3px #1018281a,0 4px 6px -2px #1018280d;transform:translateY(-2px)}.bot-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.bot-info{display:flex;align-items:center;gap:16px}.bot-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px #ef444433}.bot-title-group h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.bot-role-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;background-color:#f3f4f6;font-size:12px;font-weight:500;color:#4b5563}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-left:8px}.status-badge.active{background-color:#d1fae5;color:#059669;border:1px solid #a7f3d0}.bot-status-bar{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:12px 16px;border-radius:10px;margin-bottom:20px;border:1px solid #e5e7eb}.status-text{font-size:14px;color:#4b5563;font-weight:500}.form-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.input-modern{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .2s,box-shadow .2s;background-color:#fff}.input-modern:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}textarea.input-modern{resize:vertical;min-height:100px;line-height:1.6}.channels-selector label{transition:color .2s;-webkit-user-select:none;user-select:none}.channels-selector label:hover{color:#ef4444}.channels-selector input[type=checkbox]{accent-color:#ef4444;width:16px;height:16px}.doc-manager{margin-top:24px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #f3f4f6}.doc-list{list-style:none;padding:0;margin:0 0 16px}.doc-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;transition:background .2s}.doc-item:hover{background:#f3f4f6}.doc-name{font-size:13px;color:#374151;display:flex;align-items:center;gap:8px}.btn-modern{padding:8px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:6px}.btn-primary{background-color:#ef4444;color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background-color:#dc2626}.btn-outline-danger{background:transparent;color:#ef4444;border:1px solid #fee2e2}.btn-outline-danger:hover{background:#fef2f2;border-color:#fca5a5}.btn-toggle{font-weight:600;border:1px solid transparent}.btn-toggle.active{background-color:#fef2f2;color:#dc2626;border-color:#fee2e2}.btn-toggle.inactive{background-color:#ecfccb;background-color:#f0fdf4;color:#15803d;border-color:#bbf7d0}.btn-loading{opacity:.7;cursor:not-allowed}.add-bot-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;margin-bottom:40px;max-width:600px}.bot-settings-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden}.section-header-toggle{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;cursor:pointer}.section-title-group{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:#374151}.section-title-group svg{color:#6b7280}.section-content{padding:16px;border-top:1px solid #e5e7eb}.section-description{font-size:13px;color:#6b7280;margin-bottom:16px;line-height:1.5}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;width:50px;height:26px;background-color:#ef4444!important;transition:.3s;border-radius:26px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#22c55e!important}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.scheduler-row{display:flex;gap:16px;margin-bottom:12px}.scheduler-row .form-group{flex:1;margin-bottom:0}.form-label-sm{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.input-sm{padding:8px 10px;font-size:13px}.days-selector{display:flex;gap:6px;flex-wrap:wrap}.day-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#ef4444;color:#ef4444}.day-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.text-xs{font-size:11px}.assistants-info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:16px 20px;margin-bottom:24px}.assistants-info-box p{margin:0;font-size:14px;color:#92400e;font-weight:500}.bot-assignments-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:20px}.assignments-list{display:flex;flex-wrap:wrap;gap:8px}.assignment-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.assignment-badge.whatsapp{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.assignment-badge.facebook{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.assignment-badge.instagram{background:#fce7f3;color:#be185d;border:1px solid #fbcfe8}.assignment-badge.facebook-comment{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.assignment-badge.instagram-comment{background:#fdf2f8;color:#9d174d;border:1px solid #fce7f3}.assignment-badge.email{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.assignment-badge.widget{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.assignment-badge.team{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.assignment-badge.empty{background:#f1f5f9;color:#64748b;border:1px dashed #cbd5e1;font-style:italic}.ai-usage-card-wrapper{margin-bottom:20px}.ai-usage-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.ai-usage-card.warning{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.ai-usage-card.exceeded{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.ai-usage-card.loading{background:#f8fafc;border-style:dashed}.usage-loading{text-align:center;color:#94a3b8;padding:12px;font-size:14px}.usage-card-header{display:flex;align-items:center;gap:12px}.usage-card-icon{width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.usage-card-title{display:flex;align-items:center;gap:12px;flex:1}.usage-card-title h4{margin:0;font-size:16px;font-weight:600;color:#1e293b}.usage-plan-tag{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.usage-plan-tag.free{background:#f1f5f9;color:#64748b}.usage-plan-tag.basic{background:#dbeafe;color:#1d4ed8}.usage-plan-tag.pro{background:#fef3c7;color:#b45309}.usage-plan-tag.unlimited{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff}.usage-card-stats{display:flex;align-items:center;gap:16px}.usage-stat{display:flex;flex-direction:column;align-items:center}.usage-stat.divider{font-size:24px;color:#cbd5e1;font-weight:300}.usage-stat.remaining{margin-left:auto;padding:8px 16px;background:#f0fdf4;border-radius:10px;border:1px solid #bbf7d0}.ai-usage-card.warning .usage-stat.remaining{background:#fffbeb;border-color:#fde68a}.ai-usage-card.exceeded .usage-stat.remaining{background:#fef2f2;border-color:#fecaca}.usage-stat .stat-value{font-size:24px;font-weight:700;color:#1e293b;line-height:1}.usage-stat .stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-top:4px}.usage-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.usage-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .5s ease}.ai-usage-card.warning .usage-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.ai-usage-card.exceeded .usage-progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.usage-alert.warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.usage-alert.exceeded{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media(max-width:768px){.ai-usage-card{padding:16px}.usage-card-stats{flex-wrap:wrap;gap:12px}.usage-stat.remaining{margin-left:0;width:100%;justify-content:center}}.comments-page{display:grid;grid-template-columns:360px 1fr;height:100%;width:100%;background-color:#fff;overflow:hidden;min-height:0;min-width:0}.comments-page>div{min-width:0;min-height:0;overflow:hidden}.comments-list{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;height:100%}.comments-header{padding:16px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.comments-header-top{display:flex;justify-content:space-between;align-items:center}.comments-header h2{font-size:20px;font-weight:700;margin:0;color:#111827}.channel-filters{display:flex;gap:8px}.channel-filter-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background-color:#fff;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.channel-filter-btn:hover{border-color:#d1d5db;color:#6b7280}.channel-filter-btn.facebook.active{background-color:#1877f2;border-color:#1877f2;color:#fff}.channel-filter-btn.facebook:hover:not(.active){color:#1877f2;border-color:#1877f2}.channel-filter-btn.instagram.active{background-image:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:#fff}.channel-filter-btn.instagram:hover:not(.active){color:#e4405f;border-color:#e4405f}.page-selector-wrapper{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.page-selector{border:none;background:transparent;font-size:13px;color:#374151;cursor:pointer;width:100%;outline:none}.posts-list{flex:1;overflow-y:auto}.post-item{padding:16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .1s;background-color:#fff;display:flex;gap:12px}.post-item:hover{background-color:#fafafa}.post-item.active{background-color:#fef2f2;border-left:4px solid #ef4444}.post-thumbnail-mini{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background-color:#f3f4f6}.post-item-content{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.post-item-message{font-size:13px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-item-meta{font-size:11px;color:#6b7280;display:flex;justify-content:space-between}.comments-main{display:flex;flex-direction:column;height:100%;background-color:#f9fafb;border-right:1px solid #e5e7eb}.thread-header{height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.current-post-info{font-weight:700;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.comments-scroller{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.comments-scroller::-webkit-scrollbar{width:6px}.comments-scroller::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.comment-bubble-wrapper{display:flex;gap:12px;max-width:80%}.comment-bubble-wrapper.reply{margin-left:48px}.comment-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.comment-content{display:flex;flex-direction:column;gap:2px}.comment-header{display:flex;gap:8px;align-items:center;font-size:12px}.comment-author{font-weight:700;color:#111827}.comment-date{color:#6b7280;font-size:10px}.comment-bubble{background-color:#fff;padding:10px 14px;border-radius:0 12px 12px;border:1px solid #e5e7eb;color:#374151;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #0000000d}.comment-actions{display:flex;gap:8px;margin-top:4px}.comment-action-btn{font-size:11px;color:#6b7280;background:none;border:none;cursor:pointer;font-weight:600}.comment-action-btn:hover{color:#ef4444;text-decoration:underline}.comment-input-area{background-color:#fff;padding:24px;border-top:1px solid #e5e7eb}.comment-input-wrapper{border:1px solid #d1d5db;border-radius:12px;padding:8px;display:flex;gap:8px;align-items:flex-end;background-color:#fff}.comment-input{flex:1;border:none;resize:none;outline:none;font-size:14px;min-height:40px;max-height:100px;padding:8px}.comment-send-btn{width:32px;height:32px;border-radius:6px;background-color:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.comment-send-btn:hover{background-color:#dc2626}.post-details-sidebar{background:#fff;display:flex;flex-direction:column;border-left:1px solid #e5e7eb;height:100%}.post-details-header{height:64px;padding:0 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;font-weight:700;color:#111827}.post-details-content{padding:24px;overflow-y:auto;flex:1}.post-full-image{width:100%;border-radius:8px;margin-bottom:16px;border:1px solid #e5e7eb}.post-full-message{font-size:14px;color:#374151;line-height:1.6;margin-bottom:24px}.post-stats{display:flex;gap:16px;margin-bottom:24px;font-size:13px;color:#6b7280}.post-stat-item{display:flex;align-items:center;gap:6px}.original-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#374151;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s}.original-link-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.empty-state-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:16px;text-align:center;padding:32px}.auto-refresh-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border-radius:12px;margin-left:8px;font-weight:500}.auto-refresh-badge.connected{color:#10b981;background:#d1fae5}.auto-refresh-badge.disconnected{color:#ef4444;background:#fee2e2}.refresh-comments-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;color:#6b7280;transition:all .2s}.refresh-comments-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.refresh-comments-btn:disabled{opacity:.5;cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}.post-last-comment{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;margin-top:4px;padding:6px 8px;background:#f9fafb;border-radius:6px;overflow:hidden}.last-comment-author{font-weight:600;color:#374151;flex-shrink:0}.last-comment-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280}.channels-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--bg-primary);overflow:hidden}.channels-header{background-color:var(--bg-primary);padding:var(--spacing-xl) var(--spacing-xl) 0;border-bottom:1px solid var(--border-color)}.channels-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.channels-title-row h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.channels-tabs{display:flex;gap:var(--spacing-xs)}.channel-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);position:relative}.channel-tab:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.channel-tab.active{background-color:var(--primary-light);color:var(--primary)}.channel-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}.channels-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);background-color:var(--bg-secondary);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channels-section{max-width:100%;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xl)}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.page-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition);display:flex;flex-direction:column;position:relative}.page-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.page-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:24px}.page-card h3{font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.btn-icon{background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--danger)}.page-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-item{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.bot-assignment-area{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.bot-assignment-area label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:var(--spacing-xs);display:block}.bot-assignment-area .form-select{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:var(--transition)}.bot-assignment-area .form-select:hover{border-color:var(--text-light)}.bot-assignment-area .form-select:focus{border-color:var(--primary);background-color:var(--bg-primary);outline:none;box-shadow:0 0 0 3px var(--primary-light)}.empty-state{text-align:center;padding:60px var(--spacing-xl);background:var(--bg-primary);border-radius:var(--radius-lg);border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.empty-state svg{color:var(--text-light);margin-bottom:var(--spacing-sm)}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state p{color:var(--text-secondary);margin:0;max-width:400px}.empty-state .btn{margin-top:var(--spacing-md)}.info-box{background-color:var(--primary-light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--primary);font-size:.875rem;font-weight:500}@media(max-width:768px){.channels-header{padding:var(--spacing-md) var(--spacing-md) 0}.channels-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.channels-tabs{width:100%;overflow-x:auto;padding-bottom:var(--spacing-xs)}.channel-tab{white-space:nowrap;padding:var(--spacing-sm) var(--spacing-md)}.channels-content{padding:var(--spacing-md)}}.wa-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.wa-modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wa-modal-header{display:flex;align-items:center;gap:16px;padding:24px 24px 20px;border-bottom:1px solid #f1f5f9}.wa-modal-icon{width:52px;height:52px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.wa-modal-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.wa-modal-header p{font-size:14px;color:#64748b;margin:0}.wa-modal-body{padding:20px 24px;max-height:400px;overflow-y:auto}.wa-empty-state{text-align:center;padding:40px 20px;color:#94a3b8}.wa-empty-state svg{margin-bottom:12px;opacity:.5}.wa-candidates-list{display:flex;flex-direction:column;gap:12px}.wa-candidate-item{display:flex;align-items:center;gap:14px;padding:16px;background:#f8fafc;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease}.wa-candidate-item:hover{background:#f1f5f9;border-color:#25d366;transform:translate(4px)}.wa-candidate-icon{width:44px;height:44px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.wa-candidate-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wa-phone-number{font-size:16px;font-weight:700;color:#1e293b;font-family:SF Mono,Fira Code,monospace}.wa-business-name{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-select-btn{padding:10px 20px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.wa-select-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #25d36659}.wa-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;border-top:1px solid #f1f5f9}.wa-cancel-btn{padding:12px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.wa-cancel-btn:hover{background:#e2e8f0}.spin{animation:spin 1s linear infinite}.page-health-section .btn-sm{font-size:11px;padding:6px 10px;display:inline-flex;align-items:center;gap:4px}.webhook-url-box{margin-top:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.webhook-url-box label{display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:8px}.url-copy-row{display:flex;gap:8px}.url-copy-row .form-input{flex:1;font-size:12px;padding:8px 10px;background:#fff}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{display:block;font-size:14px;font-weight:500;color:#334155;margin-bottom:8px}.modal-body .form-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.modal-body .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.modal-lg{max-width:560px;width:100%}.page-selection-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.page-selection-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.page-selection-item:hover{background:#f1f5f9;border-color:#cbd5e1}.page-selection-item.selected{background:#eff6ff;border-color:#3b82f6}.page-selection-checkbox{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.empty-checkbox{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:50%;background:#fff}.page-selection-info{flex:1;min-width:0}.page-selection-name{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px}.page-selection-id{font-size:12px;color:#64748b}.page-selection-instagram{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:#e1306c;font-weight:500}.routing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.routing-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.routing-card:hover{box-shadow:0 4px 12px #00000014}.routing-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc;border-bottom:3px solid}.routing-channel{display:flex;align-items:center;gap:12px;font-weight:600;color:#1e293b}.routing-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.routing-body{padding:16px;display:flex;flex-direction:column;gap:16px}.routing-field{display:flex;flex-direction:column;gap:6px}.routing-field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#64748b}.routing-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.routing-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.routing-delay-input{display:flex;align-items:center;gap:8px}.routing-input{width:80px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;text-align:center}.routing-input:focus{outline:none;border-color:#ef4444}.routing-hint{font-size:11px;color:#9ca3af}.routing-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.routing-toggle input{display:none}.toggle-slider{width:44px;height:24px;background:#ef4444;border-radius:12px;position:relative;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:all .3s;box-shadow:0 2px 4px #0000001a}.routing-toggle input:checked+.toggle-slider{background:#16a34a}.routing-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:13px;font-weight:500;color:#374151}.routing-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f0fdf4;border-radius:8px;font-size:13px;color:#16a34a;font-weight:500}.routing-saving{text-align:center;padding:8px;color:#64748b;font-size:13px}.btn-icon-small{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.btn-icon-small.btn-danger:hover{background:#fef2f2;color:#ef4444}.routing-info-card{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:12px}.routing-info-card h4{margin:0 0 12px;color:#dc2626;font-size:15px}.routing-info-card ol{margin:0;padding-left:20px;color:#374151;font-size:14px;line-height:1.8}.routing-info-card li strong{color:#1e293b}.header-actions{display:flex;gap:12px}.btn-outline{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--text-light)}.btn-outline.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.quick-add-bar{display:flex;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}.quick-add-label{font-size:13px;font-weight:500;color:var(--text-light)}.quick-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff}.quick-add-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.quick-add-btn.facebook{color:#1877f2;border-color:#1877f2}.quick-add-btn.facebook:hover{background:#1877f2;color:#fff}.quick-add-btn.instagram{color:#e4405f;border-color:#e4405f}.quick-add-btn.instagram:hover{background:#e4405f;color:#fff}.quick-add-btn.whatsapp{color:#25d366;border-color:#25d366}.quick-add-btn.whatsapp:hover{background:#25d366;color:#fff}.quick-add-btn.email{color:#ea4335;border-color:#ea4335}.quick-add-btn.email:hover{background:#ea4335;color:#fff}.quick-add-btn.webform{color:#8b5cf6;border-color:#8b5cf6}.quick-add-btn.webform:hover{background:#8b5cf6;color:#fff}.routing-panel{background:#fff;border-bottom:1px solid var(--border-color);padding:20px 24px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.routing-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.routing-panel-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.routing-panel-desc{font-size:13px;color:var(--text-secondary);margin:0 0 16px}.routing-empty{text-align:center;padding:24px;color:var(--text-light)}.routing-empty svg{margin-bottom:8px;opacity:.5}.routing-card-mini{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.routing-card-header{display:flex;align-items:center;gap:8px}.routing-icon-mini{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.routing-channel-name{flex:1;font-size:13px;font-weight:600;color:#1e293b}.btn-icon-tiny{width:22px;height:22px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.btn-icon-tiny:hover{background:#fef2f2;color:#ef4444}.routing-card-body{display:flex;flex-direction:column;gap:8px}.routing-select-mini{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.routing-select-mini:focus{outline:none;border-color:var(--primary)}.routing-extras{display:flex;gap:12px;align-items:center}.routing-delay-mini{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.routing-delay-mini input{width:50px;padding:4px 6px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;text-align:center}.routing-toggle-mini{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;cursor:pointer}.routing-toggle-mini input{width:16px;height:16px;cursor:pointer}.routing-saving-mini{font-size:11px;color:#94a3b8;text-align:center}.unified-channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.unified-channel-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .2s}.unified-channel-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.channel-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 0}.channel-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.channel-actions{display:flex;gap:4px}.btn-icon-sm{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s}.btn-icon-sm:hover{background:#f1f5f9;color:#64748b}.btn-icon-sm.btn-danger:hover{background:#fef2f2;color:#ef4444}.channel-card-body{padding:12px 16px 16px}.channel-name{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px;word-break:break-word}.channel-subtitle{font-size:13px;color:#64748b;margin:0}.channel-status{margin-top:8px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#f0fdf4;color:#16a34a}.status-badge.inactive{background:#f1f5f9;color:#94a3b8}.channel-card-footer{padding:12px 16px;border-top:1px solid #f1f5f9;background:#fafbfc}.footer-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:8px}.bot-select-mini{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s}.bot-select-mini:hover{border-color:#cbd5e1}.bot-select-mini:focus{outline:none;border-color:var(--primary)}.webform-footer{padding:12px 16px 16px}.webhook-url-row{display:flex;gap:8px}.webhook-url-input{flex:1;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:11px;font-family:SF Mono,Fira Code,monospace;background:#fff;color:#475569}.btn-copy{width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.btn-copy:hover{background:#f1f5f9;border-color:#cbd5e1}.modal-lg .modal-body{max-height:500px;overflow-y:auto}.channel-routing-section{border-top:1px solid #f1f5f9;background:linear-gradient(to bottom,#fafbfc,#f8fafc);padding:12px 16px 16px}.routing-section-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin-bottom:12px}.routing-section-body{display:flex;flex-direction:column;gap:10px}.routing-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.routing-row>label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#64748b;white-space:nowrap}.routing-select-inline{flex:1;max-width:160px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;background:#fff;cursor:pointer;transition:all .2s}.routing-select-inline:hover{border-color:#cbd5e1}.routing-select-inline:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #ef44441a}.delay-input-group{display:flex;align-items:center;gap:6px}.delay-input{width:60px;padding:6px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;text-align:center}.delay-input:focus{outline:none;border-color:var(--primary)}.delay-input-group span{font-size:12px;color:#94a3b8}.toggle-switch-small{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.toggle-switch-small input{opacity:0;width:0;height:0}.toggle-slider-small{position:absolute;cursor:pointer;inset:0;background-color:#ef4444;transition:.3s;border-radius:20px}.toggle-slider-small:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.toggle-switch-small input:checked+.toggle-slider-small{background-color:#16a34a}.toggle-switch-small input:checked+.toggle-slider-small:before{transform:translate(16px)}.routing-saving-inline{font-size:11px;color:var(--primary);text-align:center;padding:4px}@media(max-width:768px){.quick-add-bar{gap:8px}.quick-add-btn{padding:6px 10px;font-size:12px}.quick-add-btn span{display:none}.unified-channels-grid{grid-template-columns:1fr}.routing-row{flex-wrap:wrap}.routing-select-inline{max-width:100%}}.widget-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:32px}.widget-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px;background:#f8fafc}.card-header h3{font-size:16px;font-weight:600;color:#1e293b;margin:0}.card-header svg{color:#ef4444}.card-body{padding:24px}.position-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:8px;gap:4px}.toggle-btn{flex:1;padding:8px;border:none;background:transparent;color:#64748b;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#fff;color:#ef4444;box-shadow:0 2px 4px #0000000d}input[type=range]{accent-color:#ef4444}.code-block{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:12px;position:relative;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-block pre{margin:0;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff;padding:6px;border-radius:6px;cursor:pointer;transition:background .2s}.copy-btn:hover{background:#fff3}.btn-outline{background:transparent;border:1px solid #e2e8f0;color:#475569}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.widget-preview{position:relative;height:400px;background:#f1f5f9;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:20px;border:1px solid #e2e8f0}.preview-fab{width:56px;height:56px;background-color:var(--widget-color, #ef4444);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026}.preview-window{width:300px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0000001a;margin-bottom:12px;display:flex;flex-direction:column}.preview-header{background-color:var(--widget-color, #ef4444);padding:16px 20px;color:#fff}.preview-title{font-size:15px;font-weight:600}.preview-subtitle{font-size:11px;opacity:.8;margin-top:2px}.preview-body{height:200px;padding:16px;background:#f8fafc}.preview-msg{max-width:80%;padding:10px 14px;border-radius:0 12px 12px;font-size:13px;line-height:1.4}.preview-msg.bot{background:#fff;color:#1e293b;border:1px solid #e2e8f0}@media(max-width:1200px){.widget-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-content form{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:.875rem}.error-message{padding:var(--spacing-md);background:var(--danger-light);color:var(--danger);border-radius:4px;margin-bottom:var(--spacing-md);font-size:.875rem}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.users-page{width:100%;max-width:100%;padding:var(--spacing-lg) var(--spacing-lg) 40px var(--spacing-lg);overflow-y:auto;height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.members-table{width:100%;border-collapse:collapse}.members-table th{text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--border-color);font-size:.875rem;font-weight:600;color:var(--text-secondary)}.members-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);font-size:.875rem}.member-info{display:flex;align-items:center;gap:var(--spacing-md)}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(160deg,#ef4444,#f97316,#fb923c);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;overflow:hidden;box-shadow:0 2px 8px #ef44444d}.member-avatar span{color:#fff!important}.member-avatar img{width:100%;height:100%;object-fit:cover}.badge-owner{background-color:#ef44441a;color:#ef4444}.badge-admin{background-color:#dc26261a;color:#dc2626}.badge-agent{background-color:#6b72801a;color:var(--text-secondary)}.empty-state,.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.action-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.role-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;outline:none}.role-select:focus{border-color:var(--primary)}.teams-page-container{padding:32px;background-color:#f9fafb;height:100%;overflow-y:auto}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.teams-header h2{font-size:24px;font-weight:700;color:#111827;margin:0}.create-team-btn{display:flex;align-items:center;gap:8px;background-color:#ef4444;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-team-btn:hover{background-color:#dc2626}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;display:flex;flex-direction:column}.team-card:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.team-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.team-info h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.team-description{font-size:14px;color:#6b7280;margin:0}.team-actions{display:flex;gap:8px}.icon-btn{background:transparent;border:none;color:#9ca3af;padding:4px;cursor:pointer;border-radius:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#f3f4f6;color:#4b5563}.icon-btn.danger:hover{color:#ef4444;background-color:#fef2f2}.team-stats{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;border-top:1px solid #f3f4f6;color:#6b7280;font-size:14px}.manage-members-btn{margin-top:16px;width:100%;background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:8px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.manage-members-btn:hover{background-color:#e5e7eb;color:#111827}.teams-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}.teams-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease-out}.teams-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;width:100%}.teams-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#111827}.teams-close-modal-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.teams-close-modal-btn:hover{background-color:#f3f4f6;color:#4b5563}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.form-input:focus{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.teams-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary{padding:8px 16px;background-color:#fff;border:1px solid #d1d5db;color:#374151;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-primary{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#dc2626}.members-list{margin-top:16px;max-height:300px;overflow-y:auto}.member-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #f3f4f6}.member-info{display:flex;align-items:center;gap:10px}.member-avatar{width:36px;height:36px;background-color:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6b7280;font-size:14px;flex-shrink:0}.member-name{font-size:14px;font-weight:500;color:#374151}.add-member-section{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.member-type-toggle{display:flex;gap:8px}.member-type-toggle .type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.member-type-toggle .type-btn:hover{background:#f3f4f6;border-color:#d1d5db}.member-type-toggle .type-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.member-select-row{display:flex;gap:8px}.member-select{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.member-item.bot-member{background:linear-gradient(135deg,#fff7ed,#fff);border-left:3px solid #f97316}.member-avatar.bot-avatar{background:linear-gradient(160deg,#ef4444,#f97316,#fb923c);box-shadow:0 2px 8px #ef444459;color:#fff!important}.member-avatar.bot-avatar svg{color:#fff!important;stroke:#fff!important}.member-avatar.bot-avatar span{color:#fff!important}.member-avatar:not(.bot-avatar){background:linear-gradient(160deg,#ef4444,#f97316,#fb923c);box-shadow:0 2px 8px #ef44444d;color:#fff!important}.member-avatar:not(.bot-avatar) span{color:#fff!important}.member-details{display:flex;flex-direction:column;gap:2px}.member-type-badge{font-size:11px;color:#9ca3af;font-weight:400}.member-item.bot-member .member-type-badge{color:#ef4444;font-weight:500}.contacts-page{display:flex;height:calc(100vh - 60px);background:#fff;overflow:hidden}.contacts-main{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #e5e7eb}.contacts-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.contacts-header h1{font-size:24px;font-weight:700;color:#1f2937;margin:0}.contacts-search{flex:1;max-width:400px;position:relative}.contacts-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.contacts-search input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s}.contacts-search input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.contacts-search input::placeholder{color:#9ca3af}.btn-add-contact{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-add-contact:hover{background:#dc2626}.contacts-filters{padding:12px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.source-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.source-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.source-filter-btn:hover{border-color:#d1d5db;background:#f9fafb}.source-filter-btn.active{background:#fff;border-width:2px;font-weight:600}.status-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.status-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.status-filter-btn:hover{border-color:#d1d5db;background:#f9fafb}.status-filter-btn.active{border-width:2px;font-weight:600}.contact-source{padding:8px 12px}.source-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.source-badge svg{flex-shrink:0}.contacts-table-container{flex:1;overflow-y:auto}.contacts-table{width:100%;border-collapse:collapse}.contacts-table thead{position:sticky;top:0;background:#fff;z-index:10}.contacts-table th{text-align:left;padding:12px 24px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:1px solid #e5e7eb}.contacts-table td{padding:16px 24px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.contacts-table tbody tr{cursor:pointer;transition:background .15s}.contacts-table tbody tr:hover,.contacts-table tbody tr.active{background:#fef2f2}.contact-name-cell{display:flex;align-items:center;gap:12px}.contact-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-name-info{display:flex;flex-direction:column;gap:2px}.contact-name{font-weight:600;color:#1f2937}.contact-email{font-size:13px;color:#6b7280}.contact-phone,.contact-company,.contact-conversations,.contact-last-contacted{color:#6b7280}.contact-status .status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.contact-actions{display:flex;align-items:center;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.action-btn.edit-btn{background:#eff6ff;color:#3b82f6}.action-btn.edit-btn:hover{background:#3b82f6;color:#fff}.action-btn.delete-btn{background:#fef2f2;color:#ef4444}.action-btn.delete-btn:hover{background:#ef4444;color:#fff}.contacts-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid #e5e7eb;background:#fff}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:13px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;color:#6b7280}.contact-sidebar{width:320px;min-width:320px;max-height:100vh;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;position:relative}.sidebar-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s;z-index:10}.sidebar-close:hover{background:#e5e7eb;color:#1f2937}.sidebar-profile-header{padding:32px 24px 24px;text-align:center;border-bottom:1px solid #e5e7eb}.sidebar-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:16px}.sidebar-name{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}.sidebar-title{font-size:14px;color:#6b7280;margin:0}.sidebar-social-links{display:flex;justify-content:center;gap:12px;margin-top:16px}.social-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s}.social-link:hover{color:#fff}.social-link.facebook:hover{background:#1877f2}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.sidebar-details{padding:24px;border-bottom:1px solid #e5e7eb}.detail-row{display:flex;align-items:center;gap:12px;padding:10px 0}.detail-icon{color:#9ca3af;flex-shrink:0}.detail-value{flex:1;font-size:14px;color:#374151;word-break:break-all}.copy-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#f3f4f6;color:#374151}.sidebar-conversations{padding:24px;flex:1}.sidebar-conversations h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1f2937;margin:0 0 16px}.sidebar-conversations h3 svg{color:#6b7280}.conversation-list{display:flex;flex-direction:column;gap:12px}.conversation-item{padding:12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s}.conversation-item:hover{background:#f3f4f6}.conversation-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name{font-size:14px;font-weight:600;color:#1f2937}.conversation-date{font-size:12px;color:#9ca3af}.conversation-preview{font-size:13px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-conversations{font-size:13px;color:#9ca3af;text-align:center;padding:20px 0}.empty-state-list{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state-list .empty-icon{color:#e5e7eb;margin-bottom:16px}.empty-state-list h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state-list p{font-size:14px;color:#6b7280;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.loader{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #ef4444;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.floating-bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100}.bulk-bar-content{display:inline-flex;align-items:center;gap:20px;padding:14px 24px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:12px;box-shadow:0 8px 24px #00000040}.bulk-bar-actions{display:flex;align-items:center;gap:10px}.bulk-select-all-btn{padding:8px 16px;background:#ffffff1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s;z-index:10}.modal-header{padding:1.5rem 3rem 1.5rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-hint{font-size:.75rem;color:#6b7280;margin-bottom:1.5rem}.alert{padding:.75rem 1rem;border-radius:8px;margin:0 1.5rem 1rem;font-size:.875rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn{padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-outline:hover{background:#f3f4f6}.btn-primary{background:#ef4444;border:none;color:#fff}@media(max-width:1024px){.contact-sidebar{width:280px;min-width:280px}}@media(max-width:768px){.contact-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;z-index:100;box-shadow:-4px 0 20px #00000026}}.leads-page{display:flex;height:calc(100vh + -0px);background:#f9fafb;overflow:hidden}.leads-list-panel{width:380px;min-width:380px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%}.leads-list-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.leads-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.leads-header-top h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:#111827;margin:0}.header-icon{color:#1877f2}.sync-btn-small{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sync-btn-small:hover{background:#f3f4f6;color:#1877f2;border-color:#1877f2}.sync-btn-small:disabled{opacity:.6;cursor:not-allowed}.sync-btn-small .spin{animation:spin 1s linear infinite}.leads-stats-mini{display:flex;gap:16px;margin-bottom:12px;padding:10px 12px;background:#f9fafb;border-radius:8px}.stat-mini{display:flex;flex-direction:column;align-items:center;flex:1}.stat-mini-value{font-size:1.1rem;font-weight:700;color:#111827}.stat-mini-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.leads-search-row{margin-bottom:8px}.leads-search-bar{position:relative;width:100%}.leads-search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.leads-search-bar input{width:100%;padding:10px 12px 10px 38px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s}.leads-search-bar input:focus{outline:none;border-color:#1877f2;background:#fff;box-shadow:0 0 0 3px #1877f21a}.leads-filter-row{display:flex;gap:8px}.leads-filter-select{flex:1;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;color:#374151}.leads-filter-select:focus{outline:none;border-color:#1877f2}.leads-items{flex:1;overflow-y:auto}.lead-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .15s}.lead-item:hover{background:#f9fafb}.lead-item.active{background:#eff6ff;border-left:3px solid #1877F2}.lead-item-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lead-item-content{flex:1;min-width:0}.lead-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.lead-item-name{font-weight:600;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-item.active .lead-item-name{color:#1e40af}.lead-item-time{font-size:11px;color:#9ca3af;flex-shrink:0}.lead-item-preview{font-size:13px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.lead-item-footer{display:flex;align-items:center;gap:8px}.lead-item-status{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.lead-item-page{font-size:11px;color:#1877f2;display:flex;align-items:center;gap:4px}.leads-loading,.leads-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.loader-small{width:32px;height:32px;border:3px solid #f3f4f6;border-top-color:#1877f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.leads-empty .empty-icon{color:#d1d5db;margin-bottom:12px}.leads-empty p{margin:0 0 12px;font-size:14px}.btn-sync-empty{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#1877f2;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-sync-empty:hover{background:#1565d8}.lead-detail-panel{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.lead-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.lead-detail-info{display:flex;align-items:center;gap:14px}.lead-detail-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;display:flex;align-items:center;justify-content:center}.lead-detail-info h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:#111827}.lead-detail-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.lead-detail-actions{display:flex;align-items:center;gap:10px}.status-select-detail{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid;cursor:pointer}.status-select-detail:focus{outline:none}.btn-icon-delete{width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.lead-detail-content{flex:1;overflow-y:auto;padding:24px}.lead-detail-section{background:#f9fafb;border-radius:12px;padding:16px 20px;margin-bottom:16px}.lead-detail-section h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin:0 0 14px}.lead-detail-section h4 svg{color:#9ca3af}.lead-detail-fields{display:flex;flex-direction:column;gap:12px}.lead-field{display:flex;align-items:center;gap:12px}.lead-field .field-icon{color:#9ca3af;flex-shrink:0}.lead-field .field-label{font-size:13px;color:#6b7280;min-width:100px}.lead-field .field-value{font-size:14px;color:#111827;font-weight:500}.lead-field .field-value.link{color:#1877f2;text-decoration:none;transition:color .2s}.lead-field .field-value.link:hover{color:#1565d8;text-decoration:underline}.no-data{font-size:13px;color:#9ca3af;font-style:italic;margin:0}.lead-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.lead-detail-empty .empty-icon{color:#d1d5db;margin-bottom:16px}.lead-detail-empty h3{margin:0 0 8px;font-size:1.1rem;color:#374151}.lead-detail-empty p{margin:0;font-size:14px}@media(max-width:900px){.leads-list-panel{width:320px;min-width:320px}}@media(max-width:768px){.leads-page{flex-direction:column}.leads-list-panel{width:100%;min-width:100%;max-height:50vh}.lead-detail-panel{border-top:1px solid #e5e7eb}}.knowledge-base-page{width:100%;max-width:100%;padding:var(--spacing-lg) var(--spacing-lg) 40px var(--spacing-lg);overflow-y:auto;height:100%}.page-header{margin-bottom:24px}.page-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.page-header .text-muted{color:#6b7280;margin:0}.kb-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;padding-bottom:0}.kb-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:-2px}.kb-tab:hover{color:#374151;background:#f9fafb;border-radius:8px 8px 0 0}.kb-tab.active{color:#ef4444;border-bottom-color:#ef4444;background:#fef2f2;border-radius:8px 8px 0 0}.kb-tab svg{flex-shrink:0}.kb-add-form{padding:24px}.kb-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.kb-upload-area{padding:24px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed #d1d5db;border-radius:12px;background:#fafafa;text-align:center;transition:all .2s}.upload-dropzone:hover{border-color:#ef4444;background:#fef2f2}.upload-dropzone h3{margin:0 0 8px;color:#374151;font-size:1.125rem}.upload-dropzone p{margin:0;color:#6b7280;font-size:.875rem}.upload-btn{cursor:pointer;display:flex;align-items:center;gap:8px}.kb-file-list{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.kb-file-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.kb-file-item:last-child{margin-bottom:0}.kb-file-item .kb-entry-icon{width:32px;height:32px;border-radius:6px}.kb-file-item .kb-entry-info{display:flex;flex-direction:column;gap:2px}.kb-file-name{font-weight:500;color:#374151;font-size:.875rem}.kb-entries{display:flex;flex-direction:column;gap:16px}.kb-entry{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s}.kb-entry:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.kb-entry-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.kb-entry-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#ef4444,#f97316);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.kb-entry-info{flex:1}.kb-entry-info h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#111827}.kb-entry-meta{font-size:.75rem;color:#9ca3af}.kb-entry-content{font-size:.875rem;color:#4b5563;line-height:1.7;background:#f9fafb;padding:16px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-height:150px;overflow:hidden;transition:max-height .3s ease}.kb-entry-content.expanded{max-height:none;overflow-y:auto}.kb-entry-content .expand-toggle{color:#ef4444;font-weight:500;margin-left:4px}.kb-entry-content:hover .expand-toggle{text-decoration:underline}.kb-entry-content::-webkit-scrollbar{width:8px}.kb-entry-content::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.kb-entry-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.kb-entry-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.empty-kb{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.empty-kb h3{margin:16px 0 8px;color:#374151}.empty-kb p{margin:0;max-width:400px}.company-info-form{padding:24px}.company-logo-section{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.logo-preview{width:120px;height:120px;border-radius:12px;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f9fafb}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9ca3af}.logo-placeholder span{font-size:.75rem;font-weight:500}.logo-actions{display:flex;flex-direction:column;gap:8px}.upload-logo-btn{cursor:pointer}.btn-danger-outline{color:#ef4444!important;border-color:#fecaca!important}.btn-danger-outline:hover{background:#fef2f2!important}.company-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}@media(max-width:768px){.company-form-grid{grid-template-columns:1fr}.company-logo-section{flex-direction:column;align-items:flex-start}}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-icon.btn-danger:hover{background-color:#f443361a;color:var(--danger)}.loading,.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.emails-page{display:flex;height:calc(100vh + -0px);background:#f9fafb;overflow:hidden}.emails-list-panel{width:380px;min-width:380px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;position:relative}.emails-list-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.emails-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.emails-header-top h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:#111827;margin:0}.emails-header-top h2 svg{color:#ef4444}.emails-header-actions{display:flex;gap:8px}.btn-icon-small{width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-small:hover{background:#f3f4f6;color:#ef4444;border-color:#ef4444}.btn-icon-small:disabled{opacity:.6;cursor:not-allowed}.btn-icon-small .spin{animation:spin 1s linear infinite}.btn-compose{width:36px;height:36px;border-radius:8px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-compose:hover{box-shadow:0 4px 12px #ef444466}.emails-search{position:relative}.emails-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.emails-search input{width:100%;padding:10px 12px 10px 38px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#f9fafb;transition:all .2s}.emails-search input:focus{outline:none;border-color:#ef4444;background:#fff;box-shadow:0 0 0 3px #ef44441a}.floating-bulk-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:100;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-bar-content{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(135deg,#1f2937,#111827);border-radius:16px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-bar-left{display:flex;align-items:center;gap:12px}.bulk-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ffffff1a;color:#9ca3af;cursor:pointer;border-radius:8px;transition:all .2s}.bulk-close-btn:hover{background:#fff3;color:#fff}.bulk-count{font-size:14px;color:#e5e7eb}.bulk-count strong{color:#fff;font-weight:700}.bulk-bar-actions{display:flex;align-items:center;gap:8px}.bulk-select-all-btn{padding:8px 14px;background:#ffffff1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.bulk-select-all-btn:hover{background:#ffffff26;color:#fff}.bulk-delete-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.bulk-delete-btn:hover{box-shadow:0 4px 12px #ef444480}.bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed}.email-item-selector{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:2}.email-item:hover .email-item-selector,.email-item.selection-mode .email-item-selector,.email-item-selector.checked{opacity:1}.selector-circle{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.selector-circle:hover{border-color:#ef4444;background:#fef2f2}.email-item-selector.checked .selector-circle{border-color:#ef4444;background:#ef4444;color:#fff}.email-item-selector.checked .selector-circle svg{width:12px;height:12px}.emails-items{flex:1;overflow-y:auto;position:relative}.email-item{display:flex;gap:12px;padding:14px 16px 14px 36px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .15s;position:relative}.email-item.selection-mode{padding-left:36px}.email-item.selected{background:linear-gradient(90deg,#fef2f2,#fff);border-left:3px solid #ef4444}.email-item:hover{background:#f9fafb}.email-item.active{background:#fef2f2;border-left:3px solid #ef4444}.email-item.unread{background:#fffbeb}.email-item.unread .email-item-sender,.email-item.unread .email-item-subject{font-weight:700}.email-item-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-item-content{flex:1;min-width:0}.email-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.email-item-sender{font-weight:600;color:#111827;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item.active .email-item-sender{color:#b91c1c}.email-item-time{font-size:11px;color:#9ca3af;flex-shrink:0}.email-item.unread .email-item-time{color:#ef4444;font-weight:600}.email-item-subject{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.email-item-preview{font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item-star{color:#d1d5db;cursor:pointer;padding:4px;flex-shrink:0;transition:color .2s}.email-item-star:hover,.email-item-star.starred{color:#f59e0b}.email-item-star.starred svg{fill:#f59e0b}.emails-loading,.emails-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280}.emails-loading svg,.emails-empty svg{color:#d1d5db;margin-bottom:12px}.emails-loading .spin{color:#ef4444}.emails-empty p,.emails-loading p{margin:0 0 12px;font-size:14px}.btn-sync{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-sync:hover{box-shadow:0 4px 12px #ef444466}.email-detail-panel{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.email-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.email-detail-info{display:flex;align-items:center;gap:14px}.email-detail-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626;display:flex;align-items:center;justify-content:center}.email-detail-meta h3{margin:0 0 2px;font-size:1rem;font-weight:700;color:#111827}.email-detail-address{font-size:13px;color:#6b7280}.email-detail-actions{display:flex;gap:8px}.btn-star,.btn-delete{width:40px;height:40px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-star:hover,.btn-star.starred{background:#fef3c7;color:#f59e0b;border-color:#fcd34d}.btn-star.starred svg{fill:#f59e0b}.btn-delete:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.email-messages{flex:1;overflow-y:auto;padding:20px 24px;background:#f9fafb}.email-message{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.email-message.incoming{border-left:3px solid #ef4444}.email-message.outgoing{border-left:3px solid #10b981;background:#f0fdf4}.email-message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.email-message-sender{display:flex;align-items:center;gap:10px}.sender-avatar{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center}.email-message.incoming .sender-avatar{background:#fef2f2;color:#ef4444}.email-message.outgoing .sender-avatar{background:#ecfdf5;color:#10b981}.sender-info{display:flex;flex-direction:column}.sender-name{font-size:14px;font-weight:600;color:#111827}.sender-email{font-size:12px;color:#6b7280}.email-message-time{font-size:12px;color:#9ca3af}.email-message-subject{font-size:14px;font-weight:600;color:#374151;padding:8px 12px;background:#f9fafb;border-radius:6px;margin-bottom:12px}.email-message-body{font-size:14px;line-height:1.7;color:#374151;white-space:pre-wrap}.email-reply-box{border-top:1px solid #e5e7eb;background:#fff}.reply-header{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f9fafb;font-size:13px;color:#6b7280;border-bottom:1px solid #e5e7eb}.reply-header svg{color:#9ca3af}.email-reply-box textarea{width:100%;min-height:100px;padding:16px 20px;border:none;font-size:14px;font-family:inherit;resize:none;outline:none;color:#111827}.email-reply-box textarea::placeholder{color:#9ca3af}.reply-footer{display:flex;justify-content:flex-end;padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-send{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-send:hover{box-shadow:0 4px 12px #ef444466}.btn-send:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.email-detail-empty,.emails-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.email-detail-empty svg{color:#d1d5db;margin-bottom:16px}.email-detail-empty h3{margin:0 0 8px;font-size:1.1rem;color:#374151}.email-detail-empty p{margin:0;font-size:14px}.compose-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.compose-modal{width:600px;max-width:90vw;max-height:80vh;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:modalSlide .2s ease-out}@keyframes modalSlide{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.compose-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px 12px 0 0}.compose-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.compose-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background .2s}.compose-close:hover{background:#fff3}.compose-body{flex:1;overflow-y:auto}.compose-row{display:flex;align-items:center;padding:10px 20px;border-bottom:1px solid #e5e7eb}.compose-row label{width:60px;font-size:13px;color:#6b7280;flex-shrink:0}.compose-row span{font-size:14px;color:#111827}.compose-row input{flex:1;border:none;font-size:14px;outline:none;color:#111827}.compose-row input::placeholder{color:#9ca3af}.compose-content{width:100%;min-height:200px;padding:16px 20px;border:none;font-size:14px;font-family:inherit;resize:none;outline:none;color:#111827}.compose-content::placeholder{color:#9ca3af}.compose-footer{padding:12px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start}.compose-send{display:flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.compose-send:hover{box-shadow:0 4px 12px #ef444466}.compose-send:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}@media(max-width:900px){.emails-list-panel{width:320px;min-width:320px}}@media(max-width:768px){.emails-page{flex-direction:column}.emails-list-panel{width:100%;min-width:100%;max-height:50vh}.email-detail-panel{border-top:1px solid #e5e7eb}}.analytics-page{padding:var(--spacing-xl);height:100%;overflow-y:auto;background-color:var(--bg-secondary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.date-filter-group{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-icon{color:var(--text-secondary)}.date-filter-select{border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;outline:none;min-width:120px}.date-filter-select:focus{outline:none}.custom-date-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.date-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.date-input:focus{outline:none;border-color:var(--primary)}.date-separator{color:var(--text-secondary);font-weight:500}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-left svg{color:var(--primary)}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-light)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn svg.spin{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid var(--border-color);transition:var(--transition)}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card.total .stat-icon{background:var(--primary-light);color:var(--primary)}.stat-card.positive .stat-icon{background:#dcfce7;color:#16a34a}.stat-card.negative .stat-icon{background:#fef2f2;color:#dc2626}.stat-card.conversion .stat-icon{background:#fef3c7;color:#d97706}.stat-card.messages .stat-icon{background:#dbeafe;color:#2563eb}.stat-card.leads .stat-icon{background:#fce7f3;color:#db2777}.stat-card.conversations .stat-icon{background:#e0e7ff;color:#4f46e5}.main-stats .stat-card{padding:var(--spacing-md) var(--spacing-lg)}.main-stats .stat-value{font-size:1.25rem}.main-stats .stat-icon{width:44px;height:44px}.secondary-stats{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.secondary-stats{grid-template-columns:1fr}}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.chart-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.chart-header svg{color:var(--primary)}.chart-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.status-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-bar-header{display:flex;align-items:center;gap:var(--spacing-sm)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-bar-header .status-label{flex:1;font-size:.8125rem;color:var(--text-secondary);font-weight:500}.status-bar-header .status-count{font-size:.875rem;font-weight:600;color:var(--text-primary)}.status-bar-track{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.status-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.channel-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.channel-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid;transition:var(--transition)}.channel-item:hover{background:var(--bg-tertiary)}.channel-icon{font-size:1rem}.channel-name{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}.channel-count{font-size:.875rem;font-weight:700;color:var(--text-primary)}.empty-channel{padding:var(--spacing-xl);text-align:center;color:var(--text-light);font-size:.875rem}.monthly-chart{margin-bottom:var(--spacing-lg)}.monthly-bars{display:flex;justify-content:space-between;align-items:flex-end;height:180px;padding:var(--spacing-md) 0;gap:var(--spacing-sm)}.monthly-bar-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1}.monthly-bar-container{height:140px;width:100%;max-width:48px;display:flex;align-items:flex-end;justify-content:center}.monthly-bar{width:100%;background:var(--primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs);transition:height .5s ease;min-height:16px}.monthly-count{font-size:.75rem;font-weight:700;color:#fff}.monthly-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.summary-table{overflow:hidden}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th,.analytics-table td{padding:var(--spacing-md);text-align:left}.analytics-table th{background:var(--bg-secondary);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.analytics-table td{border-bottom:1px solid var(--border-light);font-size:.875rem;color:var(--text-primary)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover td{background:var(--bg-secondary)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-sm)}.text-center{text-align:center!important}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.loading-state svg.spin{animation:spin 1s linear infinite;color:var(--primary)}.empty-state svg{color:var(--text-light)}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.empty-state p{color:var(--text-secondary);margin:0}.error-state{color:var(--danger)}.error-state .btn{margin-top:var(--spacing-sm)}.agent-performance-page{padding:var(--spacing-xl);height:100%;overflow-y:auto;background-color:var(--bg-secondary)}.agent-performance-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.agent-performance-page .header-left{display:flex;align-items:center;gap:var(--spacing-md)}.agent-performance-page .header-left svg{color:var(--primary)}.agent-performance-page .page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.agent-performance-page .header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.agent-performance-page .date-filter-group{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.agent-performance-page .filter-icon{color:var(--text-secondary)}.agent-performance-page .date-filter-select{border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;outline:none;min-width:120px}.agent-performance-page .custom-date-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.agent-performance-page .date-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary)}.agent-performance-page .date-input:focus{outline:none;border-color:var(--primary)}.agent-performance-page .date-separator{color:var(--text-secondary);font-weight:500}.agent-performance-page .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color)}.agent-performance-page .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.agent-performance-page .btn-primary:hover{background:var(--primary-dark)}.agent-performance-page .btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.agent-performance-page .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-light)}.agent-performance-page .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.agent-performance-page .btn svg.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-performance-page .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.agent-performance-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.agent-performance-page .stats-grid{grid-template-columns:1fr}}.agent-performance-page .stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid var(--border-color);transition:var(--transition)}.agent-performance-page .stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.agent-performance-page .stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-performance-page .stat-card.conversations .stat-icon{background:#dbeafe;color:#2563eb}.agent-performance-page .stat-card.resolved .stat-icon{background:#dcfce7;color:#16a34a}.agent-performance-page .stat-card.response-time .stat-icon{background:#fef3c7;color:#d97706}.agent-performance-page .stat-card.resolution-time .stat-icon{background:#fce7f3;color:#db2777}.agent-performance-page .stat-card.resolution-rate .stat-icon{background:#ede9fe;color:#7c3aed}.agent-performance-page .stats-grid.team-totals{grid-template-columns:repeat(5,1fr)}@media(max-width:1400px){.agent-performance-page .stats-grid.team-totals{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.agent-performance-page .stats-grid.team-totals{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.agent-performance-page .stats-grid.team-totals{grid-template-columns:1fr}}.agent-performance-page .stat-content{display:flex;flex-direction:column;gap:2px}.agent-performance-page .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.agent-performance-page .stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.agents-section{margin-top:var(--spacing-xl)}.section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.section-header svg{color:var(--primary)}.section-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;text-transform:uppercase;letter-spacing:.05em}.agent-count{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 12px;border-radius:20px}.agent-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}@media(max-width:640px){.agent-cards-grid{grid-template-columns:1fr}}.agent-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition);position:relative}.agent-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.agent-card.top-performer{border-color:#f59e0b;background:linear-gradient(145deg,#fffbeb,var(--bg-primary))}.agent-card.top-performer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.top-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.agent-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.agent-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#f97316);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;flex-shrink:0}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-info h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.agent-role{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.agent-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-box{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);transition:var(--transition)}.metric-box:hover{background:var(--bg-tertiary)}.metric-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.metric-icon.conversations{background:#dbeafe;color:#2563eb}.metric-icon.resolved{background:#dcfce7;color:#16a34a}.metric-icon.messages{background:#ede9fe;color:#7c3aed}.metric-icon.open{background:#fef3c7;color:#d97706}.metric-data{display:flex;flex-direction:column;align-items:center;gap:1px}.metric-data .metric-value{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.metric-data .metric-label{font-size:.6rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.agent-performance-stats{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.performance-stat{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem}.performance-stat svg{color:var(--text-light);flex-shrink:0}.performance-stat .stat-label{color:var(--text-secondary);font-weight:500}.performance-stat .stat-value{color:var(--text-primary);font-weight:600;margin-left:auto;font-size:.875rem}.performance-stat.resolution{flex-wrap:wrap}.resolution-bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-sm)}.resolution-bar{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;position:relative;overflow:hidden}.resolution-bar:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--width, 0%);background:var(--color, #10b981);border-radius:3px;transition:width .5s ease}.resolution-value{font-size:.75rem;font-weight:700;color:var(--text-primary);min-width:35px;text-align:right}.agent-performance-page .loading-state,.agent-performance-page .error-state,.agent-performance-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--text-secondary)}.agent-performance-page .loading-state svg.spin{animation:spin 1s linear infinite;color:var(--primary)}.empty-agents{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.empty-agents svg{color:var(--text-light)}.empty-agents h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.empty-agents p{font-size:.875rem;color:var(--text-secondary);margin:0;text-align:center}.agent-performance-page .error-state{color:var(--danger)}.agent-performance-page .error-state .btn{margin-top:var(--spacing-sm)}.calendar-page{display:flex;gap:24px;padding:24px;background:var(--bg-secondary);min-height:100vh}.calendar-main{flex:1;min-width:0}.upcoming-sidebar{width:280px;min-width:280px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:fit-content;position:sticky;top:24px}.upcoming-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.upcoming-header h3{margin:0;font-size:15px;font-weight:600}.upcoming-header svg{opacity:.9}.upcoming-list{padding:12px;display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.upcoming-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#9ca3af;text-align:center}.upcoming-empty svg{margin-bottom:12px;opacity:.5}.upcoming-empty p{margin:0;font-size:14px}.upcoming-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.upcoming-item:hover{background:#f3f4f6;transform:translate(4px)}.upcoming-date-badge{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:6px 8px;background:#fff;border-radius:6px;box-shadow:0 1px 2px #0000000d}.upcoming-day{font-size:11px;font-weight:600;color:#ef4444;text-transform:uppercase}.upcoming-time{font-size:12px;font-weight:500;color:#374151}.upcoming-info{flex:1;min-width:0}.upcoming-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-contact{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.upcoming-agent{display:block;font-size:11px;color:#9ca3af;margin-top:2px}.upcoming-color-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.upcoming-toggle{padding:12px 16px;border-bottom:1px solid #e5e7eb}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#4b5563}.toggle-label input[type=checkbox]{display:none}.toggle-slider{width:36px;height:20px;background:#ef4444;border-radius:10px;position:relative;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-label input:checked+.toggle-slider{background:#22c55e}.toggle-label input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-text{-webkit-user-select:none;user-select:none}.upcoming-item.completed{opacity:.7;background:#f0fdf4}.upcoming-item.completed h4{text-decoration:line-through;color:#6b7280}.upcoming-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px;border-radius:4px;margin-bottom:4px}.upcoming-status.completed{background:#d1fae5;color:#059669}@media(max-width:1200px){.calendar-page{flex-direction:column}.upcoming-sidebar{width:100%;min-width:100%}.upcoming-list{flex-direction:row;flex-wrap:wrap;max-height:none}.upcoming-item{flex:1;min-width:200px}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.calendar-title{display:flex;align-items:center;gap:12px}.calendar-title h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.calendar-title svg{color:var(--primary)}.calendar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.agent-filter{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;min-width:160px}.nav-buttons{display:flex;align-items:center;gap:4px}.nav-buttons button{padding:8px 12px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s}.nav-buttons button:first-child{border-radius:8px 0 0 8px}.nav-buttons button:last-child{border-radius:0 8px 8px 0}.nav-buttons button:hover{background:var(--bg-secondary)}.today-btn{font-weight:500}.current-month{font-size:18px;font-weight:600;color:var(--text-primary);min-width:160px}.add-appointment-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-appointment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.calendar-grid{background:var(--bg-primary);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.weekday{padding:12px;text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:120px;padding:8px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#ef444405}.calendar-day.other-month{background:var(--bg-secondary)}.calendar-day.other-month .day-number{color:var(--text-muted)}.calendar-day.today{background:#ef44440d}.calendar-day.today .day-number{background:#ef4444;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.day-number{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.day-appointments{display:flex;flex-direction:column;gap:2px}.appointment-pill-wrapper{position:relative}.appointment-pill{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;font-size:11px;color:#fff;cursor:pointer;transition:all .2s;overflow:hidden}.appointment-pill:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.appointment-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(8px);width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.appointment-pill-wrapper:hover .appointment-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(12px)}.appointment-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:2px;transform:translateY(-50%) rotate(45deg);box-shadow:-2px 2px 4px #0000000d}.tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-left:4px solid;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.tooltip-header h4{margin:0 8px 0 0;font-size:14px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tooltip-status{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.tooltip-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.tooltip-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#4b5563}.tooltip-row svg{color:#9ca3af;flex-shrink:0}.tooltip-agent{padding:6px 10px;background:#f3f4f6;border-radius:6px;margin-top:4px}.tooltip-agent svg{color:#ef4444}.tooltip-notes{display:flex;gap:10px;font-size:12px;color:#6b7280;padding:10px;background:#fefce8;border-radius:6px;border-left:3px solid #f59e0b;margin-top:4px}.tooltip-notes svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.tooltip-notes span{line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendar-day:nth-child(7n-1) .appointment-tooltip,.calendar-day:nth-child(7n) .appointment-tooltip{left:auto;right:100%;transform:translateY(-50%) translate(-8px)}.calendar-day:nth-child(7n-1) .appointment-pill-wrapper:hover .appointment-tooltip,.calendar-day:nth-child(7n) .appointment-pill-wrapper:hover .appointment-tooltip{transform:translateY(-50%) translate(-12px)}.calendar-day:nth-child(7n-1) .appointment-tooltip:before,.calendar-day:nth-child(7n) .appointment-tooltip:before{left:auto;right:-6px;box-shadow:2px -2px 4px #0000000d}.apt-time{font-weight:600;flex-shrink:0}.apt-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-appointments{font-size:11px;color:var(--text-secondary);padding:2px 6px}.appointment-modal{max-width:540px}.appointment-modal .modal-body{max-height:70vh;overflow-y:auto}.form-divider{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.appointment-modal .custom-select-wrapper{position:relative!important;display:flex!important;align-items:center!important;background:linear-gradient(145deg,#fff,#f8fafc)!important;border:2px solid #e2e8f0!important;border-radius:12px!important;padding:0!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc!important}.appointment-modal .custom-select-wrapper:hover{border-color:#ef4444!important;box-shadow:0 4px 20px #ef444426,inset 0 1px #fffc!important}.appointment-modal .custom-select-wrapper:focus-within{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441f,0 4px 20px #ef444426!important}.appointment-modal .custom-select-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;color:#ef4444!important;border-right:2px solid #fecaca!important;flex-shrink:0!important}.appointment-modal .custom-select-status-dot{width:14px!important;height:14px!important;border-radius:50%!important;margin-left:16px!important;flex-shrink:0!important;box-shadow:0 0 12px currentColor,inset 0 1px 2px #ffffff80!important;animation:pulse-dot 2s ease-in-out infinite!important}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.appointment-modal .custom-select-wrapper select.custom-select{flex:1!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:transparent!important;border:none!important;padding:14px 44px 14px 14px!important;font-size:14px!important;font-weight:600!important;color:#1f2937!important;cursor:pointer!important;outline:none!important;min-height:48px!important;width:100%!important;line-height:1.4!important}.appointment-modal .custom-select-wrapper select.custom-select option{background:#fff!important;color:#1f2937!important;padding:12px!important;font-weight:500!important}.appointment-modal .custom-select-arrow{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-radius:8px!important;color:#ef4444!important;pointer-events:none!important;transition:all .3s ease!important;box-shadow:0 2px 4px #ef444426!important}.appointment-modal .custom-select-wrapper:hover .custom-select-arrow{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;transform:translateY(-50%) scale(1.08)!important;box-shadow:0 3px 8px #ef444440!important}.appointment-modal .custom-select-wrapper.status-select .custom-select{padding-left:14px!important}.conflict-warning{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px}.conflict-warning svg{color:#f59e0b;flex-shrink:0}.conflict-info{flex:1}.conflict-info strong{display:block;color:#92400e;margin-bottom:4px}.conflict-info p{font-size:13px;color:#78350f;margin:0 0 12px}.suggestion-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.suggestion-btn:hover{background:#059669}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.modal-actions .btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.modal-actions .btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.modal-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-actions .btn-secondary:hover{background:var(--bg-tertiary)}.modal-actions .btn-danger{background:transparent;color:#ef4444;border:1px solid #ef4444;margin-right:auto}.modal-actions .btn-danger:hover{background:#fef2f2}@media(max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start}.calendar-controls{width:100%;justify-content:space-between}.calendar-day{min-height:80px;padding:4px}.appointment-pill{font-size:10px;padding:2px 4px}.form-row{grid-template-columns:1fr}}.automations-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background:#fff;overflow:hidden}.automations-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.automations-header h1{font-size:24px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:10px}.automations-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tab-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;background:none;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;position:relative;transition:all .2s}.tab-btn:hover{color:#1f2937}.tab-btn.active{color:#ef4444;font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ef4444}.tab-btn svg{width:18px;height:18px}.automations-content{flex:1;overflow-y:auto;padding:24px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;position:relative;display:flex;flex-direction:column;min-height:280px}.template-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-info{flex:1;min-width:0}.template-name{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-id{font-size:11px;color:#9ca3af;font-family:Monaco,Menlo,monospace}.template-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;flex-shrink:0}.template-status.approved{background:#fef2f2;color:#dc2626}.template-status.pending{background:#fef3c7;color:#d97706}.template-status.rejected{background:#f3f4f6;color:#6b7280}.template-tags{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.template-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:6px;font-size:11px;color:#6b7280;font-weight:500}.template-tag.media{background:#fef2f2;color:#dc2626}.template-body{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:12px;flex:1;min-height:80px}.template-body p{margin:0;font-size:13px;color:#4b5563;line-height:1.5;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-meta{display:flex;gap:12px;font-size:12px;color:#6b7280;margin-bottom:12px}.template-meta span{display:flex;align-items:center;gap:4px}.template-meta svg{width:14px;height:14px}.template-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:auto}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.automation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s;display:flex;flex-direction:column;min-height:200px}.automation-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.automation-card.inactive{opacity:.6}.automation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.automation-name{font-size:15px;font-weight:600;color:#1f2937;margin:0}.automation-toggle{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:24px;cursor:pointer;transition:background .2s}.automation-toggle.active{background:#ef4444}.automation-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.automation-toggle.active:after{transform:translate(20px)}.automation-flow{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.flow-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500}.flow-item.trigger{background:#fef2f2;color:#dc2626}.flow-item.action{background:#fef2f2;color:#b91c1c}.flow-arrow{color:#9ca3af}.automation-description{font-size:13px;color:#6b7280;margin-bottom:16px;line-height:1.5;flex:1}.automation-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:auto}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#ef4444;color:#fff}.btn-primary:hover{background:#dc2626}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-success{background:#ef4444;color:#fff}.btn-success:hover{background:#dc2626}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.btn-sm{padding:6px 10px;font-size:12px}.btn-icon{padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-icon svg{flex-shrink:0}.btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{font-size:11px;color:#6b7280;margin-top:4px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.empty-state{text-align:center;padding:60px 24px;color:#6b7280;grid-column:1 / -1}.empty-state .icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{margin:0 0 20px;font-size:14px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:60px}.spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite}.send-template-modal .contact-search{position:relative}.send-template-modal .contact-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10;margin-top:4px}.send-template-modal .contact-result-item{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6;font-size:13px}.send-template-modal .contact-result-item:hover{background:#f9fafb}.send-template-modal .contact-result-item:last-child{border-bottom:none}.send-template-modal .selected-contact{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.send-template-modal .selected-contact .remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s}.send-template-modal .selected-contact .remove-btn:hover{background:#dc26261a}.variables-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:16px}.variables-section h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#374151}.variable-input{margin-bottom:10px}.variable-input:last-child{margin-bottom:0}.variable-input label{font-size:12px;color:#6b7280;display:block;margin-bottom:4px}.variable-input input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.variable-input input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}@media(max-width:768px){.automations-header{flex-direction:column;gap:16px;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.templates-grid,.automations-grid,.form-row{grid-template-columns:1fr}.automations-tabs{overflow-x:auto}.tab-btn{white-space:nowrap;padding:12px 16px}}.web-forms-page{display:flex;flex-direction:column;height:calc(100vh - 60px);background:#fff;overflow:hidden}.web-forms-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.web-forms-header-left h1{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:10px}.web-forms-header-left p{font-size:14px;color:#6b7280;margin:0}.header-actions{display:flex;gap:10px}.web-forms-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.tab-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s}.tab-btn:hover{color:#1f2937;background:#f3f4f6}.tab-btn.active{color:#dc2626;border-bottom-color:#dc2626;background:#fff}.tab-badge{background:#e5e7eb;color:#6b7280;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.tab-btn.active .tab-badge{background:#fee2e2;color:#dc2626}.web-forms-content{flex:1;overflow-y:auto;padding:24px;background:#f9fafb}.webhooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.webhook-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s;display:flex;flex-direction:column;min-height:200px}.webhook-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.webhook-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.webhook-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.webhook-site-url{font-size:13px;color:#6b7280;margin:0;font-weight:400}.webhook-actions{display:flex;gap:8px}.btn-icon{padding:6px;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#e5e7eb;color:#1f2937}.btn-icon-danger{padding:6px;background:#fee2e2;border:none;border-radius:6px;cursor:pointer;color:#dc2626;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon-danger:hover{background:#fecaca}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;margin-bottom:16px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.warning{background:#fef3c7;color:#92400e}.webhook-url,.webhook-token{margin-bottom:16px}.webhook-url label,.webhook-token label{display:block;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:6px}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1f2937;background:#f9fafb;font-family:Monaco,Courier New,monospace}.btn-copy{padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-copy:hover{background:#e5e7eb;color:#1f2937}.integration-code{margin-top:auto;padding-top:16px;border-top:1px solid #e5e7eb}.integration-code summary{font-size:14px;font-weight:500;color:#dc2626;cursor:pointer;padding:8px 0;list-style:none;display:flex;align-items:center;gap:6px}.integration-code summary:hover{color:#b91c1c}.integration-code summary:before{content:"▶";display:inline-block;transition:transform .2s}.integration-code[open] summary:before{transform:rotate(90deg)}.integration-code pre{margin:12px 0 0;padding:16px;background:#1f2937;color:#f9fafb;border-radius:6px;font-size:12px;overflow-x:auto;max-height:400px;overflow-y:auto;font-family:Monaco,Courier New,monospace;line-height:1.6}.btn-copy-code{width:100%;padding:8px;margin-top:8px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-copy-code:hover{background:#b91c1c}.submissions-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.submissions-table table{width:100%;border-collapse:collapse}.submissions-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.submissions-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase}.submissions-table td{padding:12px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6}.submissions-table tbody tr:hover{background:#f9fafb}.status-select{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1f2937;background:#fff;cursor:pointer}.btn-view{padding:6px 10px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s;display:inline-flex;align-items:center;gap:4px;font-size:13px}.btn-view:hover{background:#e5e7eb;color:#1f2937}.btn-delete{padding:6px 10px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;color:#dc2626;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fecaca;color:#b91c1c}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal h2{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{background:#b91c1c}.btn-secondary{padding:10px 20px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;color:#6b7280}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{margin:0 auto 16px;color:#d1d5db}.empty-state h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 20px}.auto-mapping-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:12px;margin-bottom:20px;display:flex;gap:10px;font-size:13px;color:#1e40af;line-height:1.5}.auto-mapping-info svg{flex-shrink:0;margin-top:2px}.integration-code pre{white-space:pre-wrap;word-wrap:break-word}.elementor-step{background:#f9fafb;border-left:3px solid #dc2626;padding:8px 12px;margin:8px 0;border-radius:4px}.elementor-url-highlight{background:#fef3c7;padding:2px 6px;border-radius:3px;font-weight:600;color:#92400e}@media(max-width:768px){.webhooks-grid{grid-template-columns:1fr}.web-forms-header{flex-direction:column;align-items:flex-start;gap:16px}.submissions-table{overflow-x:auto}}.admin-layout{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.admin-sidebar{width:260px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:16px;border-bottom:1px solid #f3f4f6;position:relative}.business-selector{display:flex;align-items:center;gap:12px;padding:4px}.business-avatar-box{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#fff;flex-shrink:0}.business-initials{font-weight:700;font-size:14px;color:#111827}.business-info{flex:1;min-width:0}.business-name{font-size:14px;font-weight:700;color:#111827;margin:0}.business-id{font-size:12px;color:#6b7280;margin-top:2px}.sidebar-content{flex:1;padding:24px 16px;overflow-y:auto}.sidebar-section{margin-bottom:24px}.section-title{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#374151;font-size:14px;font-weight:500;transition:all .2s ease}.sidebar-nav-item:hover{background-color:#f9fafb;color:#111827}.sidebar-nav-item.active{background-color:#fef2f2;color:#dc2626}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-item.active .nav-icon{color:#dc2626}.sidebar-footer{padding:16px;border-top:1px solid #f3f4f6}.logout-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#ef4444;transition:all .2s ease}.logout-button:hover{background-color:#fef2f2}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.admin-header{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:90}.header-title h2{font-size:18px;font-weight:700;color:#111827;margin:0}.content-area{padding:24px;flex:1;overflow-y:auto;height:calc(100vh - 64px)}@media(max-width:768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.mobile-only{display:block!important}}.mobile-only{display:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-info h3{margin:0;font-size:.875rem;color:#64748b;font-weight:500}.stat-info p{margin:4px 0 0;font-size:1.5rem;font-weight:700;color:#0f172a}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.table-header h2{margin:0;font-size:1.1rem;color:#0f172a}.admin-table th{background:#f8fafc;text-align:left;padding:.75rem 1.5rem;font-size:.875rem;color:#64748b;font-weight:600}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#334155}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#64748b}@media(max-width:768px){.mobile-only{display:block;background:none;border:none;cursor:pointer;color:#64748b}.admin-sidebar{position:fixed;left:-260px;height:100%;box-shadow:4px 0 24px #0000001a}.admin-sidebar.open{transform:translate(260px)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:90}.admin-header{padding:0 1rem}.content-area{padding:1rem}}.dropdown-arrow{margin-left:auto;color:#9ca3af;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.workspace-dropdown{position:absolute;top:calc(100% + 8px);left:16px;right:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-label{padding:12px 16px 8px;font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.05em;background:#f9fafb}.dropdown-list{max-height:300px;overflow-y:auto;padding:8px}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item.active{background-color:#fef2f2}.dropdown-item.system{border-bottom:1px solid #e5e7eb;margin-bottom:8px;padding-bottom:12px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#1e293b,#334155);cursor:pointer;pointer-events:auto}.dropdown-item.system:hover{background:linear-gradient(135deg,#334155,#475569)}.dropdown-item.system .item-name{color:#fff;font-weight:600}.item-avatar{width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#374151;flex-shrink:0}.dropdown-item.active .item-avatar{background:#fee2e2;border-color:#fecaca;color:#dc2626}.dropdown-item.system .item-avatar{background:#0f172a;color:#fff;border-color:#475569}.item-name{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item.active .item-name{color:#dc2626}.admin-dashboard{padding:0}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:15px}.filters-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.search-container{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;flex:1;max-width:400px}.search-input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.btn-brand{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-brand:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.workspace-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s;padding:20px}.workspace-card:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.workspace-card-main{padding:20px;cursor:pointer;transition:background .2s}.workspace-card-main:hover{background:#fef2f2}.workspace-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.workspace-icon{width:48px;height:48px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ef4444}.workspace-card .delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.workspace-card .delete-btn:hover{background:#fef2f2;color:#ef4444}.workspace-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 12px}.sub-workspaces-toggle{padding:12px 16px;background:linear-gradient(135deg,#fef2f2,#fff1f2);border-top:1px solid #fecaca;cursor:pointer;transition:all .2s}.sub-workspaces-toggle:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.sub-workspaces-toggle .toggle-content{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:13px;font-weight:600}.sub-workspaces-toggle .toggle-content svg{transition:transform .2s}.sub-workspaces-inside{background:#fff;border-top:1px solid #fee2e2;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sub-workspace-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:all .2s;border-bottom:1px solid #eeeeee;border-left:3px solid #ef4444!important;background:#fff}.sub-workspace-item:last-child{border-bottom:none;border-radius:0 0 12px 12px}.sub-workspace-item:hover{background:linear-gradient(90deg,#fef2f2,#fff);padding-left:20px}.sub-workspace-icon{width:36px;height:36px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0;box-shadow:0 2px 4px #ef44441a}.sub-workspace-info{flex:1;min-width:0}.sub-workspace-name{display:block;font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-workspace-stats{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;margin-top:3px}.sub-workspace-stats:before{content:"";display:inline-block;width:4px;height:4px;background:#ef4444;border-radius:50%;margin-right:4px}.delete-btn-small{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;opacity:0}.sub-workspace-item:hover .delete-btn-small{opacity:1}.delete-btn-small:hover{background:#fef2f2;color:#ef4444}.workspace-switch-btn{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.workspace-switch-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.switch-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.switch-btn:hover{background:#dc2626;transform:scale(1.05)}.workspace-stats{display:flex;gap:16px;margin-bottom:12px}.ws-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.workspace-owner{font-size:12px;color:#94a3b8;padding-top:12px;border-top:1px solid #f1f5f9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.sub-workspace-limit-card{margin-bottom:24px;border:1px solid #fecaca;background:linear-gradient(135deg,#fff,#fef2f2)}.sub-workspace-limit-card .card-header h2{color:#dc2626}.limit-setting{padding:20px}.limit-description{color:#64748b;font-size:14px;margin-bottom:16px;line-height:1.5}.limit-description strong{color:#1e293b}.limit-input-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.limit-input-group label{font-weight:500;color:#374151;font-size:14px}.limit-input{width:100px;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-weight:600;text-align:center;transition:all .2s}.limit-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.limit-hint{font-size:12px;color:#9ca3af}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:13px;font-weight:500;color:#64748b;margin:0 0 4px}.stat-info p{font-size:24px;font-weight:700;color:#1e293b;margin:0}.workspace-detail-header{margin-bottom:24px}.back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:12px;transition:color .2s}.back-btn:hover{color:#3b82f6}.workspace-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-title{display:flex;align-items:center;gap:12px}.workspace-title h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.workspace-title svg{color:#ef4444}.workspace-actions{display:flex;gap:12px}.btn-icon-text{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.btn-icon-text:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-icon-text.danger{color:#dc2626}.btn-icon-text.danger:hover{background:#fef2f2;border-color:#fecaca}.data-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:24px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.card-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 24px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-table td{padding:16px 24px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:#f8fafc}.user-identity{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.role-select{padding:6px 28px 6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;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='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.role-select.owner{background-color:#dcfce7;color:#16a34a}.role-select.agent{background-color:#eff6ff;color:#3b82f6}.action-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#94a3b8;transition:all .2s}.action-btn:hover{background:#f1f5f9}.action-btn.delete:hover{background:#fef2f2;color:#ef4444}.empty-state p{font-size:15px;margin-bottom:16px}.premium-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.premium-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003}.modal-header{padding:24px 24px 0}.modal-header h2{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 4px}.modal-header p{font-size:14px;color:#64748b;margin:0}.premium-form{padding:24px}.form-field{margin-bottom:20px}.form-field:last-of-type{margin-bottom:0}.form-field label{display:block;font-size:14px;font-weight:500;color:#334155;margin-bottom:8px}.premium-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s;box-sizing:border-box}.premium-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 16px 16px;margin-top:24px}.btn-premium-secondary{padding:10px 20px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.btn-premium-secondary:hover{background:#f1f5f9}.btn-premium-primary{padding:10px 20px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-premium-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.premium-alert{margin:16px 24px 0;padding:12px 16px;border-radius:10px;font-size:14px}.premium-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media(max-width:768px){.filters-bar{flex-direction:column;align-items:stretch}.search-container{max-width:none}.workspace-title-row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}}.form-hint{font-size:13px;color:#64748b;margin:0;padding:8px 0}.header-buttons{display:flex;gap:12px}.btn-secondary-sm{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.btn-secondary-sm:hover{background:#f1f5f9;border-color:#cbd5e1}.ai-usage-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px!important;box-shadow:0 1px 3px #0000000d}.ai-usage-card .card-header{background:linear-gradient(135deg,#fef3f2,#fff5f5);border-bottom:1px solid #fecaca;padding:16px 20px;border-radius:12px 12px 0 0}.ai-usage-card .card-header h2{margin:0;font-size:16px;font-weight:600;color:#1e293b}.ai-usage-content{padding:20px}.ai-usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.ai-stat{display:flex;flex-direction:column;gap:6px;text-align:center}.ai-stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ai-stat-value{font-size:22px;font-weight:700;color:#1e293b}.ai-plan-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ai-plan-badge.free{background:#f1f5f9;color:#64748b}.ai-plan-badge.basic{background:#dbeafe;color:#2563eb}.ai-plan-badge.pro{background:#fef3c7;color:#d97706}.ai-plan-badge.unlimited{background:#dcfce7;color:#16a34a}.ai-usage-bar-container{width:100%;height:14px;background:#e2e8f0;border-radius:7px;overflow:hidden;margin-bottom:8px}.ai-usage-bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:7px;transition:width .3s ease}.ai-usage-bar.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.ai-usage-bar.exceeded{background:linear-gradient(90deg,#ef4444,#dc2626)}.ai-usage-percentage{font-size:13px;color:#64748b;margin-bottom:24px;text-align:center}.ai-limit-settings{display:flex;flex-direction:column;gap:16px;padding:20px;background:#fafafa;border-radius:10px;border:1px solid #e2e8f0}.limit-setting-row{display:flex;align-items:center;gap:16px}.limit-setting-row label{font-size:14px;font-weight:600;color:#374151;min-width:110px}.ai-limit-settings .limit-input{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:120px;background:#fff}.ai-limit-settings .limit-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.plan-select{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:200px}.plan-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.ai-expires-info{font-size:13px;color:#f59e0b;font-weight:600;padding:8px 12px;background:#fffbeb;border-radius:6px;border:1px solid #fde68a}.btn-reset-counter{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;align-self:flex-start;margin-top:8px}.btn-reset-counter:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.no-data{color:#94a3b8;font-size:14px;text-align:center;padding:40px 20px}@media(max-width:768px){.ai-usage-stats{grid-template-columns:1fr;gap:12px}.limit-setting-row{flex-direction:column;align-items:flex-start;gap:8px}.limit-setting-row label{min-width:auto}.plan-select,.ai-limit-settings .limit-input{width:100%}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header h1{font-size:28px;font-weight:700;color:#111827;margin:0}.dashboard-header .subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.search-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;margin-bottom:24px;max-width:400px}.search-bar input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.search-bar svg{color:#94a3b8}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.company-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .2s ease}.company-card:hover{border-color:#ef4444;box-shadow:0 8px 24px #ef44441f}.company-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.company-avatar{width:48px;height:48px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.company-info{flex:1;min-width:0}.company-info h3{margin:0;font-size:16px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-info .owner-name{margin:2px 0 0;font-size:13px;color:#64748b}.company-stats{display:flex;gap:16px;margin-bottom:16px}.company-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.company-stat svg{color:#94a3b8}.workspaces-preview{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;margin-bottom:16px;overflow:hidden}.preview-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:600;color:#fff;transition:background .2s}.preview-header:hover{background:#0000001a}.preview-header svg{color:#fff}.preview-list{border-top:1px solid rgba(255,255,255,.2);background:#ffffff26}.preview-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 32px;font-size:13px;font-weight:500;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.preview-item:last-child{border-bottom:none}.preview-item .btn-mini{color:#fff;opacity:.8}.preview-item .btn-mini:hover{background:#fff3;opacity:1}.btn-mini{padding:4px 6px;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:4px;transition:all .2s}.btn-mini:hover{background:#e2e8f0;color:#374151}.company-card-actions{display:flex;gap:8px}.company-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px}.info-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:#64748b;min-width:140px}.info-value{font-size:14px;color:#111827;font-weight:500;display:flex;align-items:center;gap:10px}.ai-limit-text{font-size:13px;color:#64748b;font-weight:400}.subscription-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.subscription-badge.free{background:#f1f5f9;color:#64748b}.subscription-badge.basic{background:#fef2f2;color:#dc2626}.subscription-badge.pro{background:#fecaca;color:#b91c1c}.subscription-badge.unlimited{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;text-align:center}.empty-state.full-width{grid-column:1 / -1}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:18px;color:#64748b}.empty-state p{margin:0;font-size:14px}.company-detail .workspace-card,.admin-dashboard .workspaces-grid .workspace-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.company-detail .workspace-card:hover,.admin-dashboard .workspaces-grid .workspace-card:hover{border-color:#ef4444;box-shadow:0 4px 12px #ef44441a}.workspace-card .workspace-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.workspace-card .workspace-card-header svg{color:#ef4444;flex-shrink:0}.workspace-card .workspace-card-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.workspace-card-stats{display:flex;gap:16px;margin-bottom:16px}.mini-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.mini-stat svg{color:#ef4444;opacity:.7}.workspace-card .workspace-card-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:6px 12px;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary svg{color:#fff!important}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-sm.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-sm.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-sm.btn-secondary{background:#f1f5f9;color:#374151}.btn-sm.btn-secondary:hover{background:#e2e8f0}.btn-sm.btn-success{background:#10b981;color:#fff}.btn-sm.btn-success:hover{background:#059669}.btn-sm.btn-danger{background:#fee2e2;color:#dc2626}.btn-sm.btn-danger:hover{background:#fecaca}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-top:24px}.section-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;color:#111827}.section-header h2 svg{color:#ef4444}.workspace-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-card svg{color:#ef4444}.stat-card .stat-value{display:block;font-size:24px;font-weight:700;color:#111827}.stat-card .stat-label{display:block;font-size:13px;color:#64748b}.ai-usage-card{background:linear-gradient(135deg,#fef2f2,#fff);border:1px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px}.ai-usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ai-usage-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.ai-usage-stats{display:flex;gap:32px}.ai-stat{display:flex;flex-direction:column}.ai-stat-value{font-size:28px;font-weight:700;color:#111827}.ai-stat-label{font-size:12px;color:#64748b;text-transform:uppercase}.members-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.members-table table{width:100%;border-collapse:collapse}.members-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.members-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f1f5f9}.members-table tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}.role-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.role-select:focus{outline:none;border-color:#ef4444}.unassigned-workspaces-section{margin-top:40px;padding-top:32px;border-top:2px dashed #e2e8f0}.section-description{color:#64748b;font-size:14px;margin:-8px 0 20px}.unassigned-workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.unassigned-workspace-card{background:#fffbeb;border:2px dashed #fbbf24;border-radius:12px;padding:20px;transition:all .2s ease}.unassigned-workspace-card:hover{border-color:#f59e0b;background:#fef3c7}.unassigned-workspace-card .workspace-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.unassigned-workspace-card .workspace-card-header svg{color:#f59e0b}.unassigned-workspace-card .workspace-card-header h3{margin:0;font-size:16px;font-weight:600;color:#92400e}.unassigned-workspace-card .workspace-card-stats{display:flex;gap:16px;margin-bottom:16px}.unassigned-workspace-card .mini-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#92400e}.unassigned-workspace-card .workspace-card-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-description{color:#64748b;font-size:14px;margin-bottom:20px}.modal-description strong{color:#111827}.warning-message{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}@media(max-width:768px){.companies-grid,.workspace-stats-grid,.form-row{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.unassigned-workspaces-grid{grid-template-columns:1fr}}.owner-selection-tabs{display:flex;gap:8px;margin-bottom:12px}.owner-selection-tabs .tab-btn{flex:1;padding:10px 16px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.owner-selection-tabs .tab-btn:hover{border-color:#cbd5e1;background:#f8fafc}.owner-selection-tabs .tab-btn.active{border-color:#ef4444;background:#fef2f2;color:#dc2626}.new-user-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:16px}.new-user-form .form-group{margin-bottom:12px}.new-user-form .form-group:last-child{margin-bottom:0}.new-user-form label{font-size:12px;color:#64748b}.new-user-form input{font-size:14px}.modal.modal-lg{max-width:550px;max-height:90vh;overflow-y:auto}