.chat-container[data-v-8ea609b4]{display:flex;height:100vh;width:100%}.contact-list[data-v-8ea609b4]{width:300px;border-right:1px solid #ddd;overflow-y:auto}.contact-item[data-v-8ea609b4]{display:flex;padding:15px;cursor:pointer;transition:background-color .3s}.contact-item[data-v-8ea609b4]:hover{background-color:#f5f5f5}.selected[data-v-8ea609b4]{background-color:#e0e0e0}.avatar[data-v-8ea609b4]{width:50px;height:50px;border-radius:50%;margin-right:15px}.contact-info h3[data-v-8ea609b4]{margin:0;font-size:16px}.last-message[data-v-8ea609b4]{margin:5px 0 0;color:#666;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window[data-v-8ea609b4]{flex:1;display:flex;flex-direction:column}.message-container[data-v-8ea609b4]{flex:1;padding:20px;overflow-y:auto}.message[data-v-8ea609b4]{margin:10px 0;display:flex}.my-message[data-v-8ea609b4]{justify-content:flex-end}.their-message[data-v-8ea609b4]{justify-content:flex-start}.message-content[data-v-8ea609b4]{max-width:70%;padding:10px 15px;border-radius:15px;position:relative}.my-message .message-content[data-v-8ea609b4]{background-color:#95ec69;margin-left:auto}.their-message .message-content[data-v-8ea609b4]{background-color:#fff;margin-right:auto;border:1px solid #ddd}.time[data-v-8ea609b4]{font-size:12px;color:#666;display:block;margin-top:5px;text-align:right}.input-area[data-v-8ea609b4]{padding:20px;border-top:1px solid #ddd;display:flex}.input-area input[data-v-8ea609b4]{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;margin-right:10px}.input-area button[data-v-8ea609b4]{padding:10px 20px;background-color:#07c160;color:#fff;border:none;border-radius:5px;cursor:pointer}.input-area button[data-v-8ea609b4]:hover{background-color:#06ad56}