.conversation-item[data-v-cfe889bc]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease-in-out;border-bottom:1px solid #f0f0f0}.conversation-item[data-v-cfe889bc]:hover{background-color:#f5f5f5}.conversation-item.active[data-v-cfe889bc]{background-color:#e1f5fe}.conversation-avatar[data-v-cfe889bc]{margin-right:12px;flex-shrink:0}.avatar[data-v-cfe889bc]{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}.avatar.avatar-md[data-v-cfe889bc]{width:40px;height:40px;font-size:14px}.conversation-content[data-v-cfe889bc]{flex:1;min-width:0}.conversation-name[data-v-cfe889bc]{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#303030}.conversation-message[data-v-cfe889bc]{color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.conversation-meta[data-v-cfe889bc]{display:flex;flex-direction:column;align-items:flex-end;margin-left:12px;flex-shrink:0}.conversation-time[data-v-cfe889bc]{font-size:11px;color:#999;margin-bottom:2px}.conversation-badge[data-v-cfe889bc]{background-color:#25d366;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1}@media (max-width: 768px){.conversation-item[data-v-cfe889bc]{padding:10px 12px}.conversation-message[data-v-cfe889bc]{max-width:150px}}.chat-list[data-v-3d9ce742]{display:flex;flex-direction:column;height:100%;background-color:#fff}.chat-list-header[data-v-3d9ce742]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.header-title[data-v-3d9ce742]{font-size:18px;font-weight:600;color:#303030;margin:0}.header-actions[data-v-3d9ce742]{display:flex;gap:8px}.header-button[data-v-3d9ce742]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background-color:#f0f0f0;color:#666;cursor:pointer;transition:all .15s ease-in-out}.header-button[data-v-3d9ce742]:hover:not(:disabled){background-color:#e0e0e0;color:#303030}.header-button[data-v-3d9ce742]:disabled{opacity:.6;cursor:not-allowed}.header-button svg[data-v-3d9ce742]{display:block}.conversations-container[data-v-3d9ce742]{flex:1;overflow-y:auto}.loading-container[data-v-3d9ce742]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.loading-container .spinner[data-v-3d9ce742]{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #25d366;border-radius:50%;animation:spin-3d9ce742 1s linear infinite;margin-bottom:12px}.loading-container span[data-v-3d9ce742]{font-size:14px}@keyframes spin-3d9ce742{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-3d9ce742]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-message[data-v-3d9ce742]{color:#f44336;margin-bottom:16px;font-size:14px}.retry-btn[data-v-3d9ce742]{padding:8px 16px;background-color:#25d366;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.retry-btn[data-v-3d9ce742]:hover{background-color:#128c7e}.empty-state[data-v-3d9ce742]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.empty-state-icon[data-v-3d9ce742]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title[data-v-3d9ce742]{font-size:16px;font-weight:600;margin-bottom:8px;color:#303030}.empty-state-message[data-v-3d9ce742]{font-size:13px;max-width:250px;line-height:1.4}.load-more-container[data-v-3d9ce742]{padding:16px;text-align:center;border-top:1px solid #f0f0f0}.load-more-btn[data-v-3d9ce742]{padding:8px 16px;background-color:#f0f0f0;color:#666;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .15s ease-in-out}.load-more-btn[data-v-3d9ce742]:hover{background-color:#e0e0e0}@media (max-width: 768px){.chat-list-header[data-v-3d9ce742]{padding:12px 16px}.header-title[data-v-3d9ce742]{font-size:16px}}.message-status-icon[data-v-bce44e4a]{display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.message-status-icon.status-queued[data-v-bce44e4a],.message-status-icon.status-sent[data-v-bce44e4a]{color:#666}.message-status-icon.status-delivered[data-v-bce44e4a],.message-status-icon.status-read[data-v-bce44e4a]{color:#25d366}.message-status-icon.status-failed[data-v-bce44e4a]{color:#f44336}.message-status-icon[data-v-bce44e4a] svg{display:block}.carousel-message[data-v-11ed490d]{display:flex;flex-direction:column;gap:8px}.carousel-body[data-v-11ed490d]{font-weight:600}.carousel-cards[data-v-11ed490d]{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.carousel-card[data-v-11ed490d]{background:#0000000a;border-radius:10px;padding:8px;min-width:220px;max-width:260px;display:flex;flex-direction:column;gap:8px}.card-image[data-v-11ed490d],.card-video[data-v-11ed490d]{width:100%;max-height:180px;object-fit:cover;border-radius:8px}.card-body[data-v-11ed490d]{font-size:13px}.card-buttons[data-v-11ed490d]{display:flex;gap:8px;flex-wrap:wrap}.card-btn[data-v-11ed490d]{cursor:pointer;border:none;border-radius:16px;padding:6px 10px;background:#25d366;color:#fff;font-size:12px}.message-bubble[data-v-65ec07b9]{max-width:70%;margin-bottom:8px;padding:8px 12px;border-radius:18px;position:relative;word-wrap:break-word;font-size:14px;line-height:1.4}.message-bubble.inbound[data-v-65ec07b9]{background-color:#fff;align-self:flex-start;border-bottom-left-radius:4px;color:#303030}.message-bubble.inbound[data-v-65ec07b9]:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:8px solid transparent;border-right-color:#fff;border-bottom:0;border-left:0}.message-bubble.outbound[data-v-65ec07b9]{background-color:#dcf8c6;align-self:flex-end;border-bottom-right-radius:4px;color:#303030}.message-bubble.outbound[data-v-65ec07b9]:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid transparent;border-left-color:#dcf8c6;border-bottom:0;border-right:0}.message-content[data-v-65ec07b9]{margin-bottom:4px}.media-container[data-v-65ec07b9]{margin-bottom:8px}.message-image[data-v-65ec07b9],.message-video[data-v-65ec07b9]{max-width:100%;border-radius:12px;display:block}.message-image[data-v-65ec07b9]{max-height:300px;object-fit:cover}.message-video[data-v-65ec07b9]{max-height:300px}.media-placeholder[data-v-65ec07b9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#0000000d;border-radius:12px;color:#666}.media-placeholder svg[data-v-65ec07b9]{margin-bottom:8px;opacity:.7}.media-placeholder span[data-v-65ec07b9]{font-size:12px;text-align:center}.media-caption[data-v-65ec07b9]{margin-top:8px;font-size:13px;color:#666}.text-content[data-v-65ec07b9]{white-space:pre-wrap;word-break:break-word}.template-content .template-name[data-v-65ec07b9]{font-weight:600;margin-bottom:4px}.template-content .template-data[data-v-65ec07b9]{font-size:13px}.message-footer[data-v-65ec07b9]{display:flex;align-items:center;justify-content:flex-end;margin-top:2px}.message-time[data-v-65ec07b9]{font-size:11px;color:#999;margin-right:4px}.error-message[data-v-65ec07b9]{font-size:11px;color:#f44336;margin-top:4px;font-style:italic}@media (max-width: 768px){.message-bubble[data-v-65ec07b9]{max-width:85%}}.message-input-container[data-v-a812a26d]{display:flex;align-items:center;padding:12px 16px;background-color:#fff;border-top:1px solid #e0e0e0;gap:8px}.message-input-form[data-v-a812a26d]{flex:1}.input-wrapper[data-v-a812a26d]{display:flex;align-items:center;background-color:#f0f0f0;border-radius:25px;padding:0 16px;min-height:40px}.message-text-input[data-v-a812a26d]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#303030;padding:8px 0}.message-text-input[data-v-a812a26d]::placeholder{color:#999}.message-text-input[data-v-a812a26d]:disabled{opacity:.6;cursor:not-allowed}.send-button[data-v-a812a26d]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background-color:#25d366;color:#fff;cursor:pointer;transition:all .15s ease-in-out;margin-left:8px;flex-shrink:0}.send-button[data-v-a812a26d]:hover:not(:disabled){background-color:#128c7e;transform:scale(1.05)}.send-button[data-v-a812a26d]:active:not(:disabled){transform:scale(.95)}.send-button[data-v-a812a26d]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.send-button.sending[data-v-a812a26d]{background-color:#25d366;animation:spin-a812a26d 1s linear infinite}.send-button svg[data-v-a812a26d]{display:block}.attachment-button[data-v-a812a26d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background-color:#f0f0f0;color:#666;cursor:pointer;transition:all .15s ease-in-out;flex-shrink:0}.attachment-button[data-v-a812a26d]:hover:not(:disabled){background-color:#e0e0e0;color:#303030}.attachment-button[data-v-a812a26d]:active:not(:disabled){transform:scale(.95)}.attachment-button[data-v-a812a26d]:disabled{opacity:.6;cursor:not-allowed}.attachment-button svg[data-v-a812a26d]{display:block}@keyframes spin-a812a26d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.message-input-container[data-v-a812a26d]{padding:8px 12px}.input-wrapper[data-v-a812a26d]{padding:0 12px;min-height:36px}.message-text-input[data-v-a812a26d]{font-size:16px}.send-button[data-v-a812a26d]{width:28px;height:28px;margin-left:4px}.attachment-button[data-v-a812a26d]{width:36px;height:36px}}.chat-window[data-v-bbf67f1a]{display:flex;flex-direction:column;height:100%;background-color:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-header[data-v-bbf67f1a]{height:60px;background-color:#fff;border-bottom:1px solid #e0e0e0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.contact-info[data-v-bbf67f1a]{display:flex;align-items:center;flex:1;min-width:0}.contact-avatar[data-v-bbf67f1a]{margin-right:12px;flex-shrink:0}.avatar[data-v-bbf67f1a]{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}.avatar.avatar-md[data-v-bbf67f1a]{width:40px;height:40px;font-size:14px}.contact-details[data-v-bbf67f1a]{min-width:0;flex:1}.contact-name[data-v-bbf67f1a]{font-size:16px;font-weight:600;color:#303030;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-status[data-v-bbf67f1a]{font-size:12px;color:#666}.header-actions[data-v-bbf67f1a]{flex-shrink:0}.header-button[data-v-bbf67f1a]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background-color:transparent;color:#666;cursor:pointer;transition:background-color .15s ease-in-out}.header-button[data-v-bbf67f1a]:hover{background-color:#f0f0f0}.header-button svg[data-v-bbf67f1a]{display:block}.chat-messages[data-v-bbf67f1a]{flex:1;overflow-y:auto;padding:16px;position:relative}.messages-list[data-v-bbf67f1a]{display:flex;flex-direction:column;gap:4px}.loading-container[data-v-bbf67f1a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#666}.loading-container .spinner[data-v-bbf67f1a]{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #25d366;border-radius:50%;animation:spin-bbf67f1a 1s linear infinite;margin-bottom:12px}.loading-container span[data-v-bbf67f1a]{font-size:14px}@keyframes spin-bbf67f1a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-chat[data-v-bbf67f1a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.empty-chat-icon[data-v-bbf67f1a]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-chat-title[data-v-bbf67f1a]{font-size:16px;font-weight:600;margin-bottom:8px;color:#303030}.empty-chat-message[data-v-bbf67f1a]{font-size:13px;max-width:250px;line-height:1.4}.scroll-to-bottom-btn[data-v-bbf67f1a]{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background-color:#25d366;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .15s ease-in-out}.scroll-to-bottom-btn[data-v-bbf67f1a]:hover{background-color:#128c7e;transform:scale(1.05)}.scroll-to-bottom-btn svg[data-v-bbf67f1a]{display:block}.chat-input[data-v-bbf67f1a]{flex-shrink:0}@media (max-width: 768px){.chat-header[data-v-bbf67f1a]{padding:0 12px}.contact-name[data-v-bbf67f1a]{font-size:14px}.chat-messages[data-v-bbf67f1a]{padding:12px}}.whatsapp-view[data-v-925892a6]{display:flex;height:100vh;background-color:#f0f0f0}.conversations-panel[data-v-925892a6]{width:350px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:transform .3s ease-in-out;position:relative}@media (max-width: 768px){.conversations-panel[data-v-925892a6]{position:absolute;top:0;left:0;height:100%;z-index:10}.conversations-panel.mobile-hidden[data-v-925892a6]{transform:translate(-100%)}}.chat-panel[data-v-925892a6]{flex:1;display:flex;flex-direction:column;background-color:#e5ddd5;position:relative}@media (max-width: 768px){.chat-panel.mobile-full[data-v-925892a6]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}}.empty-chat-panel[data-v-925892a6]{display:flex;align-items:center;justify-content:center;height:100%}.empty-state[data-v-925892a6]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#666;max-width:300px}.empty-state-icon[data-v-925892a6]{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-title[data-v-925892a6]{font-size:20px;font-weight:600;margin-bottom:12px;color:#303030}.empty-state-message[data-v-925892a6]{font-size:14px;line-height:1.5}.mobile-back-btn[data-v-925892a6]{position:absolute;top:12px;left:12px;width:36px;height:36px;border:none;border-radius:50%;background-color:#0000001a;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;transition:background-color .15s ease-in-out}.mobile-back-btn[data-v-925892a6]:hover{background-color:#0003}.mobile-back-btn svg[data-v-925892a6]{display:block}@media (min-width: 769px){.mobile-back-btn[data-v-925892a6]{display:none}}.global-loading-overlay[data-v-925892a6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content[data-v-925892a6]{display:flex;flex-direction:column;align-items:center;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026}.loading-content .spinner[data-v-925892a6]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #25d366;border-radius:50%;animation:spin-925892a6 1s linear infinite;margin-bottom:16px}.loading-content span[data-v-925892a6]{color:#303030;font-size:14px;font-weight:500}@keyframes spin-925892a6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-toast[data-v-925892a6]{position:fixed;top:20px;right:20px;max-width:400px;padding:12px 16px;background-color:#f44336;color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;cursor:pointer;z-index:1000;animation:slideIn-925892a6 .3s ease-out}.error-toast span[data-v-925892a6]{flex:1;font-size:14px;line-height:1.4}.error-toast svg[data-v-925892a6]{flex-shrink:0}.error-close-btn[data-v-925892a6]{background:none;border:none;color:#fff;cursor:pointer;padding:2px;opacity:.8;transition:opacity .15s ease-in-out}.error-close-btn[data-v-925892a6]:hover{opacity:1}.error-close-btn svg[data-v-925892a6]{display:block}@keyframes slideIn-925892a6{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.conversations-panel[data-v-925892a6]{width:100%}.empty-state-icon[data-v-925892a6]{font-size:48px}.empty-state-title[data-v-925892a6]{font-size:18px}.empty-state-message[data-v-925892a6]{font-size:13px}}.websocket-status[data-v-925892a6]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:13px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.websocket-status.ws-connecting[data-v-925892a6]{background-color:#ff9800e6}.websocket-status.ws-disconnected[data-v-925892a6]{background-color:#f44336e6}.ws-icon[data-v-925892a6]{width:8px;height:8px;border-radius:50%;background-color:currentColor}.ws-icon.ws-pulse[data-v-925892a6]{animation:pulse-925892a6 1.5s ease-in-out infinite}@keyframes pulse-925892a6{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4;color:#303030;background-color:#f0f0f0;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}.text-primary{color:#303030}.text-secondary{color:#666}.text-muted{color:#999}.text-white{color:#fff}.bg-primary{background-color:#25d366}.bg-secondary{background-color:#f0f0f0}.bg-chat{background-color:#e5ddd5}.font-weight-normal{font-weight:400}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.font-weight-bold{font-weight:700}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-xxl{font-size:20px}.m-0{margin:0}.m-xs{margin:4px}.m-sm{margin:8px}.m-md{margin:12px}.m-lg{margin:16px}.m-xl{margin:20px}.p-0{padding:0}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.p-xl{padding:20px}.d-flex{display:flex}.d-none{display:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-1{flex:1}.flex-grow-1{flex-grow:1}.btn,.retry-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.btn:hover,.retry-btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active,.retry-btn:active{transform:translateY(0)}.btn:disabled,.retry-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary,.retry-btn{background-color:#25d366;color:#fff}.btn-primary:hover:not(:disabled),.retry-btn:hover:not(:disabled){background-color:#128c7e}.btn-secondary{background-color:#fff;color:#303030;border:1px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background-color:#f0f0f0}.input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .15s ease-in-out}.input:focus{outline:none;border-color:#25d366;box-shadow:0 0 0 2px #25d36633}.input::placeholder{color:#999}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-online{color:#4caf50}.status-offline{color:#999}.status-away{color:#ff9800}.status-queued{color:#999}.status-sent{color:#666}.status-delivered{color:#25d366}.status-read{color:#128c7e}.status-failed{color:#f44336}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full{width:100%!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff}.avatar.avatar-sm{width:32px;height:32px;font-size:13px}.avatar.avatar-md{width:40px;height:40px;font-size:14px}.avatar.avatar-lg{width:48px;height:48px;font-size:16px}.avatar.avatar-xl{width:56px;height:56px;font-size:18px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background-color:#25d366;color:#fff;font-size:12px;font-weight:600}.card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.whatsapp-container{height:100vh;display:flex;background-color:#e5ddd5}.conversations-panel{width:350px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}@media (max-width: 768px){.conversations-panel{width:100%}}.chat-panel{flex:1;display:flex;flex-direction:column;background-color:#e5ddd5}.chat-header{height:60px;background-color:#fff;border-bottom:1px solid #e0e0e0;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.chat-messages{flex:1;overflow-y:auto;padding:16px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.05'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-input{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px}.message-bubble{max-width:70%;margin-bottom:8px;padding:8px 12px;border-radius:12px;position:relative;word-wrap:break-word}.message-bubble.inbound{background-color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.message-bubble.inbound:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:8px solid transparent;border-right-color:#fff;border-bottom:0;border-left:0}.message-bubble.outbound{background-color:#dcf8c6;align-self:flex-end;border-bottom-right-radius:4px}.message-bubble.outbound:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid transparent;border-left-color:#dcf8c6;border-bottom:0;border-right:0}.message-content{margin-bottom:4px}.message-time{font-size:12px;color:#999;text-align:right}.message-status{display:inline-flex;align-items:center;margin-left:4px;font-size:12px}.conversation-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .15s ease-in-out;border-bottom:1px solid #f0f0f0}.conversation-item:hover{background-color:#f0f0f0}.conversation-item.active{background-color:#e1f5fe}.conversation-avatar{margin-right:12px}.conversation-content{flex:1;min-width:0}.conversation-name{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-message{color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;margin-left:8px}.conversation-time{font-size:12px;color:#999;margin-bottom:2px}.conversation-badge{background-color:#25d366;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.loading-container{display:flex;align-items:center;justify-content:center;padding:20px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.error-message{color:#f44336;margin-bottom:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#999}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;margin-bottom:8px}.empty-state-message{font-size:13px;max-width:300px}