.login-container[data-v-d58d7e41]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f2f4f9;padding:20px;position:relative;overflow:hidden}.login-container[data-v-d58d7e41]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:moveBackground-d58d7e41 20s linear infinite}@keyframes moveBackground-d58d7e41{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-box[data-v-d58d7e41]{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.login-header[data-v-d58d7e41]{text-align:center;margin-bottom:30px}.texple-icon[data-v-d58d7e41]{margin-bottom:20px;display:flex;justify-content:center}.login-header h1[data-v-d58d7e41]{color:#002790;font-size:32px;margin-bottom:10px;font-weight:700}.login-header p[data-v-d58d7e41]{color:#667781;font-size:14px}.login-form[data-v-d58d7e41],.form-group[data-v-d58d7e41]{margin-bottom:20px}.form-input[data-v-d58d7e41]{width:100%;padding:14px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-input[data-v-d58d7e41]:focus{outline:none;border-color:#002790}.error-message[data-v-d58d7e41]{color:#e53e3e;font-size:14px;margin-bottom:15px;text-align:center}.login-button[data-v-d58d7e41]{width:100%;padding:14px;background:#002790;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0027904d}.login-button[data-v-d58d7e41]:hover{transform:translateY(-2px);background:#0033b3;box-shadow:0 6px 20px #00279066}.login-button[data-v-d58d7e41]:active{transform:translateY(0)}.login-button[data-v-d58d7e41]:active{transform:scale(.98)}.login-button[data-v-d58d7e41]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-d58d7e41]{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0;color:#667781;font-size:12px}.login-footer p[data-v-d58d7e41]{margin:5px 0}.login-footer strong[data-v-d58d7e41]{color:#002790}@media (max-width: 480px){.login-box[data-v-d58d7e41]{padding:30px 20px}.login-header h1[data-v-d58d7e41]{font-size:28px}}.sidebar[data-v-2b98c94d]{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid rgba(0,39,144,.1)}.sidebar-header[data-v-2b98c94d]{padding:12px 16px;background:linear-gradient(180deg,#002790,#0033b3);color:#fff;border-bottom:none}.header-top[data-v-2b98c94d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.app-brand[data-v-2b98c94d]{display:flex;align-items:center;gap:12px}.brand-icon[data-v-2b98c94d]{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center}.brand-icon svg[data-v-2b98c94d]{width:20px;height:20px}.brand-name[data-v-2b98c94d]{font-size:16px;font-weight:700;color:#fff;margin:0}.logout-button[data-v-2b98c94d]{background:#ffffff26;border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.logout-button[data-v-2b98c94d]:hover{background:#ffffff40;transform:scale(1.05)}.user-profile[data-v-2b98c94d]{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-details[data-v-2b98c94d]{display:flex;flex-direction:column;flex:1}.user-name[data-v-2b98c94d]{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.user-status[data-v-2b98c94d]{font-size:12px;color:#fffc}.user-info[data-v-2b98c94d]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-2b98c94d]{width:32px;height:32px;border-radius:50%}.user-name[data-v-2b98c94d]{font-weight:600;color:#111b21;font-size:16px}.header-actions[data-v-2b98c94d]{display:flex;gap:8px;position:relative}.icon-button[data-v-2b98c94d]{background:none;border:none;cursor:pointer;padding:8px;color:#54656f;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.icon-button[data-v-2b98c94d]:hover{background:#e0e0e0}.search-input[data-v-2b98c94d]:focus{outline:none}.search-input[data-v-2b98c94d]::placeholder{color:#667781}.contacts-section[data-v-2b98c94d]{flex:1;display:flex;flex-direction:column;overflow:hidden}.section-header[data-v-2b98c94d]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid rgba(0,39,144,.1)}.section-title[data-v-2b98c94d]{font-size:14px;font-weight:700;color:#002790;text-transform:uppercase;letter-spacing:1px;margin:0}.contact-count[data-v-2b98c94d]{font-size:12px;color:#718096;background:#0027901a;padding:4px 10px;border-radius:12px;font-weight:600}.contacts-list[data-v-2b98c94d]{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;-webkit-overflow-scrolling:touch;padding:8px}.contact-card[data-v-2b98c94d]{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;cursor:pointer;transition:all .2s;border-radius:10px;background:#fff;border:2px solid transparent}.contact-card[data-v-2b98c94d]:hover{background:#f2f4f9;border-color:#0027901a;transform:translate(4px)}.contact-card.active[data-v-2b98c94d]{background:#00279014;border-color:#002790;box-shadow:0 2px 8px #00279026}.contact-avatar-wrapper[data-v-2b98c94d]{position:relative;flex-shrink:0}.contact-avatar[data-v-2b98c94d]{width:42px;height:42px;border-radius:10px;object-fit:cover;border:2px solid rgba(0,39,144,.1)}.unread-indicator[data-v-2b98c94d]{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#002790;border:2px solid white;border-radius:50%}.contact-details[data-v-2b98c94d]{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.contact-main-info[data-v-2b98c94d]{display:flex;justify-content:space-between;align-items:center}.contact-name[data-v-2b98c94d]{font-weight:600;color:#2d3748;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.contact-time[data-v-2b98c94d]{font-size:11px;color:#a0aec0;white-space:nowrap;margin-left:8px;font-weight:500}.contact-preview[data-v-2b98c94d]{display:flex;justify-content:space-between;align-items:center;gap:8px}.contact-message[data-v-2b98c94d]{font-size:12px;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge[data-v-2b98c94d]{background:#002790;color:#fff;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700;min-width:20px;text-align:center;flex-shrink:0;box-shadow:0 2px 4px #0027904d}.dropdown-item[data-v-2b98c94d]{display:flex;align-items:center;gap:10px}.chat-header[data-v-5b47839c]{display:flex;align-items:center;padding:10px 16px;background:#fff;border-bottom:2px solid #F2F4F9;min-height:56px;box-shadow:0 1px 3px #0000000d}.back-button[data-v-5b47839c]{display:none;background:#f2f4f9;border:none;cursor:pointer;padding:10px;color:#002790;margin-right:12px;border-radius:10px;transition:all .2s;width:40px;height:40px;align-items:center;justify-content:center}@media (max-width: 768px){.back-button[data-v-5b47839c]{display:flex}}.back-button[data-v-5b47839c]:hover{background:#0027901a;transform:translate(-2px)}.contact-section[data-v-5b47839c]{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:10px;transition:background .2s;min-width:0}.contact-section[data-v-5b47839c]:hover{background:#f2f4f9}.avatar-container[data-v-5b47839c]{position:relative;flex-shrink:0}.header-avatar[data-v-5b47839c]{width:38px;height:38px;border-radius:10px;object-fit:cover;border:2px solid rgba(0,39,144,.1)}.status-dot[data-v-5b47839c]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.contact-info[data-v-5b47839c]{flex:1;min-width:0}.header-name[data-v-5b47839c]{font-size:15px;font-weight:700;color:#2d3748;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-meta[data-v-5b47839c]{display:flex;align-items:center;gap:6px;font-size:12px}.header-status[data-v-5b47839c]{color:#10b981;font-weight:600}.separator[data-v-5b47839c]{color:#cbd5e0}.header-phone[data-v-5b47839c]{color:#718096}.header-actions[data-v-5b47839c]{display:flex;gap:8px;margin-left:12px}.action-btn[data-v-5b47839c]{background:#f2f4f9;border:none;cursor:pointer;padding:8px;color:#002790;border-radius:8px;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.action-btn[data-v-5b47839c]:hover{background:#0027901a;transform:scale(1.05)}.profile-modal-overlay[data-v-5b47839c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-modal[data-v-5b47839c]{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.profile-header[data-v-5b47839c]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.profile-header h2[data-v-5b47839c]{margin:0;font-size:18px;font-weight:600;color:#111b21}.close-button[data-v-5b47839c]{background:none;border:none;cursor:pointer;padding:8px;color:#54656f;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-button[data-v-5b47839c]:hover{background:#f0f2f5}.profile-content[data-v-5b47839c]{padding:24px 20px;text-align:center}.profile-avatar-large[data-v-5b47839c]{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid #002790}.profile-avatar-large img[data-v-5b47839c]{width:100%;height:100%;object-fit:cover}.profile-name[data-v-5b47839c]{font-size:24px;font-weight:600;color:#111b21;margin:0 0 24px}.profile-details[data-v-5b47839c]{text-align:left}.profile-detail-item[data-v-5b47839c]{display:flex;flex-direction:column;padding:16px 0;border-bottom:1px solid #f0f2f5}.profile-detail-item[data-v-5b47839c]:last-child{border-bottom:none}.detail-label[data-v-5b47839c]{font-size:12px;color:#667781;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value[data-v-5b47839c]{font-size:16px;color:#111b21;font-weight:500;word-break:break-all}@media (max-width: 768px){.back-button[data-v-5b47839c]{display:flex}.header-info[data-v-5b47839c]{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.profile-modal[data-v-5b47839c]{max-width:100%;border-radius:12px 12px 0 0;max-height:80vh}.profile-modal-overlay[data-v-5b47839c]{align-items:flex-end;padding:0}}.message-list[data-v-c3e41ff9]{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;background:#f2f4f9;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;min-height:0}.messages-container[data-v-c3e41ff9]{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.message-card[data-v-c3e41ff9]{display:flex;animation:slideIn-c3e41ff9 .3s ease-out;width:100%}@keyframes slideIn-c3e41ff9{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.message-sent[data-v-c3e41ff9]{justify-content:flex-end}.message-received[data-v-c3e41ff9]{justify-content:flex-start}.message-content[data-v-c3e41ff9]{max-width:65%;min-width:160px;background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 2px 6px #00000014;border:1px solid rgba(0,39,144,.1);transition:all .2s}.message-content[data-v-c3e41ff9]:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.message-sent .message-content[data-v-c3e41ff9]{background:#002790;border-color:#002790;color:#fff}.message-received .message-content[data-v-c3e41ff9]{background:#fff;border-color:#00279026}.message-header[data-v-c3e41ff9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.05)}.message-sent .message-header[data-v-c3e41ff9]{border-bottom-color:#fff3}.message-sender[data-v-c3e41ff9]{font-size:12px;font-weight:600;color:#002790;text-transform:uppercase;letter-spacing:.5px}.message-time[data-v-c3e41ff9]{font-size:11px;opacity:.85;font-weight:500;white-space:normal;line-height:1.3;text-align:right;word-break:break-word}.message-sent .message-time[data-v-c3e41ff9]{color:#fffffff2}.message-received .message-time[data-v-c3e41ff9]{color:#718096}.message-body[data-v-c3e41ff9]{margin-bottom:8px}.message-text[data-v-c3e41ff9]{margin:0;font-size:14px;line-height:1.5;word-wrap:break-word}.message-sent .message-text[data-v-c3e41ff9]{color:#fff}.message-received .message-text[data-v-c3e41ff9]{color:#2d3748}.message-footer[data-v-c3e41ff9]{display:flex;justify-content:flex-end;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.2)}.message-status-icon[data-v-c3e41ff9]{display:flex;align-items:center}@media (max-width: 768px){.message-list[data-v-c3e41ff9]{padding:10px 12px 100px;overscroll-behavior:contain}.messages-container[data-v-c3e41ff9]{gap:8px}.message-content[data-v-c3e41ff9]{max-width:85%;min-width:140px;padding:10px 12px}.message-text[data-v-c3e41ff9]{font-size:13px}.message-header[data-v-c3e41ff9]{margin-bottom:4px;padding-bottom:3px}.message-body[data-v-c3e41ff9]{margin-bottom:4px}}.message-input-container[data-v-2b68cf76]{display:flex;align-items:center;padding:10px 16px;background:#fff;border-top:2px solid #F2F4F9;gap:10px;box-shadow:0 -2px 8px #0000000a}.input-actions[data-v-2b68cf76]{display:flex;gap:4px}.icon-button[data-v-2b68cf76]{background:none;border:none;cursor:pointer;padding:8px;color:#54656f;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;flex-shrink:0}.icon-button[data-v-2b68cf76]:hover{background:#e0e0e0}.input-wrapper[data-v-2b68cf76]{flex:1;background:#f2f4f9;border:2px solid transparent;border-radius:12px;padding:8px 14px;display:flex;align-items:center;min-height:40px;max-height:100px;transition:all .3s}.input-wrapper[data-v-2b68cf76]:focus-within{border-color:#002790;background:#fff;box-shadow:0 0 0 3px #0027901a}.message-textarea[data-v-2b68cf76]{width:100%;border:none;outline:none;font-size:14px;font-family:inherit;line-height:1.4;color:#2d3748;background:transparent;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.message-textarea[data-v-2b68cf76]::placeholder{color:#a0aec0}.message-textarea[data-v-2b68cf76]:disabled{opacity:.6;cursor:not-allowed}.send-button[data-v-2b68cf76]:disabled{opacity:.6;cursor:not-allowed}.send-button[data-v-2b68cf76]{background:#002790;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s;flex-shrink:0;box-shadow:0 2px 6px #00279040}.send-button[data-v-2b68cf76]:hover{transform:translateY(-2px);background:#0033b3;box-shadow:0 4px 12px #00279059}.send-button[data-v-2b68cf76]:active{transform:translateY(0)}.send-button[data-v-2b68cf76]:active{transform:scale(.95)}.mic-button[data-v-2b68cf76]{width:42px;height:42px}@media (max-width: 768px){.message-input-container[data-v-2b68cf76]{padding:12px 16px;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:2px solid #F2F4F9;box-shadow:0 -4px 16px #0000001a;padding-bottom:max(12px,env(safe-area-inset-bottom))}.input-wrapper[data-v-2b68cf76]{padding:10px 16px;min-height:48px;border-radius:14px}.message-textarea[data-v-2b68cf76]{font-size:16px;-webkit-appearance:none;min-height:28px}.icon-button[data-v-2b68cf76],.send-button[data-v-2b68cf76],.mic-button[data-v-2b68cf76]{min-width:48px;min-height:48px}.send-button[data-v-2b68cf76]{width:48px;height:48px;border-radius:12px}}.chat-container[data-v-590b4797]{display:flex;height:100vh;width:100vw;position:relative;background:#f2f4f9}.chat-sidebar[data-v-590b4797]{width:28%;min-width:260px;max-width:320px;background:#fff;border-right:1px solid rgba(0,39,144,.1);transition:transform .3s ease;z-index:10;box-shadow:2px 0 20px #0000001a}.chat-main[data-v-590b4797]{flex:1;display:flex;flex-direction:column;position:relative}.chat-area[data-v-590b4797]{display:flex;flex-direction:column;height:100%;background:#f2f4f9;position:relative;overflow:hidden}.message-input-wrapper[data-v-590b4797]{flex-shrink:0}@media (max-width: 768px){.chat-area[data-v-590b4797]{height:100vh;height:-webkit-fill-available}.message-input-wrapper[data-v-590b4797]{height:0;overflow:visible}}.chat-welcome[data-v-590b4797]{display:flex;align-items:center;justify-content:center;height:100%;background:#f2f4f9}.welcome-content[data-v-590b4797]{text-align:center;color:#4a5568;padding:20px}.welcome-icon[data-v-590b4797]{margin-bottom:20px;opacity:.4}.welcome-icon svg[data-v-590b4797]{fill:#002790}.welcome-content h2[data-v-590b4797]{font-size:32px;font-weight:700;margin-bottom:10px;color:#002790}.welcome-content p[data-v-590b4797]{font-size:14px}.mobile-empty[data-v-590b4797]{display:none}@media (max-width: 768px){.mobile-empty[data-v-590b4797]{display:none!important}.chat-sidebar.sidebar-open[data-v-590b4797]{transform:translate(0);z-index:100}.chat-main[data-v-590b4797]{width:100%}}.loading-container[data-v-590b4797]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#667781}.loading-spinner[data-v-590b4797]{width:40px;height:40px;border:4px solid #f0f2f5;border-top:4px solid #002790;border-radius:50%;animation:spin-590b4797 1s linear infinite;margin-bottom:16px}@keyframes spin-590b4797{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-590b4797]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.error-text[data-v-590b4797]{color:#e53e3e;font-size:16px;margin-bottom:20px;text-align:center}.retry-button[data-v-590b4797]{padding:10px 20px;background:#002790;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .3s}.retry-button[data-v-590b4797]:hover{background:#0033b3}.sidebar-overlay[data-v-590b4797]{display:none}@media (max-width: 768px){.chat-sidebar[data-v-590b4797]{position:fixed;left:0;top:0;height:100%;width:80%;max-width:350px;transform:translate(-100%);z-index:100}.chat-sidebar.sidebar-open[data-v-590b4797]{transform:translate(0)}.chat-main-expanded[data-v-590b4797]{width:100%}.sidebar-overlay[data-v-590b4797]{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f2f4f9;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100vh;width:100vw}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}
