.app-layout[data-v-7e4be635]{display:flex;height:100vh;background-color:#f9fafb!important}.sidebar[data-v-7e4be635]{width:280px;background-color:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10;overflow:hidden}.sidebar-collapsed[data-v-7e4be635]{width:80px}.sidebar-header[data-v-7e4be635]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200);min-height:80px}.sidebar-collapsed .sidebar-header[data-v-7e4be635]{justify-content:center;padding:var(--space-4)}.logo[data-v-7e4be635]{display:flex;align-items:center;gap:var(--space-3);opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.logo-icon[data-v-7e4be635]{font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg)}.logo-text[data-v-7e4be635]{font-weight:600;font-size:1.125rem;color:var(--gray-900);white-space:nowrap}.sidebar-toggle[data-v-7e4be635]{padding:var(--space-2);border:none;background:none;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative;overflow:hidden}.sidebar-toggle[data-v-7e4be635]:hover{background-color:var(--gray-100);color:var(--gray-700);transform:scale(1.05)}.sidebar-toggle[data-v-7e4be635]:active{transform:scale(.95)}.sidebar-toggle svg[data-v-7e4be635]{transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.sidebar-toggle.collapsed svg[data-v-7e4be635]{transform:rotate(180deg)}.sidebar-toggle[data-v-7e4be635]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary-100);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);z-index:-1}.sidebar-toggle[data-v-7e4be635]:hover:before{width:100%;height:100%}.hamburger-menu[data-v-7e4be635]{display:flex;flex-direction:column;gap:3px;width:18px;height:14px}.hamburger-line[data-v-7e4be635]{width:100%;height:2px;background-color:currentColor;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.sidebar-toggle:hover .hamburger-line[data-v-7e4be635]{background-color:var(--gray-700)}.sidebar-toggle:hover .hamburger-line[data-v-7e4be635]:nth-child(1){transform:translateY(1px)}.sidebar-toggle:hover .hamburger-line[data-v-7e4be635]:nth-child(3){transform:translateY(-1px)}.sidebar-nav[data-v-7e4be635]{flex:1;padding:var(--space-4)}.nav-item[data-v-7e4be635]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-1);color:var(--gray-600);text-decoration:none;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden}.sidebar-collapsed .nav-item[data-v-7e4be635]{justify-content:center;padding:var(--space-3)}.nav-item[data-v-7e4be635]:hover{background-color:var(--gray-100);color:var(--gray-900)}.nav-item.active[data-v-7e4be635]{background-color:var(--primary-50);color:var(--primary-700)}.nav-icon[data-v-7e4be635]{flex-shrink:0}.nav-text[data-v-7e4be635]{white-space:nowrap;opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .nav-text[data-v-7e4be635]{opacity:0}.sidebar-footer[data-v-7e4be635]{padding:var(--space-4);border-top:1px solid var(--gray-200)}.user-profile[data-v-7e4be635]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background-color:var(--gray-50);cursor:pointer;transition:all var(--transition-fast);position:relative}.user-profile[data-v-7e4be635]:hover{background-color:var(--gray-100)}.user-profile.collapsed[data-v-7e4be635]{justify-content:center;cursor:default}.user-profile.collapsed[data-v-7e4be635]:hover{background-color:var(--gray-50)}.user-avatar[data-v-7e4be635]{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-info[data-v-7e4be635]{flex:1}.user-name[data-v-7e4be635]{font-weight:500;font-size:.875rem;color:var(--gray-900)}.user-role[data-v-7e4be635]{font-size:.75rem;color:var(--gray-500);text-transform:capitalize}.user-menu-btn[data-v-7e4be635]{padding:var(--space-2);border:none;background:none;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.user-menu-btn[data-v-7e4be635]:hover{background-color:var(--gray-200);color:var(--gray-700)}.user-menu-btn .rotated[data-v-7e4be635]{transform:rotate(180deg)}.user-menu[data-v-7e4be635]{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000001a,0 4px 6px -4px #0000001a;margin-bottom:var(--space-2);overflow:hidden;z-index:50;animation:slideUp-7e4be635 .2s ease-out}.modern-menu[data-v-7e4be635]{position:fixed!important;bottom:90px!important;left:20px!important;right:auto!important;width:220px!important;z-index:9999!important;background:#fffffff2!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d!important;padding:8px!important;animation:modernSlideUp-7e4be635 .3s cubic-bezier(.16,1,.3,1)!important}.user-menu-item[data-v-7e4be635]{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);font-size:.875rem;font-weight:500;color:var(--gray-700);border-radius:12px;margin:2px 0;position:relative;overflow:hidden}.modern-menu .user-menu-item[data-v-7e4be635]{border-radius:10px!important;font-weight:500!important;letter-spacing:-.01em!important}.user-menu-item[data-v-7e4be635]:hover{background-color:var(--gray-50);transform:translate(2px)}.modern-menu .user-menu-item[data-v-7e4be635]:hover{background:linear-gradient(135deg,#3b82f614,#3b82f60a)!important;color:var(--primary-700)!important;transform:translate(4px)!important}.user-menu-item.logout[data-v-7e4be635]{color:var(--danger-600)}.user-menu-item.logout[data-v-7e4be635]:hover{background-color:var(--danger-50);color:var(--danger-700)}.modern-menu .user-menu-item.logout[data-v-7e4be635]:hover{background:linear-gradient(135deg,#ef444414,#ef44440a)!important;color:var(--danger-700)!important}.user-menu-divider[data-v-7e4be635]{height:1px;background-color:var(--gray-200);margin:8px 12px;border-radius:1px}.modern-menu .user-menu-divider[data-v-7e4be635]{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)!important;margin:8px 0!important}.modern-menu .user-menu-item svg[data-v-7e4be635]{width:18px!important;height:18px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;opacity:.7!important}.modern-menu .user-menu-item:hover svg[data-v-7e4be635]{opacity:1!important;transform:scale(1.1)!important}.modern-menu .user-menu-item.logout svg[data-v-7e4be635]{color:var(--danger-500)!important}.modern-menu .user-menu-item[data-v-7e4be635]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s ease;border-radius:inherit}.modern-menu .user-menu-item[data-v-7e4be635]:hover:before{opacity:1}@keyframes slideUp-7e4be635{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modernSlideUp-7e4be635{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.main-content[data-v-7e4be635]{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar[data-v-7e4be635]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:#fff;border-bottom:1px solid var(--gray-200)}.breadcrumb-item[data-v-7e4be635]{font-weight:600;font-size:1.125rem;color:var(--gray-900)}.top-bar-actions[data-v-7e4be635]{display:flex;align-items:center;gap:var(--space-4)}.notification-btn[data-v-7e4be635]{position:relative;padding:var(--space-3);border:2px solid var(--gray-300);background:linear-gradient(135deg,var(--gray-100),var(--gray-200));color:var(--gray-700);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.notification-btn[data-v-7e4be635]:hover{background:linear-gradient(135deg,var(--gray-200),var(--gray-300));color:var(--gray-900);border-color:var(--gray-400);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.notification-btn[data-v-7e4be635]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.notification-btn svg[data-v-7e4be635]{transition:all var(--transition-fast)}.notification-btn:hover svg[data-v-7e4be635]{transform:scale(1.1)}.notification-badge[data-v-7e4be635]{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:700;padding:3px 7px;border-radius:var(--radius-full);min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid white;box-shadow:0 2px 6px #ef444466;animation:pulse-notification-7e4be635 2s infinite}@keyframes pulse-notification-7e4be635{0%,to{transform:scale(1);box-shadow:0 2px 6px #ef444466}50%{transform:scale(1.05);box-shadow:0 4px 12px #ef444499}}.status-indicator[data-v-7e4be635]{display:flex;align-items:center;gap:var(--space-2)}.status-dot[data-v-7e4be635]{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.online[data-v-7e4be635]{background-color:var(--success-500)}.status-text[data-v-7e4be635]{font-size:.875rem;color:var(--gray-600)}.page-content[data-v-7e4be635]{flex:1;overflow:auto;padding:var(--space-6);background-color:#f9fafb!important}.notification-panel[data-v-7e4be635]{position:fixed;inset:0;background-color:#00000080;z-index:50;display:flex;justify-content:flex-end}.notification-content[data-v-7e4be635]{width:400px;background-color:#fff;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:100vh}.notification-header[data-v-7e4be635]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.notification-header h3[data-v-7e4be635]{font-size:1.125rem;font-weight:600;margin:0}.close-btn[data-v-7e4be635]{padding:var(--space-2);border:none;background:none;font-size:1.5rem;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-md)}.close-btn[data-v-7e4be635]:hover{background-color:var(--gray-100)}.notification-list[data-v-7e4be635]{flex:1;overflow-y:auto}.no-notifications[data-v-7e4be635]{padding:var(--space-8);text-align:center;color:var(--gray-500)}.notification-item[data-v-7e4be635]{padding:var(--space-4);border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background-color var(--transition-fast)}.notification-item[data-v-7e4be635]:hover{background-color:var(--gray-50)}.notification-item.unread[data-v-7e4be635]{background-color:var(--primary-50)}.notification-title[data-v-7e4be635]{font-weight:500;margin-bottom:var(--space-1)}.notification-message[data-v-7e4be635]{font-size:.875rem;color:var(--gray-600);margin-bottom:var(--space-2)}.notification-time[data-v-7e4be635]{font-size:.75rem;color:var(--gray-500)}@media (max-width: 768px){.sidebar[data-v-7e4be635]{position:fixed;left:-280px;z-index:20;transition:left var(--transition-normal)}.sidebar.open[data-v-7e4be635]{left:0}.main-content[data-v-7e4be635]{margin-left:0}.notification-content[data-v-7e4be635]{width:100%}}.loading-spinner[data-v-74717035]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.spinner[data-v-74717035]{border-radius:50%;animation:spin-74717035 1s linear infinite}.loading-xs .spinner[data-v-74717035]{width:12px;height:12px;border-width:1px}.loading-sm .spinner[data-v-74717035]{width:16px;height:16px;border-width:2px}.loading-md .spinner[data-v-74717035]{width:24px;height:24px;border-width:2px}.loading-lg .spinner[data-v-74717035]{width:32px;height:32px;border-width:3px}.spinner-primary[data-v-74717035]{border:2px solid var(--gray-200);border-top:2px solid var(--primary-600)}.spinner-secondary[data-v-74717035]{border:2px solid var(--gray-300);border-top:2px solid var(--gray-600)}.spinner-white[data-v-74717035]{border:2px solid rgba(255,255,255,.3);border-top:2px solid white}.loading-text[data-v-74717035]{font-size:.875rem;color:var(--gray-600);font-weight:500}@keyframes spin-74717035{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner[data-v-74717035]{animation:none}.spinner[data-v-74717035]:after{content:"⏳";display:flex;align-items:center;justify-content:center;font-size:.8em}}.empty-state[data-v-9e6d4bc4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state.small[data-v-9e6d4bc4]{padding:var(--space-8)}.empty-state.medium[data-v-9e6d4bc4]{padding:var(--space-12)}.empty-state.large[data-v-9e6d4bc4]{padding:var(--space-16)}.empty-icon[data-v-9e6d4bc4]{margin-bottom:var(--space-6);color:var(--gray-400)}.empty-content[data-v-9e6d4bc4]{max-width:400px}.empty-title[data-v-9e6d4bc4]{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2)}.empty-description[data-v-9e6d4bc4]{font-size:.875rem;color:var(--gray-600);line-height:1.5;margin-bottom:var(--space-6)}.empty-custom[data-v-9e6d4bc4]{margin-bottom:var(--space-6)}.empty-actions[data-v-9e6d4bc4]{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.empty-action[data-v-9e6d4bc4]{padding:var(--space-2) var(--space-4);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.empty-action[data-v-9e6d4bc4]:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.empty-action[data-v-9e6d4bc4]:disabled{opacity:.5;cursor:not-allowed}.loading-spinner[data-v-9e6d4bc4]{margin-bottom:var(--space-6)}.spinner[data-v-9e6d4bc4]{width:40px;height:40px;animation:rotate-9e6d4bc4 2s linear infinite;color:var(--primary-500)}.path[data-v-9e6d4bc4]{stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;animation:dash-9e6d4bc4 1.5s ease-in-out infinite}.loading-text[data-v-9e6d4bc4]{font-size:.875rem;color:var(--gray-600);margin-top:var(--space-4)}@keyframes rotate-9e6d4bc4{to{transform:rotate(360deg)}}@keyframes dash-9e6d4bc4{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.platform-badge[data-v-4445161e]{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;position:relative}.platform-badge.small[data-v-4445161e]{padding:1px 6px;font-size:.625rem}.platform-badge.medium[data-v-4445161e]{padding:2px 8px;font-size:.75rem}.platform-badge.large[data-v-4445161e]{padding:4px 12px;font-size:.875rem}.platform-badge.clickable[data-v-4445161e]{cursor:pointer;transition:all var(--transition-fast)}.platform-badge.clickable[data-v-4445161e]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.platform-icon[data-v-4445161e]{flex-shrink:0}.platform-text[data-v-4445161e]{line-height:1}.status-indicator[data-v-4445161e]{width:8px;height:8px;border-radius:50%;margin-left:var(--space-1);flex-shrink:0}.status-indicator.connected[data-v-4445161e]{background:var(--green-500)}.status-indicator.disconnected[data-v-4445161e]{background:var(--gray-400)}.status-indicator.error[data-v-4445161e]{background:var(--red-500)}.platform-line[data-v-4445161e]{background:#00c300;color:#fff}.platform-facebook[data-v-4445161e]{background:#1877f2;color:#fff}.platform-instagram[data-v-4445161e]{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.platform-whatsapp[data-v-4445161e]{background:#25d366;color:#fff}.platform-telegram[data-v-4445161e]{background:#08c;color:#fff}.platform-unknown[data-v-4445161e]{background:var(--gray-100);color:var(--gray-700)}.platform-badge[data-v-4445161e]:not(.platform-line):not(.platform-facebook):not(.platform-instagram):not(.platform-whatsapp):not(.platform-telegram):not(.platform-unknown){background:var(--gray-100);color:var(--gray-700)}.status-badge[data-v-f0c2226d]{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;border:1px solid}.status-badge.small[data-v-f0c2226d]{padding:2px 6px;font-size:.625rem}.status-badge.medium[data-v-f0c2226d]{padding:4px 8px;font-size:.75rem}.status-badge.large[data-v-f0c2226d]{padding:6px 12px;font-size:.875rem}.status-badge.clickable[data-v-f0c2226d]{cursor:pointer;transition:all var(--transition-fast)}.status-badge.clickable[data-v-f0c2226d]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-indicator[data-v-f0c2226d]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-text[data-v-f0c2226d]{line-height:1}.status-open[data-v-f0c2226d],.status-pending[data-v-f0c2226d]{background:var(--orange-50);border-color:var(--orange-200);color:var(--orange-700)}.status-open .status-indicator[data-v-f0c2226d],.status-pending .status-indicator[data-v-f0c2226d]{background:var(--orange-500)}.status-assigned[data-v-f0c2226d],.status-in-progress[data-v-f0c2226d]{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700)}.status-assigned .status-indicator[data-v-f0c2226d],.status-in-progress .status-indicator[data-v-f0c2226d]{background:var(--blue-500)}.status-closed[data-v-f0c2226d]{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-700)}.status-closed .status-indicator[data-v-f0c2226d]{background:var(--gray-400)}.status-resolved[data-v-f0c2226d],.status-active[data-v-f0c2226d],.status-online[data-v-f0c2226d]{background:var(--green-50);border-color:var(--green-200);color:var(--green-700)}.status-resolved .status-indicator[data-v-f0c2226d],.status-active .status-indicator[data-v-f0c2226d],.status-online .status-indicator[data-v-f0c2226d]{background:var(--green-500)}.status-inactive[data-v-f0c2226d],.status-offline[data-v-f0c2226d]{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-700)}.status-inactive .status-indicator[data-v-f0c2226d],.status-offline .status-indicator[data-v-f0c2226d]{background:var(--gray-400)}.status-unknown[data-v-f0c2226d]{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-700)}.status-unknown .status-indicator[data-v-f0c2226d]{background:var(--gray-400)}.conversation-card[data-v-dede491a]{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);position:relative}.conversation-card[data-v-dede491a]:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.conversation-card.selected[data-v-dede491a]{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.conversation-card.unread[data-v-dede491a]{border-left:4px solid var(--primary-500)}.card-header[data-v-dede491a]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.customer-info[data-v-dede491a]{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.customer-avatar[data-v-dede491a]{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.customer-details[data-v-dede491a]{flex:1;min-width:0}.customer-name[data-v-dede491a]{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-meta[data-v-dede491a]{display:flex;align-items:center;gap:var(--space-2)}.customer-id[data-v-dede491a]{font-size:.75rem;color:var(--gray-500)}.conversation-status[data-v-dede491a]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.unread-badge[data-v-dede491a]{background:var(--primary-500);color:#fff;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.card-body[data-v-dede491a]{display:flex;flex-direction:column;gap:var(--space-2)}.last-message[data-v-dede491a]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.message-content[data-v-dede491a]{font-size:.875rem;color:var(--gray-600);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time[data-v-dede491a]{font-size:.75rem;color:var(--gray-400);flex-shrink:0}.assigned-agent[data-v-dede491a]{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--gray-500)}.assigned-agent svg[data-v-dede491a]{width:12px;height:12px}@media (max-width: 768px){.conversation-card[data-v-dede491a]{padding:var(--space-3)}.customer-avatar[data-v-dede491a]{width:36px;height:36px}.customer-name[data-v-dede491a]{font-size:.875rem}.last-message[data-v-dede491a]{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.message-bubble[data-v-082f8a21]{display:flex;margin-bottom:var(--space-3);max-width:70%}.message-incoming[data-v-082f8a21]{justify-content:flex-start;align-self:flex-start}.message-outgoing[data-v-082f8a21]{justify-content:flex-end;align-self:flex-end;margin-left:auto}.message-content[data-v-082f8a21]{background:#fff;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);position:relative}.message-outgoing .message-content[data-v-082f8a21]{background:var(--primary-500);color:#fff;border-color:var(--primary-600)}.message-text[data-v-082f8a21]{font-size:.875rem;line-height:1.5;word-wrap:break-word;margin-bottom:var(--space-2)}.message-meta[data-v-082f8a21]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.message-time[data-v-082f8a21]{font-size:.75rem;opacity:.7}.message-outgoing .message-time[data-v-082f8a21]{color:#fffc}.message-incoming .message-time[data-v-082f8a21]{color:var(--gray-500)}.message-status[data-v-082f8a21]{display:flex;align-items:center}.message-status svg[data-v-082f8a21]{width:14px;height:14px}.status-delivered[data-v-082f8a21]{color:#fffc}.status-failed[data-v-082f8a21]{color:var(--red-400)}.sender-info[data-v-082f8a21]{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);font-size:.75rem;color:var(--gray-500)}.sender-avatar[data-v-082f8a21]{width:24px;height:24px;border-radius:var(--radius-full);background:var(--gray-300);color:var(--gray-700);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.625rem}.sender-name[data-v-082f8a21]{font-weight:500}.message-content[data-v-082f8a21]:before{content:"";position:absolute;width:0;height:0;border-style:solid}.message-incoming .message-content[data-v-082f8a21]:before{left:-8px;top:12px;border-width:8px 8px 8px 0;border-color:transparent white transparent transparent}.message-outgoing .message-content[data-v-082f8a21]:before{right:-8px;top:12px;border-width:8px 0 8px 8px;border-color:transparent transparent transparent var(--primary-500)}.message-failed .message-content[data-v-082f8a21]{background:var(--red-50);border-color:var(--red-200);color:var(--red-800)}.message-failed .message-content[data-v-082f8a21]:before{border-left-color:var(--red-50)}.message-media[data-v-082f8a21]{max-width:300px}.image-container[data-v-082f8a21]{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.image-container[data-v-082f8a21]:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.message-image-content[data-v-082f8a21]{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:var(--radius-lg)}.image-overlay[data-v-082f8a21]{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.image-container:hover .image-overlay[data-v-082f8a21]{opacity:1}.image-actions[data-v-082f8a21]{display:flex;gap:var(--space-2)}.image-action-btn[data-v-082f8a21]{width:32px;height:32px;border:none;background:#ffffffe6;color:var(--gray-700);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.image-action-btn[data-v-082f8a21]:hover{background:#fff;transform:scale(1.1)}.message-file-content[data-v-082f8a21]{min-width:280px;max-width:400px}.file-container[data-v-082f8a21]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-fast)}.file-container[data-v-082f8a21]:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.file-icon[data-v-082f8a21]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.file-type-image[data-v-082f8a21]{background:var(--green-500)}.file-type-document[data-v-082f8a21]{background:var(--blue-500)}.file-type-code[data-v-082f8a21]{background:var(--purple-500)}.file-type-archive[data-v-082f8a21]{background:var(--orange-500)}.file-type-default[data-v-082f8a21]{background:var(--gray-500)}.file-info[data-v-082f8a21]{flex:1;min-width:0}.file-name[data-v-082f8a21]{font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.file-meta[data-v-082f8a21]{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--gray-600)}.file-type[data-v-082f8a21]{background:var(--primary-100);color:var(--primary-700);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.file-progress[data-v-082f8a21]{margin-top:var(--space-2)}.progress-bar[data-v-082f8a21]{width:100%;height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-082f8a21]{height:100%;background:var(--primary-500);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-text[data-v-082f8a21]{font-size:.625rem;color:var(--gray-500);margin-left:var(--space-1)}.file-actions[data-v-082f8a21]{flex-shrink:0}.file-action-btn[data-v-082f8a21]{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.file-action-btn.primary[data-v-082f8a21]{background:var(--primary-500);color:#fff;border-color:var(--primary-600)}.file-action-btn[data-v-082f8a21]:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.file-action-btn.primary[data-v-082f8a21]:hover{background:var(--primary-600)}.media-caption[data-v-082f8a21]{padding:var(--space-2) var(--space-3);font-size:.875rem;color:var(--gray-700);background:#ffffffe6;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-top:var(--space-1)}.image-preview-overlay[data-v-082f8a21]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-082f8a21 .3s ease-out}.image-preview-modal[data-v-082f8a21]{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.preview-header[data-v-082f8a21]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.preview-title h3[data-v-082f8a21]{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 var(--space-1) 0}.preview-meta[data-v-082f8a21]{font-size:.875rem;color:var(--gray-500)}.preview-actions[data-v-082f8a21]{display:flex;gap:var(--space-2)}.preview-btn[data-v-082f8a21]{width:40px;height:40px;border:none;background:var(--gray-200);color:var(--gray-600);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.preview-btn[data-v-082f8a21]:hover{background:var(--gray-300);color:var(--gray-800)}.preview-btn.close[data-v-082f8a21]:hover{background:var(--red-100);color:var(--red-600)}.preview-content[data-v-082f8a21]{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gray-100);overflow:hidden}.preview-image[data-v-082f8a21]{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-normal);cursor:grab}.preview-image[data-v-082f8a21]:active{cursor:grabbing}.preview-controls[data-v-082f8a21]{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-top:1px solid var(--gray-200)}.zoom-btn[data-v-082f8a21]{width:32px;height:32px;border:1px solid var(--gray-300);background:#fff;color:var(--gray-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.zoom-btn[data-v-082f8a21]:hover{background:var(--gray-100);border-color:var(--gray-400)}.zoom-level[data-v-082f8a21]{font-size:.875rem;color:var(--gray-600);font-weight:500;min-width:60px;text-align:center}@keyframes fadeIn-082f8a21{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.message-bubble[data-v-082f8a21]{max-width:85%}.message-content[data-v-082f8a21]{padding:var(--space-2) var(--space-3)}.message-text[data-v-082f8a21]{font-size:.8125rem}.message-media[data-v-082f8a21]{max-width:250px}.message-file-content[data-v-082f8a21]{min-width:200px;max-width:280px}.file-container[data-v-082f8a21]{padding:var(--space-3)}.image-preview-modal[data-v-082f8a21]{max-width:95vw;max-height:95vh}.preview-header[data-v-082f8a21]{padding:var(--space-3) var(--space-4)}.preview-content[data-v-082f8a21]{padding:var(--space-4)}.zoom-btn[data-v-082f8a21]{width:28px;height:28px}}.message-input[data-v-cb9af387]{max-width:800px;margin:0 auto}.input-container[data-v-cb9af387]{display:flex;align-items:flex-end;gap:var(--space-3);background:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-sm)}.input-wrapper[data-v-cb9af387]{flex:1;display:flex;align-items:flex-end;gap:var(--space-2)}.message-textarea[data-v-cb9af387]{flex:1;border:none;outline:none;resize:none;font-size:.875rem;line-height:1.5;padding:var(--space-2) 0;background:transparent;color:var(--gray-900);min-height:20px;max-height:120px}.message-textarea[data-v-cb9af387]::placeholder{color:var(--gray-400)}.message-textarea[data-v-cb9af387]:disabled{opacity:.6;cursor:not-allowed}.input-actions[data-v-cb9af387]{display:flex;align-items:center;gap:var(--space-1)}.action-btn[data-v-cb9af387]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.action-btn[data-v-cb9af387]:hover:not(:disabled){background:var(--gray-100);color:var(--gray-700)}.action-btn[data-v-cb9af387]:disabled{opacity:.5;cursor:not-allowed}.action-btn svg[data-v-cb9af387]{width:18px;height:18px}.send-button[data-v-cb9af387]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.send-button[data-v-cb9af387]:hover:not(:disabled){background:var(--primary-600);transform:scale(1.05)}.send-button[data-v-cb9af387]:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.send-button.sending[data-v-cb9af387]{background:var(--primary-400)}.send-button svg[data-v-cb9af387]{width:18px;height:18px}.file-input[data-v-cb9af387]{display:none}.attachments-preview[data-v-cb9af387]{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.attachment-item[data-v-cb9af387]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.attachment-info[data-v-cb9af387]{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.attachment-info svg[data-v-cb9af387]{width:16px;height:16px;color:var(--gray-500);flex-shrink:0}.attachment-name[data-v-cb9af387]{font-size:.875rem;color:var(--gray-900);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size[data-v-cb9af387]{font-size:.75rem;color:var(--gray-500);flex-shrink:0}.remove-attachment[data-v-cb9af387]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.remove-attachment[data-v-cb9af387]:hover{background:var(--red-100);color:var(--red-600)}.remove-attachment svg[data-v-cb9af387]{width:14px;height:14px}.error-message[data-v-cb9af387]{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-md);color:var(--red-700);font-size:.875rem}.animate-spin[data-v-cb9af387]{animation:spin-cb9af387 1s linear infinite}@keyframes spin-cb9af387{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.input-container[data-v-cb9af387]{padding:var(--space-2)}.send-button[data-v-cb9af387]{width:36px;height:36px}.send-button svg[data-v-cb9af387]{width:16px;height:16px}.action-btn[data-v-cb9af387]{width:28px;height:28px}.action-btn svg[data-v-cb9af387]{width:16px;height:16px}}.conversation-detail[data-v-88c67f43]{height:100%;display:flex;flex-direction:column;background-color:var(--gray-50)}.conversation-header[data-v-88c67f43]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background-color:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.header-left[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-6);flex:1;min-width:0}.back-button[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:none;color:var(--gray-600);cursor:pointer;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.back-button[data-v-88c67f43]:hover{background-color:var(--gray-100);color:var(--gray-900)}.conversation-info[data-v-88c67f43]{flex:1;min-width:0}.customer-details[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-4)}.customer-avatar[data-v-88c67f43]{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.customer-name[data-v-88c67f43]{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 var(--space-2) 0}.customer-badges[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-2)}.header-actions[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-3)}.messages-container[data-v-88c67f43]{flex:1;overflow-y:auto;padding:var(--space-6);background:linear-gradient(to bottom,var(--gray-50),var(--gray-100))}.messages[data-v-88c67f43]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.date-separator[data-v-88c67f43]{display:flex;align-items:center;justify-content:center;margin:var(--space-6) 0}.date-text[data-v-88c67f43]{background-color:var(--gray-200);color:var(--gray-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.typing-indicator[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-3);max-width:200px;padding:var(--space-3) var(--space-4);background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.typing-dots[data-v-88c67f43]{display:flex;gap:4px}.typing-dots span[data-v-88c67f43]{width:6px;height:6px;background-color:var(--gray-400);border-radius:50%;animation:typing-88c67f43 1.4s infinite ease-in-out}.typing-dots span[data-v-88c67f43]:nth-child(1){animation-delay:-.32s}.typing-dots span[data-v-88c67f43]:nth-child(2){animation-delay:-.16s}.typing-text[data-v-88c67f43]{font-size:.75rem;color:var(--gray-500);font-style:italic}@keyframes typing-88c67f43{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.input-section[data-v-88c67f43]{background-color:#fff;border-top:1px solid var(--gray-200);padding:var(--space-6)}.quick-replies[data-v-88c67f43]{max-width:800px;margin:var(--space-4) auto 0;display:flex;gap:var(--space-2);flex-wrap:wrap}.quick-reply-btn[data-v-88c67f43]{padding:var(--space-2) var(--space-3);background-color:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-full);font-size:.875rem;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast)}.quick-reply-btn[data-v-88c67f43]:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.closed-state[data-v-88c67f43]{background-color:#fff;border-top:1px solid var(--gray-200);padding:var(--space-6);display:flex;justify-content:center}.closed-message[data-v-88c67f43]{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-weight:500}.animate-spin[data-v-88c67f43]{animation:spin 1s linear infinite}@media (max-width: 768px){.conversation-header[data-v-88c67f43]{padding:var(--space-4)}.header-left[data-v-88c67f43]{gap:var(--space-4)}.customer-name[data-v-88c67f43]{font-size:1.25rem}.customer-avatar[data-v-88c67f43]{width:40px;height:40px}.header-actions[data-v-88c67f43]{flex-direction:column;gap:var(--space-2)}.messages-container[data-v-88c67f43],.input-section[data-v-88c67f43]{padding:var(--space-4)}.quick-replies[data-v-88c67f43]{margin-top:var(--space-3)}}@media (max-width: 640px){.customer-details[data-v-88c67f43]{gap:var(--space-3)}.customer-badges[data-v-88c67f43]{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.header-actions .btn[data-v-88c67f43]{font-size:.75rem;padding:var(--space-2) var(--space-3)}}.conversation-list[data-v-38b1fd12]{height:100%;display:flex;flex-direction:column}.list-header[data-v-38b1fd12]{background-color:#fff;border-bottom:1px solid var(--gray-200);padding:var(--space-6)}.header-content[data-v-38b1fd12]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.page-title[data-v-38b1fd12]{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin:0 0 var(--space-2) 0}.page-subtitle[data-v-38b1fd12]{font-size:1rem;color:var(--gray-600);margin:0}.header-actions[data-v-38b1fd12]{display:flex;gap:var(--space-3)}.filters-section[data-v-38b1fd12]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.filters[data-v-38b1fd12]{display:flex;gap:var(--space-4)}.filter-group[data-v-38b1fd12]{display:flex;flex-direction:column;gap:var(--space-1)}.filter-label[data-v-38b1fd12]{font-size:.75rem;font-weight:500;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}.quick-stats[data-v-38b1fd12]{display:flex;gap:var(--space-6)}.stat-item[data-v-38b1fd12]{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number[data-v-38b1fd12]{font-size:1.5rem;font-weight:700;color:var(--primary-600);line-height:1}.stat-label[data-v-38b1fd12]{font-size:.75rem;color:var(--gray-600);font-weight:500;margin-top:var(--space-1)}.list-content[data-v-38b1fd12]{flex:1;overflow:hidden;display:flex;flex-direction:column}.conversations-container[data-v-38b1fd12]{flex:1;padding:var(--space-6);overflow:hidden}.conversations-grid[data-v-38b1fd12]{flex:1;overflow-y:auto;padding:var(--space-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-4);align-content:start}.pagination[data-v-38b1fd12]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background-color:#fff;border-top:1px solid var(--gray-200)}.page-info[data-v-38b1fd12]{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.page-text[data-v-38b1fd12]{font-weight:600;color:var(--gray-900)}.total-text[data-v-38b1fd12]{font-size:.875rem;color:var(--gray-600)}.animate-spin[data-v-38b1fd12]{animation:spin 1s linear infinite}@media (max-width: 1024px){.conversations-grid[data-v-38b1fd12]{grid-template-columns:1fr;padding:var(--space-4)}.filters-section[data-v-38b1fd12]{flex-direction:column;align-items:stretch;gap:var(--space-4)}.quick-stats[data-v-38b1fd12]{justify-content:center}}@media (max-width: 768px){.header-content[data-v-38b1fd12]{flex-direction:column;gap:var(--space-4)}.header-actions[data-v-38b1fd12]{width:100%}.filters[data-v-38b1fd12]{flex-direction:column;gap:var(--space-3)}.filter-group[data-v-38b1fd12]{width:100%}.pagination[data-v-38b1fd12]{flex-direction:column;gap:var(--space-4)}.page-title[data-v-38b1fd12]{font-size:1.5rem}.list-header[data-v-38b1fd12]{padding:var(--space-4)}}@media (max-width: 640px){.conversations-grid[data-v-38b1fd12]{padding:var(--space-3);gap:var(--space-3)}.quick-stats[data-v-38b1fd12]{flex-direction:column;gap:var(--space-3)}.stat-item[data-v-38b1fd12]{flex-direction:row;justify-content:space-between;padding:var(--space-3);background-color:var(--gray-50);border-radius:var(--radius-lg)}}