:root{--chat-deep:#0b2036;--chat-deep-2:#123a5c;--chat-panel:rgba(255,255,255,0.07);--chat-panel-strong:rgba(255,255,255,0.12);--chat-border:rgba(255,255,255,0.14);--chat-text:#f1f5f9;--chat-text-muted:#aebbc9;--chat-accent:#22c55e;--chat-accent-2:#38bdf8;--chat-sent:#34d399;--chat-sent-2:#10b981;--chat-received:#eef4fb;--chat-danger:#ef4444}.cm-cursor-pointer{cursor:pointer!important}.floating-chatbox-container{position:fixed;right:0;bottom:0;z-index:1111;width:max-content}.chat-main-box{max-width:360px;min-width:360px;overflow:hidden;height:70vh;border-radius:16px;border:1px solid var(--chat-border);background:linear-gradient(180deg,var(--chat-deep) 0,#0e2842 100%);font-family:system-ui;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04)}.chat-background{overflow:hidden;position:relative}.chat-background img{object-fit:cover;object-position:center center;max-width:360px;min-width:360px;height:70vh;animation:zoom 20s infinite alternate;border-radius:16px}.chat-background:after{content:"";position:absolute;left:0;top:0;background:linear-gradient(180deg,rgba(11,32,54,.35),rgba(11,32,54,.75));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);height:100%;width:100%}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:1turn}}.chat-box-layout{position:absolute;top:0;left:0;width:100%;height:100%}.user-gl-header{padding:8px 12px;background:linear-gradient(120deg,rgba(18,58,92,.85),rgba(11,32,54,.85));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--chat-border);cursor:move}.header-title h4{font-size:clamp(17px,1.4vw,20px);font-weight:600;letter-spacing:.2px;line-height:normal;color:var(--chat-text)}.login-user-profile{position:relative}.login-user-profile .avatar{max-height:40px;min-height:40px;max-width:40px;min-width:40px;overflow:hidden;border-radius:50%;outline:2px solid rgba(56,189,248,.55);text-align:center}.login-user-profile .avatar h2{color:var(--chat-text);font-size:clamp(24px,2.5vw,28px);line-height:40px}.login-user-profile img{width:100%;height:auto;object-fit:cover;object-position:top center}.login-user-profile .online{content:"";position:absolute;right:-1px;bottom:10px;z-index:200;background-color:var(--chat-accent);border-radius:50%;height:8px;width:8px;bottom:3px;outline:1px solid #fff;box-shadow:0 0 6px rgba(34,197,94,.8)}.user-list-layout{width:100%;overflow:scroll;height:calc(100% - 102px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;padding:10px 2px 60px 10px}.user-gl-header ul.user-list-tabs{color:var(--chat-text);cursor:pointer;border-radius:4px;transition:all .3s ease;position:absolute;left:12px;top:57px;z-index:111}.bottom-panel{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,rgba(11,32,54,.7),var(--chat-deep));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:50px;max-height:50px;border-top:1px solid var(--chat-border);padding:6px 12px;text-align:center;font-size:clamp(12px,1vw,14px);color:var(--chat-text)}.bottom-panel ul{gap:30px}.bottom-panel ul,.bottom-panel ul li{display:flex;align-items:center;justify-content:space-between}.bottom-panel ul li{cursor:pointer;transition:all .3s ease;position:relative;flex-direction:column;font-size:12px;width:50%;color:var(--chat-text-muted)}.bottom-panel ul li.active-chat{color:var(--chat-text)}.bottom-panel ul li.active-chat span{background-color:var(--chat-accent);padding:2px 9px;border-radius:10px;font-size:10px;box-shadow:0 2px 8px rgba(34,197,94,.4)}.add-new-member-wrapper::-webkit-scrollbar,.chatbox-profile::-webkit-scrollbar,.group-created-row::-webkit-scrollbar,.group-member-list::-webkit-scrollbar,.user-list-layout::-webkit-scrollbar{width:8px}.add-new-member-wrapper::-webkit-scrollbar-track,.chatbox-profile::-webkit-scrollbar-track,.group-created-row::-webkit-scrollbar-track,.group-member-list::-webkit-scrollbar-track,.user-list-layout::-webkit-scrollbar-track{background:transparent;border-radius:4px}.add-new-member-wrapper::-webkit-scrollbar-thumb,.chatbox-profile::-webkit-scrollbar-thumb,.group-created-row::-webkit-scrollbar-thumb,.group-member-list::-webkit-scrollbar-thumb,.user-list-layout::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.28);border-radius:4px;border:2px solid transparent;background-clip:content-box}.add-new-member-wrapper::-webkit-scrollbar-thumb:hover,.chatbox-profile::-webkit-scrollbar-thumb:hover,.group-created-row::-webkit-scrollbar-thumb:hover,.group-member-list::-webkit-scrollbar-thumb:hover,.user-list-layout::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.45)}.user-list-bg{border-radius:12px;background:var(--chat-panel);border:1px solid var(--chat-border);color:var(--chat-text);margin-bottom:8px;cursor:pointer;position:relative;transition:background .2s ease,transform .15s ease}.user-list-bg:hover{background:var(--chat-panel-strong);transform:translateY(-1px)}.user-list{width:100%}.user-avatar-container{position:relative;margin-right:10px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;outline:2px solid rgba(255,255,255,.18);line-height:40px;text-align:center;font-size:clamp(20px,2.3vw,24px)}.offline-indicator,.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:var(--chat-accent);border:2px solid var(--chat-deep);border-radius:50%;box-shadow:0 0 6px rgba(34,197,94,.7)}.offline-indicator{background-color:#6b7a8a;box-shadow:none}.user-info{max-width:100%}.user-info .user-name{font-size:clamp(15px,1vw,18px);line-height:normal;margin-bottom:2px;color:var(--chat-text);font-weight:500}.user-info .user-last-message{font-size:clamp(11px,1vw,13px);color:var(--chat-text-muted);line-height:normal}.message-area span.reciever-names{position:absolute;left:0;top:-16px;color:var(--chat-text-muted);font-size:10px;min-width:70px;max-width:70px}.message-area{margin-bottom:30px}.message-area:last-child{margin-bottom:0}.user-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.user-list-profile{width:calc(100% - 60px)}.user-profile-name{cursor:pointer;width:-moz-fit-content;width:fit-content}.last-online-time span{font-size:clamp(10px,1vw,12px);color:var(--chat-text-muted);line-height:normal;display:inline-block;max-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.self-profile{max-height:60px;min-height:60px;min-width:60px;max-width:60px;border-radius:50%;overflow:hidden;outline:2px solid rgba(56,189,248,.4)}.self-profile img{width:100%;object-position:top}.chat-user-name{font-size:clamp(15px,1vw,18px);line-height:normal;margin-bottom:2px;color:var(--chat-text);font-weight:500}.chat-area-group{font-size:13px;color:var(--chat-text-muted)}.user-chat-header{border-radius:12px;background:linear-gradient(120deg,rgba(18,58,92,.85),rgba(11,32,54,.85));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--chat-text);border-bottom:1px solid var(--chat-border);min-height:60px;max-height:60px;padding:8px 12px;display:flex;align-items:center;position:relative;cursor:move}.user-chat-header .reload-chat{position:absolute;left:50%;transform:translateX(-50%);bottom:-29px;background-color:rgba(18,58,92,.9);padding:2px 10px;cursor:pointer;border:1px solid var(--chat-border);border-top:0;z-index:99;border-bottom-left-radius:15px;border-bottom-right-radius:15px;color:var(--chat-text);background-image:linear-gradient(120deg,rgba(18,58,92,.9),rgba(255,255,255,.25) 50%,rgba(18,58,92,.9));background-size:200% 100%;animation:shine 2s linear infinite}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.user-chat-header .reload-chat.active-reload svg{animation:rotation 2s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-to-list button{background-color:transparent;color:var(--chat-text);height:26px;width:26px;cursor:pointer;transition:all .3s ease}.back-to-list button:hover{transform:translateX(-5px);color:var(--chat-accent-2)}.chatbox-row{height:100%}.chatbox-profile{max-height:calc(100% - 120px);min-height:calc(100% - 120px);overflow:auto;padding:12px 3px 12px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;cursor:auto;background:radial-gradient(circle at 20% 0,rgba(56,189,248,.05),transparent 40%),radial-gradient(circle at 80% 100%,rgba(52,211,153,.05),transparent 40%)}.msg_cotainer_send{position:relative}.msg_cotainer_send p{border-radius:16px;background:linear-gradient(135deg,var(--chat-sent) 0,var(--chat-sent-2) 100%);padding:8px 12px;border-bottom-right-radius:4px;min-height:auto;white-space:pre-wrap;line-break:anywhere;line-height:normal;margin-left:auto;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 12px rgba(16,185,129,.25)}.img_cont_msg,.img_cont_msg p{height:40px;width:40px}.img_cont_msg p{border:2px solid rgba(255,255,255,.25);border-radius:50%;line-height:40px;text-align:center;cursor:pointer}.msg_time{left:0}.msg_time,.msg_time_send{position:absolute;bottom:-16px;color:var(--chat-text-muted);font-size:10px;min-width:70px;max-width:70px}.msg_time_send{right:0}.msg_cotainer{position:relative}.msg_cotainer p{border-radius:16px;background:var(--chat-received);padding:8px 12px;border-bottom-left-radius:4px;min-height:auto;text-align:left;white-space:pre-wrap;line-break:anywhere;line-height:normal;margin-right:auto;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 12px rgba(0,0,0,.18)}.msg_cotainer p,.msg_cotainer_send p{font-size:clamp(12px,1vw,14px);line-height:normal;color:#1f2937;font-weight:400;cursor:auto}.msg_cotainer_send span{position:absolute;right:0;bottom:-16px;text-align:right}.main-chat-area{height:100%;overflow:auto}.chat-footer{border-radius:12px;background:linear-gradient(120deg,rgba(18,58,92,.9),rgba(11,32,54,.9));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--chat-text);border-top:1px solid var(--chat-border);padding:7px 12px;height:auto;position:absolute;width:100%;bottom:0}.chat-footer-item{column-gap:10px}.chat-footer-item form input.mesg-input{padding:9px 10px;margin-right:8px;color:var(--chat-text)}.attached-btn button{background-color:transparent;height:35px;width:35px;border-radius:50%;color:var(--chat-text);outline:1px solid var(--chat-border);line-height:35px;text-align:center;transition:all .3s ease}.file-uploader{position:absolute;bottom:15px;height:100px;width:100px;background-color:rgba(18,58,92,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:11;left:12px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}.chat-image img{height:110px;width:110px;border-radius:8px;outline:1px solid var(--chat-border);object-fit:cover;object-position:top;cursor:pointer;margin-bottom:5px}.file-uploader ul{width:100%;height:100%;display:flex;padding:10px;justify-content:space-between;border:1px solid var(--chat-border);border-radius:10px;cursor:pointer}.chat-preview-file iframe{min-height:130px;max-height:130px;min-width:240px;max-width:240px}.file-uploader ul li{height:33px;width:33px;border-radius:50%;border:1px solid var(--chat-border);line-height:34px;text-align:center;cursor:pointer;color:var(--chat-text);transition:background .2s ease}.file-uploader ul li:hover{background:rgba(255,255,255,.1)}.upload-preview{border:1px solid var(--chat-border);width:220px;padding:6px 8px;border-radius:12px;background:rgba(255,255,255,.92);overflow:hidden}.upload-preview .file-name-text{min-width:120px;max-width:120px;overflow:hidden}.upload-preview .file-name-text p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.upload-preview button{position:absolute;right:0;top:0;height:30px;cursor:pointer;width:30px;border-left:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);border-radius:4px}.upload-preview .file-uploader ul li svg{color:var(--chat-text)}.file-uploader ul:after{content:"";position:absolute;left:10px;bottom:-5px;height:10px;width:10px;border-right:1px solid var(--chat-border);border-bottom:1px solid var(--chat-border);transform:rotate(45deg);background-color:rgba(18,58,92,.96)}.attached-btn button:hover{background-color:rgba(255,255,255,.16)}.chat-footer-item .typing-form{flex-grow:1;background-color:rgba(255,255,255,.06);border:1px solid var(--chat-border);border-radius:30px}.chat-footer-item .typing-form .emoji-btn{left:0;color:var(--chat-text-muted)}.chat-footer-item .typing-form textarea.mesg-input{background-color:transparent;margin-left:20px;width:calc(100% - 60px);resize:none;outline:none;border:none;background:transparent;padding:10px 20px 6px 8px;color:var(--chat-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;min-height:41px;max-height:100px;overflow-y:auto}.chat-footer-item .typing-form textarea.mesg-input::placeholder{color:var(--chat-text-muted)}.chat-footer-item .typing-form textarea.mesg-input::-webkit-scrollbar{width:6px}.chat-footer-item .typing-form textarea.mesg-input::-webkit-scrollbar-track{background:transparent}.chat-footer-item .typing-form textarea.mesg-input::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.4);border-radius:4px}.chat-footer-item .typing-form textarea.mesg-input::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.6)}.chat-footer-item .typing-form textarea.mesg-input{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.group-info{width:-moz-fit-content;width:fit-content;margin:0 auto;padding:2px 6px}.group-info p{border-radius:4px;text-align:center;font-size:10px;color:var(--chat-text-muted);background:rgba(255,255,255,.06);padding:2px 8px}.typing-form{display:flex;align-items:flex-end}.chat-footer-item .typing-form button{background:linear-gradient(135deg,var(--chat-accent-2),#2563eb);height:35px;width:35px;border-radius:50%;color:#fff;line-height:35px;text-align:center;transition:all .3s ease;position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:0}.chat-footer-item .typing-form button.emoji-btn{background:transparent;color:var(--chat-text-muted)}.search-wrapper div{display:flex;align-items:center;border-bottom:1px solid var(--chat-border);padding:5px 10px;background:var(--chat-panel);border-radius:10px;width:calc(100% - 24px);margin-top:8px;height:50px}.search-wrapper div>input{margin-left:10px;background-color:transparent;color:var(--chat-text);width:calc(100% - 20px)}.search-wrapper div svg{color:var(--chat-text-muted)}.header-search svg{font-size:18px;padding:10px;margin-right:10px;color:var(--chat-text);cursor:pointer;transition:color .2s ease}.header-search svg:hover{color:var(--chat-accent-2)}.chat-toggle-btn{bottom:20px;right:10px;background:linear-gradient(135deg,var(--chat-accent),#16a34a);color:white;border:none;border-radius:50%;width:33px;height:33px;z-index:1;box-shadow:0 6px 18px rgba(34,197,94,.45);transition:transform .15s ease}.chat-toggle-btn:hover{transform:scale(1.06)}.chat-toggle-btn svg{font-size:clamp(14px,1vw,13px)}.small-ellips{border-radius:4px;display:inline-block;position:relative}.animation-wrapper{display:flex;align-items:center;justify-content:center}.animation-wrapper>span{background:var(--chat-accent-2);height:.5em;width:.5em;margin:0 .2em;transform:translateY(0);border-radius:3em;animation:bounce .6s infinite alternate}.animation-wrapper>span:nth-of-type(2){animation-delay:.25s}.animation-wrapper>span:nth-of-type(3){animation-delay:.35s}@keyframes bounce{to{transform:translateY(-.5em)}}.alert-container{position:fixed;top:120px;right:10px;width:auto;animation:fadeInOut 5s ease-in-out;z-index:9999}.alert-box{background:linear-gradient(135deg,rgba(18,58,92,.97),rgba(11,32,54,.97));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:12px;border-left:4px solid var(--chat-danger);max-width:320px;min-width:320px}.sender-profile{max-height:40px;max-width:40px;border-radius:50%;background-color:inherit;min-height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--chat-border);overflow:hidden}.sender-profile img{width:100%}.alert-content{width:100%;display:flex;align-items:center;gap:10px;overflow:hidden}.alert-message{max-width:100%;overflow:hidden;color:var(--chat-text)}.alert-message h6{font-size:clamp(13px,1.4vw,14px);font-weight:500;line-height:normal}.alert-message p{line-height:normal;color:var(--chat-text)}.alert-message p span{display:inline-block;max-width:100%;font-size:clamp(12px,1.1vw,13px);color:var(--chat-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-notify{cursor:pointer;border-left:1px solid var(--chat-border);padding-left:10px;color:var(--chat-text-muted)}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.chat-count{height:14px;width:14px;border-radius:30px;background-color:var(--chat-danger);display:flex;align-items:center;justify-content:center}.chat-count span{font-size:11px}.btnchat-count{height:16px;width:16px;border-radius:30px;background-color:var(--chat-danger);display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px var(--chat-deep)}.btnchat-count span{font-size:11px}.view-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:300px;min-height:300px;width:calc(100% - 22px);border:1px solid var(--chat-border);border-radius:14px;z-index:1;background:var(--chat-deep);box-shadow:0 20px 50px rgba(0,0,0,.5)}.view-image-header{border-radius:12px;background:linear-gradient(120deg,rgba(18,58,92,.9),rgba(11,32,54,.9));color:var(--chat-text);border-bottom:1px solid var(--chat-border);min-height:45px;max-height:45px;padding:8px 12px;display:flex;align-items:center}.view-image-header svg{padding:4px 6px;cursor:pointer;vertical-align:middle}.selected_img_card{min-height:210px;max-height:210px;background:var(--chat-deep);overflow:auto;padding:4px;cursor:pointer}.selected_img_card img{width:100%;height:100%;object-fit:cover;object-position:top}.view-image-btns{border-radius:12px;background:linear-gradient(120deg,rgba(18,58,92,.9),rgba(11,32,54,.9));color:var(--chat-text);border-top:1px solid var(--chat-border);min-height:45px;max-height:45px;padding:8px 12px;display:flex;justify-content:center}.view-image-btns button{background:linear-gradient(135deg,var(--chat-accent-2),#2563eb);color:#fff;padding:4px 15px;border-radius:8px;cursor:pointer;font-size:12px}.file-preview{color:var(--chat-text);display:flex;align-items:center;justify-content:center;padding:10px;gap:10px}.add-member-group{bottom:50px}.add-member-group,.continue-after-adduser{position:absolute;right:12px;background:linear-gradient(135deg,var(--chat-accent),#16a34a);height:40px;width:40px;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;box-shadow:0 8px 20px rgba(34,197,94,.4)}.continue-after-adduser{bottom:100px}.create-new-group>div{display:flex;align-items:center;border-bottom:1px solid var(--chat-border);padding:5px 10px;background:var(--chat-panel);border-radius:10px;width:calc(100% - 24px);margin-top:8px;height:50px}.create-new-group .group-name{margin-left:10px;background-color:transparent;color:var(--chat-text);width:calc(100% - 20px)}.create-new-group>div span{color:var(--chat-text);font-size:16px}.select-user input{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-radius:4px;cursor:pointer;outline:none;background-color:white;vertical-align:middle}.select-user input:checked:before{z-index:1;font-size:15px;content:"✓";position:absolute;left:0;top:-4px;color:var(--chat-accent);height:15px;font-weight:700}.select-user input:checked:after{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;background-color:white;border-radius:2px}.select-mode{width:100%;margin-bottom:10px}.select-mode ul li{color:var(--chat-text);font-size:14px;cursor:pointer;margin-bottom:10px;padding:8px;border-radius:8px;border-bottom:1px solid var(--chat-border);transition:all .3s ease}.select-mode ul li:hover{background:var(--chat-panel)}.select-mode ul li span{height:24px;width:24px;background:linear-gradient(135deg,var(--chat-accent),#16a34a);color:#fff;font-size:14px;display:inline-block;text-align:center;border-radius:40px;margin-right:8px}.select-mode ul li span svg{vertical-align:middle;font-size:11px}.simple-info-msg{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background-color:#fff;color:#1f2937;padding:10px 16px;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.25);display:flex;align-items:center;gap:4px;font-size:14px;opacity:0;transition:opacity .5s ease-in-out;z-index:1000;width:max-content}.simple-info-msg.show{opacity:1}.simple-info-msg .icon{color:var(--chat-accent);font-size:18px;display:flex;align-items:center}.create-group-wrapper form{width:100%;position:relative}.create-group-wrapper form .group-input{display:flex;align-items:center;border-bottom:1px solid var(--chat-border);padding:5px 10px;background:var(--chat-panel);border-radius:10px;margin-top:8px;height:50px;justify-self:center;width:100%}.create-group-wrapper form .group-input input{background-color:transparent;width:100%;color:var(--chat-text);font-weight:400;font-size:14px;letter-spacing:1px;height:100%}.create-group-wrapper form button{background:linear-gradient(135deg,var(--chat-accent),#16a34a);height:40px;width:40px;border-radius:10px;color:#fff;cursor:pointer;z-index:9999}.create-group-wrapper form .group-input svg{color:var(--chat-text-muted)}.create-group-wrapper .selected-user-list ul{max-width:340px;min-width:340px;margin-bottom:10px;display:flex;overflow:auto;padding:1px}.create-group-wrapper .selected-user-list ul li{min-height:50px;max-height:50px;min-width:50px;max-width:50px;border-radius:50%;outline:2px solid rgba(34,197,94,.35);background-color:#f0f0f0;margin-right:10px;text-align:center;line-height:50px;cursor:pointer;position:relative}.create-group-wrapper .selected-user-list ul li .remove-user{position:absolute;height:15px;width:15px;border-radius:10px;background-color:var(--chat-danger);display:inline-block;top:0;right:0;cursor:pointer}.create-group-wrapper .selected-user-list ul li .remove-user svg{position:absolute;right:4px;font-size:9px;top:4px;color:#fff}.selected-user-profile{cursor:auto;height:100%}.user-inner-wrapper{background:var(--chat-panel);padding:8px;border-radius:10px;margin:8px}.add-new-group-user span{cursor:pointer;display:inline-block;border-radius:8px;height:34px;width:34px;border:1px solid var(--chat-border);line-height:32px;color:var(--chat-accent);font-size:14px}.selected-user-profile .exit-handle{position:absolute;left:10px;top:15px;cursor:pointer;padding:0 8px;color:var(--chat-text)}.chat-user-profile-img{height:80px;width:80px;border-radius:50%;border:2px solid rgba(56,189,248,.4);display:flex;align-items:center;justify-content:center;color:var(--chat-text)}.chat-user-profile-img svg{font-size:clamp(24px,3vw,29px)}.profile-info h5{font-size:clamp(16px,2vw,18px);font-weight:500;color:var(--chat-text)}.profile-info p{font-size:14px;color:var(--chat-text-muted)}.group-member-list{margin:8px;background:var(--chat-panel);padding:8px;border-radius:10px;max-height:calc(100vh - 470px);overflow:auto;scrollbar-color:rgba(255,255,255,.25) transparent}.group-member-list ul li .memeber-img{height:30px;width:30px;border-radius:50%;border:1px solid var(--chat-border);text-align:center;line-height:28px}.group-member-list ul li{margin-bottom:8px;border-bottom:1px solid var(--chat-border);padding:8px;border-radius:10px}.memeber-list-content h6{font-size:13px;font-weight:400;line-height:normal;color:var(--chat-text);letter-spacing:.5px}.memeber-list-content p{font-size:12px;color:var(--chat-text-muted);letter-spacing:.8px}.group-created-row{margin:8px;background:var(--chat-panel);padding:8px;border-radius:10px;max-height:80px;overflow:auto;scrollbar-color:rgba(255,255,255,.25) transparent}.group-created-row span.edit-desc{position:absolute;right:0;top:5px;color:var(--chat-text);cursor:pointer;font-size:13px}.group-created-row p{color:var(--chat-accent);font-size:12px;letter-spacing:.5px}.group-created-row h6{font-size:11px;color:var(--chat-text-muted);padding-top:2px;font-weight:400;letter-spacing:.5px}.group-member-list ul li span.group-admin{color:var(--chat-accent);font-size:9px;padding:2px 6px;letter-spacing:.7px;position:absolute;top:50%;transform:translateY(-50%);right:10px}.group-member-list ul li .v-ellips{color:var(--chat-text);position:absolute;right:0;cursor:pointer;padding:0 10px}.left-group-icon{background:var(--chat-deep);padding:8px;border-radius:10px;text-align:center;position:absolute;left:50%;transform:translateX(-50%);bottom:8px;width:100%;border-top:1px solid var(--chat-border)}.left-group-icon button{background-color:transparent;color:var(--chat-danger);font-size:13px;font-weight:500;letter-spacing:.8px}.group-member-list ul li:last-child{margin-bottom:0}.dt-ellips-popup{width:100px;height:auto;border-radius:8px;background:#ffffff;padding:6px;position:absolute;right:20px;box-shadow:0 10px 26px rgba(0,0,0,.3)}.dt-ellips-popup ul li{padding:0;border-radius:4px;color:#333;font-size:13px;border:0}.dt-ellips-popup ul li button{background-color:transparent;color:var(--chat-danger)}.edit-grp-detail h5 span{cursor:pointer}.desc-edit-wrap,.title-edit-wrap{display:flex;align-items:center;justify-content:center;border:1px solid var(--chat-border);border-radius:8px;padding:4px}.desc-edit-wrap{display:inline-block;width:100%}.desc-edit-wrap input,.title-edit-wrap input{background-color:transparent;height:100%;padding:3px 6px;font-size:13px;color:var(--chat-text-muted)}.desc-edit-wrap input{width:calc(100% - 100px)}.add-user-header{border-radius:12px;background:linear-gradient(120deg,rgba(18,58,92,.9),rgba(11,32,54,.9));color:var(--chat-text);margin-bottom:8px;border-bottom:1px solid var(--chat-border);position:-webkit-sticky;position:sticky;top:0;z-index:999;max-height:56px;min-height:56px;display:flex;align-items:center}.add-user-header svg{padding:2px 6px;cursor:pointer}.add-new-member-wrapper{overflow:auto;height:70vh;padding-left:8px;scrollbar-color:rgba(255,255,255,.25) transparent}.nt-mesg-content .mesge-content{width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-to-bottom{position:absolute;right:12px;bottom:70px;height:35px;width:35px;border-radius:50%;border:1px solid var(--chat-border);text-align:center;line-height:35px;color:var(--chat-text);background:linear-gradient(135deg,rgba(18,58,92,.95),rgba(11,32,54,.95));cursor:pointer;z-index:10;box-shadow:0 8px 20px rgba(0,0,0,.35);animation:bounceDown 1.3s ease-in-out infinite}.chat-link{color:var(--chat-accent-2);text-decoration:none;word-break:break-all}.chat-link:hover{text-decoration:underline}@keyframes bounceDown{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}@media screen and (max-width:1439px){.chat-main-box{height:80vh}}@media screen and (max-width:767px){.floating-chatbox-container{width:100%;right:0;left:0;border-top-left-radius:30px;overflow:hidden;border-top-right-radius:30px}.chat-main-box{min-width:100%;max-width:100%;border-radius:0;border:none}.chat-background img{max-width:100%;min-width:100%;height:100dvh}.chat-toggle-btn{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:44px;height:44px}.file-uploader{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:auto;max-height:60vh;border-radius:20px 20px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.35);z-index:2000}.file-uploader ul{flex-wrap:wrap;justify-content:space-around;gap:16px;border:none}.file-uploader ul:after{display:none}.file-uploader ul li{height:44px;width:44px;line-height:44px}.file-uploader:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:4px;background:rgba(255,255,255,.35)}.alert-container{top:auto;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom))}.alert-box{width:100%;max-width:100%;min-width:100%;border-radius:16px 16px 0 0;border-left:none;border-top:4px solid var(--chat-danger)}.view-image{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;width:100%;min-height:auto;max-height:85vh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}.view-image-btns,.view-image-header{border-radius:0}.view-image-header{border-radius:20px 20px 0 0}.selected_img_card{min-height:45vh;max-height:45vh}.dt-ellips-popup{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:14px calc(14px + env(safe-area-inset-bottom)) 18px;z-index:2000;box-shadow:0 -8px 24px rgba(0,0,0,.25)}.dt-ellips-popup ul li{padding:12px 6px;font-size:14px}.simple-info-msg{left:12px;right:12px;transform:none;width:auto;justify-content:center;bottom:calc(16px + env(safe-area-inset-bottom))}.create-group-wrapper .selected-user-list ul{max-width:100%;min-width:100%}.add-new-member-wrapper{height:calc(100dvh - 56px)}.add-member-group,.continue-after-adduser{right:16px}.add-member-group{bottom:calc(16px + env(safe-area-inset-bottom))}.continue-after-adduser{bottom:calc(66px + env(safe-area-inset-bottom))}}@media screen and (max-width:539px){.chat-main-box{margin:0!important}.floating-chatbox-container{width:100%}.chat-main-box{min-width:100%;max-width:100%;border-radius:0;border:none}}.common-setting{position:relative;--cs-navy-deep:#0a2c4a;--cs-navy:#103e65;--cs-navy-light:#1a5f91;--cs-ink:#16324a;--cs-muted:#7c8fa6;--cs-line:#e4eaf1;--cs-bg-soft:#f6f9fc;--cs-accent:#fd5d00;--cs-white:#ffffff}.common-setting .view-card-button{background:var(--cs-navy)!important;color:#fff!important;border:none;border-radius:50%;width:34px;height:34px;display:flex!important;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(10,44,74,.25);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.common-setting .view-card-button:hover{transform:translateY(-1px)}.common-setting .view-card-button.active,.common-setting .view-card-button:hover{background:var(--cs-navy-light)!important}.common-setting .view-card-button.active svg{transform:rotate(90deg);transition:transform .3s ease}.common-setting .cs-backdrop{display:none}.common-setting .view-card-container{position:absolute!important;left:50%!important;top:44px!important;transform:translateX(-50%)!important;width:290px!important;max-width:calc(100vw - 24px);background:var(--cs-white)!important;border-radius:16px!important;overflow:hidden!important;z-index:999!important;display:flex!important;flex-direction:column!important;max-height:400px;box-shadow:0 20px 45px rgba(10,44,74,.2),0 4px 14px rgba(10,44,74,.09);animation:commonPopup .2s ease-out;transform-origin:top center;padding:0!important;margin:0!important;border:none!important}.common-setting .view-card-container:after{content:none!important}@keyframes commonPopup{0%{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.common-setting .cs-panel-header{flex-shrink:0;width:100%;box-sizing:border-box;padding:14px 16px!important;background:linear-gradient(135deg,var(--cs-navy-deep) 0,var(--cs-navy) 60%,var(--cs-navy-light) 130%)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px}.common-setting .cs-panel-header-title{display:flex!important;align-items:center!important;gap:11px;min-width:0}.common-setting .cs-panel-header-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.14);display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;color:#fff!important;flex-shrink:0}.common-setting .cs-panel-header-icon svg{color:#fff!important;width:13px!important;height:13px!important}.common-setting .cs-panel-header-text{display:flex!important;flex-direction:column!important;min-width:0}.common-setting .cs-panel-heading{display:block!important;color:#fff!important;font-size:14.5px!important;font-weight:700!important;line-height:1.25!important;margin:0!important}.common-setting .cs-panel-subheading{display:block!important;margin-top:2px!important;color:rgba(255,255,255,.7)!important;font-size:10.5px!important;font-weight:400!important}.common-setting .cs-panel-close{width:28px!important;height:28px!important;min-width:28px!important;flex-shrink:0;border:none!important;border-radius:8px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;transition:background .2s ease}.common-setting .cs-panel-close svg{color:#fff!important}.common-setting .cs-panel-close:hover{background:rgba(255,255,255,.26)!important}.common-setting .cs-panel-body{flex:1 1;min-height:0;width:100%;box-sizing:border-box;overflow-y:auto;padding:10px!important;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.common-setting .cs-panel-body::-webkit-scrollbar{width:4px}.common-setting .cs-panel-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.common-setting .cs-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:6px}.common-setting .cs-list-item{list-style:none;border:1px solid var(--cs-line)!important;border-radius:11px!important;background:var(--cs-white)!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.common-setting .cs-list-item:hover{border-color:#c9d7e3!important;transform:translateX(2px);box-shadow:0 4px 12px rgba(15,61,99,.08)}.common-setting .cs-list-link{display:flex!important;align-items:center!important;gap:10px;padding:9px 10px!important;cursor:pointer;text-decoration:none!important;color:inherit!important;width:100%;box-sizing:border-box}.common-setting .cs-list-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;background:var(--cs-bg-soft)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;flex-shrink:0}.common-setting .cs-list-icon,.common-setting .cs-list-icon svg{color:var(--cs-navy)!important}.common-setting .cs-list-text{display:flex!important;flex-direction:column!important;flex:1 1;min-width:0}.common-setting .cs-item-title{display:block!important;color:var(--cs-ink)!important;font-size:12.5px!important;font-weight:650!important;line-height:1.3!important;margin:0!important;text-decoration:none!important}.common-setting .cs-item-desc{display:block!important;margin-top:1px!important;color:var(--cs-muted)!important;font-size:10px!important;font-weight:400!important;line-height:1.3!important}.common-setting .on-off-toggle{display:flex!important;align-items:center!important;gap:10px;padding:9px 10px!important;width:100%;box-sizing:border-box;background:transparent!important}.common-setting .toggle-switch{display:inline-flex!important;flex-shrink:0;margin-left:auto}.common-setting .toggle{position:relative}.common-setting .toggle input{position:absolute;opacity:0;width:0;height:0}.common-setting .slider{position:relative;display:block!important;cursor:pointer;background-color:#d7e0ea!important;transition:.25s ease;width:40px!important;height:22px!important;border-radius:20px!important}.common-setting .slider:before{content:"";position:absolute;height:16px;width:16px;border-radius:50%;background-color:#fff!important;transition:.25s ease;top:3px;left:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.common-setting input:checked+.slider{background-color:var(--cs-accent)!important}.common-setting input:checked+.slider:before{transform:translateX(18px)}.common-setting input:disabled+.slider{opacity:.6;cursor:not-allowed}.common-setting .sts-loading{font-size:13px;color:var(--cs-muted)!important;font-weight:600;text-align:center;padding:6px 0;width:100%}.common-setting .sts-loading:after{overflow:hidden;display:inline-block;vertical-align:bottom;animation:ellipsis .9s steps(4) infinite;content:"\2026";width:0}@keyframes ellipsis{to{width:1.25em}}@media screen and (max-width:575px){.common-setting .cs-backdrop{display:block;position:fixed;inset:0;background:rgba(10,30,50,.45);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:998;animation:csFadeIn .2s ease}.common-setting .view-card-container{position:fixed!important;left:0!important;right:0;bottom:0;top:auto!important;transform:none!important;width:100%!important;max-width:100%!important;max-height:78vh;border-radius:18px 18px 0 0!important;z-index:999!important;animation:csSheetUp .24s ease-out}.common-setting .view-card-container:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:4px;background:rgba(255,255,255,.55);z-index:2}.common-setting .cs-panel-header{padding-top:18px!important;border-radius:18px 18px 0 0!important}.common-setting .cs-panel-body{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}@keyframes csSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.common-setting .cs-backdrop,.common-setting .view-card-container{animation:none!important}}