.chat{flex:2;border-left:1px solid #dddddd35;border-right:1px solid #dddddd35;height:100%;display:flex;flex-direction:column;min-height:0}.message .texts>span:last-child{white-space:nowrap}.chat .top{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddddd35;flex-shrink:0;background-color:transparent;z-index:100}.chat .top .user{display:flex;align-items:center;gap:10px}.chat .top .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat .top .user .texts{display:flex;flex-direction:column;gap:5px}.chat .top .user .texts span{font-size:18px;font-weight:700}.chat .top .user .texts p{font-size:14px;font-weight:300;color:#a5a5a5}.chat .top .icons{display:flex;align-items:center;gap:15px}.chat .top .icons img{width:20px;height:20px;cursor:pointer}@media (max-width: 768px){.chat .top{padding:10px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.chat .top .user{flex:1;display:flex;align-items:center;gap:10px}.chat .top .user img{width:42px;height:42px}.chat .top .user .texts span{font-size:14px}.chat .top .user .texts p{font-size:12px}.chat .top .icons{flex-shrink:0;display:flex;align-items:center;gap:12px}.chat .top .icons img{width:20px;height:20px}.chat{flex:1;border:none;padding:0;display:flex;flex-direction:column;height:100%;box-sizing:border-box}}.chat .center{padding:20px 20px 10px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#888 #f0f0;overflow-x:hidden}.chat .center .message{max-width:70%;display:flex;gap:10px}.chat .center .message.own{align-self:flex-end;flex-direction:row-reverse}.chat .center .message img{width:30px;height:30px;border-radius:50%;object-fit:cover}.chat .center .message .texts{flex:1;display:flex;flex-direction:column;gap:5px;max-width:100%}.chat .center .message .texts img{max-width:220px;width:100%;height:auto;border-radius:14px;object-fit:contain;display:block}.chat .center .message .texts p{display:inline-block;padding:10px 16px;margin:2px 0;border-radius:16px;max-width:100%;width:fit-content;background:#ffffff14;color:#fff;font-size:15px;line-height:1.4;white-space:pre-wrap}.chat .center .message.own .texts p{background:linear-gradient(to right,#1b03a3,#ff6ec7);color:#fff;overflow-wrap:break-word;word-break:break-all}.chat .center .message .texts span{font-size:13px;color:#ccc}.delivery-status{font-size:11px;color:#90caf9;margin-left:auto;align-self:flex-end;padding-right:5px}@media (max-width: 768px){.delivery-status{font-size:10px}}.scroll-to-bottom-btn{margin:8px auto;padding:6px 14px;font-size:14px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;display:block;z-index:2}.chat .bottom{padding:20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dddddd35;gap:15px;margin-top:auto;position:relative;z-index:10;flex-wrap:nowrap;flex-shrink:0}.chat .bottom .icons{display:flex;gap:10px;flex-shrink:0}.upload-label-v2{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff14;cursor:pointer;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.upload-label-v2:hover{background-color:#fff3;transform:scale(1.05)}.upload-label-v2 img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.my-input{flex:1;min-width:80px;background-color:#11192880;border:none;outline:none;color:#fff;padding:12px 16px;border-radius:10px;font-size:16px;transition:background-color .3s ease}.my-input:focus{background-color:#111928b3}.chat .bottom .send-btn-v2{background-color:#5183fe;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;flex-shrink:0;transition:background-color .3s ease,transform .2s ease;font-weight:600}.chat .bottom .send-btn-v2:disabled{background-color:#5183feb4;cursor:not-allowed;opacity:.6}.chat .bottom .send-btn-v2:not(:disabled):hover{background-color:#3968d4;transform:translateY(-1px)}.media-upload-preview{position:absolute;bottom:100%;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:15px;background:#111928f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #dddddd35;border-radius:15px 15px 0 0;margin-bottom:5px;box-shadow:0 -8px 20px #0006;z-index:100;gap:15px;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.upload-preview-thumb{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#000}.document-preview-v2{display:flex;align-items:center;gap:10px;padding:10px 15px;background-color:#ffffff26;border-radius:8px;color:#fff;font-weight:500;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.document-icon-preview-v2{width:30px;height:30px;filter:invert(1);flex-shrink:0}.upload-progress-bar{width:100%;height:14px;background-color:#0006;border-radius:7px;overflow:hidden;position:relative;margin-top:10px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);width:0%;transition:width .1s linear}.upload-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8)}.cancel-upload-btn{background-color:#f44336;color:#fff;border:none;border-radius:5px;padding:8px 15px;cursor:pointer;font-weight:600;transition:background-color .2s ease;align-self:flex-end;margin-top:-10px;margin-right:-10px}.cancel-upload-btn:hover{background-color:#d32f2f}@media (max-width: 768px){.chat .bottom{padding:10px;gap:8px}.upload-label-v2{width:30px;height:30px}.upload-label-v2 img{width:20px;height:20px}.chat .bottom .send-btn-v2{padding:8px 16px;font-size:14px}.my-input{padding:10px 12px;font-size:14px}.media-upload-preview{padding:10px;gap:10px;border-radius:10px 10px 0 0;margin-bottom:0}.upload-preview-thumb{max-height:150px}.document-preview-v2{padding:8px 12px;font-size:14px}.document-icon-preview-v2{width:25px;height:25px}.upload-progress-bar{height:12px}.upload-progress-text{font-size:10px}.cancel-upload-btn{padding:6px 12px;font-size:12px}}.chat .bottom .emoji{position:relative}.chat .bottom .emoji img{width:24px;height:24px;cursor:pointer}.chat .bottom .emoji .picker{position:absolute;bottom:50px;right:5px}.chat .bottom .sendButton{background-color:#5183fe;color:#fff;padding:10px 20px;border:none;border-radius:5px}.chat .bottom .sendButton:disabled{background-color:#5183feb4;cursor:not-allowed;opacity:.6}.chat .bottom .sendButton:not(:disabled):hover{background-color:#3968d4}.my-input:disabled{background-color:#1119284d;color:#aaa;cursor:not-allowed;border-color:transparent;opacity:.6}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(100%);transition:opacity .6s ease,filter .6s ease}*{box-sizing:border-box}@media (max-width: 768px){.chat .center{padding:12px;gap:10px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat .center .message{max-width:100%;gap:12px}.chat .bottom{position:sticky;bottom:0;padding:10px;display:flex;flex-direction:row;align-items:center;gap:10px;z-index:10}.chat .bottom .icons{display:flex;gap:10px}.chat .bottom .emoji img{width:20px;height:20px}.chat .bottom .sendButton{padding:10px 14px;font-size:15px;white-space:nowrap}.chat .bottom .emoji .picker{bottom:60px;width:95vw;max-width:280px;right:1px;transform:translate(-10%)}.my-input{flex:1;padding:10px 14px;font-size:15px}}@media (max-width: 480px){.chat .bottom .sendButton{font-size:15px;padding:10px}.my-input{font-size:14px}.chat .center .message .texts p{padding:12px 16px;background-color:#ffffff14;color:#fff;border-radius:10px;word-wrap:break-word;display:inline-block;max-width:100%;width:fit-content}.chat .center .message .texts span{font-size:12px;margin-left:20%}}.detail-container{position:absolute;right:0;top:70px;width:300px;height:calc(100% - 70px);background-color:#111927;border-left:1px solid #dddddd35;z-index:999;overflow-y:auto;transition:all .3s ease}@media (max-width: 768px){.detail-container{width:100%;position:fixed;top:0;height:100%;z-index:999}.mobile-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#111927;z-index:999;overflow-y:auto}.mobile-detail-overlay .close-detail{position:absolute;top:10px;right:15px;background:transparent;color:#fff;border:none;font-size:26px;cursor:pointer;z-index:1000}}.back-button{width:28px;height:28px;margin-right:12px;color:#fff;cursor:pointer;transition:transform .2s ease}.back-button:hover{transform:scale(1.1)}.date-separator{display:flex;align-items:center;justify-content:center;margin:20px 0;font-size:14px;color:#fffc;font-weight:500;position:relative}.date-separator:before,.date-separator:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2);margin:0 10px}.date-separator span{background-color:#2a2d34;padding:6px 12px;border-radius:20px;box-shadow:0 2px 4px #0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1)}.call-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000;color:#fff;padding:20px;box-sizing:border-box}.call-overlay p{font-size:1.5rem;margin-bottom:20px}.video-streams{display:flex;gap:20px;margin-bottom:30px;justify-content:center;align-items:center;width:100%;max-width:900px;flex-wrap:wrap;position:relative}.local-video,.remote-video{width:100%;max-width:400px;height:auto;border-radius:12px;background-color:#222;box-shadow:0 4px 15px #00000080;object-fit:cover;transition:transform .3s ease}.local-video{border:2px solid #5cb85c;max-width:180px;position:absolute;bottom:20px;right:20px;z-index:2001;box-shadow:0 2px 10px #00000080;transform-origin:bottom right}.remote-video{border:2px solid #007bff;flex-grow:1;min-height:250px}@media (max-width: 768px){.video-streams{flex-direction:column;gap:15px;padding:0 10px;align-items:center}.local-video,.remote-video{max-width:90%}.local-video{position:relative;bottom:unset;right:unset;max-width:60%;margin-top:15px}}.end-call-btn{background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:70px;height:70px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px #0000004d}.end-call-btn:hover{background-color:#c82333;transform:scale(1.05)}.end-call-btn img{width:35px;height:35px;filter:invert(1)}.caller-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2d2d2dfa;padding:30px;border-radius:15px;box-shadow:0 8px 30px #000000b3;text-align:center;color:#fff;z-index:2002;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.caller-text{font-size:1.4rem;margin-bottom:25px}.caller-actions{display:flex;justify-content:space-around;gap:20px}.accept-btn,.decline-btn{padding:15px 30px;border-radius:30px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 5px #0003}.accept-btn{background-color:#28a745;color:#fff}.accept-btn:hover{background-color:#218838;transform:translateY(-2px)}.decline-btn{background-color:#dc3545;color:#fff}.decline-btn:hover{background-color:#c82333;transform:translateY(-2px)}.chat .bottom .image-preview{display:flex;flex-direction:column;align-items:center;gap:10px;flex-grow:1;padding:10px;border:1px solid #555;border-radius:8px;background-color:#0000004d;justify-content:center;box-sizing:border-box}.chat .bottom .image-preview img{max-width:100%;max-height:150px;width:auto;height:auto;border-radius:5px;object-fit:contain;border:1px solid #777}.chat .bottom .image-preview-actions{display:flex;gap:10px;margin-top:10px}.chat .bottom .send-image-btn,.chat .bottom .cancel-image-btn{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease;font-size:15px}.chat .bottom .send-image-btn{background-color:#28a745;color:#fff}.chat .bottom .send-image-btn:hover{background-color:#218838}.chat .bottom .cancel-image-btn{background-color:#dc3545;color:#fff}.chat .bottom .cancel-image-btn:hover{background-color:#c82333}@media (max-width: 768px){.chat .bottom .image-preview{padding:8px;max-height:180px}.chat .bottom .image-preview img{max-height:100px}.chat .bottom .send-image-btn,.chat .bottom .cancel-image-btn{padding:6px 12px;font-size:14px}}@media (max-width: 480px){.chat .bottom .image-preview{padding:5px;max-height:150px}.chat .bottom .image-preview img{max-height:80px}.chat .bottom .send-image-btn,.chat .bottom .cancel-image-btn{padding:5px 10px;font-size:13px}}.image-container{position:relative;display:inline-block}.loading-overlay,.failed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:.9em;border-radius:8px}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.failed-overlay{background-color:#f009}.message-status{font-size:.7em;margin-left:5px;opacity:.8}.message-status.failed{color:#fcc}.message .texts .message-info{display:flex;align-items:center;justify-content:flex-end;font-size:.8em;color:#a0a0a0;margin-top:5px}.message.own .texts .message-info{justify-content:flex-end}.message:not(.own) .texts .message-info{justify-content:flex-start}.message.own .pending-image{opacity:.7;filter:grayscale(50%)}.message.own .pending-status{font-size:.75rem;color:#aaa;margin-top:5px}.message.own .failed-status{font-size:.75rem!important;color:#ff6b6b!important;margin-top:5px;font-weight:700}.chat-video-v2{max-width:280px!important;height:auto!important;display:block!important;border-radius:8px;object-fit:contain;margin-top:4px;margin-left:auto;margin-right:auto;background-color:#000}@media (max-width: 768px){.chat-video-v2{max-width:80%!important;height:auto!important;width:auto!important}.video-message-wrapper{max-width:95%;margin:0 auto}}.pending-media{opacity:.6;filter:grayscale(80%);transition:opacity .3s ease,filter .3s ease}.pending-status{font-size:11px;color:#888;text-align:right;margin-top:2px;font-style:italic}.failed-status{font-size:11px!important;color:#dc3545!important;text-align:right;margin-top:2px;font-weight:700}.media-preview{position:absolute;bottom:100%;left:0;right:0;display:flex;flex-direction:column;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px;border-radius:12px 12px 0 0;margin-bottom:5px;box-shadow:0 -4px 15px #0000004d;gap:12px;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.media-preview img,.media-preview video{max-width:150px!important;max-height:120px!important;min-width:80px;min-height:60px;width:auto;height:auto;object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0003;background-color:#000}.media-preview-actions{display:flex;gap:10px;width:100%;justify-content:center}.send-media-btn,.cancel-media-btn{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;flex:1;max-width:150px}.send-media-btn{background:linear-gradient(135deg,#1e90ff,#006ee6);color:#fff}.send-media-btn:hover:not(:disabled){background:linear-gradient(135deg,#006ee6,#1e90ff);box-shadow:0 2px 8px #1e90ff66}.cancel-media-btn{background:#fff3;color:#fff}.cancel-media-btn:hover:not(:disabled){background:#ffffff4d;color:#ff4081}.send-media-btn:disabled,.cancel-media-btn:disabled{opacity:.6;cursor:not-allowed}.media-upload-icon-label{display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:8px;padding:6px 10px;transition:background .2s ease,transform .1s ease;cursor:pointer}.media-upload-icon-label:hover{background:#fff3;transform:scale(1.05)}.media-upload-icon-img{width:22px;height:22px;filter:brightness(0) invert(1)}@media (max-width: 768px){.chat-image-v2,.chat-video-v2{max-width:80vw;display:block}.media-preview{padding:10px;gap:10px;border-radius:8px 8px 0 0}.media-preview img,.media-preview video{max-width:120px!important;max-height:90px!important}.send-media-btn,.cancel-media-btn{padding:8px 14px;font-size:13px}.media-upload-icon-label{padding:4px 8px}.media-upload-icon-img{width:20px;height:20px}}.profile-preview-img{max-width:100%;max-height:70vh;border-radius:8px;object-fit:contain;border:2px solid #5183fe}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}.chat-document-link{display:inline-flex;align-items:center;gap:8px;background-color:#007bff;padding:8px 12px;border-radius:10px;text-decoration:none;color:#fff;max-width:100%;overflow:hidden;word-break:break-all;white-space:normal;transition:background-color .2s ease}.chat-document-link:hover{background-color:#0056b3}.chat-document-link .document-icon{width:20px;height:20px;filter:invert(1)}.chat-document-link span{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview .document-preview{display:flex;align-items:center;gap:10px;padding:10px;background-color:#ffffff1a;border-radius:8px;margin-bottom:10px;max-height:90px}.media-preview .document-preview .document-icon{width:30px;height:30px;object-fit:contain}.media-preview .document-preview span{font-weight:700;color:#fff}.image-container-with-actions{position:relative;display:inline-block;cursor:pointer}.image-actions{position:absolute;bottom:5px;right:5px;display:flex;gap:5px;background-color:#0009;border-radius:5px;padding:3px 5px;opacity:0;pointer-events:none}.image-container-with-actions:hover .image-actions{opacity:1;pointer-events:auto}.image-actions button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:25px}.image-actions .action-icon{width:16px;height:18px;filter:invert(100%)}.video-message-wrapper{max-width:320px;width:100%;height:auto;margin-top:4px;border-radius:8px;overflow:hidden;display:block}.detail{flex:1;overflow-y:auto;max-height:100vh;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#888 #f0f0;background-color:transparent;color:#fff;border-left:1px solid #dddddd35;position:relative}.detail-close-button{display:none;position:absolute;top:20px;right:20px;z-index:1000;background:none;border:none;cursor:pointer;padding:0;color:#fff}.detail-close-button:hover{background-color:#fff3;border-radius:50%}.detail .user{padding:30px 20px;display:flex;flex-direction:column;align-items:center;gap:15px;border-bottom:1px solid #dddddd35}.detail .user img{width:100px;height:100px;border-radius:50%;object-fit:cover}.detail .user p{color:#eee;font-size:15px;text-align:center}.detail .user .bio-edit{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;margin-top:10px;align-items:center}.detail .user .bio-edit input{width:100%;padding:10px;border:1px solid #888;border-radius:6px;background-color:#ffffff1a;color:#fff;font-size:14px;outline:none;transition:border .3s}.detail .user .bio-edit input:focus{border-color:#1a73e8}.detail .user .bio-edit .bio-buttons{display:flex;gap:10px}.detail .user .bio-edit .bio-buttons button{padding:8px 14px;background-color:#1a73e8;border:none;border-radius:5px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s ease}.detail .user .bio-edit .bio-buttons button:hover{background-color:#0f5fc2}.detail .user button{padding:8px 14px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:5px;font-size:14px}.detail .user button:hover{background-color:#444}.detail .user .follow-stats{display:flex;gap:25px;margin-top:15px;color:#bbb;font-size:14px}.detail .user .follow-stats .stat-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:color .2s ease}.detail .user .follow-stats .stat-item:hover{color:#fff}.detail .user .follow-stats .count{font-size:1.2em;font-weight:700;color:#fff}.detail .user .follow-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-top:20px;transition:background-color .2s ease,color .2s ease}.detail .user .follow-button.follow-btn{background-color:#28a745;color:#fff}.detail .user .follow-button.follow-btn:hover{background-color:#218838}.detail .user .follow-button.unfollow-btn{background-color:#dc3545;color:#fff}.detail .user .follow-button.unfollow-btn:hover{background-color:#c82333}.detail .user .follow-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}.detail .info{padding:20px;display:flex;flex-direction:column;gap:21px}.detail .info .option .title{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.detail .info .option .title img{width:30px;height:30px;background-color:#ffffff1a;padding:10px;border-radius:50%;cursor:pointer}.detail .info .option .photos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.detail .info .option .photos .photoItem{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:6px;background-color:#ffffff0d;border-radius:8px;box-shadow:0 2px 5px #0000000d;transition:background-color .3s ease;text-align:center;overflow:hidden}.detail .info .option .photos .photoItem span{color:#fff;font-size:14px;font-weight:300;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.photoItem img,.photoItem video{width:100%;height:100px;border-radius:8px;object-fit:cover;display:block;margin-bottom:5px}.photoItem video{background-color:#000}.detail .info .option .content{margin-top:15px;padding-left:10px;font-size:14px;color:#eee;display:flex;flex-direction:column;gap:10px}.detail .info .option .content .setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px;color:#fff}.detail .info .option .content .setting-item:last-of-type{border-bottom:none}.detail .info .option .content .switch{position:relative;display:inline-block;width:40px;height:24px}.detail .info .option .content .switch input{opacity:0;width:0;height:0}.detail .info .option .content .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;-webkit-transition:.4s;transition:.4s}.detail .info .option .content .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.detail .info .option .content input:checked+.slider{background-color:#2196f3}.detail .info .option .content input:focus+.slider{box-shadow:0 0 1px #2196f3}.detail .info .option .content input:checked+.slider:before{-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translate(16px)}.detail .info .option .content .slider.round{border-radius:24px}.detail .info .option .content .slider.round:before{border-radius:50%}.detail .info .option .content .clear-chat-btn{width:auto;padding:10px 15px;margin-top:15px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;align-self:flex-start;transition:background-color .3s ease}.detail .info .option .content .clear-chat-btn:hover{background-color:#c82333}.contact-info a{color:#9cdcfe;text-decoration:none}.contact-info a:hover{text-decoration:underline}.detail .info button{padding:15px;background-color:#b20f0f;color:#fff;border:none;border-radius:5px;cursor:pointer}.detail .info button:hover{background-color:#6700168d}.detail .info button.logout{padding:10px;background-color:#1a73e8}.download-btn{position:absolute;top:8px;right:8px;width:45px;height:45px;border-radius:50%;background:#0009;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .2s ease;box-shadow:0 2px 8px #0000004d;z-index:1;animation:fadeIn .3s ease}.download-btn:hover{background:#fff3;transform:scale(1.1)}.download-btn svg{fill:#fff;width:18px;height:18px}@keyframes fadeIn{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}.detail .info .user-list{display:flex;flex-direction:column;gap:10px;padding:10px 0}.detail .info .user-list-item{display:flex;align-items:center;gap:12px;background-color:#ffffff14;padding:10px;border-radius:8px;transition:background-color .2s ease;cursor:pointer}.detail .info .user-list-item:hover{background-color:#ffffff26}.detail .info .user-list-item img{width:45px;height:45px;border-radius:50%;object-fit:cover;flex-shrink:0}.detail .info .user-list-item span{font-weight:500;color:#f0f2f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}@media (max-width: 768px){.detail{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#100d0df4;border-left:none;animation:slideInFromTop .4s ease-out forwards}.detail-close-button{display:flex;align-items:center;justify-content:center;top:15px;right:15px;background-color:#0006;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 5px #0003}.detail-close-button svg{color:#fff}.detail{padding:10px}.detail .user{padding:20px 10px;gap:10px}.detail .user img{width:80px;height:80px}.detail .user .bio-edit{max-width:100%;padding:0 10px}.detail .info{padding:15px;gap:10px}.detail .info .option .photos .photoItem{flex-direction:column;gap:5px;padding:5px}.detail .info .option .photos .photoItem img,.detail .info .option .photos .photoItem video{width:100%;height:80px;border-radius:6px}.photoItem span{font-size:13px}.download-btn{width:36px;height:36px;top:6px;right:6px}.download-btn svg{width:16px;height:16px}.detail .user .bio-edit input,.detail .user .bio-edit .bio-buttons button{font-size:13px;padding:8px 10px}.detail .info button{font-size:14px;padding:12px}.detail .info .option .content{font-size:13px;padding-left:5px}.detail .info .user-list-item{padding:8px;gap:10px}.detail .info .user-list-item img{width:35px;height:35px}.detail .info .user-list-item span{font-size:14px}}@media (max-width: 480px){.detail .user img{width:70px;height:70px}.detail .info .option .photos .photoItem img,.detail .info .option .photos .photoItem video{height:70px}.download-btn{width:30px;height:30px;top:4px;right:4px}.download-btn svg{width:14px;height:14px}.detail .user .bio-edit input,.detail .info .option .content,.detail .info .option .photos .photoItem span{font-size:12px}.detail .info .user-list-item{padding:6px;gap:8px}.detail .info .user-list-item img{width:30px;height:30px}.detail .info .user-list-item span{font-size:13px}}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.profile-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .2s ease-out}.profile-preview-content{background-color:#1a2233;border-radius:12px;box-shadow:0 10px 30px #000000b3;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;max-width:90vw;max-height:90vh;overflow:hidden;animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275)}.profile-preview-img{max-width:100%;max-height:70vh;border-radius:8px;object-fit:contain;border:2px solid #5183fe;cursor:pointer}.profile-preview-username{font-size:1.2rem;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.detail .info .option .content .privacy-action-btn{width:100%;padding:10px 15px;border-radius:8px;margin-top:15px;font-weight:600;cursor:pointer;border:none;transition:background-color .3s ease,box-shadow .3s ease;color:#fff;background-color:#5183fe}.detail .info .option .content .privacy-action-btn:hover{background-color:#406edc;box-shadow:0 4px 10px #0003}.detail .info .option .content .privacy-action-btn:disabled{background-color:#333;cursor:not-allowed;opacity:.7;box-shadow:none}.detail .info .option .content .report-btn{background-color:#dc3545}.detail .info .option .content .report-btn:hover{background-color:#c82333}.shared-files-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:10px}.shared-file-item{display:flex;flex-direction:column;align-items:center;border:1px solid #ddd;padding:8px;text-decoration:none;color:#333;border-radius:5px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out}.shared-file-item:hover{transform:scale(1.05)}.file-icon{width:40px;height:40px;margin-bottom:5px}.file-info{display:flex;flex-direction:column;align-items:center;text-align:center}.file-info span{font-size:.9em}.file-meta{font-size:.8em;color:#777}.list{flex:1;display:flex;flex-direction:column}.your-main-app-wrapper{display:flex;flex-direction:column}.chatList{flex:1;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#888 #f0f0;position:relative;height:100%;display:flex;flex-direction:column}.chatList .search{display:flex;align-items:center;gap:20px;padding:5px;flex-shrink:0}.chatList .searchBar{flex:1;background-color:#11192880;display:flex;align-items:center;gap:20px;border-radius:10px;padding:10px}.chatList .searchBar input{background-color:transparent;border:none;outline:none;color:#fff;flex:1}.chatList .searchBar img{width:20px;height:20px}.chatList-scroll-area{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f0f0;-webkit-overflow-scrolling:touch}.chatList .item{display:flex;align-items:center;gap:20px;padding:20px;cursor:pointer;border-bottom:1px solid #dddddd35;flex-shrink:0}.chatList .item img{width:50px;height:50px;border-radius:50%;object-fit:cover}.chatList .item .texts{display:flex;flex-direction:column;gap:10px}.chatList .item .texts span{font-weight:500}.chatList .item .texts p{font-size:14px;font-weight:500}.chat-action-buttons{position:absolute;bottom:30px;right:20px;display:flex;flex-direction:column;gap:15px;z-index:1000}.chat-action-button{background-color:#5183fe;border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.chat-action-button:hover{background-color:#406ddf;transform:translateY(-2px)}.chat-action-button img{width:60%;height:60%;object-fit:contain}.chat-action-buttons .camera-button{background:linear-gradient(135deg,#007bff,#5aaeff)}.chat-action-buttons .add-chat-button{background-color:#5183fe}.chat-action-buttons .add-chat-button:hover{background-color:#406edc;box-shadow:0 6px 20px #00000080}.chatList .search .add-user-icon{width:25px;height:25px;cursor:pointer}.item{position:relative;display:flex;align-items:center;justify-content:space-between;padding-right:10px}.chat-options-trigger{margin-left:auto;padding:5px;border-radius:50%;transition:background-color .2s ease}.chat-options-trigger:hover{background-color:#ffffff1a}.chat-options-trigger img{display:block}.chat-options-menu{position:absolute;top:50%;right:45px;transform:translateY(-50%);background-color:#2a3942;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 10px #0000004d;z-index:100;display:flex;flex-direction:column;overflow:hidden}.chat-options-menu button{background:none;border:none;color:#fff;padding:10px 15px;text-align:left;width:100%;cursor:pointer;font-size:14px;transition:background-color .2s ease}.chat-options-menu button:hover{background-color:#ffffff26}.chat-options-menu button:first-child{border-bottom:1px solid rgba(255,255,255,.05)}.item .texts{flex-grow:1;min-width:0}.chat-list-toggle{display:flex;justify-content:center;padding:5px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.chat-list-toggle button{background-color:#5183fe;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .2s ease}.chat-list-toggle button:hover{background-color:#4063d9}.chat-list-toggle button img{width:18px;height:18px}.no-chats-message{padding:20px;text-align:center;color:#ccc;font-style:italic;font-size:14px;flex-shrink:0}.my-details-button{bottom:90px;right:20px;z-index:999;background-color:#ccc}.my-details-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1001}.my-details-popup{background-color:var(--dark-bg-color);padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000004d;color:#fff;width:90%;max-width:400px;position:relative;max-height:90vh;display:flex;flex-direction:column}.my-details-popup .close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:20px;cursor:pointer;color:#bbb;font-weight:700}.my-details-popup .close-button:hover{color:#fff}.my-details-popup h2{margin-top:0;margin-bottom:20px;color:#5183fe;text-align:center}.my-details-popup .profile-info{display:flex;flex-direction:column;align-items:center;text-align:center;flex-grow:1;overflow-y:auto;padding-right:5px}.my-details-popup .profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:2px solid #5183fe}.my-details-popup h3{margin-bottom:5px;color:#eee}.my-details-popup p{margin-bottom:5px;font-size:.9em;color:#ccc}.my-details-popup .follow-stats{display:flex;justify-content:center;gap:20px;margin-top:20px;font-weight:700;width:100%;border-top:1px solid #ffffff20;padding-top:15px}.my-details-popup .follow-stats p{background-color:#333;padding:8px 15px;border-radius:20px;color:#eee;display:flex;align-items:center;justify-content:center;gap:5px}.my-details-popup .clickable-count{color:#5183fe;cursor:pointer;text-decoration:underline;font-weight:700}.my-details-popup .clickable-count:hover{color:#7a9cff}.followers-list,.following-list{margin-top:20px;width:100%;max-height:250px;overflow-y:auto;padding-right:5px;border-top:1px solid #ffffff20;padding-top:15px}.followers-list h4,.following-list h4{margin-top:0;margin-bottom:15px;color:#ddd;text-align:center}.followers-list ul,.following-list ul{list-style:none;padding:0;margin:0}.user-list-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff15}.user-list-item:last-child{border-bottom:none}.user-list-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px;border:1px solid #5183fe}.user-list-item span{font-weight:500;color:#fff}.followers-list::-webkit-scrollbar,.following-list::-webkit-scrollbar,.profile-info::-webkit-scrollbar{width:8px}.followers-list::-webkit-scrollbar-track,.following-list::-webkit-scrollbar-track,.profile-info::-webkit-scrollbar-track{background:#2a3942;border-radius:10px}.followers-list::-webkit-scrollbar-thumb,.following-list::-webkit-scrollbar-thumb,.profile-info::-webkit-scrollbar-thumb{background:#5183fe;border-radius:10px}.followers-list::-webkit-scrollbar-thumb:hover,.following-list::-webkit-scrollbar-thumb:hover,.profile-info::-webkit-scrollbar-thumb:hover{background:#406ddf}.addUser{width:95%;max-width:420px;max-height:90vh;padding:25px 30px;box-sizing:border-box;background-color:#1a2233;border-radius:10px;box-shadow:0 10px 30px #0009;color:#f0f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column;gap:20px;overflow-y:auto;position:relative}@media (max-width: 480px){.addUser{padding:50px 15px 15px}}@media (min-width: 481px){.addUser{padding:50px 30px 25px}}.addUser::-webkit-scrollbar{width:8px;border-radius:4px}.addUser::-webkit-scrollbar-track{background:transparent;border-radius:4px}.addUser::-webkit-scrollbar-thumb{background-color:#007bff4d;border-radius:4px}.addUser form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;flex-shrink:0}.addUser form input{flex:1 1 150px;padding:12px 15px;border-radius:8px;border:1px solid #005eff;background-color:#24293e;color:#e0e0e0;font-size:.95rem;transition:border-color .3s ease,background-color .3s ease}.addUser form input:focus{outline:none;border-color:#5aaeff;background-color:#2e364a}.addUser form button{padding:12px 20px;border-radius:8px;background:linear-gradient(135deg,#007bff,#5aaeff);color:#fff;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:background .3s ease,box-shadow .3s ease;flex-shrink:0}.addUser form button:hover{background:linear-gradient(135deg,#5aaeff,#007bff);box-shadow:0 0 10px #5aaeff}.addUser .user-list{width:100%;flex-grow:1;overflow-y:auto;max-height:320px;padding-right:5px;display:flex;flex-direction:column;gap:12px}.addUser .user-list::-webkit-scrollbar{width:6px}.addUser .user-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.addUser .user-list::-webkit-scrollbar-thumb{background-color:#3399ff4d;border-radius:3px}.addUser .user-list .user{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;flex-shrink:0;width:100%;box-sizing:border-box;min-width:0;overflow-x:hidden;min-height:55px}.addUser .user-list .user .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 1px 5px #0000004d;border:1px solid #005eff;flex-shrink:0;margin-right:8px}.addUser .user-list .user .user-username{font-size:.85rem;font-weight:500;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;flex-shrink:1;min-width:20px;max-width:100%;line-height:1.2}.addUser .user-list .user .user-add-button{padding:5px 12px;border-radius:5px;background:linear-gradient(135deg,#007bff,#5aaeff);color:#fff;border:none;cursor:pointer;font-weight:500;font-size:.75rem;transition:background .3s ease,box-shadow .3s ease;flex-shrink:0;white-space:nowrap;margin-left:auto;flex-grow:0;flex-basis:auto;min-width:fit-content}.addUser .user-list .user .user-add-button:hover{background:linear-gradient(135deg,#5aaeff,#007bff);box-shadow:0 0 6px #5aaeff}.addUser .user:first-of-type{border-top:none;padding-top:0}.addUser p{text-align:center;font-size:.9rem;color:#a0a0a0;padding:10px}.addUser .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.8rem;font-weight:700;color:#ccc;cursor:pointer;padding:5px;line-height:1;transition:color .2s ease;z-index:10}.addUser .close-button:hover{color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.userInfo{padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative}.user{display:flex;align-items:center;gap:20px}.user img{width:50px;height:50px;border-radius:50%;object-fit:cover}.user h2{font-size:18px;font-weight:600;color:#fff;margin:0;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details{max-width:150px;display:flex;flex-direction:column;justify-content:center;text-align:left}.admin-label{background-color:#5183fe;color:#fff;padding:2px 8px;border-radius:5px;font-size:12px;font-weight:700;margin-left:10px;vertical-align:middle;display:inline-block;white-space:nowrap}.icons{display:flex;gap:20px;align-items:center;position:relative}.icons img{width:20px;height:20px;cursor:pointer;vertical-align:middle}.more-wrapper{position:relative}.dropdown{position:absolute;top:40px;right:0;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:6px 0;width:140px;display:flex;flex-direction:column;z-index:999;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dropdown-item{padding:10px 15px;font-size:16px;font-weight:500;color:#fff;background-color:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease;font-family:inherit;width:100%}.dropdown-item:hover{background-color:#ffffff1a;border-radius:5px}@media (max-width: 768px){.user h2{font-size:16px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details{max-width:100px}.dropdown{width:130px;top:45px}.dropdown-item{padding:8px 12px;font-size:16px}}.edit-profile-overlay{position:fixed;width:100vw;height:100vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0d;display:flex;justify-content:center;align-items:center;z-index:1000;top:0;right:0;bottom:0;left:0;box-sizing:border-box}.edit-profile-inline{background:#ffffff1f;padding:1.5rem;border-radius:12px;margin-right:20%;width:300px;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:90vh;overflow-y:auto}.avatar-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 5px #0000004d}.edit-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.edit-section h4{color:#e0e0e0;margin-bottom:0;text-align:center}.edit-profile-inline input[type=file]{background-color:#0003;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px;border-radius:8px;cursor:pointer;font-size:14px;width:100%;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease}.edit-profile-inline input[type=file]::-webkit-file-upload-button,.edit-profile-inline input[type=file]::file-selector-button{background-color:#007bff;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;transition:background-color .2s ease;margin-right:15px;font-weight:400}.edit-profile-inline input[type=file]::-webkit-file-upload-button:hover,.edit-profile-inline input[type=file]::file-selector-button:hover{background-color:#0056b3}.edit-profile-inline input[type=file]:hover{background-color:#0000004d}.edit-profile-inline input[type=file]:focus{outline:none;border-color:#007bff}.edit-profile-inline input[type=text],.edit-profile-inline textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background-color:#0003;color:#fff;font-size:14px;box-sizing:border-box;margin-top:5px;transition:border-color .2s ease,background-color .2s ease}.edit-profile-inline input[type=text]:focus,.edit-profile-inline textarea:focus{outline:none;border-color:#007bff;background-color:#0000004d}.edit-profile-inline textarea{resize:vertical;min-height:80px}.edit-profile-inline small{align-self:flex-end;color:#bbb;font-size:.8em}.edit-profile-inline button{width:100%;padding:8px 12px;font-size:14px;border:none;border-radius:6px;color:#fff;background-color:#007bff;cursor:pointer;transition:background-color .2s ease}.edit-profile-inline button:hover:not([disabled]){background-color:#0056b3}.edit-profile-inline button:disabled{background-color:#4a4a4a;cursor:not-allowed;opacity:.7}.edit-profile-inline .cancel-button{background-color:#dc3545}.edit-profile-inline .cancel-button:hover:not([disabled]){background-color:#c82333}@media (max-width: 480px){.edit-profile-inline{width:90%;margin-right:0;margin-left:0}}.large-avatar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer}.large-avatar-img{max-width:60%;max-height:60%;border-radius:8px;object-fit:contain;box-shadow:0 0 20px #000000b3}@media (max-width: 768px){.large-avatar-img{max-width:80%;max-height:80%}}.user-bio-display{font-size:14px;color:#a5a5a5;margin-top:5px;word-wrap:break-word;text-align:left}.edit-bio-icon{transition:transform .2s ease-in-out}.edit-bio-icon:hover{transform:scale(1.1)}.icons img[alt=Status]{width:24px;height:24px;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.icons img[alt=Status]:hover{opacity:1;transform:scale(1.1)}.current-status-display{background-color:#0000001a;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.15);text-align:center;margin-bottom:20px;color:#e0e0e0}.current-status-display h4{color:#87ceeb;margin-bottom:10px;font-size:1.2em}.status-timestamp{font-size:.85em;color:#b0b0b0;margin-top:10px}.status-note{font-size:.8em;color:#909090;margin-top:5px;font-style:italic}.no-status-display{background-color:#0000001a;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.15);text-align:center;margin-bottom:20px;color:silver}.no-status-display h4{color:#f0f0f0;margin-bottom:10px}.status-preview{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px;margin-top:15px;border:1px solid rgba(255,255,255,.2)}.status-upload-section{width:100%;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center}.status-upload-section h4{color:#e0e0e0;margin-bottom:10px}.status-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.status-options-wrapper{position:relative;display:inline-block}.status-options-icon{width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.status-options-icon:hover{opacity:1}.status-options-dropdown{position:absolute;top:100%;right:0;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 12px #0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;min-width:180px;overflow:hidden;margin-top:5px;display:flex;flex-direction:column}.status-options-dropdown button{background:none;border:none;color:#fff;padding:10px 15px;text-align:left;width:100%;cursor:pointer;font-size:14px;transition:background-color .2s ease;font-family:inherit}.status-options-dropdown button:hover{background-color:#ffffff26}.delete-status-button{color:#ff6b6b}.delete-status-button:hover{background-color:#ff6b6b30}@media (max-width: 768px){.status-preview{max-height:150px}.current-status-display,.no-status-display{padding:10px}.current-status-display h4,.no-status-display h4{font-size:1em}}.avatar-wrapper{position:relative;display:inline-block;border-radius:50%;padding:3px;transition:border .3s ease-in-out,box-shadow .3s ease-in-out}.avatar-wrapper.has-active-status{border:3px solid #5183fe;box-shadow:0 0 0 2px #5183fe80}.avatar-wrapper img{display:block;width:50px;height:50px;border-radius:50%;object-fit:cover;border:none}.avatar-options-dropdown{position:absolute;top:calc(100% + 10px);left:80%;transform:translate(-50%);background:#000000b3;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 0;width:180px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 15px #00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar-options-dropdown .dropdown-item{padding:10px 15px;font-size:15px;text-align:center;white-space:nowrap}.avatar-options-dropdown .status-indicator{color:#5183fe;font-size:1.2em;margin-left:5px;vertical-align:middle}@media (max-width: 768px){.avatar-options-dropdown{width:140px;padding:1px 0}.avatar-options-dropdown .dropdown-item{font-size:14px;padding:8px 10px}}@media (max-width: 480px){.avatar-options-dropdown{width:130px}.avatar-options-dropdown .dropdown-item{font-size:13px;padding:7px 8px}}.login{width:100%;min-height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:200px;padding:40px 20px}.login .item{flex:1 1 300px;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#11192880;padding:20px;border-radius:12px;box-shadow:0 0 15px #0000004d}.login form{width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px}.login input[type=text],.login input[type=password],.login input[type=email]{padding:15px;border:none;outline:none;background-color:#11192899;color:#fff;border-radius:8px;font-size:16px;width:100%}.login label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-decoration:underline;color:#fff}.login label img{width:50px;height:50px;border-radius:10px;object-fit:cover;opacity:.8}.login button{padding:15px;border:none;background-color:#ff00e6;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:background .3s ease}.login button:hover:not(:disabled){background-color:#000}.login button:disabled{cursor:not-allowed;background-color:#024646}.login .separator{height:2px;width:100%;max-width:300px;background-color:#dddddd35;margin:20px 0}@media (max-width: 768px){.login{flex-direction:column;gap:30px}.login .separator{height:2px;width:100%;background-color:#dddddd35}}@media (max-width: 480px){.login input,.login button{font-size:14px;padding:12px}.login label img{width:40px;height:40px}}.mobile-toggle{display:none;margin-bottom:20px;gap:10px}.mobile-toggle button{flex:1;padding:10px;border:none;background-color:#fff2;color:#fff;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.mobile-toggle .active{background-color:#ff00e6}@media (max-width: 768px){.mobile-toggle{display:flex;width:100%;max-width:400px;justify-content:center}.hide-on-mobile{display:none!important}.login{flex-direction:column;gap:30px}.separator{display:none}}.login .separator{background-color:#dddddd35}@media (min-width: 769px){.login .separator{width:2px;height:auto;align-self:stretch;margin:0 20px}}@media (max-width: 768px){.login .separator{height:2px;width:100%;max-width:300px;margin:20px 0}.login .item{height:auto!important}}.forgot-password-link{color:#a0a0a0;text-align:center;margin-top:15px;cursor:pointer;font-size:14px;transition:color .2s ease-in-out}.forgot-password-link:hover{color:#fff}.forgot-password-section{flex:1;background-color:var(--dark-navy);padding:30px;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.forgot-password-section h2{color:#fff;margin-bottom:20px;font-size:24px}.forgot-password-section form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:300px}.forgot-password-section form input{padding:15px 20px;background-color:var(--input-bg);border:none;outline:none;color:#fff;border-radius:5px}.forgot-password-section form input::placeholder{color:#a0a0a0}.forgot-password-section form button{width:100%;padding:15px 20px;border:none;border-radius:5px;background-color:var(--primary-color);color:#fff;font-weight:500;cursor:pointer;transition:background-color .3s ease}.forgot-password-section form button:hover:not(:disabled){background-color:var(--primary-hover-color)}.forgot-password-section form button:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.forgot-password-section .back-to-login-btn{background-color:#6c757d;margin-top:10px}.forgot-password-section .back-to-login-btn:hover:not(:disabled){background-color:#5a6268}.otp-verification-section{flex:1;background-color:var(--dark-navy);padding:30px;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.otp-verification-section h2{color:#fff;margin-bottom:10px;font-size:24px}.otp-verification-section p{color:#a0a0a0;line-height:1.5;margin-bottom:5px}.otp-verification-section strong{color:var(--primary-color)}.otp-verification-section button{width:100%;padding:15px 20px;border:none;border-radius:5px;background-color:var(--primary-color);color:#fff;font-weight:500;cursor:pointer;transition:background-color .3s ease;max-width:300px}.otp-verification-section button:hover:not(:disabled){background-color:var(--primary-hover-color)}.otp-verification-section button:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.otp-verification-section .note{font-size:13px;color:#707070;margin-top:15px}.otp-verification-section .back-to-login-btn{background-color:#6c757d;margin-top:10px}.otp-verification-section .back-to-login-btn:hover:not(:disabled){background-color:#5a6268}@media (max-width: 768px){.login .item{padding:20px;margin:25px;width:100%;height:auto}.login-form.hide-on-mobile,.signup-form.hide-on-mobile,.forgot-password-section.hide-on-mobile{display:none}.login-form:not(.hide-on-mobile),.signup-form:not(.hide-on-mobile),.forgot-password-section:not(.hide-on-mobile){display:flex}.separator{display:none}}:root{--primary-color: #da3e52;--primary-hover-color: #c03345;--dark-navy: #1a1a2e;--input-bg: #2d2d44;--disabled-bg: #4e4e5a}.social-login-container{display:flex;justify-content:center;gap:15px;margin-top:20px}.social-icon-btn{width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;padding:0}.social-icon-btn img{width:35px;height:35px}.social-icon-btn:hover:enabled{transform:scale(1.1);box-shadow:0 4px 8px #0003}.social-icon-btn:disabled{cursor:not-allowed;opacity:.5}.social-icon-btn.google,.social-icon-btn.github{background-color:transparent}.social-login-container button:hover:not(:disabled){background-color:#fff}.container-v2{height:100%;width:100vw;background:linear-gradient(145deg,#0e162899,#0a101e99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.main-wrapper-v2{width:100%;max-width:900px;height:100%;display:flex;flex-direction:column;background-color:transparent;border-radius:16px;padding:0 16px;box-sizing:border-box}.group-title-v2{text-align:center;font-size:24px;color:#fff;margin:10px 0;font-weight:600}.discover-section{width:100%;padding:20px;background-color:#0a14284d;border-radius:12px;margin-top:20px}.discover-section h3{text-align:center;margin-bottom:20px;color:#e0e0e0;font-weight:500}.category-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.category-btn{padding:12px 10px;border:1px solid rgba(132,114,244,.4);border-radius:8px;background-color:#32325a33;color:#c0c0ff;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;outline:none}.category-btn:hover{background-color:#5547be80;border-color:#8472f4b3;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.category-btn.active{background-color:#5d5dff;color:#fff;border-color:#5d5dff;box-shadow:0 0 20px #5d5dff80}.discover-groups-list{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.discover-group-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#ffffff0d;border-radius:8px;margin-bottom:8px;transition:background-color .2s ease}.discover-group-item:hover{background-color:#ffffff1a}.discover-group-item span{font-weight:500;color:#f0f0f0}.join-discover-btn{padding:6px 14px;background-color:#5d5dff;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.join-discover-btn:hover{background-color:#4a4ad9}.group-join-v2,.group-create-v2{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.input-v2{padding:10px 14px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;min-width:180px}.btn-v2{background:#1e90ff;color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.btn-v2:hover{background:#006ee6}.home-btn-bottom{margin-top:20px;align-items:center;width:fit-content}.group-header-v2{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;margin-bottom:4px;margin-top:0!important;position:relative;z-index:2;padding-left:0!important;padding-right:0!important}.group-name-info-v2{flex-grow:1;text-align:left}.members-dropdown-toggle-wrapper{position:relative;margin-left:15px}.members-dropdown-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.2em;color:#fff;padding:5px;border-radius:5px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.members-dropdown-toggle-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.members-dropdown-content{position:absolute;top:100%;right:0;background-color:#333;border-radius:8px;box-shadow:0 4px 12px #0006;z-index:10;min-width:200px;max-height:300px;overflow-y:auto;padding:10px 0}.members-list-title{color:#f0f0f0;font-size:1.1em;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:5px;text-align:center}.members-list-ul{list-style:none;padding:0;margin:0}.member-list-item{display:flex;align-items:center;padding:8px 15px;gap:10px;color:#e0e0e0;font-size:.95em;transition:background-color .2s ease}.member-list-item:hover{background-color:#ffffff1a}.member-avatar-list{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.member-username-list{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.members-dropdown-toggle-wrapper{position:relative;display:flex;align-items:center}.group-members-list-v2{margin:0;font-size:.9em;color:#f0f0f0;white-space:normal}.group-members-list-v2 p{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.group-members-list-v2 p:last-child{border-bottom:none}.group-switcher-v2{background-color:#ffffff1a;color:#fff;border:1px solid #555;border-radius:8px;padding:6px 10px;max-width:100%;width:100%;box-sizing:border-box;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.group-switcher-v2 option{background:linear-gradient(145deg,#0e1628e6,#0a101ee6);color:#fff}.group-members-v2{color:#ccc;font-size:12px;margin-bottom:10px;text-align:center}.messages-container-v2{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:10px 4px;scroll-behavior:smooth}.message-v2{display:flex;align-items:flex-end;gap:10px;padding:0 6px}.sent-v2{flex-direction:row-reverse}.received-v2{flex-direction:row}.avatar-v2{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px}.avatar-wrapper-v2{display:flex;align-items:flex-start}.message-v2.sent-v2 .avatar-wrapper-v2{order:2;margin-left:8px;margin-right:0}.message-content-v2{display:flex;flex-direction:column;max-width:75%;max-height:900px}.meta-v2{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-bottom:2px}.username-v2{font-weight:500}.timestamp-v2{font-style:italic}.bubble-v2{padding:10px 14px;background:#ffffff1f;color:#fff;border-radius:16px;word-wrap:break-word;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sent-v2 .bubble-v2{background:linear-gradient(135deg,#99f2c8,#1f4037);color:#000}.received-v2 .bubble-v2{background:linear-gradient(135deg,#d76d77,#3a1c71);color:#fff}.chat-image-v2{max-width:220px;max-height:220px;border-radius:8px;object-fit:cover;margin-top:4px}.chat-video-v2{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain;margin-top:4px;background-color:#000}.status-v2{font-size:11px;color:#888;text-align:right;margin-top:2px}.bottom-bar-v2{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-top:10px;position:relative}.input-message-v2{flex:1;background:transparent;border:none;color:#fff;font-size:15px;outline:none;padding:8px}.send-btn-v2,.emoji-btn-v2{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.send-btn-v2:disabled,.emoji-btn-v2:disabled{opacity:.5;cursor:not-allowed}.upload-label-v2{font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:6px;padding:4px 8px;transition:background .2s ease}.upload-label-v2:hover{background:#fff3}.upload-label-v2 input[type=file]:disabled{cursor:not-allowed}.upload-input-v2{display:none}.media-preview-container{display:flex;align-items:center;gap:10px;padding:8px;width:100%;background-color:#2a2f3b;border-top:1px solid #3e4554}.media-preview-item{flex-shrink:0}.media-preview-item img,.media-preview-item video{max-height:60px;max-width:60px;border-radius:8px;object-fit:cover;border:1px solid #555}.media-preview-item .document-preview{display:flex;align-items:center;gap:8px;background-color:#3e4554;padding:8px;border-radius:8px;color:#ddd;max-width:150px}.media-preview-item .document-preview img{width:30px;height:auto}.media-preview-item .document-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-input{flex-grow:1;background-color:#1c1e25;border:1px solid #3e4554;border-radius:20px;padding:10px 15px;color:#fff;outline:none}.caption-input:focus{border-color:#5d5dff}.media-preview-actions{display:flex;gap:8px}.send-media-btn,.cancel-media-btn{padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .2s}.send-media-btn{background-color:#5d5dff;color:#fff}.send-media-btn:hover{background-color:#4a4ad9}.send-media-btn:disabled{background-color:#41417a;cursor:not-allowed}.cancel-media-btn{background-color:#4a5061;color:#e0e0e0}.cancel-media-btn:hover{background-color:#5c6378}@media (max-width: 768px){.media-preview-container{flex-wrap:wrap;gap:8px;justify-content:center}.media-preview-item{width:100%;display:flex;justify-content:center;margin-bottom:5px}.media-preview-item img,.media-preview-item video{max-height:120px;max-width:120px}.caption-input{width:100%;order:2}.media-preview-actions{width:100%;justify-content:flex-end;order:3}}.media-upload-preview{position:absolute;bottom:100%;left:0;right:0;display:flex;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px;border-radius:8px 8px 0 0;margin-bottom:5px;box-shadow:0 -2px 10px #0003;gap:10px}.upload-preview-thumb{width:50px;height:50px;object-fit:cover;border-radius:4px}.upload-progress-bar{flex-grow:1;height:10px;background-color:#0000004d;border-radius:5px;overflow:hidden;position:relative}.upload-progress-fill{height:100%;background-color:#1e90ff;width:0%;transition:width .1s linear}.upload-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:9px;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.5)}.cancel-upload-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;opacity:.8}.cancel-upload-btn:hover{opacity:1;color:#ff4081}.emoji-wrapper-v2{position:absolute;bottom:70px;right:20px;z-index:999}.group-action-buttons-v2{display:flex;justify-content:center;gap:10px;margin-top:10px;padding-bottom:5px}.group-action-buttons-v2 button{background:#ff4081;color:#fff;padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .3s ease;flex-shrink:0;white-space:nowrap}.group-action-buttons-v2 button:hover{background:#006ee6}@media (max-width: 768px){.main-wrapper-v2{padding:0 8px}.upload-label-v2{padding:4px}.bottom-bar-v2{flex-direction:row;flex-wrap:nowrap;gap:5px;padding:8px}.input-message-v2{flex:1;min-width:0;font-size:14px}.group-join-v2,.group-create-v2{flex-wrap:wrap;justify-content:center}.chat-image-v2,.chat-video-v2{max-width:90vw}.emoji-wrapper-v2{right:10px;bottom:70px}.group-title-v2{font-size:20px}.media-upload-preview{flex-wrap:wrap;justify-content:center}.group-action-buttons-v2{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#5d5dff rgba(255,255,255,.1)}.group-action-buttons-v2 button{flex-shrink:0}.group-action-buttons-v2::-webkit-scrollbar{height:5px}.group-action-buttons-v2::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.group-action-buttons-v2::-webkit-scrollbar-thumb{background-color:#5d5dff;border-radius:10px}.group-header-v2{flex-direction:column;align-items:center;padding:0!important}.members-dropdown-toggle-wrapper{margin-left:0;width:100%;display:flex;justify-content:center;margin-top:0!important;padding:0!important}.members-dropdown-content{right:0;left:auto;top:calc(100% + 5px)}.group-select-dropdown{max-width:80%;font-size:.95rem;padding:10px 15px!important;margin:0!important}.group-select-dropdown option{font-size:.9rem;padding:8px 10px!important}}@media (max-width: 480px){.group-switcher-v2{font-size:.85em;padding:4px 7px}.group-select-dropdown{max-width:180px;font-size:.85rem;padding:8px 12px!important}.group-select-dropdown option{font-size:.8rem;padding:6px 8px!important}.media-modal-content{padding:10px;max-width:95vw;max-height:95vh}.full-size-media{max-height:calc(95vh - 70px)}}.messages-container-v2::-webkit-scrollbar{width:8px}.messages-container-v2::-webkit-scrollbar-track{background:transparent}.messages-container-v2::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px;border:none}.messages-container-v2{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.scroll-btn-v2{margin:10px auto;padding:6px 14px;border:none;background-color:#007bff;color:#fff;border-radius:20px;cursor:pointer;font-size:14px;display:block}.custom-select-container{position:relative;width:100%;box-sizing:border-box}.custom-select-container .select-selected{background-color:#ffffff1a;border-radius:8px;padding:10px 15px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:16px;border:1px solid rgba(255,255,255,.2);transition:background-color .2s ease,border-color .2s ease;min-height:40px}.custom-select-container .select-selected:hover{background-color:#ffffff26;border-color:#1e90ff}.custom-select-container .select-selected img{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:10px;vertical-align:middle}.custom-select-container .select-selected span{flex-grow:1;text-align:left}.custom-select-container .arrow-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white;margin-left:10px;transition:transform .3s ease}.custom-select-container.open .select-selected .arrow-down{transform:rotate(180deg)}.custom-select-container .select-items{position:absolute;background-color:#2a3850;top:calc(100% + 5px);left:0;right:0;border:1px solid #555;border-radius:8px;overflow-y:auto;max-height:200px;z-index:99;box-shadow:0 4px 10px #0000004d}.custom-select-container .select-items div{padding:10px 15px;cursor:pointer;color:#f0f0f0;display:flex;align-items:center;transition:background-color .2s ease}.custom-select-container .select-items div:hover{background-color:#ffffff1a}.custom-select-container .select-items div img{width:30px;height:30px;border-radius:50%;object-fit:cover;margin-right:10px}.remove-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.remove-user-modal-content{background-color:#1e2a40;padding:20px;border-radius:8px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;gap:20px;width:90%;max-width:400px;text-align:center;color:#f0f0f0}.remove-user-modal-content h3{margin-top:0;color:#1e90ff;margin-bottom:0}.confirmation-actions{display:flex;flex-direction:column;gap:15px;margin-top:10px}.confirmation-message{font-size:1.1em;color:#f0f0f0}.selected-username{font-weight:700;color:#1e90ff}.action-buttons{display:flex;justify-content:center;gap:10px}.confirm-remove-btn{padding:10px 20px;border:none;border-radius:5px;background-color:#dc3545;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.confirm-remove-btn:hover{background-color:#c82333}.cancel-btn-v2{padding:10px 20px;border:none;border-radius:5px;background-color:#6c757d;color:#fff;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.cancel-btn-v2:hover{background-color:#5a6268}.group-tagline-v2{font-style:italic;font-size:.9em;color:#888;margin-top:5px;margin-bottom:10px}.files-section-v2{flex:1;overflow-y:auto;padding:15px;background-color:#ffffff0d;border-radius:12px;margin-top:10px;display:flex;flex-direction:column}.files-section-v2 h3{color:#fff;text-align:center;margin-bottom:20px;font-size:1.5em}.files-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;justify-items:center;align-items:start;padding:10px}.file-item-v2{background:#ffffff14;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.file-item-v2:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.file-item-v2 a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%}.file-thumb-v2{max-width:100%;height:90px;object-fit:cover;border-radius:8px;margin-bottom:8px;display:block}.file-icon-v2{width:60px;height:60px;object-fit:contain;margin-bottom:8px;display:block}.file-name-v2{font-size:.9em;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 5px;box-sizing:border-box}.file-sender-date-v2{font-size:.75em;color:#aaa;margin-top:5px}.group-action-buttons-v2 .files-btn{background:#ff4081}.group-action-buttons-v2 .files-btn:hover{background:#006ee6}.document-preview-v2{display:flex;align-items:center;gap:5px;color:#fff;font-size:.9em}.document-icon-preview-v2{width:30px;height:30px;object-fit:contain}.coadmin-btn-v2{background:#f0ad4e;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s ease;flex-shrink:0;white-space:nowrap}.coadmin-btn-v2:hover{background:#ec971f}.clickable-media-wrapper{cursor:pointer;display:inline-block;position:relative}.media-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.media-modal-content{position:relative;background-color:#1f2937;padding:1rem;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;max-width:24rem;width:83.333333%;max-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.full-size-media{max-width:100%;max-height:calc(90vh - 95px);object-fit:contain;border-radius:5px;display:block;margin:auto}.full-size-media[src$=".mp4"],.full-size-media[src$=".webm"],.full-size-media[src$=".ogg"]{max-height:calc(90vh - 95px);max-width:100%}.media-modal-actions{display:flex;justify-content:center;gap:1rem;width:100%;padding:.5rem}.media-action-btn{font-weight:600;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .2s ease-in-out;padding:.75rem 1.25rem;flex:1;max-width:150px;border:none;cursor:pointer}.media-action-btn:hover{background-color:#0056b3}.media-action-btn.download-btn{background-color:#28a745}.media-action-btn.download-btn:hover{background-color:#218838}.media-action-btn.share-btn{background-color:#ffc107;color:#333}.media-action-btn.share-btn:hover{background-color:#e0a800}.media-action-btn.close-btn{background-color:#dc3545;padding:5px 10px;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700}.media-action-btn.close-btn:hover{background-color:#c82333}.chat-image-v2,.chat-video-v2{cursor:pointer}.delete-message-btn{background:none;border:none;color:#ff4081;font-size:14px;cursor:pointer;margin-left:8px;opacity:.7;transition:opacity .2s ease,transform .2s ease}.delete-message-btn:hover{opacity:1;transform:scale(1.1)}.group-select-dropdown-wrapper{position:relative;width:100%;max-width:450px;margin:0 auto 15px;border-radius:8px;background-color:#1e90ff1a;border:1px solid rgba(30,144,255,.3);transition:all .2s ease}.group-select-dropdown-wrapper:hover{border-color:#1e90ff;background-color:#1e90ff33}.group-select-dropdown-wrapper:after{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(45deg);width:7px;height:7px;border:solid white;border-width:0 2px 2px 0;pointer-events:none}.group-select-dropdown{width:100%;padding:12px 20px;border:none;background-color:transparent;color:#f0f0f0;font-size:1.1rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.group-select-dropdown:focus{outline:none}.group-select-dropdown option{background-color:#1e2a40;color:#000}.media-modal-close-btn{position:absolute;top:.75rem;right:.75rem;padding:.5rem;background-color:#dc2626;color:#fff;border-radius:9999px;font-size:.875rem;font-weight:700;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color .2s ease-in-out;z-index:10}.media-modal-close-btn:hover{background-color:#b91c1c}.media-modal-close-btn:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #ef4444,0 0 0 4px #ef444480}.media-display-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%;margin-top:1rem;margin-bottom:1rem}.media-display-wrapper img{max-width:300px;max-height:300px;width:auto;height:auto;object-fit:contain;border-radius:.5rem}.media-display-wrapper video{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.poll-container-v2,.quiz-container-v2{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:15px;margin-top:10px;box-shadow:0 4px 10px #0000004d;color:#fff;max-width:100%}.poll-question-v2,.quiz-question-v2{font-size:1.1em;font-weight:600;margin-bottom:15px;color:#fff;word-wrap:break-word}.poll-options-v2,.quiz-options-v2{display:flex;flex-direction:column;gap:10px}.poll-option-v2,.quiz-option-v2{position:relative;background:#ffffff1f;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;cursor:pointer;transition:all .2s ease-in-out;border:1px solid rgba(255,255,255,.1)}.poll-option-v2:hover,.quiz-option-v2:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.option-text-v2,.quiz-option-text-v2{flex-grow:1;font-size:.9em;color:#fff;z-index:1}.vote-count-v2{font-size:.8em;color:#b9bbbe;margin-left:10px;font-weight:400;white-space:nowrap}.poll-bar-v2{position:absolute;top:0;left:0;height:100%;background:#1e90ff;opacity:.8;transition:width .5s ease-in-out;z-index:0;border-radius:16px}.vote-btn-v2{background:#1e90ff;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.8em;cursor:pointer;transition:background .2s ease-in-out;flex-shrink:0;z-index:1}.vote-btn-v2:hover{background:#006ee6}.your-vote-v2{font-size:1.2em;color:#99f2c8;margin-left:10px;z-index:1}.quiz-answer-status{font-weight:700;margin-top:15px;text-align:center;font-size:1.1em}.quiz-answer-correct{background-color:#d4edda;border:2px solid #28a745;transition:all .3s ease}.quiz-answer-wrong{background-color:#f8d7da;border:2px solid #dc3545;transition:all .3s ease}.quiz-correct-answer-display{color:#1e90ff;font-weight:700;margin-top:5px}.poll-modal-overlay,.quiz-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.poll-modal-content,.quiz-modal-content{background:linear-gradient(145deg,#0e162899,#0a101e99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:16px;padding:30px;width:90%;max-width:500px;box-shadow:0 8px 25px #0000004d;display:flex;flex-direction:column}.poll-modal-content h3,.quiz-modal-content h3{font-size:1.5em;margin-bottom:20px;color:#fff;text-align:center}.poll-input,.poll-option-input,.quiz-input,.quiz-option-input{width:100%;padding:12px 15px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:1em;margin-bottom:15px}.poll-option-input-wrapper,.quiz-option-input-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:10px}.remove-option-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-option-btn{background:#1e90ff;color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:1em;cursor:pointer;margin-bottom:20px;transition:background .2s ease-in-out}.add-option-btn:hover{background:#006ee6}.poll-modal-actions,.quiz-modal-actions{display:flex;justify-content:flex-end;gap:15px}.create-poll-btn,.create-quiz-btn{background:#28a745;color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-size:1em;font-weight:600;transition:background .2s ease-in-out}.create-poll-btn:hover,.create-quiz-btn:hover{background:#218838}.cancel-btn-v2{background:#6c757d;color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-size:1em;transition:background .2s ease-in-out}.cancel-btn-v2:hover{background:#5a6268}.interactive-btn-v2{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#fff;opacity:.8;transition:opacity .2s}.interactive-btn-v2:hover{opacity:1}.interactive-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:flex-end;z-index:999}.interactive-menu-content{background:linear-gradient(145deg,#0e1628cc,#0a101ecc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:0 -5px 15px #0000004d;display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px}.interactive-menu-btn{width:100%;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff14;color:#fff;font-size:1.1rem;cursor:pointer;transition:background-color .2s,border-color .2s}.interactive-menu-btn:hover{background:#ffffff26;border-color:#fff3}.correct-answer-btn{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background-color:transparent;color:#fff;cursor:pointer;transition:background-color .2s;font-size:.9em}.correct-answer-btn.selected{background-color:#99f2c8;color:#1f4037;border-color:#99f2c8}.custom-select-wrapper{position:relative;-webkit-user-select:none;user-select:none;min-width:180px}.custom-select-selected{padding:10px 14px;background:#ffffff1a;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.custom-select-selected:hover{border-color:#5d5dff}.custom-select-selected .arrow{border:solid white;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s ease}.custom-select-selected .arrow.open{transform:rotate(-135deg)}.custom-select-options{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#1e2a40;border:1px solid #3e4554;border-radius:8px;z-index:100;max-height:200px;overflow-y:auto;box-shadow:0 8px 25px #00000080}.custom-select-option{padding:12px 14px;color:#e0e0e0;cursor:pointer;transition:background-color .2s ease}.custom-select-option:hover{background-color:#5d5dff;color:#fff}.summary-text{background-color:#ffffff0d;border-radius:8px;padding:15px;max-height:60vh;overflow-y:auto;line-height:1.6}.summary-text p{margin:0 0 10px}.summarize-btn-v2{background:#ffffff14;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.summarize-btn-v2:hover{background:#fff3}.message.ai-message .bubble-v2{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff;border:1px solid rgba(255,255,255,.3)}.message.ai-message{flex-direction:row}.floating-ai-button{position:absolute;bottom:80px;right:20px;width:50px;height:50px;background-color:#000006;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0006;cursor:pointer;transition:all .3s ease;z-index:100}.floating-ai-button:hover{transform:scale(1.1);background-color:#600658}.floating-ai-button img{width:30px;height:30px}.message-v2.self-destruct .bubble-v2{border:2px solid #ff4081;animation:fadeOut 7s forwards}@keyframes fadeOut{0%{opacity:1}85%{opacity:1}to{opacity:0}}.translate-btn{background:none;border:none;cursor:pointer;font-size:16px;margin-left:8px;opacity:.7;transition:opacity .2s;padding:0}.translate-btn:hover{opacity:1}.translate-btn:disabled{cursor:default;opacity:.5}.translation-result{margin-top:8px;padding:8px 12px;background:#0003;border-left:3px solid #5d5dff;border-radius:0 8px 8px 0;font-size:14px;font-style:italic;color:#d0d0d0}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.admin-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-panel-content{background-color:#2e2e2e;padding:30px;border-radius:12px;box-shadow:0 8px 20px #00000080;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;color:#f0f0f0;border:1px solid #444}.admin-panel-close-btn{position:absolute;top:15px;right:15px;background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,transform .2s ease}.admin-panel-close-btn:hover{background-color:#c82333;transform:scale(1.1)}.admin-panel-title{font-size:1.8rem;margin-bottom:10px;color:#1a73e8;text-align:center}.admin-panel-group-id{font-size:.9rem;color:#bbb;margin-bottom:20px;text-align:center}.admin-section{background-color:#3b3b3b;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #555}.admin-section h3{font-size:1.4rem;color:#f0f0f0;margin-bottom:15px;border-bottom:1px solid #555;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#ccc}.admin-input{width:calc(100% - 20px);padding:10px;border:1px solid #555;border-radius:6px;background-color:#4a4a4a;color:#f0f0f0;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.admin-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e84d}.admin-action-btn{padding:10px 18px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:10px;display:inline-block;margin-right:10px;color:#000;font-weight:500}.admin-action-btn:last-child{margin-right:0}.update-btn{background-color:#4caf50}.update-btn:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.remove-member-btn{background-color:#ff5722}.remove-member-btn:hover{background-color:#e64a19;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.promote-btn{background-color:#2196f3}.promote-btn:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.demote-btn{background-color:#ffc107;color:#333}.demote-btn:hover{background-color:#ffb300;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.transfer-admin-btn{background-color:#9c27b0}.transfer-admin-btn:hover{background-color:#7b1fa2;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.delete-group-btn{background-color:#f44336}.delete-group-btn:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.admin-action-btn:disabled{background-color:#666;cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.member-list{list-style:none;padding:0;margin:0}.member-item{display:flex;align-items:center;background-color:#4a4a4a;padding:10px 15px;border-radius:8px;margin-bottom:8px;gap:10px;box-shadow:0 2px 5px #0000004d}.member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #666}.member-username{flex-grow:1;font-weight:500;color:#f0f0f0}.member-actions{display:flex;gap:8px}.admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1001}.admin-modal-content{background-color:#2e2e2e;padding:25px;border-radius:10px;box-shadow:0 6px 15px #0009;width:90%;max-width:400px;text-align:center;color:#f0f0f0;border:1px solid #555}.admin-modal-content h4{font-size:1.5rem;margin-bottom:15px;color:#1a73e8}.admin-modal-content p{margin-bottom:20px;line-height:1.5}.admin-modal-content .admin-input{margin-top:15px;margin-bottom:20px;width:calc(100% - 20px)}.modal-actions{display:flex;justify-content:center;gap:15px}.modal-actions .confirm-btn{background-color:#1a73e8}.modal-actions .confirm-btn:hover{background-color:#155bb5}.modal-actions .cancel-btn{background-color:#6c757d}.modal-actions .cancel-btn:hover{background-color:#5a6268}@media (max-width: 768px){.admin-panel-content{padding:20px}.admin-panel-title{font-size:1.5rem}.admin-section h3{font-size:1.2rem}.admin-action-btn{padding:8px 15px;font-size:.9rem;margin-right:8px}.member-item{flex-direction:column;align-items:flex-start}.member-actions{flex-wrap:wrap;margin-top:10px;gap:5px}.admin-modal-content{padding:20px}.admin-modal-content h4{font-size:1.3rem}}@media (max-width: 480px){.admin-panel-content{padding:15px;width:95%}.admin-panel-title{font-size:1.3rem}.admin-section h3{font-size:1.1rem}.admin-action-btn{width:100%;margin-right:0;margin-bottom:10px}.modal-actions{flex-direction:column;gap:10px}}.join-group-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#1a1a2e;color:#fff;text-align:center;padding:20px;box-sizing:border-box}.join-group-container h2{margin-top:2rem;font-weight:400;font-size:1.2rem}.spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #fff;border-radius:50%;animation:spinner-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}html,body,#root{height:100%;margin:0;padding:0;touch-action:pan-y}body{background-image:url(/assets/bg-CahfsZI1.png);display:flex;align-items:center;justify-content:center;color:#fff;min-height:100vh;width:100vw;overflow-y:auto}.container{width:80vw;height:100%;background-color:#111928bf;-webkit-backdrop-filter:blur(0px) saturate(180%);backdrop-filter:blur(0px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.125);display:flex;overflow:hidden}.loading-screen{height:100vh;width:100%;display:flex;background:transparent;align-items:center;justify-content:center}.spinner{width:100px;height:100px;border:4px solid rgba(255,255,255,.2);border-top-color:#ff00e6;border-radius:50%;animation:spin .8s linear infinite}.spinner div{position:absolute;border:4px solid #ff00e6;opacity:1;border-radius:50%;animation:spinner-anim 1s cubic-bezier(0,.2,.8,1) infinite}.spinner div:nth-child(2){animation-delay:-.5s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinner-anim{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.main-wrapper{display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}@media (max-width: 768px){body{align-items:flex-start;padding:0;min-height:100vh;overflow-y:auto}.container{width:100vw;min-height:100vh;flex-direction:column;border-radius:0;border:none;padding:0}.main-wrapper{flex-direction:column;height:100%;overflow:hidden;min-height:0}.chat,.detail{width:100%;height:auto}.chatList{height:100%;max-height:calc(100vh - 110px);overflow-y:auto;flex-shrink:0}.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}