@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro/SourceSansPro-It.otf) format("opentype");font-weight:400;font-style:italic}body{font-family:Source Sans Pro,Arial,sans-serif}.chat-container{background-color:#f5f4ed;min-height:calc(100vh - 60px);height:100%;width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;margin:0;padding:0}.chat-message-section{flex:1;overflow-y:auto;border-radius:10px;background-color:#fff;margin:10px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.chat-main{flex:1;overflow-y:auto;padding:8px 0 100px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.chat-main,.chat-messages{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:0}.chat-messages{position:relative;z-index:1;background-color:transparent;background-image:url(/images/chatbg.png);background-size:cover;background-position:50%;background-attachment:scroll;background-repeat:no-repeat;padding:12px 8px;will-change:scroll-position;transform:translateZ(0)}.message{display:flex;align-items:flex-end;margin-bottom:15px;gap:10px;flex-direction:row;text-align:left}.message-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-content{position:relative;padding:10px 15px;border-radius:15px;max-width:70%;background-color:#faf8d7;box-shadow:0 1px 3px rgba(0,0,0,.1);word-wrap:break-word}.message-incoming .message-content{background-color:#e8fad7}.message-content:after{content:"";position:absolute;bottom:10px;left:-6px;width:0;height:0;border-color:#faf8d7 transparent transparent;border-style:solid;border-width:15px 15px 0 0;transform:translateY(50%) rotate(180deg)}.message-incoming .message-content:after{border-color:#e8fad7 transparent transparent}.message-incoming .message-bubble:before{content:"";position:absolute;bottom:0;left:-10px;border:10px solid transparent;border-top-color:#f1f1f1}.message-user{font-size:.85rem;font-weight:400;margin-bottom:4px}.message-text{font-size:.9rem;line-height:1.5}.message-timestamp-container{justify-content:flex-start;gap:5px}.message-timestamp,.message-timestamp-container{display:flex;align-items:center;font-size:.85rem;color:#999;margin-top:5px}.message-timestamp{justify-content:space-between}.read-receipt{margin-left:8px;color:#999;font-size:.85rem}.chat-input-section{background-color:transparent;padding:.25rem .5rem;position:fixed;bottom:60px;left:0;right:0;z-index:100}.chat-input-form{padding-right:1rem;font-size:1rem;min-height:3.5rem}.chat-input-wrapper{display:flex;align-items:center;width:calc(100% - 1rem);max-width:none;padding:12px 16px;background-color:#fff;border-radius:24px;border:none;box-shadow:0 4px 8px rgba(0,0,0,.2);margin:0 .5rem;min-height:48px}.chat-input{flex:1;border:none;outline:none;font-size:1rem;margin:0 8px}.chat-input-container{display:flex;align-items:center;flex:1;margin:0 8px;width:100%}.chat-mentions-input{width:100%;min-width:225px}.hidden-file-input{display:none}.icon{justify-content:center;width:24px;height:24px;margin:0 2px;color:#555;cursor:pointer}.icon,.right-icons{display:flex;align-items:center;flex-shrink:0}.right-icons{justify-content:flex-end;margin-left:auto;min-width:80px;gap:4px}.icon:hover{color:#000}.icon.mic{margin-left:2px;margin-right:2px}.icon.send{display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;padding:0;color:#555;margin-left:auto}.icon.send:hover{color:#000}.icon.emoji,.icon.paperclip{margin-left:2px;margin-right:2px}.mic-icon{right:1rem;bottom:1rem}.attachments-list{margin-top:10px;padding:10px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.attachment{display:flex;align-items:center;background-color:#f1f1f1;padding:5px;border-radius:10px;margin-bottom:5px}.attachment-link{text-decoration:none;color:#2F5D50;margin-right:5px}.remove-attachment{background:none;border:none;color:#ff4d4d;cursor:pointer}.emoji-picker{bottom:60px;right:20px;z-index:10}.emoji-picker,.emoji-picker-container{position:absolute;box-shadow:0 2px 5px rgba(0,0,0,.2)}.emoji-picker-container{bottom:50px;left:10px;z-index:9999}.user-list{display:flex;flex-direction:column;height:100%;border-right:1px solid #ddd;background-color:#f9f9f9}.user-list-header{padding:10px;border-bottom:1px solid #ddd;background-color:#fff}.user-list-title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.user-search-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:8px}.user-list-body{overflow-y:auto;flex:1;padding:8px 0}.user-list-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.user-list-item:hover{background-color:#f1f1f1}.current-user{background-color:#E8F1EE}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-name{font-size:1rem;font-weight:500;color:#333}.user-list-empty{text-align:center;font-size:.9rem;color:#888;margin-top:20px}.message-attachments img{max-width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:10px;display:block;margin-top:5px}.attachment-preview{max-width:100px;max-height:100px;margin-right:5px;border-radius:5px;-o-object-fit:cover;object-fit:cover}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.chat-groups-container{padding:.5rem;height:100%;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;margin:0}.chat-list-view .chat-groups-container{background-color:#ffffff;border-radius:8px;box-shadow:none;height:auto;max-width:100%;width:100%;overflow-x:hidden}.chat-shell:not(.chat-list-view) .chat-groups-container{background-color:transparent;border-radius:0;box-shadow:none}.chat-groups-container ul{list-style:none;padding:0;margin:0}.chat-group-item{margin-bottom:1rem;border-radius:.5rem;background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;padding:1rem;text-align:left;border-bottom:1px solid #eaeaea;display:flex;align-items:center;gap:1rem;width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0;box-sizing:border-box;overflow:hidden;position:relative}.chat-group-description{font-weight:400;margin:.5rem 0}.chat-group-item:nth-child(odd){background-color:#F0ECE6}.chat-group-item:nth-child(2n){background-color:#E8E4DC}.chat-group-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.chat-group-link{display:block;padding:1rem;color:inherit;text-decoration:none}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem .5rem;background-color:#f5f4ed;position:sticky;top:0;left:0;right:0;width:100%;z-index:50;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;margin:0;height:60px;overflow:hidden;will-change:transform;transform:translateZ(0)}.chat-title{font-size:1.75rem;font-weight:700;margin:0}.back-button{background-color:#8FAAA1;color:#FFFFFF;padding:.5rem 1rem;border:none;border-radius:6px;margin-left:6px;cursor:pointer;font-size:.9rem}.message-list{display:flex;flex-direction:column;gap:10px;padding:10px}.mentionsWrapper{position:relative;flex:1;min-width:0;margin:0 8px}.focusedSuggestion,.suggestion{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer}.focusedSuggestion{background-color:#f0f0f0}.profilePicture{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.userName{font-size:14px}.loadingIndicator{position:absolute;bottom:-20px;left:0;font-size:12px;color:#888}:global(.react-mentions__input){border:none;outline:none;width:100%;background-color:transparent;font-family:inherit;font-size:inherit;padding:0}:global(.react-mentions__suggestions){position:absolute!important;z-index:100!important}.mention{color:#2F5D50;font-weight:700;background:#E8F1EE;border-radius:4px;padding:0 4px;margin:0 2px;display:inline-block}.chat-shell{width:100vw;max-width:100vw;height:100vh;margin:0;padding:0;background:#f5f4ed;display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;border:none;border-radius:0;box-shadow:none}.chat-shell.chat-list-view{width:100%;max-width:1200px;margin:0 auto;margin-bottom:calc(var(--bottom-nav-height, 60px) + .5rem);padding:.5rem;height:auto;min-height:calc(100vh - var(--bottom-nav-height, 60px) - 1rem);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.06);overflow-x:hidden;overflow-y:auto;box-sizing:border-box;position:relative}.chat-title{margin:0 0 12px}.chat-group-item--centered{display:flex;align-items:center;justify-content:center;text-align:center}.chat-group-core{display:inline-flex;align-items:center;gap:1.25rem}.pod-avatar,img.pod-avatar--sm{border-radius:9999px;-o-object-fit:cover;object-fit:cover}img.pod-avatar--sm{width:40px;height:40px;max-width:none;display:inline-block}.chat-group-name{font-size:clamp(1rem,4vw,1.5rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 60px);flex:1}@media (max-width:768px){.chat-shell.chat-list-view{width:100%;margin:0;padding:.25rem;margin-bottom:calc(var(--bottom-nav-height, 60px) + .25rem);min-height:calc(100vh - var(--bottom-nav-height, 60px) - .5rem);box-sizing:border-box;border-radius:0;overflow-x:hidden;overflow-y:auto}.chat-shell:not(.chat-list-view){height:100vh;width:100vw;margin:0;padding:0;position:fixed;top:0;left:0;right:0;bottom:0}.chat-container{height:calc(100vh - 60px);width:100%;margin:0;padding:0}.chat-input-section{left:0;right:0;padding:.25rem}.chat-input-wrapper{width:calc(100% - .5rem);margin:0 .25rem;padding:10px 14px;min-height:46px}.chat-groups-container{padding:.5rem;height:auto}.chat-group-item{width:100%;margin-left:0;margin-right:0;padding:.75rem}.chat-header{padding:.75rem .5rem;background-color:#f5f4ed;left:0;right:0}.chat-main{padding:8px 0 110px}.icon{width:28px;height:28px;margin:0 3px}.right-icons{min-width:90px;gap:6px}}@media (max-width:430px){.chat-input-wrapper{width:calc(100% - .25rem);margin:0 .125rem;padding:8px 12px}.chat-input-section{padding:.2rem}.right-icons{min-width:100px;gap:8px}}