body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{display:flex;flex-direction:column;height:100dvh;padding:0}.chat-header{position:sticky;top:0;left:0;right:0;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px;background-color:#f0f2f5;border-bottom:1px solid #e0e0e0}.group-info{display:flex;align-items:center;gap:15px}.group-avatar{width:40px;height:40px;background-color:#00a884;border-radius:50%;display:flex;align-items:center;justify-content:center}.group-avatar i{color:#fff;font-size:20px}.group-details{display:flex;flex-direction:column}.group-name{margin:0;font-size:16px;font-weight:600;color:#111b21}.members-count{font-size:13px;color:#667781}.header-actions{display:flex;gap:20px}.header-btn{background:none;border:none;color:#54656f;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.header-btn:hover{background-color:#e0e0e0}.messages-container{flex-grow:1;display:flex;flex-direction:column;gap:10px;padding-block:10px;overflow-y:scroll;min-height:0;background-color:#efeae2}.message-card:first-child{margin-top:auto}.message-card{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;animation:fadeIn .3s ease-in-out}.message-card.self{flex-direction:row-reverse}.message-bubble-self{position:relative;display:inline-block;max-width:80%;background-color:#c5ead1;border-radius:12px;padding:10px;box-shadow:0 1px 2px #0000001a}.message-bubble-self:before{content:"";position:absolute;top:3;right:-8px;width:0;height:0;border-top:6px solid transparent;border-left:8px solid #c5ead1;border-bottom:6px solid transparent}.message-bubble{position:relative;display:inline-block;max-width:80%;background-color:#fff;border-radius:12px;padding:10px;box-shadow:0 1px 2px #0000001a}.message-bubble:before{content:"";position:absolute;top:3;left:-8px;width:0;height:0;border-top:6px solid transparent;border-right:8px solid #ffffff;border-bottom:6px solid transparent}.message-content{display:flex;flex-direction:column}.sender-username{color:#008f6f;font-size:12px;margin:0;word-wrap:break-word}.message-text{color:#303030;font-size:14px;margin:0;word-wrap:break-word}.message-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.message-time{color:#8696a0;font-size:8px}.message-avatar{width:35px;height:35px;border-radius:50%;margin-inline:8px;object-fit:cover}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-container{position:static;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;gap:10px;padding:5px;background-color:#f0f2f5;border-top:1px solid #e0e0e0}#messageInput{flex:1;padding:12px;border:none;border-radius:20px;background-color:#fff;font-size:14px;outline:none;resize:none;max-height:120px;min-height:20px;line-height:1.5;overflow-y:auto}#messageInput::-webkit-scrollbar{width:6px}#messageInput::-webkit-scrollbar-track{background:transparent}#messageInput::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}#sendBtn{background-color:#00a884;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center;transition:background-color .2s}#sendBtn:hover{background-color:#008f6f}
/*# sourceMappingURL=client.css.map */