*{transition:background .2s}body{color:var(--text);width:100vw;height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}header{max-height:82px}.logo-container{align-items:center;gap:8px;display:flex}.logo-container img,#logo{object-fit:cover;width:54px;height:54px;display:block}#logo{margin:auto auto 12px}.logo-container h2{font-size:28px}header a{cursor:pointer;padding:12px;font-size:16px;transition:all .3s}a:not(header a){margin-top:12px;display:block}.text-light{color:#e1e1e1!important}.navigation-bar{width:100vw;height:5vh;position:fixed;bottom:0;left:0}.setting-container{width:100%}@keyframes pulse{0%{box-shadow:0 0 #1db95480}70%{box-shadow:0 0 0 20px #1db95400}to{box-shadow:0 0 #1db95400}}::-webkit-scrollbar{display:none}.main-container{flex-direction:column;display:flex}@media (max-width:992px){.chat-contents{width:100%!important}.sidebar{display:none!important}}.defaultSide{width:30%!important}.sad-msg{text-align:center;color:#a9a9a9;width:100%;margin-top:90px;font-size:32px}.img-file-shower{border:1px solid #fff;border-radius:8px;width:fit-content;padding:4px;position:absolute;bottom:115px;left:40px;overflow:hidden}.img-file-shower img{object-fit:cover;width:150px;height:150px}.cancelImgFile{right:0;position:absolute!important}.img-msg{object-fit:cover;width:250px;height:250px}.text-wrap{word-break:break-word;padding:12px}.bg-pattern{background-image:url(/chat.png)!important;background-repeat:repeat!important}.chat-container{width:100vw;height:95%;display:flex;position:absolute;inset:0}.sidebar{flex-direction:column;width:400px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sidebar-title{font-size:1.25rem!important;font-weight:700!important}.header-icon{color:inherit!important}.search-container{padding:12px 24px}.search-field{border-radius:8px}.search-icon{margin-right:8px}.friends-list{flex:1;overflow-y:auto}.friend-item{cursor:pointer;border-bottom:1px solid;align-items:center;padding:16px 24px;transition:background-color .2s;display:flex}.friend-item:hover{background-color:#0000000a}.status-badge{margin-right:16px}.friend-avatar{width:48px;height:48px}.friend-info{flex:1;min-width:0}.friend-name{margin-bottom:2px!important;font-size:1rem!important;font-weight:600!important}.last-message{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.875rem!important}.message-meta{text-align:right}.timestamp{margin-bottom:4px!important;font-size:.75rem!important}.unread-badge{margin-left:8px}.chat-area{flex-direction:column;flex:1;display:flex}.chat-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-user-info{align-items:center;gap:16px;display:flex}.chat-user-avatar{width:48px;height:48px}.chat-user-name{font-size:1.125rem!important;font-weight:600!important}.online-status{font-size:.875rem!important}.chat-actions{gap:8px;display:flex}.action-icon{color:inherit!important}.messages-container{background-image:linear-gradient(#00000008 1px,#0000 1px);background-size:100% 40px;flex:1;padding:20px;overflow-y:auto}.message-bubble{border-radius:18px;max-width:60%;height:fit-content;margin-bottom:8px;padding:8px 16px;position:relative}.message-bubble.incoming{align-self:flex-start;margin-right:auto}.message-bubble.outgoing{align-self:flex-end;margin-left:auto}.message-text{font-size:.95rem!important;line-height:1.4!important}.message-time{opacity:.7;text-align:right;margin-top:2px!important;font-size:.75rem!important}.message-input-container{align-items:center;gap:12px;padding:16px 24px;display:flex}.input-icon{color:inherit!important}.message-input,.message-input .MuiOutlinedInput-root{border-radius:24px}.welcome-msg{flex-direction:column;justify-content:center;align-items:center;width:80%;margin:auto;display:flex}.welcome-msg img{object-fit:cover;max-width:150px}.welcome-msg h2{margin-top:30px;font-size:30px}@media (max-width:992px){.chat-side-full{width:100%!important}.welcome-msg{display:none}}.profile_photo{object-fit:cover;border-radius:50%;width:100px;height:100px}.image-viewer-container{justify-content:center;align-items:center;margin-top:50px;display:flex}.image-overlay{z-index:9999;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.overlay-controls{z-index:10000;justify-content:space-between;width:100%;padding:0 20px;display:flex;position:absolute;top:20px}.close-btn{border-radius:50%;color:#fff!important}.zoom-buttons{gap:10px;display:flex}.zoom-buttons button{color:#fff!important}.image-wrapper{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.image-wrapper img{max-width:80%}.image-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;transition:transform .2s;box-shadow:0 0 20px #00000080}img{-webkit-user-select:none!important;user-select:none!important}.voice-message{background:#e9f0ff;border-radius:16px;align-items:center;min-width:280px;max-width:280px;padding:6px 10px;display:flex;box-shadow:0 1px 3px #00000026}.voice-play-btn{transition:background .2s;box-shadow:0 1px 3px #0000001a;color:#1976d2!important;background:#fff!important;margin-right:8px!important}.voice-play-btn:hover{background:#f5f5f5!important}.voice-progress{background:#d0d7e3;border-radius:2px;flex:1;height:4px;margin-right:8px;overflow:hidden}.voice-progress-bar{background:#1976d2;height:100%;transition:width .1s linear}.voice-time{color:#444;text-align:right;min-width:40px;font-size:12px}