#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}body[data-v-7eb0fd2f]{margin:0;font-family:Arial,sans-serif}.chat-container[data-v-7eb0fd2f]{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.chat-window[data-v-7eb0fd2f]{flex:1;overflow-y:auto;padding:10px;background-color:#fff}.messages[data-v-7eb0fd2f]{display:flex;flex-direction:column}.message[data-v-7eb0fd2f]{margin:10px 0;width:100%}.message-content[data-v-7eb0fd2f]{display:flex;align-items:center}.me-content[data-v-7eb0fd2f]{justify-content:flex-end}.avatar[data-v-7eb0fd2f]{width:30px;height:30px;border-radius:50%}.text[data-v-7eb0fd2f]{max-width:70%;padding:10px;margin:0 10px;border-radius:10px;font-size:14px}.message .text[data-v-7eb0fd2f]{background-color:#e9ecef}.message.me .text[data-v-7eb0fd2f]{background-color:#dcf8c6}.input-area[data-v-7eb0fd2f]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:10}.input-box-wrapper[data-v-7eb0fd2f]{height:48px;display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;overflow:hidden;background-color:#fff}.input-box[data-v-7eb0fd2f]{flex:1;padding:10px;border:none;outline:none;font-size:14px}.send-button[data-v-7eb0fd2f]{margin:3px;width:40px;height:40px;border:none;background-color:#007bff;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:background-color .3s ease}.send-button[data-v-7eb0fd2f]:hover{background-color:#0056b3}.send-button i[data-v-7eb0fd2f]{font-size:18px}