@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{overflow-y:hidden}.container-back-img{background-image:url(data:image/jpeg;base64,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);background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;width:100%;z-index:-2}.container-back-color{background-color:#232223;height:100%;opacity:.7;position:absolute;width:100%;z-index:-1}.container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#7a747438;border-radius:10px;box-shadow:0 5px 10px 0 #d4cdcd4d;padding:10px 30px;transition:transform .3s ease;width:400px}.column{display:flex;flex-wrap:wrap;justify-content:space-between}.form .column input{width:calc(50% - 2px)}.card_title{padding:10px;text-align:center}.card_title h1{font-size:26px;font-weight:700}.form input{background-color:#676363;border:none;border-radius:4px;margin-bottom:5px;outline:none;padding:12px 20px;width:100%}.form button{background-color:#8ab5c0;border:none;border-radius:5px;color:#1a1616;font-size:16px;margin-top:10px;outline:none;padding:8px 15px;width:100%}.card_terms{align-items:center;display:flex;padding:10px}.card_terms input[type=checkbox]{background-color:#d5cece}.card_terms span{font-size:13px;margin:5px}.card a{color:#88303f;margin-left:5px;text-decoration:none}.loader-overlay{align-items:center;background-color:#90615cb3;bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:2}.loader-spinner,.loader-spinner:after{box-sizing:border-box}.loader-spinner{display:inline-block;height:80px;position:relative;width:80px}.loader-spinner:after{animation:loader-spinner 1.2s infinite;border-color:#fff #0000;border-radius:50%;border-style:solid;border-width:32px;box-sizing:border-box;content:" ";display:block;height:0;margin:8px;width:0}@keyframes loader-spinner{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:rotate(0)}50%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(900deg)}to{transform:rotate(5turn)}}.home-page{background-attachment:fixed;background-color:#7d6868;background-image:url(/static/media/homepage2.e470c57525b6cb00c041.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;margin:10px auto;padding:10px;width:90%}.app-header{border-bottom:1px solid #240202;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 30px;width:100%}.app-logo{color:#3faab2;display:flex;flex-wrap:nowrap;font-size:25px;font-weight:700}i{margin:5px 10px}.app-user-profile{display:flex}.logged-user-name{color:#2c7594;font-weight:700;margin-left:15px;padding-right:20px;padding-top:10px}.logged-user-profile-pic{background-color:#6e6565;border-radius:50%;color:#6b6565;cursor:pointer;font-size:20px;font-weight:700;height:40px;line-height:40px;text-align:center;vertical-align:middle;width:40px}.app-sidebar{width:30%}.user-search-area{border-bottom:1px solid #bb1515;color:#66545c;margin-bottom:20px;padding:15px;position:relative}.search-input{background-color:#5a575700;border:1px solid #bb1515;border-radius:5px;color:#66545c;outline:none;padding:10px;width:100%}.user-search-text{background:#9f949400;border:1px solid #b65f5f;border-radius:25px;color:#9b9bac;font-size:14px;height:40px;outline:none;padding:12px 45px 12px 15px;width:100%}.user-search-text:focus{border-color:#007bff}.user-search-btn{color:#666;font-size:25px;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.sidebar-scroll{max-height:80vh;overflow-y:auto;padding-right:5px}.filtered-user,.selected-user{align-items:center;border-bottom:none;border-radius:10px;cursor:pointer;display:flex;margin-bottom:8px;padding:10px;transition:all .2s ease}.filtered-user{background-color:hsla(0,4%,56%,.409);color:#cb6549}.selected-user{background-color:#8f7d7d42;color:#38b84d}.filtered-user:hover{background-color:#805555;color:#fff}.filter-user-display{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-user-details{flex:1 1;min-width:0;width:60%}.user-display-name{font-size:16px;font-weight:700}.user-display-email,.user-display-name{overflow:hidden;padding:1px 20px;text-overflow:ellipsis;white-space:nowrap}.user-display-email{font-size:12px}.user-default-avatar,.user-profile-image,.user-selected-avatar{border-radius:50%;font-size:22px;font-weight:700;height:50px;line-height:50px;text-align:center;vertical-align:middle;width:50px}.user-default-avatar{background-color:#888080;color:#0e0d0d}.user-selected-avatar{background-color:#fff;color:#e74c3c}.user-start-chat{padding:10px 0}.user-start-chat-btn{background-color:#807574;border:none;border-radius:3px;color:#963b3b;padding:10px 5px}.unread-message-counter{background-color:#aa4f44;border-radius:50%;color:#fff;float:right;font-size:13px;font-weight:700;height:25px;padding-top:3px;text-align:center;width:25px}.last-message-timestamp{font-size:13px}.app-chat-area{background-color:#86747429;border-radius:10px;display:flex;flex-direction:column;height:85vh;padding:20px 30px;width:70%}.app-chat-area-header{align-items:center;background:#a8adb304;border-bottom:1px solid #af3d3d;color:#ac5d30;display:flex;font-size:16px;font-weight:600;margin-bottom:20px;min-height:60px;padding:15px}.app-chat-area-header span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-chat-area{background:#595c6100;flex:1 1;overflow-y:auto;padding:10px 20px}.send-message-div{background:#6b626200;border-top:1px solid #e0e0e0;margin-top:20px;padding:15px;position:relative}.input-row{display:flex;margin-bottom:8px;width:100%}.send-message-input{background:#76797c;border:1px solid #ddd;border-radius:25px;color:#c79427;flex:1 1;font-size:14px;height:40px;min-width:0;outline:none;padding:12px 15px;width:100%}.send-message-input:focus{background:#fff;border-color:#007bff}.button-row{align-items:center;display:flex;gap:15px;justify-content:flex-end;width:100%}.send-emoji-btn,.send-image-btn,.send-message-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f3f38;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:35px;justify-content:center;padding:6px;transition:background-color .2s;width:35px}.send-message-btn{color:#007bff}.send-emoji-btn:hover,.send-image-btn:hover,.send-message-btn:hover{background:#f8f9fa}.send-message-btn:hover{background:#6e767c}@media (max-width:768px){.send-message-div{padding:10px}.input-row{margin-bottom:6px}.send-message-input{height:38px;padding:10px 12px}.button-row{gap:12px}.send-emoji-btn,.send-image-btn,.send-message-btn{font-size:18px;height:32px;width:32px}}@media (max-width:480px){.send-message-div{padding:8px}.input-row{margin-bottom:5px}.send-message-input{font-size:13px;height:36px;padding:8px 10px}.button-row{gap:10px}.send-emoji-btn,.send-image-btn,.send-message-btn{font-size:16px;height:30px;width:30px}}.main-chat-area::-webkit-scrollbar{width:5px}.main-chat-area::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 2px #740606}.main-chat-area::-webkit-scrollbar-thumb{background:#c01f0d;border-radius:10px}.main-chat-area::-webkit-scrollbar-thumb:hover{background:#e74c3c}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#793e37;border-radius:10px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#9b4b43}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-container{animation:fadeIn .3s ease;display:flex;flex-direction:column;margin-bottom:15px}.message-wrapper{display:flex;flex-direction:column;max-width:85%}.send-message .message-wrapper{align-items:flex-end;align-self:flex-end}.received-message .message-wrapper{align-items:flex-start;align-self:flex-start}.sender-name{color:#666;font-size:12px;font-weight:600;margin-bottom:4px;padding:0 8px}.send-message .sender-name{color:#854626;text-align:right}.received-message .sender-name{color:#a75555;text-align:left}.message-content{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0000001a;font-size:14px;line-height:1.4;padding:12px 16px;width:100%}.send-message .message-content{background-color:#854626;border-top-right-radius:4px;color:#c5b4b4}.received-message .message-content{background-color:#a75555;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#28282b}.message-timestamp{color:#999;font-size:11px;margin-top:4px;padding:0 8px}.send-message .message-timestamp{text-align:right}.received-message .message-timestamp{text-align:left}.read-indicator{color:#4caf50;font-size:12px;margin-left:5px}.message-image{border-radius:10px;margin-top:5px;max-width:250px}.typing-indicator{color:grey;font-size:13px;font-style:italic;padding:8px 15px;text-align:left}@media (min-width:769px){.message-wrapper{max-width:70%}}@media (max-width:768px){.message-wrapper{max-width:90%}.sender-name{font-size:11px}.message-content{font-size:13px;padding:10px 14px}.message-image{max-width:200px}}@media (max-width:480px){.message-wrapper{max-width:95%}.sender-name{font-size:10px}.message-content{font-size:12px;padding:8px 12px}.message-image{max-width:180px}}.profile-page-container{border-radius:10px;box-shadow:0 5px 15px #00000059;color:#28282b;display:flex;margin:100px auto;padding:20px;width:80%}.profile-pic-container{display:flex;justify-content:center;width:30%}.profile-info-container{padding:30px 10px;width:70%}.user-default-profile-avatar,.user-profile-pic-upload{border:5px solid #815a5a;border-radius:50%;color:#28282b;font-size:120px;font-weight:700;height:240px;line-height:240px;text-align:center;vertical-align:middle;width:240px}.user-profile-name{border-bottom:1.5px solid #cdcdcd;margin-bottom:30px;padding:10px 0}.select-profile-pic-container{padding:30px 0}input[type=file]::-webkit-file-upload-button{background-color:#28282b;border:1px solid #00000029;border-radius:4px;box-shadow:0 1px 0 #0000000d;color:#fff;cursor:pointer;height:40px;margin-right:16px;padding:0 16px;-webkit-transition:background-color .2s;transition:background-color .2s}input[type=file]::file-selector-button{background-color:#28282b;border:1px solid #00000029;border-radius:4px;box-shadow:0 1px 0 #0000000d;color:#fff;cursor:pointer;height:40px;margin-right:16px;padding:0 16px;transition:background-color .2s}input[type=file]::-webkit-file-upload-button:hover{background-color:#798191;color:#28282b}input[type=file]::file-selector-button:hover{background-color:#798191;color:#28282b}input[type=file]::-webkit-file-upload-button:active{background-color:#646d7e;color:#28282b}input[type=file]::file-selector-button:active{background-color:#646d7e;color:#28282b}.logout-button{background-color:initial;border:none;color:#e74c3c;cursor:pointer;font-size:18px}.users-list-header{border-bottom:1px solid #6f6666;display:flex;justify-content:flex-end;margin-bottom:15px;padding:15px}.start-group-btn{background-color:#b1b7bc23;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.start-group-btn:hover:not(:disabled){background-color:#0056b3}.start-group-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.group-modal{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.group-modal-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:15px;max-height:80%;overflow-y:auto;padding:20px;width:400px}.group-modal-content h3{color:#e74c3c;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.group-name-input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:10px;outline:none;padding:12px;width:100%}.group-name-input:focus{border-color:#007bff}.group-users-list{border:1px solid #ddd;border-radius:5px;display:flex;flex-wrap:wrap;gap:10px;max-height:200px;overflow-y:auto;padding:5px}.group-user{background-color:#efefef;border-bottom:1px solid #f8f9fa;border-radius:5px;cursor:pointer;font-size:14px;padding:12px;transition:all .2s ease}.group-user:last-child{border-bottom:none}.group-user.selected,.group-user:hover{background-color:#e74c3c;color:#fff}.group-user.selected{border-left:3px solid #007bff;font-weight:700}.group-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn,.create-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background-color:#5a6268}.create-btn{background-color:#007bff;color:#fff}.create-btn:hover:not(:disabled){background-color:#0056b3}.cancel-btn:disabled,.create-btn:disabled{cursor:not-allowed;opacity:.6}.group-users-list::-webkit-scrollbar{width:5px}.group-users-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.group-users-list::-webkit-scrollbar-thumb{background:#e74c3c;border-radius:10px}.group-users-list::-webkit-scrollbar-thumb:hover{background:#c0392b}.users-list-loading{color:#666;height:200px}.main-content.loading,.users-list-loading{align-items:center;display:flex;justify-content:center}.main-content.loading{color:#736969;height:calc(100vh - 60px)}.no-users-found{color:#666;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.home-page{height:100vh;overflow:hidden}.main-content{display:flex;height:calc(100vh - 60px);margin:0;padding:0;position:relative;width:100%}.app-sidebar{background:#7a767600;overflow-y:auto;z-index:10}.app-chat-area,.app-sidebar{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.app-chat-area{background:#726e6e00;border-radius:0;z-index:20}.app-chat-area-header{align-items:center;display:flex;gap:15px;min-height:60px;padding:15px}.back-button{align-items:center;background:none;border:none;border-radius:50%;color:#a36333;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;padding:8px;width:40px}.back-button:hover{background:#75777900}.mobile-empty-state{align-items:center;background:#82868a;display:flex;flex:1 1;justify-content:center;padding:20px;text-align:center}.empty-state-content h3{color:#333;margin-bottom:10px}.empty-state-content p{color:#666}.main-chat-area{height:calc(100% - 120px)!important;overflow-y:auto}.user-search-area{background:#64625f00;position:-webkit-sticky;position:sticky;top:0;z-index:5}.received-message,.send-message{margin-left:auto;margin-right:auto;max-width:90%}}@media (min-width:769px){.main-content{display:flex;height:calc(100vh - 60px)}.app-sidebar{border-right:1px solid #675f5f00;width:350px}.app-chat-area{flex:1 1}.back-button,.mobile-empty-state{display:none}}@media only screen and (max-width:1000px) and (min-width:769px){.filter-user-details,.last-message-timestamp{display:none}.app-sidebar{width:15%}.app-chat-area{width:85%}}@media only screen and (max-width:500px){.group-modal-content{width:90%}.group-user,.start-group-btn{font-size:12px}}
/*# sourceMappingURL=main.f7fe0330.css.map*/