*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f0f2f5;color:#111b21;height:100vh;overflow:hidden}#app{height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-item[data-v-70d2fe7b]{display:flex;padding:0 15px;height:72px;align-items:center;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f2f5}.chat-item[data-v-70d2fe7b]:hover{background-color:#f5f6f6}.chat-item.active[data-v-70d2fe7b]{background-color:#f0f2f5}.chat-item .avatar-container[data-v-70d2fe7b]{position:relative;margin-right:15px}.chat-item .avatar-container .avatar[data-v-70d2fe7b]{width:49px;height:49px;border-radius:50%;object-fit:cover}.chat-item .avatar-container .status-indicator[data-v-70d2fe7b]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.chat-item .avatar-container .status-indicator.online[data-v-70d2fe7b]{background-color:#25d366}.chat-item .avatar-container .status-indicator.offline[data-v-70d2fe7b]{background-color:#ccc}.chat-item .chat-info[data-v-70d2fe7b]{flex:1;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;padding-right:10px}.chat-item .chat-info .top-row[data-v-70d2fe7b]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.chat-item .chat-info .top-row .name[data-v-70d2fe7b]{font-size:17px;color:#111b21;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .chat-info .top-row .time[data-v-70d2fe7b]{font-size:12px;color:#667781;margin-left:10px;flex-shrink:0}.chat-item .chat-info .bottom-row[data-v-70d2fe7b]{display:flex;justify-content:space-between;align-items:center}.chat-item .chat-info .bottom-row .last-message[data-v-70d2fe7b]{font-size:14px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:10px}.chat-item .chat-info .bottom-row .badge-container[data-v-70d2fe7b]{flex-shrink:0}.chat-item .chat-info .bottom-row .badge-container .badge[data-v-70d2fe7b]{background-color:#25d366;color:#fff;font-size:12px;font-weight:600;padding:0 6px;border-radius:18px;min-width:20px;text-align:center;height:20px;line-height:20px;display:inline-block;box-shadow:0 1px 2px #0000001a}.chat-list[data-v-284cdc66]{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #e9edef}.chat-list .header[data-v-284cdc66]{padding:10px 16px;background:#f0f2f5;border-bottom:1px solid #e9edef;height:60px;display:flex;align-items:center;flex-shrink:0}.chat-list .header h2[data-v-284cdc66]{font-size:1.2rem;color:#54656f}.chat-list .list-container[data-v-284cdc66]{flex:1;overflow-y:auto}.chat-header[data-v-e918e237]{height:60px;background:#f0f2f5;padding:10px 16px;display:flex;align-items:center;border-bottom:1px solid #d1d7db;flex-shrink:0}.chat-header .avatar-container[data-v-e918e237]{margin-right:15px}.chat-header .avatar-container .avatar[data-v-e918e237]{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-header .user-info[data-v-e918e237]{display:flex;flex-direction:column;justify-content:center}.chat-header .user-info .name[data-v-e918e237]{font-weight:500;color:#111b21;font-size:16px}.chat-header .user-info .status[data-v-e918e237]{font-size:13px;color:#667781}.message-bubble[data-v-c57eb4ea]{max-width:65%;padding:6px 7px 8px 9px;border-radius:7.5px;position:relative;box-shadow:0 1px .5px #00000021;font-size:14.2px;line-height:19px;word-wrap:break-word}.message-bubble.outgoing[data-v-c57eb4ea]{background-color:#d9fdd3;align-self:flex-end;border-top-right-radius:0}.message-bubble.incoming[data-v-c57eb4ea]{background-color:#fff;align-self:flex-start;border-top-left-radius:0}.message-bubble .message-text[data-v-c57eb4ea]{margin-bottom:15px}.message-bubble .message-meta[data-v-c57eb4ea]{position:absolute;bottom:4px;right:7px;display:flex;align-items:center}.message-bubble .message-meta .time[data-v-c57eb4ea]{font-size:11px;color:#667781}.message-list[data-v-6dd96252]{flex:1;overflow-y:auto;padding:20px 5%;display:flex;flex-direction:column;gap:8px;background-color:#efeae2;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);opacity:.95}.message-row[data-v-6dd96252]{display:flex;flex-direction:column;width:100%}.message-row.outgoing[data-v-6dd96252]{align-items:flex-end}.message-row.incoming[data-v-6dd96252]{align-items:flex-start}.message-enter-active[data-v-6dd96252]{transition:all .3s ease-out}.message-enter-from[data-v-6dd96252]{opacity:0;transform:translateY(20px)}.message-input[data-v-02fac266]{background:#f0f2f5;border-top:1px solid #d1d7db;padding:5px 16px 10px;flex-shrink:0}.message-input .formatting-toolbar[data-v-02fac266]{display:flex;gap:10px;margin-bottom:5px}.message-input .formatting-toolbar .format-btn[data-v-02fac266]{background:#fff;border:1px solid #ddd;border-radius:4px;padding:2px 10px;cursor:pointer;font-size:14px}.message-input .formatting-toolbar .format-btn[data-v-02fac266]:hover{background:#f5f6f6}.message-input .input-form[data-v-02fac266]{display:flex;align-items:flex-end;gap:10px}.message-input .input-wrapper[data-v-02fac266]{flex:1;display:flex;background:#fff;border-radius:8px;padding:9px 12px;border:1px solid #fff}.message-input .input-wrapper textarea[data-v-02fac266]{width:100%;border:none;outline:none;resize:none;font-family:inherit;font-size:15px;max-height:120px;padding:0;margin:0;line-height:20px}.message-input .send-btn[data-v-02fac266]{border:none;background:none;color:#54656f;font-size:24px;cursor:pointer;padding:0 10px;margin-bottom:5px}.message-input .send-btn[data-v-02fac266]:disabled{color:#aebac1;cursor:default}.message-input .send-btn[data-v-02fac266]:not(:disabled){color:#00a884}.chat-window[data-v-e7282096]{display:flex;flex-direction:column;height:100%;background-color:#efeae2}.empty-state[data-v-e7282096]{display:flex;align-items:center;justify-content:center;height:100%;color:#667781;font-size:1.1rem;background:#f0f2f5;border-bottom:6px solid #43c960}.home-container[data-v-9f7f8110]{display:flex;height:100vh;width:100%;background-color:#fff;overflow:hidden}.sidebar[data-v-9f7f8110]{width:30%;min-width:350px;border-right:1px solid #e0e0e0;height:100%}.main-window[data-v-9f7f8110]{flex:1;height:100%;background-color:#f0f2f5}@media(max-width:768px){.sidebar[data-v-9f7f8110]{width:100%;border-right:none}}