.chat-service[data-v-87ab4508]{width:70%;display:flex;font-family:Arial,sans-serif;margin:10px auto}.sidebar[data-v-87ab4508]{width:200px;border-right:1px solid #ccc;padding:10px}.sidebar ul[data-v-87ab4508]{list-style:none;padding:0}.sidebar li[data-v-87ab4508]{padding:8px;cursor:pointer;border-radius:4px;position:relative}.sidebar li.active[data-v-87ab4508]{background-color:#007bff;color:#fff}.badge[data-v-87ab4508]{background-color:red;color:#fff;font-size:10px;border-radius:10px;padding:2px 6px;position:absolute;right:10px;top:8px}.chat-area[data-v-87ab4508]{flex:1;display:flex;flex-direction:column;padding:10px;max-height:500px}.chat-area h3[data-v-87ab4508]{margin-bottom:40px}.messages[data-v-87ab4508]{flex:1;overflow-y:auto;margin-bottom:10px;padding-right:10px}.message[data-v-87ab4508]{display:flex;margin-bottom:10px}.message.self[data-v-87ab4508]{flex-direction:row-reverse}.avatar[data-v-87ab4508]{width:32px;height:32px;border-radius:50%;margin:auto 8px}.bubble-wrapper[data-v-87ab4508]{display:flex;flex-direction:column;align-items:flex-start}.message.self .bubble-wrapper[data-v-87ab4508]{align-items:flex-end}.bubble[data-v-87ab4508]{max-width:260px;padding:10px 12px;border-radius:12px;word-wrap:break-word;background-color:#e9ecef;color:#333;font-size:14px;line-height:1.5}.message.self .bubble[data-v-87ab4508]{background-color:#d0ebff;color:#084298}.time[data-v-87ab4508]{font-size:12px;color:#888;margin-top:4px;align-self:flex-end}input[data-v-87ab4508]{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.no-customer[data-v-87ab4508]{flex:1;display:flex;justify-content:center;align-items:center;color:#888;font-size:16px}