@charset "UTF-8";.notification-container[data-v-a5808180]{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:360px;pointer-events:none}.notification-toast[data-v-a5808180]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg-secondary, #fff);border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;pointer-events:auto;max-width:100%;min-width:280px;border-left:4px solid var(--primary-color, #4a7ad4)}.notification-toast.clickable[data-v-a5808180]{cursor:pointer}.notification-toast.clickable[data-v-a5808180]:hover{background:var(--bg-hover, #f5f5f5)}.notification-toast.success[data-v-a5808180]{border-left-color:#22c55e}.notification-toast.success .notification-icon[data-v-a5808180]{color:#22c55e;background:#22c55e1a}.notification-toast.error[data-v-a5808180]{border-left-color:#ef4444}.notification-toast.error .notification-icon[data-v-a5808180]{color:#ef4444;background:#ef44441a}.notification-toast.warning[data-v-a5808180]{border-left-color:#f59e0b}.notification-toast.warning .notification-icon[data-v-a5808180]{color:#f59e0b;background:#f59e0b1a}.notification-toast.info[data-v-a5808180]{border-left-color:#3b82f6}.notification-toast.info .notification-icon[data-v-a5808180]{color:#3b82f6;background:#3b82f61a}.notification-toast.user-online[data-v-a5808180]{border-left-color:#22c55e}.notification-toast.user-online .notification-icon[data-v-a5808180]{color:#22c55e;background:#22c55e1a}.notification-toast.user-offline[data-v-a5808180]{border-left-color:#9ca3af}.notification-toast.user-offline .notification-icon[data-v-a5808180]{color:#9ca3af;background:#9ca3af1a}.notification-icon[data-v-a5808180]{position:relative;flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #f0f0f0);color:var(--text-secondary, #666)}.notification-icon svg[data-v-a5808180]{width:20px;height:20px}.notification-icon .avatar-img[data-v-a5808180]{width:100%;height:100%;border-radius:50%;object-fit:cover}.notification-icon .avatar-initials[data-v-a5808180]{font-size:14px;font-weight:600;color:#fff;background:var(--primary-color, #4a7ad4);width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon .online-indicator[data-v-a5808180],.notification-icon .offline-indicator[data-v-a5808180]{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary, #fff)}.notification-icon .online-indicator[data-v-a5808180]{background:#22c55e}.notification-icon .offline-indicator[data-v-a5808180]{background:#9ca3af}.notification-content[data-v-a5808180]{flex:1;min-width:0}.notification-title[data-v-a5808180]{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a1a);margin-bottom:2px}.notification-message[data-v-a5808180]{font-size:13px;color:var(--text-secondary, #666);line-height:1.4;word-wrap:break-word}.notification-time[data-v-a5808180]{font-size:11px;color:var(--text-tertiary, #999);margin-top:4px}.notification-close[data-v-a5808180]{flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--text-tertiary, #999);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.notification-close[data-v-a5808180]:hover{background:var(--bg-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #1a1a1a)}.notification-close svg[data-v-a5808180]{width:14px;height:14px}.toast-enter-active[data-v-a5808180]{animation:slideIn-a5808180 .3s ease}.toast-leave-active[data-v-a5808180]{animation:slideOut-a5808180 .2s ease}.toast-move[data-v-a5808180]{transition:transform .3s ease}@keyframes slideIn-a5808180{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut-a5808180{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}:root[data-theme=dark] .notification-toast[data-v-a5808180],.dark .notification-toast[data-v-a5808180]{background:#2a2a2a;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff1a}:root[data-theme=dark] .notification-toast .notification-title[data-v-a5808180],.dark .notification-toast .notification-title[data-v-a5808180]{color:#fff}:root[data-theme=dark] .notification-toast .notification-message[data-v-a5808180],.dark .notification-toast .notification-message[data-v-a5808180]{color:#aaa}:root[data-theme=dark] .notification-toast .notification-time[data-v-a5808180],.dark .notification-toast .notification-time[data-v-a5808180]{color:#777}#app{width:100%;height:100vh;overflow:hidden}[class^=icon-],[class*=" icon-"]{display:inline-block;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-chat:before{content:"💬"}.icon-users:before{content:"👥"}.icon-user:before{content:"👤"}.icon-user-plus:before{content:"👤+"}.icon-template:before{content:"📄"}.icon-calendar:before{content:"📅"}.icon-chart:before{content:"📊"}.icon-grid:before{content:"▦"}.icon-shield:before{content:"🛡️"}.icon-settings:before{content:"⚙️"}.icon-logout:before{content:"🚪"}.icon-search:before{content:"🔍"}.icon-filter:before{content:"🔽"}.icon-refresh:before{content:"🔄"}.icon-refresh-cw:before{content:"🔄"}.icon-x:before{content:"✕"}.icon-check:before{content:"✓"}.icon-check-double:before{content:"✓✓"}.icon-clock:before{content:"🕐"}.icon-send:before{content:"➤"}.icon-paperclip:before{content:"📎"}.icon-smile:before{content:"😊"}.icon-mic:before{content:"🎤"}.icon-image:before{content:"🖼️"}.icon-file:before{content:"📁"}.icon-download:before{content:"⬇️"}.icon-upload:before{content:"⬆️"}.icon-phone:before{content:"📞"}.icon-mail:before{content:"✉️"}.icon-globe:before{content:"🌐"}.icon-map-pin:before{content:"📍"}.icon-tag:before{content:"🏷️"}.icon-archive:before{content:"📦"}.icon-transfer:before{content:"↔️"}.icon-more-vertical:before{content:"⋮"}.icon-arrow-left:before{content:"←"}.icon-chevron-down:before{content:"▼"}.icon-chevron-up:before{content:"▲"}.icon-plus:before{content:"+"}.icon-minus:before{content:"−"}.icon-edit:before{content:"✏️"}.icon-trash:before{content:"🗑️"}.icon-copy:before{content:"📋"}.icon-share:before{content:"↗️"}.icon-corner-up-left:before{content:"↩"}.icon-alert-circle:before{content:"⚠️"}.icon-info:before{content:"ℹ️"}.icon-x-circle:before{content:"⊗"}.icon-inbox:before{content:"📥"}.icon-eye:before{content:"👁️"}.icon-eye-off:before{content:"🙈"}.icon-sun:before{content:"☀️"}.icon-moon:before{content:"🌙"}.icon-slash:before{content:"⊘"}.icon-zoom-in:before{content:"🔎"}.icon-video:before{content:"🎥"}.icon-message-circle:before{content:"💬"}.icon-message-square:before{content:"💬"}.icon-bookmark:before{content:"🔖"}.icon-zap:before{content:"⚡"}.icon-pin:before{content:"📌"}.icon-pin-off:before{content:"📍"}.icon-finish:before{content:"✅"}.icon-multi-file:before{content:"📂"}.icon-edit-2:before{content:"✏️"}.icon-edit-3:before{content:"🖊️"}.icon-pen-tool:before{content:"🖍️"}.icon-type:before{content:"T";font-weight:700}.icon-rotate-ccw:before{content:"↺"}.icon-rotate-cw:before{content:"↻"}.icon-trash-2:before{content:"🗑️"}.icon-maximize:before{content:"⛶"}.icon-chevron-left:before{content:"‹"}.icon-chevron-right:before{content:"›"}.icon-play:before{content:"▶"}.icon-pause:before{content:"⏸"}.icon-file-text:before{content:"📄"}.icon-file-spreadsheet:before{content:"📊"}.icon-file-presentation:before{content:"📑"}.icon-file-archive:before{content:"🗜️"}.icon-whatsapp:before{content:"📱"}.icon-instagram:before{content:"📷"}.icon-facebook:before{content:"📘"}.icon-telegram:before{content:"✈️"}:root{--primary-color: #2563eb;--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-rgb: 37, 99, 235;--secondary-color: #00b4d8;--secondary-dark: #0096c7;--secondary-light: #48cae4;--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--bg-tertiary: #e9edef;--bg-chat: #efeae2;--bg-chat-pattern: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABqSURBVHgB7dCxDQAgDAOwov9/GQaYGCyRe4K8XgBwrzW7xw4AMqyZvXoEgGp2Py9L5w8A1ey+vwGA/7D7+BUA/IPdxwsA+A+7jx8A4B/sPv4EgN+w+/ojAPyC3ccfAOA9u9cOALKsme17AFGmCPhXtV9kAAAAAElFTkSuQmCC);--sidebar-bg: #1e293b;--sidebar-hover: #334155;--sidebar-active: #2563eb;--sidebar-text: #aebac1;--sidebar-icon: #8696a0;--text-primary: #111b21;--text-secondary: #667781;--text-muted: #8696a0;--text-light: #ffffff;--border-color: #e9edef;--border-light: rgba(134, 150, 160, .15);--msg-outgoing: #d9fdd3;--msg-incoming: #ffffff;--msg-system: #e2f7cb;--online: #22c55e;--offline: #8696a0;--busy: #ea4335;--away: #fbbc04;--tag-blue: #0d6efd;--tag-green: #198754;--tag-yellow: #ffc107;--tag-red: #dc3545;--tag-purple: #6f42c1;--tag-orange: #fd7e14;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 70px;--chat-list-width: 400px;--header-height: 60px}:root{--header-bg: #f0f2f5;--input-bg: #f0f2f5;--chat-bg: #efeae2;--hover-bg: rgba(0, 0, 0, .05);--selected-bg: rgba(0, 168, 132, .1);--message-out-bg: #d9fdd3;--message-in-bg: #ffffff;--date-divider-bg: rgba(255, 255, 255, .9);--link-color: #027eb5;--success-color: #25d366;--warning-color: #ffc107;--danger-color: #dc3545;--danger-rgb: 220, 53, 69;--info-color: #0dcaf0}.dark-mode{--bg-primary: #111b21;--bg-secondary: #202c33;--bg-tertiary: #2a3942;--bg-chat: #0b141a;--header-bg: #202c33;--input-bg: #202c33;--chat-bg: #0b141a;--hover-bg: rgba(255, 255, 255, .05);--selected-bg: rgba(0, 168, 132, .2);--text-primary: #e9edef;--text-secondary: #8696a0;--border-color: #2a3942;--msg-outgoing: #005c4b;--msg-incoming: #202c33;--message-out-bg: #005c4b;--message-in-bg: #202c33;--date-divider-bg: rgba(30, 42, 48, .9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8696a080;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8696a0b3}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-icons-outlined{font-size:24px;line-height:1;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.btn-icon{padding:8px;border-radius:50%}.btn-icon .material-icons-outlined{font-size:20px}.input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--text-muted)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:18px}.avatar-xl{width:64px;height:64px;font-size:24px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;border-radius:10px;background:var(--primary);color:var(--text-light)}.badge-success{background:var(--online)}.badge-warning{background:var(--away);color:var(--text-primary)}.badge-danger{background:var(--busy)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;border-radius:4px}.tag-blue{background:#0d6efd26;color:var(--tag-blue)}.tag-green{background:#19875426;color:var(--tag-green)}.tag-yellow{background:#ffc10733;color:#997404}.tag-red{background:#dc354526;color:var(--tag-red)}.tag-purple{background:#6f42c126;color:var(--tag-purple)}.tag-orange{background:#fd7e1426;color:var(--tag-orange)}.channel-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color)}.channel-icon-whatsapp,.channel-icon-telegram,.channel-icon-messenger,.channel-icon-instagram,.channel-icon-facebook{color:var(--text-secondary);background:var(--bg-secondary)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.dropdown-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.dropdown-menu-item:hover{background:var(--bg-tertiary)}.dropdown-menu-item .material-icons-outlined{font-size:20px;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:16px}.modal-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 130px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--transition-normal)}.slide-enter-from,.slide-leave-to{opacity:0;transform:translate(-20px)}.spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@media (max-width: 768px){:root{--sidebar-width: 0px;--chat-list-width: 100%;--header-height: 56px;--touch-target-min: 44px}}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.touch-feedback{-webkit-tap-highlight-color:transparent}.touch-feedback:active{opacity:.7;transform:scale(.98)}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-full-width{width:100%!important;max-width:100%!important}.mobile-stack{flex-direction:column!important}.btn,button,.nav-item,.action-btn{min-height:44px;min-width:44px}.input,input,select,textarea{min-height:44px;font-size:16px!important}.modal-overlay{align-items:flex-end;padding:0;padding-bottom:var(--safe-area-bottom)}.modal{width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:90vh;margin:0}.dropdown-menu{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;border-radius:16px 16px 0 0;padding-bottom:var(--safe-area-bottom)}.badge{min-width:22px;height:22px;font-size:12px}.avatar-sm{width:36px;height:36px}}@media (min-width: 769px){.show-mobile{display:none!important}}.mobile-nav-overlay{display:none}@media (max-width: 768px){.mobile-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}}.mobile-menu-btn{display:none}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;border-radius:8px}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:var(--hover-bg)}.mobile-menu-btn svg{width:24px;height:24px}}.pull-to-refresh{display:none}@media (max-width: 768px){.pull-to-refresh{display:flex;align-items:center;justify-content:center;height:0;overflow:hidden;transition:height .2s ease;background:var(--bg-secondary)}.pull-to-refresh.active{height:50px}.pull-to-refresh .spinner{width:20px;height:20px}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:100}.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:11px}.mobile-bottom-nav .nav-item svg{width:24px;height:24px}.mobile-bottom-nav .nav-item.active{color:var(--primary)}}.swipe-area{touch-action:pan-y}@supports (-webkit-touch-callout: none){.scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px}}