.login-container[data-v-eafbe469]{max-width:300px;margin:100px auto;text-align:center}.form input[data-v-eafbe469]{display:block;width:100%;padding:10px;margin:10px 0;box-sizing:border-box}.form button[data-v-eafbe469]{width:48%;padding:10px;margin:5px 1%;cursor:pointer}.message[data-v-eafbe469]{color:red;margin-top:10px}.chat-container[data-v-abc4a9aa]{display:flex;height:100vh}.sidebar[data-v-abc4a9aa]{width:200px;border-right:1px solid #ccc;padding:10px}.user-info[data-v-abc4a9aa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sidebar ul[data-v-abc4a9aa]{list-style:none;padding:0}.sidebar li[data-v-abc4a9aa]{padding:10px;cursor:pointer;border-radius:5px}.sidebar li[data-v-abc4a9aa]:hover,.sidebar li.active[data-v-abc4a9aa]{background:#e0e0e0}.main[data-v-abc4a9aa]{flex:1;display:flex;flex-direction:column}.chat-area[data-v-abc4a9aa]{flex:1;display:flex;flex-direction:column;padding:10px}.messages[data-v-abc4a9aa]{flex:1;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-bottom:10px}.msg[data-v-abc4a9aa]{margin:5px 0;padding:8px 12px;border-radius:10px;max-width:70%}.msg.mine[data-v-abc4a9aa]{background:#007bff;color:#fff;margin-left:auto}.msg.other[data-v-abc4a9aa]{background:#e0e0e0}.input-area[data-v-abc4a9aa]{display:flex;gap:10px}.input-area input[data-v-abc4a9aa]{flex:1;padding:10px}.input-area button[data-v-abc4a9aa]{padding:10px 20px}.no-chat[data-v-abc4a9aa]{flex:1;display:flex;align-items:center;justify-content:center;color:#888}