.sidebar[data-v-c25f63fb]{align-items:center;background:#075e54;border-radius:15px 0 0 15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;padding:10px;width:60px}.profile-image[data-v-c25f63fb]{border:2px solid #fff;border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.settings[data-v-c25f63fb]{display:flex;flex-direction:column;margin-top:auto}.settings button[data-v-c25f63fb]{background:transparent;border:none;color:#fff;cursor:pointer;font-size:30px;margin:5px 0}.settings button[data-v-c25f63fb]:hover{color:#4caf50}.edit-profile-container[data-v-e6fdcee2]{align-items:center;background:#f4f7fc;border-radius:15px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;max-width:500px;padding:40px 20px;width:18rem}.profile-image-container[data-v-e6fdcee2]{position:relative}.profile-image[data-v-e6fdcee2]{border:4px solid #4caf50;border-radius:50%;height:150px;-o-object-fit:cover;object-fit:cover;width:150px}.overlay[data-v-e6fdcee2]{background-color:#00000080;border-radius:10px;bottom:10px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;position:absolute;right:10px;transition:background-color .3s ease}.overlay[data-v-e6fdcee2]:hover{background-color:#000000b3}.profile-details[data-v-e6fdcee2]{margin-top:20px;width:100%}.input-group[data-v-e6fdcee2]{margin-bottom:20px;width:100%}.input-group label[data-v-e6fdcee2]{color:#333;font-size:14px;font-weight:700}.profile-info[data-v-e6fdcee2]{align-items:center;display:flex;justify-content:space-between;width:100%}.edit-icon[data-v-e6fdcee2]{color:#4caf50;cursor:pointer;font-size:18px}.input-edit[data-v-e6fdcee2]{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;margin-top:5px;padding:8px;width:100%}button[data-v-e6fdcee2]{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 20px;transition:background-color .3s ease;width:100%}button[data-v-e6fdcee2]:hover{background-color:#388e3c}.success-message[data-v-e6fdcee2]{color:#4caf50}.error-message[data-v-e6fdcee2],.success-message[data-v-e6fdcee2]{font-size:14px;font-weight:700;margin-top:5px}.error-message[data-v-e6fdcee2]{color:#e74c3c}.password-input[data-v-e6fdcee2]:focus{border-color:#4caf50;outline:none}.rooms-list[data-v-e9839a0d]{background:#fff;box-shadow:0 6px 15px #0000001a;overflow:hidden;width:18rem}.rooms-list[data-v-e9839a0d]:hover{box-shadow:0 8px 20px #00000026}.rooms-list header[data-v-e9839a0d]{background:#fff;color:#000;font-size:14px;font-weight:700;padding:0 15px;text-align:left}.rooms-list .search-bar[data-v-e9839a0d]{align-items:center;background:#fff;display:flex;padding:10px 15px}.rooms-list .search-bar input[data-v-e9839a0d]{border:1px solid #ddd;border-radius:8px;flex-grow:1;font-size:14px;outline:none;padding:8px 12px;transition:border-color .3s}.rooms-list .search-bar input[data-v-e9839a0d]:focus{border-color:#6a11cb}.create-new[data-v-e9839a0d]{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:15px;transition:all .3s}.create-new[data-v-e9839a0d]:hover{background:#f0f8ff}.create-button[data-v-e9839a0d]{align-items:center;background:#6a11cb;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:28px;font-weight:700;height:50px;justify-content:center;width:50px}.create-description[data-v-e9839a0d]{color:#777;font-size:14px;margin-top:10px}.rooms-list ul[data-v-e9839a0d]{list-style:none;margin:0;padding:0}.rooms-list li[data-v-e9839a0d]{align-items:center;cursor:pointer;display:flex;padding:12px 15px;transition:background .3s,transform .2s}.rooms-list li[data-v-e9839a0d]:hover{background:#f9f9f9;transform:translate(5px)}.rooms-list li.active[data-v-e9839a0d]{background:#f0f8ff;font-weight:700}.rooms-list .avatar[data-v-e9839a0d]{align-items:center;background:linear-gradient(135deg,#4caf50,#81c784);border-radius:50%;box-shadow:0 2px 5px #00000026;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-right:12px;width:40px}.rooms-list .avatar img[data-v-e9839a0d]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.rooms-list .contact-info[data-v-e9839a0d]{display:flex;flex-direction:column;flex-grow:1}.rooms-list .contact-name[data-v-e9839a0d]{color:#333;font-size:15px;font-weight:700;margin:0}.loading[data-v-e9839a0d]{color:#999;padding:20px;text-align:center}.chat-container[data-v-f315e356]{display:flex;height:98vh}.content-area[data-v-f315e356]{flex:1;overflow:auto}