.app-container[data-v-37c906e8]{display:flex;max-height:70vh;background:#f6f7fb;font-family:Arial,sans-serif;border:1px solid #ccc;border-radius:10px;overflow:hidden}.sidebar[data-v-37c906e8]{width:25%;background:#fff;border-right:1px solid #ccc;display:flex;flex-direction:column}.sidebar-header[data-v-37c906e8]{padding:5px;background:#fff;color:#000;font-size:1.5em;font-weight:700;text-align:center}.chat-list-container[data-v-37c906e8]{flex:1;overflow-y:auto;min-height:200px}.sidebar ul[data-v-37c906e8]{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;min-height:50vh}.sidebar li[data-v-37c906e8]{padding:10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.sidebar li[data-v-37c906e8]:hover{background:#a3a3a3}.sidebar li.active[data-v-37c906e8]{background:#cfcfcf}.avatar[data-v-37c906e8],.chat-item[data-v-37c906e8]{display:flex;align-items:center}.avatar[data-v-37c906e8]{width:40px;height:40px;background:#3455eb;color:#fff;justify-content:center;border-radius:50%;margin-right:10px;font-size:1.2em}.chat-details[data-v-37c906e8]{flex:1}.chat-name[data-v-37c906e8]{font-weight:700;color:#000}.last-message[data-v-37c906e8]{font-size:.9em;color:#3b4a54}.chat-window[data-v-37c906e8]{flex:1;display:flex;flex-direction:column;background:#f4f1eb;position:relative}.messages-container[data-v-37c906e8]{flex:1;overflow-y:auto;padding:10px;max-height:54vh}.chat-header[data-v-37c906e8]{padding:5px;background:#f0f2f5;color:#000;font-size:1.3em;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.chat-header h3[data-v-37c906e8]{font-weight:700;font-size:1.1em;margin:0}.header-content[data-v-37c906e8],.messages[data-v-37c906e8]{display:flex;flex-direction:column}.messages[data-v-37c906e8]{max-height:100%}.message[data-v-37c906e8]{background:#fff;padding:10px 15px;margin:5px 0;border-radius:10px;max-width:60%;position:relative}.message-sender[data-v-37c906e8]{background:#d1f3d1;align-self:flex-end;text-align:right}.message-content[data-v-37c906e8]{display:flex;flex-direction:column}.message-time[data-v-37c906e8]{margin-top:5px;align-self:flex-end}.message-input[data-v-37c906e8]{display:flex;align-items:center;padding:10px;background:#f0f2f5;border-top:1px solid #ccc;position:absolute;bottom:0;left:0;width:100%}.message-input input[data-v-37c906e8]{flex:1;padding:10px;border:1px solid #ccc;background:#fff;border-radius:20px;outline:none;color:#000}.message-input button[data-v-37c906e8]{margin-left:10px;background:#00bfa5;border:none;border-radius:50%;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.message-input button svg[data-v-37c906e8]{fill:#fff}.message-input button[data-v-37c906e8]:hover{background:#00796b}.no-chat[data-v-37c906e8]{flex:1;display:flex;align-items:center;justify-content:center;color:grey;font-size:1.2em}.message-name[data-v-37c906e8]{font-weight:700;font-size:.9em;margin-bottom:5px;display:block}.search-chat[data-v-37c906e8]{padding:15px;border-bottom:1px solid #ccc}#search-chat-input[data-v-37c906e8]{width:100%;padding:10px;font-size:16px;border:none;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1)}#chat-list[data-v-37c906e8]{list-style:none;padding:0;margin:0}#chat-list li[data-v-37c906e8]{padding:10px;border-bottom:1px solid #ccc}#chat-list li[data-v-37c906e8]:hover{background-color:#f0f0f0}.chat-header-actions[data-v-37c906e8]{display:flex;align-items:center}.refresh-button[data-v-37c906e8]{padding:5px 8px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9em}.refresh-button[data-v-37c906e8]:hover{background:#0056b3}.refresh-button svg[data-v-37c906e8]{fill:#fff;width:24px;height:24px}.message-footer[data-v-37c906e8]{display:flex;align-items:center;justify-content:flex-end;margin-top:5px}.message-time[data-v-37c906e8]{font-size:.8em;color:grey;margin-right:5px}.delete-message[data-v-37c906e8]{background:none;border:none;cursor:pointer;padding:0}.image-preview[data-v-37c906e8]{max-width:100%;max-height:200px;border:1px solid #ccc;border-radius:8px;margin-top:10px;-o-object-fit:cover;object-fit:cover}.message-image[data-v-37c906e8]{width:100px;cursor:pointer}.modal[data-v-37c906e8]{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);justify-content:center;align-items:center}.modal-content[data-v-37c906e8]{max-width:none;max-height:none;width:auto;height:auto}.close[data-v-37c906e8]{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer}.chat-category[data-v-37c906e8]{font-size:.8em;color:grey;margin:2px 0 0}