:root{--app-background: #e1c1ab;--app-primary: #e9cfbd;--app-text: #2c3e50;--app-danger: #e74c3c;--app-success: #1a3033;--app-secondary: #8C433D}body{background-color:#d0b79f;margin:0;padding:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.container{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100vh;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.image-container{height:450px;width:auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}@keyframes zoomInOut{0%{transform:scale(1.1)}to{transform:scale(1)}}.shape{width:auto;height:470px;animation:zoomInOut 3s ease-in-out infinite alternate}.Form{width:358px;height:auto;text-align:left;background-color:#d7cbc3;display:flex;flex-direction:column;color:#1a3033;border-radius:30px;box-shadow:4px 20px 20px #0003;padding:20px 30px 10px}.Heading{color:#254448;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:2em;font-weight:700;margin:15px 0}.auth-logo{justify-content:center;align-self:center}.auth-logo-image{width:150px;height:auto}.form-content{display:flex;flex-direction:column;align-items:flex-start}.input_username,.input_emailid,.input_mobilenumber{border-radius:20px;border:none;font-size:15px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;width:calc(100% - 20px);height:20px;background-color:#e3dbd9;padding:10px 10px 10px 15px;position:relative;color:#a27f68;font-weight:600}.input_password{border-radius:20px;border:none;font-size:15px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;width:100%;height:20px;background-color:#e3dbd9;padding:10px 50px 10px 15px;position:relative;color:#a27f68;font-weight:600}.eye{width:22px;height:auto}.forgot-password-container{text-align:right;margin-top:10px;margin-bottom:0}.forgot-password-link{color:#dd7155;font-size:.95em;text-decoration:none;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;cursor:pointer;font-weight:600}.message{text-align:center;color:#dd7155;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.haveaccount{text-align:center;color:#1a3033;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1em;margin-top:15px;margin-bottom:5px}.submitButton{background-color:#174249;color:#fff;border:none;border-radius:30px;padding:9px;cursor:pointer;height:40px;width:80px;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.toggleLogIn{background:none;cursor:pointer;border:none;color:#dd7155;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1.1em;font-weight:600}.submitButton:hover{background-color:#4f6b6d}.toggleLogIn:hover,.forgot-password-link:hover{color:#943735;text-decoration:underline}.input_password:focus,.input_username:focus,.input_emailid:focus,.input_mobilenumber:focus{outline:none}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.confirm-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a3033bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirm-modal-container{background:#fff0e6;border-radius:16px;padding:32px;min-width:400px;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #1a30331a,0 10px 10px -5px #1a30330a;border:1px solid rgba(116,91,74,.1)}.confirm-modal-content{text-align:center}.confirm-modal-title{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem;font-weight:600;color:#1a3033;margin:0 0 16px}.confirm-modal-message{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1rem;color:#745b4a;line-height:1.5;margin:0 0 32px}.confirm-modal-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.confirm-modal-button{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.95rem;font-weight:500;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:100px}.confirm-modal-button:focus{outline:none;transform:translateY(-1px)}.confirm-modal-button.secondary{background:#a27f68;color:#fff0e6;border:1px solid transparent}.confirm-modal-button.secondary:hover{background:#8a6b57;transform:translateY(-1px);box-shadow:0 4px 12px #a27f684d}.confirm-modal-button.primary{background:#1a3033;color:#fff0e6;border:1px solid transparent}.confirm-modal-button.primary:hover{background:#0f1f21;transform:translateY(-1px);box-shadow:0 4px 12px #1a30334d}.confirm-modal-button.danger{background:#a8462e;color:#fff0e6;border:1px solid transparent}.confirm-modal-button.danger:hover{background:#8e3a26;transform:translateY(-1px);box-shadow:0 4px 12px #a8462e4d}.confirm-modal-button.warning{background:#c8866f;color:#fff0e6;border:1px solid transparent}.confirm-modal-button.warning:hover{background:#b07459;transform:translateY(-1px);box-shadow:0 4px 12px #c8866f4d}.confirm-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.confirm-modal-button:disabled:hover{transform:none!important;box-shadow:none!important}@media (max-width: 480px){.confirm-modal-container{margin:20px;max-width:calc(100vw - 40px);min-width:unset;padding:24px}.confirm-modal-buttons{flex-direction:column;gap:8px}.confirm-modal-button{width:100%;min-width:unset}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.sidebar{width:26.5%;height:calc(100vh - 60px);position:fixed;display:flex;flex-direction:column;border-radius:20px;background-color:#fff0e6;box-shadow:2px 10px 10px #0003}.sidebar-header{background-color:#1a3033;border-radius:20px 20px 0 0;padding:10px;position:relative}.logo{justify-content:center;align-items:center;display:flex;flex-direction:row;background-color:#1a3033;overflow:hidden}.logo-image{width:150px;height:auto}.logo-name{height:35px;width:auto}.searchbar-container{display:flex;align-items:center;justify-content:left;gap:10px;margin:10px 0;padding:0 0 0 10px}.chatHistory{flex:1;overflow-y:auto;padding:0;margin:0;scrollbar-width:none;-ms-overflow-style:none}.chatHistory::-webkit-scrollbar{display:none}.loading-message,.error-message,.empty-chats-message{padding:20px;text-align:center;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;color:#745b4a;font-weight:550}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.contactCard{display:flex;align-items:center;padding:12px 15px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;border-bottom:1px solid rgba(162,127,104,.2);font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;position:relative}.contactCard:hover,.contactCard.selected{background-color:#a27f68;box-shadow:0 2px 8px #0000001a}.contactCard:active{background-color:#91735e;transition:background-color .1s ease}.contactCard:last-child{border-bottom:none}.avatar{width:45px;height:45px;border-radius:50%;margin-right:12px;object-fit:cover;flex-shrink:0;transition:transform .2s ease}.contactCard:hover .avatar,.contactCard.selected .avatar{transform:scale(1.08)}.avatar-initials{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;text-transform:uppercase;-webkit-user-select:none;user-select:none;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.contactCard:hover .avatar-initials,.contactCard.selected .avatar-initials{transform:scale(1.08)}.info{flex:1;min-width:0;transition:transform .2s ease}.contactCard:hover .info,.contactCard.selected .info{transform:translate(4px)}.name{font-weight:600;margin:0 0 4px;font-size:1rem;color:#745b4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease,transform .2s ease}.contact-card:hover .name,.contactCard:hover .name,.contact-card.selected .name,.contactCard.selected .name{color:#000;transform:translate(2px)}.last-message{color:#745b4a;opacity:.7;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;transition:color .2s ease,opacity .2s ease,transform .2s ease}.contact-card:hover .last-message,.contactCard:hover .last-message,.contact-card.selected .last-message,.contactCard.selected .last-message{color:#000;opacity:.8;transform:translate(2px)}.timestamp{font-size:.8rem;color:#745b4a;opacity:.6;margin-left:10px;flex-shrink:0;font-weight:400;transition:color .2s ease,opacity .2s ease,transform .2s ease}.contact-card:hover .timestamp,.contactCard:hover .timestamp,.contact-card.selected .timestamp,.contactCard.selected .timestamp{color:#000;opacity:.9;transform:translate(-2px)}.avatar-container{position:relative;display:inline-block}.group-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;border:1px solid #e9ecef;z-index:1}.group-icon{font-size:10px;line-height:1}.avatar-container[data-size=small] .group-indicator{width:14px;height:14px;bottom:-1px;right:-1px}.avatar-container[data-size=small] .group-icon{font-size:8px}.avatar-container[data-size=large] .group-indicator{width:24px;height:24px;bottom:-3px;right:-3px}.avatar-container[data-size=large] .group-icon{font-size:12px}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background-color:#1a3033;color:#f4efeb;padding:12px 20px;border-radius:8px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:9999;max-width:90%;min-width:250px;text-align:center;opacity:0;transition:all .3s ease;pointer-events:none}.notification.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.notification-content{display:flex;align-items:center;justify-content:center;gap:8px}.notification-message{line-height:1.4;word-wrap:break-word}.notification.success{background-color:#1a3033}.notification.error{background-color:#8c433d}.notification.warning{background-color:#b69a87;color:#000}.notification.info{background-color:#1a3033}@media (max-width: 768px){.notification{bottom:15px;max-width:95%;min-width:200px;padding:10px 16px;font-size:13px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.user-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-info-modal{background-color:#fff0e6;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.user-info-header{padding:20px 25px 15px;background-color:#1a3033;border-radius:20px 20px 0 0;color:#fff0e6;display:flex;justify-content:space-between;align-items:center}.user-info-title{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:20px;font-weight:600;color:#fff0e6;margin:0}.user-info-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:#fff0e6;width:auto;height:auto;flex-shrink:0}.user-info-close-btn:hover{background-color:#fff0e61a}.user-info-close-btn img{width:auto;height:auto;max-width:24px;max-height:24px;opacity:.9;filter:brightness(0) invert(1);flex-shrink:0}.user-info-profile-section{display:flex;flex-direction:column;align-items:center;padding:25px 28px;background-color:#fff0e6}.user-info-picture-container{position:relative;margin-bottom:20px}.user-info-change-picture-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#5d4037;border:3px solid #f4efe3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0003}.user-info-change-picture-btn:hover{background:#4e2d26;transform:scale(1.05)}.user-info-change-picture-btn img{width:14px;height:14px;filter:invert(1)}.user-info-content{padding:0 28px 20px;background-color:#fff0e6;flex:1}.user-info-name-section{text-align:center;margin-bottom:20px}.user-info-name-display-container{text-align:center;position:relative}.user-info-name-editable{position:relative;display:flex;align-items:center;background-color:#eedcd1;border-radius:25px;padding:8px 15px;max-width:300px;margin:0 auto}.user-info-name-input{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:20px;font-weight:600;color:#1a3033;background:transparent;border:none;text-align:center;padding:8px 12px;margin:0;outline:none;flex:1}.user-info-click-to-edit{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:12px;color:#8c433d;font-style:italic;opacity:.7;margin-top:4px;display:block}.user-info-name-display{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:24px;font-weight:600;color:#1a3033;margin:0;text-align:center}.user-info-fields-container{background:#eedcd1;border-radius:16px;padding:0;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;overflow:hidden;border:1px solid #d7cbc3}.user-info-field{padding:24px;border-bottom:1px solid #d7cbc3;display:flex;flex-direction:column;gap:10px}.user-info-field:last-child{border-bottom:none}.user-info-label{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:13px;font-weight:600;color:#8c433d;text-transform:uppercase;letter-spacing:.8px;margin:0}.user-info-input{width:100%;padding:12px 16px;border:2px solid #d4a574;border-radius:12px;font-size:16px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.user-info-input:focus{outline:none;border-color:#a27f68;box-shadow:0 0 0 3px #a27f681a}.user-info-value{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:16px;color:#1a3033;margin:0;word-break:break-word;line-height:1.5;padding:0;background-color:transparent;border:none;min-height:auto;display:block}.user-info-value.readonly{background-color:transparent;color:#1a3033;cursor:default}.user-info-note{display:block;font-size:12px;color:#6c757d;margin-top:4px;font-style:italic;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.user-info-footer{display:flex;justify-content:center;padding:16px 24px 24px}.user-info-cancel-btn{padding:12px 24px;border:2px solid #a27f68;background-color:transparent;color:#a27f68;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.user-info-cancel-btn:hover{background-color:#a27f681a}.user-info-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.user-info-save-btn{padding:12px 24px;border:none;background-color:#8b4444;color:#fff;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;min-width:120px}.user-info-save-btn:hover:not(:disabled){background-color:#703333;transform:translateY(-1px)}.user-info-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-info-save-btn.loading{position:relative}.user-info-save-btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.user-info-modal{max-width:90vw;margin:10px}.user-info-header{padding:18px 20px 14px}.user-info-title{font-size:18px}.user-info-profile-section{padding:20px 24px}.user-info-avatar{width:100px!important;height:100px!important}.user-info-content{padding:0 20px 16px}.user-info-name-input{font-size:16px;max-width:250px}.user-info-name-display{font-size:20px}.user-info-fields-container{padding:0}.user-info-field{padding:20px}.user-info-footer{padding:16px 20px 20px}.user-info-save-btn{width:100%;justify-content:center}}@media (max-width: 480px){.user-info-overlay{padding:10px}.user-info-modal{max-width:95vw}.user-info-name-input{font-size:14px;max-width:200px}.user-info-name-display{font-size:18px}.user-info-value{font-size:14px}.user-info-save-btn{font-size:14px;padding:10px 20px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.user-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-settings-modal{background-color:#fff0e6;border-radius:20px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.user-settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid rgba(162,127,104,.2)}.user-settings-title{font-size:24px;font-weight:600;color:#2c3e50;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.user-settings-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.user-settings-close-btn:hover{background-color:#a27f681a}.user-settings-close-btn img{width:auto;height:auto;max-width:20px;max-height:20px}.user-settings-tabs{display:flex;border-bottom:1px solid rgba(162,127,104,.2);background-color:#a27f680d}.user-settings-tab{flex:1;padding:16px 12px;background:none;border:none;cursor:pointer;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:14px;color:#666;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.user-settings-tab img{width:16px;height:16px;opacity:.6;transition:opacity .2s ease}.user-settings-tab:hover{background-color:#a27f681a;color:#2c3e50}.user-settings-tab:hover img{opacity:.8}.user-settings-tab.active{color:#2c3e50;font-weight:500;background-color:#a27f681a}.user-settings-tab.active img{opacity:1}.user-settings-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--app-success)}.user-settings-content{padding:24px;min-height:300px}.settings-section{width:100%}.section-title{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 8px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.section-description{font-size:14px;color:#666;margin:0 0 24px;line-height:1.5;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:500;color:var(--app-text)}.form-group label:after{content:""}.settings-input{padding:12px 16px;border:2px solid rgba(162,127,104,.2);border-radius:12px;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;background-color:#fff;transition:all .2s ease}.settings-input:focus{outline:none;border-color:var(--app-success);box-shadow:0 0 0 3px #1a30331a}.settings-input:valid:not(:placeholder-shown){border-color:var(--app-success)}.settings-input:invalid:not(:placeholder-shown){border-color:var(--app-danger)}.settings-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.settings-input::placeholder{color:#999}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.save-btn{background-color:var(--app-success);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;cursor:pointer;transition:all .2s ease;position:relative}.save-btn:hover:not(:disabled){background-color:#2d4b4f;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.danger-zone{border:2px solid rgba(231,76,60,.2);border-radius:16px;padding:24px;background-color:#e74c3c0d}.danger-warning{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;color:#c0392b;margin:0 0 20px;font-size:14px;line-height:1.5}.user-settings-modal .delete-btn{background-color:#e74c3c;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;cursor:pointer;transition:all .2s ease}.user-settings-modal .delete-btn:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-confirmation{border-top:1px solid rgba(231,76,60,.2);padding-top:20px;margin-top:20px}.confirm-text{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;color:#c0392b;margin:0 0 20px;font-size:14px;font-weight:500;line-height:1.5}.confirm-actions{display:flex;gap:12px;flex-wrap:wrap}.confirm-delete-btn{background-color:#e74c3c;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;cursor:pointer;transition:all .2s ease;position:relative}.confirm-delete-btn:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-btn{background-color:#95a5a6;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background-color:#7f8c8d;transform:translateY(-1px)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 600px){.user-settings-modal{max-width:100%;margin:10px;border-radius:16px}.user-settings-tabs{flex-direction:column}.user-settings-tab{border-bottom:1px solid rgba(162,127,104,.1);justify-content:flex-start;padding-left:20px}.user-settings-tab:last-child{border-bottom:none}.user-settings-tab.active:after{display:none}.confirm-actions{flex-direction:column}.confirm-delete-btn,.cancel-btn{width:100%}.user-settings-content{padding:20px 16px}}.email-change-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff0e6;border-radius:15px;padding:24px;box-shadow:0 10px 25px #00000040;z-index:1100;max-width:400px;width:90%;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.email-change-content h3{color:var(--app-text);margin-bottom:16px;font-size:1.2rem;font-weight:600;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.email-change-content p{color:var(--app-text);margin-bottom:20px;line-height:1.5;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.email-change-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.email-change-actions .save-btn{background-color:var(--app-primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;cursor:pointer;transition:background-color .2s;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.email-change-actions .save-btn:hover:not(:disabled){background-color:#8a6b56}.email-change-actions .save-btn:disabled{opacity:.7;cursor:not-allowed}.email-change-actions .cancel-btn{background-color:transparent;color:var(--app-text);border:1px solid var(--app-primary);border-radius:8px;padding:10px 20px;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.email-change-actions .cancel-btn:hover:not(:disabled){background-color:var(--app-primary);color:#fff}.email-change-actions .cancel-btn:disabled{opacity:.7;cursor:not-allowed}.passwordfield{position:relative;width:100%;display:flex;align-items:center}.settings-input-password{width:100%;padding:12px 50px 12px 16px;border:2px solid rgba(162,127,104,.3);border-radius:12px;font-size:14px;color:var(--app-text);background-color:#fff;transition:border-color .2s;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.settings-input-password:focus{outline:none;border-color:var(--app-primary)}.settings-input-password:disabled{background-color:#f5f5f5;cursor:not-allowed}.eye-container{position:absolute;right:15px;top:50%;transform:translateY(-50%);height:22px;display:flex;align-items:center;cursor:pointer;z-index:2}.eye{width:22px;height:auto;opacity:.6;transition:opacity .2s}.eye:hover{opacity:1}@media (max-width: 768px){.email-change-modal{max-width:90%;padding:20px}.email-change-actions{flex-direction:column}.email-change-actions .save-btn,.email-change-actions .cancel-btn{width:100%}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.about-project-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.about-project-modal{background-color:#fff0e6;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.about-project-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid rgba(162,127,104,.2);background-color:#a27f680d}.about-project-title{font-size:26px;font-weight:600;color:#2c3e50;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.about-project-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.about-project-close-btn:hover{background-color:#a27f681a}.about-project-close-btn img{width:20px;height:20px}.about-project-content{padding:24px}.about-project-logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding:20px;background-color:#a27f680d;border-radius:15px}.about-project-logo{width:80px;height:80px;margin-bottom:16px;border-radius:15px;box-shadow:0 4px 12px #0000001a}.about-project-name{font-size:32px;font-weight:700;color:#a27f68;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;text-align:center}.about-project-sections{display:flex;flex-direction:column;gap:24px}.about-section{padding:20px;background-color:#a27f6808;border-radius:12px;border-left:4px solid #a27f68}.section-header{display:flex;align-items:center;margin-bottom:16px}.section-icon{width:24px;height:24px;margin-right:12px;opacity:.8;filter:invert(46%) sepia(15%) saturate(568%) hue-rotate(345deg) brightness(93%) contrast(87%)}.section-header h4{font-size:20px;font-weight:600;color:#a27f68;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.about-section p{font-size:16px;line-height:1.6;color:#2c3e50;margin:0 0 16px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.about-section p:last-child{margin-bottom:0}.feature-list{list-style:none;padding:0;margin:16px 0}.feature-list li{display:flex;align-items:center;margin-bottom:12px;font-size:16px;color:#2c3e50;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;padding:8px 12px;background-color:#a27f680d;border-radius:8px;transition:background-color .2s ease}.feature-list li:hover{background-color:#a27f681a}.list-icon{width:18px;height:18px;margin-right:12px;opacity:.7;filter:invert(46%) sepia(15%) saturate(568%) hue-rotate(345deg) brightness(93%) contrast(87%)}.about-project-footer{margin-top:32px;padding:24px;border-top:1px solid rgba(162,127,104,.2);background-color:#a27f680d;border-radius:0 0 20px 20px}.social-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:12px;padding:12px 24px;background-color:#fff0e6;border:2px solid #a27f68;border-radius:50px;text-decoration:none;color:#a27f68;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-weight:500;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.social-link:hover{background-color:#a27f68;color:#fff0e6;transform:translateY(-2px);box-shadow:0 4px 15px #a27f684d}.social-link img{width:24px;height:24px;transition:filter .3s ease}.social-link:hover img{filter:brightness(0) saturate(100%) invert(100%)}@media (max-width: 768px){.about-project-modal{max-width:95%;margin:10px}.about-project-content,.about-project-header{padding:16px}.about-project-logo{width:60px;height:60px}.about-project-name{font-size:24px}.section-header h4{font-size:18px}.about-section p,.feature-list li{font-size:14px}.social-links{flex-direction:column;align-items:center;gap:16px}.social-link{padding:10px 20px;font-size:14px}}.about-project-modal::-webkit-scrollbar{width:8px}.about-project-modal::-webkit-scrollbar-track{background:#a27f681a;border-radius:4px}.about-project-modal::-webkit-scrollbar-thumb{background:#a27f68;border-radius:4px}.about-project-modal::-webkit-scrollbar-thumb:hover{background:#8c433d}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.settings-container{position:relative;z-index:20;width:50px;height:50px;overflow:visible}.settings-background{background-color:#fff0e6;position:absolute;top:0;left:0;width:365px;min-height:450px;border-radius:20px;box-shadow:0 4px 20px #00000026;z-index:5}.settings-toggle{outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:absolute;top:2px;left:2px;width:45px;height:45px;border-radius:50%;background-color:#fff0e6;display:flex;align-items:center;justify-content:center;z-index:10}.settings-list{list-style:none;padding:25px;margin:0;position:absolute;top:40px;width:310px;z-index:30}.settings-list-item{display:flex;align-items:center;justify-content:flex-start;padding:15px;margin-bottom:8px;cursor:pointer;border-radius:10px;transition:all .3s ease}.settings-menu-icon{display:inline-block;vertical-align:middle;margin-right:12px;width:18px;height:18px;object-fit:contain;opacity:.8}.settings-list-item:hover{background-color:#b9a391;box-shadow:0 2px 8px #0000001a}.settings-text-placeholder{font-size:18px;font-weight:500;color:#333;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.searchbar{position:relative;width:100%;margin:0 10px}.search-input-container{position:relative;display:flex;align-items:center}.search{height:45px;width:100%;padding:5px 45px 5px 50px;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;border-radius:20px;border:none;font-size:15px;color:#745b4a;font-weight:600;background-color:#fff0e6;box-sizing:border-box}.search-icon-div{position:absolute;left:12px;top:22px;transform:translateY(-50%);pointer-events:none;z-index:15}.search-icon{height:35px;width:auto;object-fit:contain;flex-shrink:0;display:block}.search-clear-icon-div{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:15}.search-clear-icon-div:hover{background-color:#745b4a1a;transform:translateY(-50%) scale(1.1)}.search-clear-icon-div:active{transform:translateY(-50%) scale(.9)}.search-clear-icon{height:20px;width:auto;opacity:.6;flex-shrink:0;transition:opacity .2s ease}.search-clear-icon:hover{opacity:1}.search::placeholder{color:#745b4a;opacity:.7;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:400}.search:focus::placeholder{opacity:.5}.search:focus{outline:none}.search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff0e6;border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:300px;z-index:10;overflow-y:auto;overflow-x:hidden}.search-result-item{padding:12px 16px;border-bottom:1px solid rgba(116,91,74,.2);cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;transform:translate(0)}.search-result-item:hover{background-color:#a27f68;transform:translate(2px);box-shadow:0 2px 8px #0000001a}.search-result-item:active{transform:translate(0) scale(.98);transition:all .1s ease}.search-result-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden;transition:transform .2s ease}.search-result-item:hover .search-result-avatar{transform:scale(1.1)}.search-result-info{flex:1;min-width:0;transition:transform .2s ease}.search-result-item:hover .search-result-info{transform:translate(4px)}.search-result-name{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:600;margin-bottom:2px;color:#282828;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-contact{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;color:#282828;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:20px;text-align:center;color:#282828;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background-color:#c8866f;border-radius:4px;border:none}.search-results::-webkit-scrollbar-thumb:hover{background-color:#a8462e}.search-results::-webkit-scrollbar-button{background-color:#c8866f;height:8px}.search-results::-webkit-scrollbar-button:hover{background-color:#a8462e}.search-results::-webkit-scrollbar-button:vertical:start:decrement{border-style:solid;border-width:0 4px 6px 4px;border-color:transparent transparent #C8866F transparent;background-color:#fff0e6}.search-results::-webkit-scrollbar-button:vertical:end:increment{border-style:solid;border-width:6px 4px 0 4px;border-color:#C8866F transparent transparent transparent;background-color:#fff0e6}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.chat-menu-container{position:relative;z-index:20;width:55px;height:55px;overflow:visible}.chat-menu-nav{position:relative;width:55px;height:55px}.chat-menu-popup{position:absolute;top:51px;right:0;z-index:30;display:flex;flex-direction:column;align-items:flex-end;min-width:280px}.chat-menu-background{background-color:#fff0e6;position:absolute;top:0;right:0;width:280px;min-height:0;border-radius:16px;box-shadow:0 4px 20px #00000026;z-index:5;height:100%}.chat-menu-toggle{outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:absolute;top:2px;right:2px;width:51px;height:51px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;transition:all .2s ease}.chat-menu-toggle svg{width:36px;height:36px}.menu-dots-container{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.dot{position:absolute;width:8px;height:8px;background-color:#f4efe3;border-radius:50%;transition:transform .3s ease}.dot-1{transform:translate(-9px,-9px)}.dot-2{transform:translate(9px,-9px)}.dot-3{transform:translate(-9px,9px)}.dot-4{transform:translate(9px,9px)}.menu-dots-container.open .dot-1{transform:translate(9px,-9px)}.menu-dots-container.open .dot-2{transform:translate(9px,9px)}.menu-dots-container.open .dot-3{transform:translate(-9px,-9px)}.menu-dots-container.open .dot-4{transform:translate(-9px,9px)}.chat-menu-toggle:hover{background:transparent;transform:scale(1.05)}.chat-menu-toggle:active{transform:scale(.95)}.chat-menu-list{list-style:none;padding:16px 20px;margin:0;position:relative;width:240px;z-index:10;background:transparent}.chat-menu-list-item{display:flex;align-items:center;justify-content:flex-start;padding:12px;margin-bottom:4px;cursor:pointer;border-radius:8px;transition:all .3s ease;min-height:40px}.chat-menu-icon{display:inline-block;vertical-align:middle;margin-right:10px;width:20px;height:20px;object-fit:contain}.chat-menu-list-item .chat-menu-icon[src$=".png"]{width:auto;height:20px}.chat-menu-list-item:hover{background-color:#b9a391;box-shadow:0 2px 8px #0000001a}.chat-menu-list-item.danger-item:hover{background-color:#ff6b6b;color:#fff}.chat-menu-list-item.danger-item .chat-menu-text-placeholder{color:#d63031}.chat-menu-list-item.danger-item:hover .chat-menu-text-placeholder{color:#fff}.chat-menu-text-placeholder{font-size:18px;font-weight:500;color:#333;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;transition:color .3s ease}@media (max-width: 768px){.chat-menu-background,.chat-menu-popup{width:240px;min-width:240px}.chat-menu-list{width:200px;padding:12px 16px}.chat-menu-list-item{padding:10px;min-height:36px}.chat-menu-text-placeholder{font-size:16px}}@media (max-width: 480px){.chat-menu-background,.chat-menu-popup{width:180px;min-width:180px}.chat-menu-list{width:140px;padding:10px 14px}.chat-menu-list-item{padding:8px 10px;min-height:32px}.chat-menu-text-placeholder{font-size:14px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.chat-header{background-color:#1a3033;padding:20px 25px 15px 20px;height:60px;top:50%;border-radius:20px 20px 0 0}.chat-header-info{display:flex;align-items:center;gap:12px;width:100%}.chat-header-avatar{border-radius:50%;object-fit:cover}.chat-header-details{flex:1;margin-left:10px}.chat-header-name{margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1.5rem;font-weight:600;color:#fff0e5}.chat-header-status{margin:2px 0 0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.7rem;color:#fff0e6}.chat-header-status.online{color:#fff0e6;position:static}.chat-header-status.online:before{content:none}.chat-header-status.offline{color:#8696a0}.chat-menu-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background-color .3s;margin-left:auto}.chat-header-info{justify-content:space-between}.selection-back-btn{background:none;border:none;color:#fff0e6;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.selection-back-btn:hover{background-color:#fff0e61a}.selection-back-btn img{width:auto;height:20px;filter:brightness(0) saturate(100%) invert(98%) sepia(24%) saturate(456%) hue-rotate(315deg) brightness(106%) contrast(100%)}.selection-info{flex:1;text-align:center}.selection-count{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1.2rem;font-weight:600;color:#fff0e6}.selection-actions{display:flex;gap:8px;align-items:center}.action-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.action-btn:hover{background-color:#fff0e61a}.action-btn img{width:auto;height:20px;filter:brightness(0) saturate(100%) invert(98%) sepia(24%) saturate(456%) hue-rotate(315deg) brightness(106%) contrast(100%)}.delete-btn:hover{background-color:#dc262633}.forward-btn:hover{background-color:#22c55e33}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.message{display:flex;flex-direction:column;margin-bottom:12px;animation:messageSlideIn .3s ease-out;position:relative;contain:style;transition:background-color .3s ease}.message.highlighted{background-color:#f4efe3cc;border-radius:12px;padding:8px;margin:4px 0}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-content{max-width:70%;padding:10px 14px 14px;border-radius:18px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;word-wrap:break-word;position:relative;margin:0 8px;display:flex;flex-direction:column;text-align:left}.message.sent .message-menu-container{position:absolute;top:50%;transform:translateY(-50%);left:-45px;will-change:transform}.message.received .message-menu-container{position:absolute;top:50%;transform:translateY(-50%);right:-45px;will-change:transform}.message.sent .message-content{background-color:#8c433d;color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background-color:#b69a87;color:#000;border-bottom-left-radius:4px}.message.sent .message-content:after{content:"";position:absolute;bottom:0;right:-12px;width:20px;height:20px;background:#8c433d;clip-path:polygon(0% 0%,100% 100%,0% 100%);border-radius:0 0 15px}.message.received .message-content:after{content:"";position:absolute;bottom:0;left:-12px;width:20px;height:20px;background:#b69a87;clip-path:polygon(100% 0%,0% 100%,100% 100%);border-radius:0 0 0 15px}.message.sent .message-content:before,.message.received .message-content:before{display:none}.message-content p{margin:0;line-height:1.4;font-size:14px}.message-text{margin-top:8px;line-height:1.4;font-size:14px;text-align:left;word-wrap:break-word}.message-meta{display:flex;align-items:center;gap:4px;align-self:flex-end;margin-top:5px;flex-shrink:0}.message-time{font-size:.75rem;white-space:nowrap}.message.sent .message-time{color:#ffffffb3}.message.received .message-time{color:#0009}.status-icon{width:16px;height:auto;min-width:12px;min-height:12px;max-width:18px;max-height:18px;opacity:.85;vertical-align:middle;display:inline-block;margin:0!important}.message-content .loading-container{display:flex;align-items:center;justify-content:center;gap:2px;font-size:18px;color:inherit;height:100%;min-height:25px;padding:5px 0}.message.typing-indicator .message-content .loading-container{padding:0;margin:0}.message:has(.loading-container) .message-content{display:flex;align-items:center;justify-content:center;min-height:40px}.message.received .message-content,.message.sent .message-content{min-height:25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.message.typing-indicator .message-content{display:flex;align-items:center;justify-content:center;min-height:40px;padding:12px 14px}.loading-three-dots .dot{opacity:.5;animation:blink 1.4s infinite both}.loading-three-dots .dot:nth-child(2){animation-delay:.2s}.loading-three-dots .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.5}40%{opacity:1}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-file{margin-top:8px;border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.sent .message-file{background:#ffffff26}.message.received .message-file{background:#0000000d}.gif-attachment,.image-attachment{text-align:center}.gif-preview,.image-preview{display:block;margin:0 auto;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.video-attachment{display:flex;justify-content:center;align-items:center;position:relative;text-align:center}.message-video-container{position:relative;display:inline-block}.message-video-player{display:block;border-radius:8px;box-shadow:0 2px 8px #0000001a;background:transparent!important;outline:none}.message-video-player::-webkit-media-controls-panel{opacity:0;transition:opacity .3s ease;background-color:#000000b3;border-radius:0 0 8px 8px}.message-video-player:hover::-webkit-media-controls-panel{opacity:1}.message-video-player::-webkit-media-controls-play-button,.message-video-player::-webkit-media-controls-volume-slider,.message-video-player::-webkit-media-controls-mute-button,.message-video-player::-webkit-media-controls-timeline,.message-video-player::-webkit-media-controls-fullscreen-button{filter:brightness(0) invert(1)}.message-video-player::-webkit-media-controls-download-button,.message-video-player::-webkit-media-controls-picture-in-picture-button,.message-video-player::-webkit-media-controls-overflow-button,.message-video-player::-webkit-media-controls-cast-button,.message-video-player::-webkit-media-controls-start-playback-button,.message-video-player::-webkit-media-controls-overflow-menu-button,.message-video-player::-webkit-media-controls-overflow-menu,.message-video-player::-webkit-media-controls-toggle-closed-captions-button{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.message-video-player::-webkit-media-controls-enclosure{overflow:hidden}.message-video-player::-webkit-media-controls-panel{width:calc(100% - 40px)}.message-video-player::-moz-media-controls{display:none}.message-video-player::shadow .overflow-button,.message-video-player::shadow .overflow-menu{display:none!important}.message-video-container{position:relative;display:inline-block;overflow:hidden}.message-video-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;opacity:1;transition:opacity .3s ease}.message-video-container:after{content:"";position:absolute;top:50%;left:51%;transform:translate(-50%,-50%);width:0;height:0;border-left:20px solid white;border-top:12px solid transparent;border-bottom:12px solid transparent;pointer-events:none;z-index:2;opacity:1;transition:opacity .3s ease}.message-video-container:hover:before,.message-video-container:hover:after,.message-video-container.playing:before,.message-video-container.playing:after{opacity:0}.message-video-container{overflow:hidden}.audio-attachment{display:flex;align-items:center;gap:12px;background:transparent}.audio-icon-container{flex-shrink:0}.audio-preview{flex-grow:1;height:32px}.document-attachment{display:flex;align-items:center;padding:12px;gap:12px;cursor:pointer;transition:background-color .2s ease}.document-attachment:hover{background:#ffffff1a}.message.sent .document-attachment:hover{background:#fff3}.message.received .document-attachment:hover{background:#0000000d}.document-icon-container{flex-shrink:0}.file-type-icon{width:32px;height:32px;opacity:.8}.file-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.file-info{display:flex;flex-direction:column;gap:2px}.file-actions{display:flex;gap:8px;align-items:center}.file-name{font-weight:500;font-size:14px;line-height:1.2;word-break:break-word}.message.sent .file-name{color:#fffffff2}.message.received .file-name{color:#000c}.file-size{font-size:12px;opacity:.7}.download-link{color:#6b5b73;text-decoration:none;font-size:13px;font-weight:500;padding:4px 8px;border-radius:6px;background:#fff8ebcc;border:1px solid rgba(139,69,19,.2);transition:all .2s ease;align-self:flex-start}.download-link:hover{background:#fff8eb;border-color:#8b45134d;text-decoration:none}.message.sent .download-link{color:#ffffffe6;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.message.sent .download-link:hover{background:#ffffff40;border-color:#ffffff4d}.open-link{background:none;border:1px solid rgba(139,69,19,.2);color:#6b5b73;text-decoration:none;font-size:13px;font-weight:500;padding:4px 8px;border-radius:6px;background:#fff8ebcc;transition:all .2s ease;cursor:pointer;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.open-link:hover{background:#fff8eb;border-color:#8b45134d}.message.sent .open-link{color:#ffffffe6;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.message.sent .open-link:hover{background:#ffffff40;border-color:#ffffff4d}.message-footer-external{display:flex;align-items:center;gap:4px;margin-top:4px}.message.sent .message-footer-external{justify-content:flex-end;margin-right:8px}.message.received .message-footer-external{justify-content:flex-start;margin-left:8px}.message-timestamp-external{font-size:.75rem;color:#666;font-weight:400;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.replied-message{display:flex;align-items:flex-start;background-color:#0000001a;border-radius:8px;padding:8px 10px;margin-bottom:8px;border-left:3px solid #8C433D;max-width:100%;transition:background-color .2s ease,transform .1s ease}.replied-message:hover{background-color:#00000026;transform:translateY(-1px)}.replied-message-indicator{width:3px;background-color:#8c433d;border-radius:2px;margin-right:8px;align-self:stretch;min-height:20px}.replied-message-content{flex:1;min-width:0}.replied-message-author{font-size:12px;font-weight:600;color:#8c433d;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.replied-message-text{font-size:13px;color:#5a2a26;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.message.sent .replied-message{background-color:#fff3;border-left-color:#fff9}.message.received .replied-message{background-color:#0000001a;border-left-color:#5a2a26}.message.sent .replied-message-author{color:#ffffffe6}.message.received .replied-message-author{color:#5a2a26}.message.sent .replied-message-text{color:#fffc}.message.received .replied-message-text{color:#5a2a26}.message-edited-indicator{margin-top:4px;text-align:right}.message-edited-indicator span{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:11px;color:#00000080;font-style:italic}.message.sent .message-edited-indicator span{color:#ffffffb3}.message.received .message-edited-indicator span{color:#00000080}.message-forwarded-indicator{margin-top:4px;text-align:right}.message-forwarded-indicator span{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:11px;color:#00000080;font-style:italic}.message.sent .message-forwarded-indicator span{color:#ffffffb3}.message.received .message-forwarded-indicator span{color:#00000080}.message.selection-mode{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.message.selection-mode:hover{background-color:#f4efe333}.message.selected{background-color:#1a303326!important;border-radius:12px;padding:8px}.message.selected:hover{background-color:#1a303340!important}.selection-checkbox{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:44px;min-height:44px}.sent-selection{right:-40px}.received-selection{left:-40px}.selection-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #1a3033;border-radius:3px;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.checkbox-custom:hover{border-color:#1a3033}.checkbox-custom.checked{background-color:transparent;border-color:#1a3033}.checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-image:url(/sent.png);background-size:contain;background-repeat:no-repeat;background-position:center;clip-path:inset(0 100% 0 0);transition:clip-path .3s ease}.checkbox-custom.checked:after{clip-path:inset(0 0 0 0)}.message.selection-mode.sent .message-content{margin-right:20px}.message.selection-mode.received .message-content{margin-left:20px}.message.group-chat{margin-bottom:8px}.group-message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:0 8px}.message.received .group-message-header{justify-content:flex-start;margin-left:0}.message.sent .group-message-header.own-message{justify-content:flex-end;margin-right:0}.group-sender-avatar{flex-shrink:0}.group-sender-name{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.85rem;font-weight:600;color:#1a3033;line-height:1}.group-sender-name.own{color:#5a2a26}.message.group-chat .message-content{margin-top:0}.message.group-chat.received .message-content{margin-left:40px}.message.group-chat.sent .message-content{margin-right:0}.message.group-chat+.message.group-chat{margin-top:-4px}.message.typing-indicator.group-chat{margin-bottom:8px}.group-typing-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:0 8px;justify-content:flex-start}.group-typing-avatar{flex-shrink:0}.group-typing-name{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.85rem;font-weight:600;color:#1a3033;line-height:1}.message.typing-indicator.group-chat .message-content.typing-content{margin-left:40px;margin-top:0}.message.group-chat[data-sender-id]:not([data-sender-id=""])+.message.group-chat[data-sender-id]:not([data-sender-id=""]){margin-top:0}@media (max-width: 768px){.group-sender-name,.group-typing-name{font-size:.8rem}.group-message-header,.group-typing-header{gap:6px;padding:0 6px}.message.group-chat.received .message-content,.message.typing-indicator.group-chat .message-content.typing-content{margin-left:35px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.audio-player{display:flex;align-items:center;gap:8px;padding:3px 5px;background:transparent;border-radius:0;max-width:100%;min-width:240px;border:none}.message-content .audio-player{border:none;width:100%;max-width:100%;min-width:220px}.play-pause-btn{display:flex;width:30px;height:auto;border:none;background:transparent!important;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-pause-btn:hover:not(:disabled){transform:scale(1.1);background:transparent!important}.play-pause-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent!important}.play-pause-btn.loading{background:transparent}.audio-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.audio-info{margin:0}.time-display{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:11px;color:#8b4513cc;font-weight:400;text-align:center}.waveform-container{position:relative;height:32px;background:transparent!important;border-radius:0;overflow:hidden;flex:1;right:10px}.audio-player.error .audio-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audio-player.error .audio-icon img{width:14px;height:14px;opacity:.6}.error-text{color:#f9f9f9;font-size:12px;font-style:italic}@media (prefers-color-scheme: dark){.audio-player{background:transparent;border:none}.time-display{color:#fffc}.waveform-container{background:transparent}}@media (max-width: 480px){.audio-player{max-width:100%;min-width:180px;gap:6px;padding:4px 6px}.play-pause-btn{width:28px;height:28px}.time-display{font-size:10px}.waveform-container{height:28px}}.video-player-container{position:relative;display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.video-close-btn{position:absolute;top:15px;right:15px;background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s ease}.video-close-btn:hover{background:#000000e6}.video-close-btn img{width:20px;height:auto;filter:brightness(0) invert(1)}.video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.video-aspect-container{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#000}.video-aspect-container .custom-video-player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.custom-video-player{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;background:#000;cursor:pointer}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.video-overlay.show{opacity:1}.video-play-btn{width:80px;height:80px;background:#000000b3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-play-btn:hover{background:#000000d9;transform:scale(1.1)}.video-play-btn img{width:32px;height:auto;margin-left:4px}.video-progress-container{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:16px 20px 20px;display:flex;align-items:center;gap:12px;z-index:3;opacity:1;transition:opacity .3s ease;min-height:60px}.video-wrapper:hover .video-progress-container{opacity:1}@media (max-width: 768px){.video-progress-container{opacity:1!important;padding:16px 16px 20px;min-height:60px}.video-play-btn{width:60px;height:60px}.video-play-btn img{width:24px;height:auto}.video-time{font-size:11px;min-width:70px}.video-close-btn{width:36px;height:36px;top:12px;right:12px}.video-close-btn img{width:18px}}.video-time{color:#fff;font-size:12px;font-weight:500;white-space:nowrap;min-width:80px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.video-progress-bar{flex:1;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.video-progress-fill{height:100%;background:#8c433d;border-radius:2px;transition:width .1s ease}.video-controls-right{display:flex;align-items:center;gap:8px}.video-sound-btn,.video-fullscreen-btn,.video-play-pause-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.video-sound-btn:hover,.video-fullscreen-btn:hover,.video-play-pause-btn:hover{background:#ffffff1a}.video-sound-btn img,.video-fullscreen-btn img,.video-play-pause-btn img{width:18px;height:auto;filter:brightness(0) invert(1)}.message .video-player-container{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;max-width:100%;width:100%}.message .video-time{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.video-sound-btn img[src*="volume-icon.png"]{width:22px;height:auto;filter:brightness(0) invert(1)}@media (max-width: 480px){.video-controls-right{gap:6px}.video-sound-btn img,.video-fullscreen-btn img,.video-play-pause-btn img{width:16px}.video-progress-container{padding:14px 12px 18px;gap:8px;min-height:56px}.video-time{font-size:10px;min-width:65px}}.message .video-player-container,.message .video-wrapper{min-height:200px;max-height:400px}.attachment-preview-video{width:100%;height:100%;max-width:100%;max-height:60vh;display:flex;align-items:center;justify-content:center;background:#000}.attachment-preview-video .video-wrapper{width:100%;height:100%;max-height:50vh;display:flex;align-items:center;justify-content:center;background:#000}.attachment-preview-video .custom-video-player{width:100%;height:100%;max-width:100%;max-height:50vh;object-fit:contain;background:#000}.attachment-preview-video .video-progress-container{opacity:1!important;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px 24px 24px;z-index:10}.attachment-preview-video .video-controls-right{opacity:1}.attachment-preview-video .video-overlay{pointer-events:auto;z-index:10}.attachment-preview-video .video-overlay.show{opacity:1}.attachment-preview-video .video-progress-container{pointer-events:auto;z-index:10}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:30000;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.video-modal-content{background:transparent;border-radius:16px;box-shadow:0 8px 40px #0006;max-width:90vw;max-height:90vh;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-video-player{max-width:90vw;max-height:80vh;width:auto;height:auto;border-radius:12px;box-shadow:0 4px 24px #0000004d;background:#000}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.message-menu-container{position:relative;z-index:15;width:40px;height:40px;overflow:visible}.message-menu-nav{position:relative;z-index:15;will-change:transform}.message-menu-background{background-color:#fff0e6;position:absolute;top:-100px;width:200px;height:250px;border-radius:15px;z-index:1000;display:flex;justify-content:center;align-items:center;overflow:visible;box-shadow:0 4px 20px #00000026;will-change:clip-path,background-color;contain:layout style paint;backface-visibility:hidden}.message.sent .message-menu-background{right:0;height:320px;top:-250px}.message.received .message-menu-background{left:0;bottom:300px;top:-180px}.message-toggle{outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10;padding:8px;transition:none;opacity:0}.message-toggle.open{opacity:0;pointer-events:none;z-index:5}.message:hover .message-toggle{opacity:1}.message:hover .message-toggle.open{opacity:0}.message-toggle:hover:not(.open){background-color:#0000000d}.message-toggle-icon{width:20px;height:20px;object-fit:contain}.message-menu-list{list-style:none;padding:30px 20px;margin:0;width:100%;z-index:30;box-sizing:border-box}.message-menu-list-item{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;margin-bottom:6px;cursor:pointer;border-radius:8px;transition:all .3s ease}.message-menu-list-item:hover{background-color:#b9a391;box-shadow:0 2px 8px #0000001a}.message-menu-icon-placeholder{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center}.message-menu-icon{width:18px;height:18px;display:block}.delete-item .message-menu-icon{filter:brightness(0) saturate(100%) invert(17%) sepia(88%) saturate(2275%) hue-rotate(347deg) brightness(91%) contrast(88%)}.message-menu-text-placeholder{font-size:16px;font-weight:500;color:#333;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}@media (max-width: 768px){.message-menu-background{width:240px;height:280px}.message-menu-list{width:200px;padding:25px 15px}.message-menu-list-item{padding:10px 12px}.message-menu-text-placeholder{font-size:14px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.message-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fff0e6;position:relative}.messages-container{flex:1;padding:20px 20px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background-color:#fff0e6;position:relative;scroll-behavior:smooth;contain:layout style;isolation:isolate;overflow-x:hidden;min-height:0}.messages-container.scroll-disabled{overflow-y:hidden!important}.loading-messages,.no-messages{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:#a27f68;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:1.1rem;opacity:.7}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#a27f681a;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#a27f684d;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a27f6880}.date-separator{background:#573d2b66!important;border-radius:5px!important;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.5);padding:6px 12px;margin:12px auto;text-align:center;color:#fff!important;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.9rem;font-weight:500;max-width:fit-content;align-self:center}.sticky-date-header{position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;background:#573d2b66!important;border-radius:5px!important;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.5);padding:6px 12px;margin:0;text-align:center;color:#fff!important;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.9rem;font-weight:500;max-width:fit-content;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.sticky-date-header.visible{opacity:1;visibility:visible}.messages-container.selection-mode{padding:20px 50px 10px}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.message-input-container{padding:15px 20px;background-color:#fff0e6;border-radius:0 0 20px 20px;border-top:1px solid #c9b8ab;flex-shrink:0}.message-input-wrapper{display:flex;align-items:center;gap:20px;min-height:44px;width:100%}.input-with-icons{flex:1;display:flex;align-items:center;background-color:#eedcd1;border-radius:15px;padding:5px 12px;box-shadow:0 1px 3px #0000001a;min-height:34px;box-sizing:border-box}.input-icons-left{display:flex;align-items:center;gap:4px;margin-right:8px}.input-icons-right{display:flex;align-items:center;margin-left:8px}.icon-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;transform:scale(1)}.icon-button:hover:not(:disabled){background-color:#0000000d;transform:scale(1.1)}.icon-button:active:not(:disabled){transform:scale(.95)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button:focus{outline:none;box-shadow:0 0 0 2px #8c433d4d}.icon-button.keep-open-mode{background-color:#8c433d26;box-shadow:0 0 0 2px #8c433d66}.icon-button.keep-open-mode:hover:not(:disabled){background-color:#8c433d40}.input-icon{width:20px;height:20px;object-fit:contain}.message-input{flex:1;border:none;background:transparent;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:17px;color:#333;outline:none;padding:10px 0 8px;min-height:24px;max-height:66px;line-height:22px;overflow-y:auto!important;resize:none;transition:height .12s cubic-bezier(.4,0,.2,1);scrollbar-width:thin;scrollbar-color:#c9b8ab #fff0e6;box-sizing:border-box}.message-input::-webkit-scrollbar{width:6px;background:#fff0e6}.message-input::-webkit-scrollbar-thumb{background:#c9b8ab;border-radius:3px}.message-input::placeholder{color:#999;opacity:.8}.send-button-separate{background-color:#8c433d;border:none;border-radius:15px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:65px;height:44px;transition:background-color .2s}.send-button-separate:hover{background-color:#7a3a35}.send-button-separate:disabled{background-color:#8c433d;cursor:pointer;opacity:1}.send-button-separate:focus{outline:none;box-shadow:0 0 0 3px #8c433d4d;animation:none}.send-icon{width:28px;height:auto;object-fit:contain}.audio-button:hover:not(:disabled){background-color:#0000000d;transform:scale(1.1)}.reply-preview{background-color:#eedcd1;border:1px solid #c9b8ab;border-radius:8px;margin-bottom:10px;padding:0;overflow:hidden}.reply-preview-content{padding:12px 16px}.reply-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reply-preview-label{font-size:13px;font-weight:600;color:#8c433d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.reply-cancel-button{background:none;border:none;font-size:18px;color:#8c433d;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.reply-cancel-button:hover{background-color:#c9b8ab;color:#5a2a26}.reply-preview-text{font-size:14px;color:#5a2a26;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.edit-preview{background-color:#eedcd1;border:1px solid #c9b8ab;border-radius:8px;margin-bottom:10px;padding:0;overflow:hidden}.edit-preview-content{padding:12px 16px}.edit-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.edit-preview-label{font-size:13px;font-weight:600;color:#8c433d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.edit-cancel-button{background:none;border:none;font-size:18px;color:#8c433d;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.edit-cancel-button:hover{background-color:#c9b8ab;color:#5a2a26}.edit-preview-text{font-size:14px;color:#5a2a26;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}@media (max-width: 768px){.message-input-wrapper{gap:8px}.input-with-icons{padding:6px 10px}.input-icon{width:18px;height:18px}.send-button-separate{min-width:40px;height:40px;padding:8px 10px}.send-icon{width:18px;height:18px}}.emoji-gif-popover{position:absolute;bottom:60px;left:10px;z-index:100;background:#fff6ee;border-radius:16px;box-shadow:0 4px 24px #8c433d1a,0 1.5px 6px #0000000a;border:1.5px solid #e0d2c0;min-width:360px;min-height:380px;max-width:380px;max-height:420px;display:flex;flex-direction:column;overflow:hidden;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.popover-tabs{display:flex;background:#f3e3d3;border-bottom:1px solid #e0d2c0}.popover-tab{flex:1;padding:10px 0;background:none;border:none;font-size:1rem;color:#8c433d;cursor:pointer;transition:background .15s,color .15s;border-radius:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.popover-tab.active{background:#e7cfc0;color:#1a3033;font-weight:600;border-bottom:2.5px solid #8C433D}.popover-content{flex:1;overflow:hidden;padding:0;background:#fff6ee;width:100%;box-sizing:border-box;display:flex;flex-direction:column}.emoji-mart{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif!important;border:none!important;background:transparent!important}.emoji-mart-bar{background:transparent!important;border:none!important}.emoji-mart-search{background:#fff0e6!important;border:1px solid #e0e0e0!important;border-radius:15px!important;padding:8px 12px!important;margin:8px!important;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif!important;position:relative}.emoji-mart-search input{background:transparent!important;border:none!important;outline:none!important;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif!important;color:#333!important;width:100%!important;padding:0 0 0 24px!important}.emoji-mart-search input::placeholder{color:#999!important}.emoji-mart-search:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url(/search-icon.png);background-size:contain;background-repeat:no-repeat;opacity:.6;z-index:1}.emoji-mart-search-icon{display:none!important}.emoji-mart-category-label{background:#fff6ee!important;color:#8c433d!important;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif!important;font-weight:600!important;padding:8px 12px!important;border:none!important}.emoji-mart-category{background:transparent!important}.emoji-mart-category .emoji-mart-category-label{background:#fff6ee!important}.emoji-mart-category .emoji-mart-category-list{background:transparent!important}.emoji-mart *:not(.emoji-mart-search):not(.emoji-mart-emoji):not(.emoji-mart-anchor){background:transparent}.emoji-mart-search{background:#fff0e6!important}.emoji-mart-anchor:hover,.emoji-mart-anchor-selected{color:#1a3033!important;background:#8c433d26!important;border-radius:6px!important}.emoji-mart-scroll{height:280px!important;overflow-y:hidden!important}.emoji-mart-scroll:hover{overflow-y:auto!important}.emoji-mart-scroll::-webkit-scrollbar{width:6px}.emoji-mart-scroll::-webkit-scrollbar-track{background:#fff0e6;border-radius:3px}.emoji-mart-scroll::-webkit-scrollbar-thumb{background:#c9b8ab;border-radius:3px}.emoji-mart-scroll::-webkit-scrollbar-thumb:hover{background:#8c433d}.emoji-mart-anchor{color:#8c433d!important}.gif-picker{display:flex;flex-direction:column;height:100%;width:100%;background:transparent;box-sizing:border-box;overflow:hidden}.gif-search-container{padding:8px 12px;border-bottom:1px solid #e0d2c0;flex-shrink:0;width:100%;box-sizing:border-box}.gif-search-input{width:100%;max-width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:15px;background:#fff0e6;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:14px;color:#333;outline:none;transition:border-color .2s;box-sizing:border-box;margin:0;min-width:0}.gif-search-input:focus{border-color:#8c433d;box-shadow:0 0 0 2px #8c433d1a}.gif-search-input::placeholder{color:#999}.gif-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:8px;overflow-y:auto;max-height:280px}.gif-grid::-webkit-scrollbar{width:6px}.gif-grid::-webkit-scrollbar-track{background:#fff0e6;border-radius:3px}.gif-grid::-webkit-scrollbar-thumb{background:#c9b8ab;border-radius:3px}.gif-grid::-webkit-scrollbar-thumb:hover{background:#8c433d}.gif-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#f5f5f5;transition:transform .2s,box-shadow .2s}.gif-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #8c433d33;z-index:1}.gif-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#8c433d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;gap:10px}.gif-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:#d32f2f;background:#d32f2f0d;border-radius:8px;margin:8px}.error-icon{font-size:24px;margin-bottom:8px}.error-message{font-size:14px;margin-bottom:12px;color:#666}.retry-button{padding:6px 12px;background:#8c433d;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#6d322a}.retry-button:active{transform:translateY(1px)}.gif-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#8c433d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;opacity:.7}.audio-recorder-container{display:flex;align-items:center;width:100%;height:44px;gap:12px;padding:0 12px;box-sizing:border-box;border-radius:20px;background-color:transparent;transition:all .2s ease-out}.record-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.record-btn img{width:100%;height:100%}.playback-control-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stop-btn{background-color:transparent;border-radius:0}.waveform-wrapper{flex-grow:1;display:flex;align-items:center;min-width:0;height:100%;margin:0 6px}.waveform-container{width:100%;height:32px;background:transparent;position:relative;overflow:hidden}.waveform-container>wave{overflow:hidden}.recording-time{font-family:Regular,sans-serif;font-size:16px;color:#333;white-space:nowrap;flex-shrink:0;margin:0 12px}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.attachment-container{position:relative;z-index:15;width:40px;height:40px;overflow:visible}.attachment-nav{position:relative;z-index:15}.attachment-background{background-color:#fff0e6;position:absolute;bottom:20px;left:-40px;width:280px;min-height:320px;border-radius:15px;z-index:5;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 4px 20px #00000026;opacity:1!important;transition:none!important}.attachment-toggle{outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background-color:#fff0e600;display:flex;align-items:center;justify-content:center;z-index:10;padding:8px;transition:background-color .2s ease}.attachment-toggle:hover:not(.open){background-color:#0000000d}.attachment-toggle-icon{width:20px;height:20px;object-fit:contain}.attachment-list{list-style:none;padding:20px;margin:0;width:100%;z-index:30;box-sizing:border-box}.attachment-header{margin-bottom:15px;padding:0 0 8px;text-align:center}.attachment-limit-text{font-size:12px;color:#666;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-weight:500}.attachment-list-item{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;margin-bottom:6px;cursor:pointer;border-radius:8px;transition:all .3s ease}.attachment-list-item:hover{background-color:#b9a391;box-shadow:0 2px 8px #0000001a}.attachment-icon-placeholder{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center}.attachment-menu-icon{width:18px;height:18px;object-fit:contain;opacity:.8}.attachment-text-placeholder{font-size:16px;font-weight:500;color:#333;font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}@media (max-width: 768px){.attachment-background{width:240px;min-height:280px;bottom:50px;left:-100px;opacity:1!important;transition:none!important}.attachment-list{width:200px;padding:15px;top:15px;left:0}.attachment-list-item{padding:10px 12px}.attachment-text-placeholder{font-size:14px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.attachment-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.attachment-preview-container{width:90vw;max-width:600px;height:90vh;max-height:800px;background-color:#fff0e6;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px 15px;background-color:#1a3033;border-radius:20px 20px 0 0;color:#fff0e6}.close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover:not(.disabled){background-color:#ffffff1a}.close-btn.disabled{cursor:not-allowed;opacity:.5}.close-btn img{width:30px;height:auto;filter:brightness(0) invert(1)}.attachment-counter{font-size:14px;font-weight:500;color:#fff0e6}.preview-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;position:relative}.preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;position:relative}.image-preview{background-color:#f8f8f8;position:relative}.preview-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:zoom-in}.video-preview{background-color:#000;border-radius:12px;overflow:hidden;width:100%;height:100%;position:relative;max-height:60vh}.audio-preview{flex-direction:column;gap:20px;padding:30px;background-color:#eedcd1;border-radius:12px;max-width:400px}.audio-container{display:flex;align-items:center;gap:15px}.audio-icon{width:50px;height:50px;background-color:#d7cbc3;border-radius:50%;display:flex;align-items:center;justify-content:center}.audio-icon img{width:24px;height:24px}.audio-info{flex:1}.audio-name{font-weight:600;font-size:16px;color:#1a3033;margin-bottom:4px;word-break:break-word}.audio-size{font-size:14px;color:#745b4a;opacity:.8}.audio-controls{display:flex;align-items:center;gap:12px;width:100%}.document-preview{padding:30px;background-color:#eedcd1;border-radius:12px;max-width:400px}.document-container{display:flex;align-items:center;gap:20px}.document-icon{width:60px;height:60px;background-color:#d7cbc3;border-radius:12px;display:flex;align-items:center;justify-content:center}.document-icon img{width:30px;height:30px;opacity:.7}.document-info{flex:1}.document-name{font-weight:600;font-size:16px;color:#1a3033;margin-bottom:6px;word-break:break-word}.document-size,.document-type{font-size:14px;color:#745b4a;opacity:.8;margin-bottom:2px}.play-pause-btn{width:40px;height:40px;background-color:#8c433d;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-pause-btn:hover{background-color:#7a3a35;transform:scale(1.05)}.play-pause-btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.waveform-container{flex:1;height:40px;background-color:#ffffff4d;border-radius:8px;padding:4px}.attachments-bar{display:flex;align-items:center;gap:12px;padding:15px 20px;background-color:#eedcd1;border-top:1px solid #d7cbc3;overflow-x:auto}.thumbnails-container{display:flex;gap:8px;flex:1;overflow-x:auto;padding:4px 0}.thumbnail{width:50px;height:50px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent;flex-shrink:0}.thumbnail:hover:not(.disabled){transform:scale(1.05)}.thumbnail.active{border-color:#8c433d;box-shadow:0 0 0 2px #8c433d4d}.thumbnail.disabled{cursor:not-allowed;opacity:.6}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-video,.thumbnail-audio,.thumbnail-document{width:100%;height:100%;background-color:#d7cbc3;display:flex;align-items:center;justify-content:center;position:relative}.thumbnail-video-element{width:100%;height:100%;object-fit:cover;border-radius:6px}.thumbnail-video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.thumbnail-video-overlay img{width:10px;height:10px;filter:brightness(0) invert(1)}.thumbnail-video img,.thumbnail-audio img,.thumbnail-document img{width:24px;height:24px;opacity:.7}.add-more-btn{width:50px;height:50px;background-color:#8c433d;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-more-btn:hover:not(.disabled){background-color:#7a3a35;transform:scale(1.05)}.add-more-btn.disabled{cursor:not-allowed;opacity:.6;background-color:#666}.add-more-btn img{width:20px;height:20px;filter:brightness(0) invert(1)}.preview-footer{display:flex;align-items:flex-end;gap:15px;padding:15px 20px;background-color:#fff0e6;border-radius:0 0 20px 20px;border-top:1px solid #d7cbc3;position:relative}.caption-container{flex:1;position:relative}.emoji-btn:hover:not(.disabled){background-color:#0000000d;transform:scale(1.1)}.emoji-btn.disabled{cursor:not-allowed;opacity:.5}.caption-input{flex:1;border:none;background:transparent;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:16px;color:#333;outline:none;padding:8px 0}.caption-input:disabled{cursor:not-allowed;opacity:.6}.caption-input::placeholder{color:#999;opacity:.8}.emoji-picker-container{position:absolute;bottom:calc(100% + 10px);left:0;z-index:1001;background-color:#fff0e6;border-radius:12px;box-shadow:0 8px 30px #0003;overflow:hidden}.send-btn{width:50px;height:50px;background-color:#8c433d;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.send-btn.uploading{cursor:not-allowed;opacity:.7}.send-btn img{width:24px;height:24px}.error-message{position:absolute;bottom:100px;left:20px;right:20px;background-color:#dc3545e6;color:#fff;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;z-index:10}.error-message p{margin:0;font-size:14px;font-weight:500}.dismiss-error{background:none;border:none;color:#fff;font-size:16px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.dismiss-error:hover{background-color:#fff3}.thumbnails-container::-webkit-scrollbar{height:4px}.thumbnails-container::-webkit-scrollbar-track{background:#a27f681a;border-radius:10px}.thumbnails-container::-webkit-scrollbar-thumb{background:#a27f684d;border-radius:10px}.thumbnails-container::-webkit-scrollbar-thumb:hover{background:#a27f6880}@media (max-width: 768px){.attachment-preview-container{width:95vw;height:95vh}.preview-header{padding:15px 20px 10px}.preview-main{padding:15px}.audio-preview,.document-preview{padding:20px;max-width:100%}.attachments-bar,.preview-footer{padding:12px 15px}.thumbnail,.add-more-btn{width:40px;height:40px}.send-btn{width:45px;height:45px}}@media (max-width: 480px){.attachment-preview-container{width:100vw;height:100vh;border-radius:0}.preview-header,.preview-footer{border-radius:0}}.attachment-preview-container .video-progress-container,.attachment-preview-container .video-controls-right button{opacity:1!important}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.message-search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.message-search-modal{background-color:#f4efeb;border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;overflow:hidden}.message-search-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(26,48,51,.1);background-color:#1a3033;border-radius:12px 12px 0 0}.message-search-modal .search-input-container{flex:1;display:flex;align-items:center;background-color:#f4efe3e6;border-radius:25px;padding:8px 16px;margin-right:12px}.message-search-modal .search-icon{width:20px;height:auto;opacity:.6;margin-right:12px}.message-search-modal .search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;color:#1a3033}.message-search-modal .search-input::placeholder{color:#1a303399}.clear-search-btn,.close-search-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-search-btn{margin-left:8px}.clear-search-btn img,.close-search-btn img{width:18px;height:auto;opacity:.7}.close-search-btn{background-color:#f4efe333}.clear-search-btn:hover,.close-search-btn:hover{background-color:#f4efe34d}.close-search-btn img{filter:brightness(0) invert(1)}.message-search-results{flex:1;overflow-y:auto;overflow-x:hidden;min-height:300px;max-height:400px}.search-placeholder,.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#1a303399;text-align:center}.placeholder-icon{width:56px;height:auto;opacity:.3;margin-bottom:16px}.search-placeholder p,.no-results p{font-size:14px;margin:0}.results-list{padding:0;overflow-x:hidden}.results-header{padding:12px 20px;background-color:#1a30330d;font-size:12px;font-weight:600;color:#1a3033;border-bottom:1px solid rgba(26,48,51,.1)}.search-result-item{display:flex;align-items:flex-start;padding:12px 20px;cursor:pointer;border-bottom:1px solid rgba(26,48,51,.05);transition:background-color .2s ease;overflow:hidden;width:100%;box-sizing:border-box}.search-result-item:hover{background-color:#f4efe380}.search-result-item:last-child{border-bottom:none}.result-avatar{margin-right:12px;flex-shrink:0}.result-content{flex:1;min-width:0;overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sender-name{font-weight:600;color:#1a3033;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1;margin-right:8px}.message-time{font-size:12px;color:#1a303399;white-space:nowrap;flex-shrink:0}.result-message{font-size:14px;color:#5a2a26;line-height:1.4;word-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.file-message{font-style:italic;color:#1a3033b3}.highlight{background-color:gold;color:#1a3033;font-weight:600;padding:1px 2px;border-radius:2px}@media (max-width: 768px){.message-search-overlay{padding:10px}.message-search-modal{max-width:100%;max-height:90vh}.message-search-header{padding:12px 16px}.message-search-modal .search-input-container{padding:6px 12px}.search-result-item{padding:10px 16px}.result-avatar{margin-right:10px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.contact-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:15000;display:flex;align-items:center;justify-content:center;padding:20px}.contact-modal{background-color:#f4efeb;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;position:relative;z-index:16000}.contact-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(26,48,51,.1);background-color:#1a3033;border-radius:12px 12px 0 0}.contact-header-left{display:flex;align-items:center;flex:1}.contact-close-btn{background:none;border:none;cursor:pointer;padding:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.contact-close-btn:hover{background-color:#ffffff1a}.contact-close-btn img{width:16px;height:16px;filter:invert(1)}.contact-header-info{flex:1}.contact-title{color:#f4efeb;margin:0;font-size:18px;font-weight:600;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.contact-subtitle{color:#f4efebb3;margin:2px 0 0;font-size:13px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.contact-select-all-btn{background:none;border:1px solid rgba(244,239,235,.3);color:#f4efeb;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;transition:all .2s ease}.contact-select-all-btn:hover{background-color:#f4efeb1a;border-color:#f4efeb80}.contact-search-container{padding:16px 20px;border-bottom:1px solid rgba(26,48,51,.1)}.contact-search-input-wrapper{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.contact-search-icon{position:absolute;left:12px;width:16px;height:16px;opacity:.5;pointer-events:none}.contact-search-input{width:100%;padding:12px 12px 12px 40px;border:none;background:transparent;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;color:#1a3033;border-radius:8px}.contact-search-input:focus{outline:none;box-shadow:0 0 0 2px #1a303333}.contact-search-input::placeholder{color:#1a303380}.contact-clear-search-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.contact-clear-search-btn:hover{background-color:#0000000d}.contact-clear-search-btn img{width:15px;height:auto;opacity:.5}.contact-chat-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;max-height:400px}.contact-no-chats{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#1a303380;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.contact-chat-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(26,48,51,.05);position:relative;min-width:0;width:100%}.contact-chat-item:hover{background-color:#f4efe34d;transform:translate(2px)}.contact-chat-item.selected{background-color:#a27f681a;border-left:3px solid #a27f68}.contact-chat-item.selected:hover{background-color:#a27f6826}.contact-checkbox,.contact-radio{position:relative;margin-right:12px;display:flex;align-items:center;justify-content:center}.contact-checkbox input,.contact-radio input{position:absolute;opacity:0;cursor:pointer;width:20px;height:20px}.contact-checkbox-custom,.contact-radio-custom{width:20px;height:20px;border:2px solid rgba(26,48,51,.3);background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;overflow:hidden}.contact-checkbox-custom{border-radius:4px}.contact-radio-custom{border-radius:50%}.contact-checkbox-custom.checked,.contact-radio-custom.checked{background-color:transparent;border-color:#1a3033}.contact-checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-image:url(/sent.png);background-size:contain;background-repeat:no-repeat;background-position:center;clip-path:inset(0 100% 0 0);transition:clip-path .3s ease}.contact-checkbox-custom.checked:after{clip-path:inset(0 0 0 0)}.contact-radio-custom.checked:after{content:"";width:8px;height:8px;border-radius:50%;background-color:#1a3033;transform:scale(0);transition:transform .2s ease}.contact-radio-custom.checked:after{transform:scale(1)}.contact-checkbox-custom:hover,.contact-radio-custom:hover{border-color:#1a3033;box-shadow:0 0 0 2px #1a30331a;transform:scale(1.05)}.contact-checkbox-custom:hover:before,.contact-radio-custom:hover:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:inherit;background:#1a30330d;z-index:-1}.contact-chat-avatar{margin-right:12px;flex-shrink:0}.contact-chat-info{flex:1;min-width:0;overflow:hidden}.contact-chat-name{font-size:15px;font-weight:500;color:#1a3033;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-chat-type{font-size:12px;color:#1a303399;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.contact-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid rgba(26,48,51,.1);background-color:#fff;border-radius:0 0 12px 12px}.contact-selected-count{color:#1a303399;font-size:13px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.contact-actions{display:flex;gap:8px}.contact-cancel-btn{background:none;border:1px solid rgba(26,48,51,.2);color:#1a3033;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;transition:all .2s ease}.contact-cancel-btn:hover{background-color:#1a30330d;border-color:#1a30334d}.contact-action-btn{background-color:#a27f68;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;transition:all .2s ease;font-weight:500}.contact-action-btn:hover:not(.disabled){background-color:#8e6b56}.contact-action-btn.disabled{background-color:#a27f684d;cursor:not-allowed;opacity:.6}.contact-chat-list::-webkit-scrollbar{width:6px}.contact-chat-list::-webkit-scrollbar-track{background:#1a30330d;border-radius:3px}.contact-chat-list::-webkit-scrollbar-thumb{background:#1a303333;border-radius:3px}.contact-chat-list::-webkit-scrollbar-thumb:hover{background:#1a30334d}.contact-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.contact-modal{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 600px){.contact-modal{max-width:95%;max-height:85vh;margin:20px}.contact-modal-header,.contact-search-container{padding:14px 16px}.contact-chat-item{padding:12px 16px}.contact-modal-footer{padding:14px 16px}.contact-title{font-size:16px}.contact-subtitle{font-size:12px}}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.about-modal{background:#fff0e6;border-radius:20px;box-shadow:0 10px 30px #0003;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.about-header{padding:20px 25px 15px;background-color:#1a3033;border-radius:20px 20px 0 0;color:#fff0e6;display:flex;justify-content:space-between;align-items:center}.about-title{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:20px;font-weight:600;color:#fff0e6;margin:0}.about-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:#fff0e6;width:auto;height:auto;flex-shrink:0}.about-close-btn:hover{background-color:#fff0e61a}.about-close-btn img{width:auto;height:auto;max-width:24px;max-height:24px;opacity:.9;filter:brightness(0) invert(1);flex-shrink:0}.about-profile-section{display:flex;flex-direction:column;align-items:center;padding:25px 28px;background-color:#fff0e6}.about-picture-container{position:relative;margin-bottom:20px}.about-change-picture-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#5d4037;border:3px solid #f4efe3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0003}.about-change-picture-btn:hover{background:#4e2d26;transform:scale(1.05)}.about-change-picture-btn img{width:14px;height:14px;filter:invert(1)}.about-user-name{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:24px;font-weight:600;color:#1a3033;margin:0;text-align:center}.about-name-display-container{text-align:center;position:relative}.about-edit-hint{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:12px;color:#8c433d;font-style:italic;opacity:.7;margin-top:4px;display:block}.about-name-input-container{display:flex;align-items:center;max-width:300px;margin:0 auto}.about-edit-name-input{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:18px;font-weight:600;color:#1a3033;background:transparent;border:none;text-align:center;padding:8px 12px;margin:0;outline:none;flex:1}.about-content{padding:0 28px 20px;background-color:#fff0e6}.about-info-section{background:#eedcd1;border-radius:16px;padding:0;margin-bottom:20px;box-shadow:0 4px 12px #0000001a;overflow:hidden;border:1px solid #d7cbc3}.about-info-item{padding:24px;border-bottom:1px solid #d7cbc3;display:flex;flex-direction:column;gap:10px}.about-info-item:last-child{border-bottom:none}.about-info-label{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:13px;font-weight:600;color:#8c433d;text-transform:uppercase;letter-spacing:.8px;margin:0}.about-info-value{font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:16px;color:#1a3033;margin:0;word-break:break-word;line-height:1.5}.about-info-value.not-provided{color:#745b4a;font-style:italic}.about-group-section{background:#fff0e6;border-radius:16px;padding:0;margin-bottom:0;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #e8ddc7}.about-group-header{padding:18px 16px;border-bottom:1px solid #d7cbc3;text-align:center;background:linear-gradient(135deg,#f4efe3,#e8ddc7)}.about-group-name{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;font-weight:600;color:#5d4037;margin:0 0 6px}.about-group-description{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;color:#8c433d;margin:0;line-height:1.5}.about-members-section{background:#fff0e6;border-radius:16px;padding:0;margin:0 28px 20px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:1px solid #e8ddc7}.about-members-header{padding:20px 24px;border-bottom:1px solid #d7cbc3;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f4efe3,#e8ddc7)}.about-members-title{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:18px;font-weight:600;color:#5d4037;margin:0}.about-members-count{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:12px;color:#8c433d;background:#f4efe3;padding:6px 12px;border-radius:16px;font-weight:500;border:1px solid #e8ddc7}.about-members-list{max-height:220px;overflow-y:auto;padding:8px 0}.about-member-item{display:flex;align-items:center;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #eedcd1;margin:0 12px 4px;border-radius:12px}.about-member-item:hover{background-color:#f4efe3;transform:translate(4px);box-shadow:0 2px 8px #0000000f}.about-member-avatar{flex-shrink:0;margin-right:16px}.about-member-avatar .avatar{border:2px solid #8C433D}.about-member-info{flex:1;min-width:0}.about-member-name{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:16px;font-weight:600;color:#5d4037;margin:0 0 4px;display:flex;align-items:center;gap:8px}.about-creator-badge{background:#5d4037;color:#fff;font-size:10px;font-weight:500;padding:3px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.4px}.about-member-details{display:flex;flex-direction:column;gap:2px}.about-member-email,.about-member-phone{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:13px;color:#8c433d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-member-arrow{flex-shrink:0;margin-left:12px;opacity:.5;transition:all .2s ease}.about-member-item:hover .about-member-arrow{opacity:.8;transform:translate(2px)}.about-member-arrow img{width:16px;height:16px;transform:rotate(-90deg);filter:opacity(.7)}.about-footer{display:flex;justify-content:center;align-items:center;padding:20px 28px;background-color:#fff0e6;border-radius:0 0 20px 20px}.about-save-btn{font-family:Regular,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:600;padding:14px 28px;border-radius:25px;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;background:#8c433d;color:#fff}.about-save-btn:hover{background:#7a3a35;transform:translateY(-1px);box-shadow:0 4px 12px #8c433d4d}.about-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.about-save-btn.loading{position:relative;color:transparent}.about-save-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.about-overlay{padding:15px}.about-modal{max-width:100%;margin:0;border-radius:16px}.about-header{padding:20px 20px 12px}.about-profile-section{padding:12px 20px 20px}.about-content{padding:0 20px 12px}.about-user-name,.about-edit-name-input{font-size:20px}.about-member-avatar{width:42px;height:42px}.about-footer{padding:20px}}@media (max-width: 480px){.about-title,.about-user-name,.about-edit-name-input{font-size:18px}.about-footer{flex-direction:column;gap:12px}.about-save-btn{width:100%;margin:0}.about-info-item{padding:16px 20px}.about-member-item{padding:12px 16px;margin:0 8px 4px}}.about-modal::-webkit-scrollbar,.about-members-list::-webkit-scrollbar{width:6px}.about-modal::-webkit-scrollbar-track,.about-members-list::-webkit-scrollbar-track{background:#f0f0f0}.about-modal::-webkit-scrollbar-thumb,.about-members-list::-webkit-scrollbar-thumb{background:#8c433d;border-radius:3px}.about-modal::-webkit-scrollbar-thumb:hover,.about-members-list::-webkit-scrollbar-thumb:hover{background:#6b2f2a}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.group-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.group-settings-modal{background-color:#fff0e6;border-radius:20px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;position:relative}.group-settings-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid rgba(162,127,104,.2)}.group-settings-title{font-size:24px;font-weight:600;color:#2c3e50;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.group-settings-close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.group-settings-close-btn:hover{background-color:#a27f681a}.group-settings-close-btn img{width:20px;height:20px}.group-settings-content{padding:24px;flex:1}.group-profile-section{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(162,127,104,.2)}.group-avatar-container{position:relative;display:inline-block;margin-bottom:16px;cursor:pointer}.avatar-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.avatar-edit-overlay img{width:24px;height:24px;filter:invert(1)}.group-name-container{display:flex;flex-direction:column;align-items:center}.group-name{font-size:28px;font-weight:600;color:#2c3e50;margin:0 0 8px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s ease}.group-name:hover{color:#a27f68}.edit-icon-wrapper{display:inline-flex;align-items:center}.edit-icon{width:16px;height:16px;opacity:.6;transition:opacity .2s ease}.group-name:hover .edit-icon{opacity:1}.group-name-input{font-size:28px;font-weight:600;color:#2c3e50;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;background:transparent;border:2px solid #a27f68;border-radius:8px;padding:8px 12px;text-align:center;outline:none;min-width:200px}.edit-prompt{font-size:14px;color:#666;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.members-section{margin-top:24px}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.members-header h4{font-size:18px;font-weight:600;color:#2c3e50;margin:0;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.add-members-btn{background-color:#a27f68;color:#fff;border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.add-members-btn:hover{background-color:#8b6d54;transform:translateY(-1px)}.add-members-btn img{width:14px;height:14px;filter:invert(1)}.members-list{display:flex;flex-direction:column;gap:12px;max-height:250px;overflow-y:auto}.member-item{display:flex;align-items:center;padding:12px;background-color:#a27f680d;border-radius:12px;transition:background-color .2s ease}.member-item:hover{background-color:#a27f681a}.member-info{flex:1;margin-left:12px;display:flex;flex-direction:column;gap:4px}.member-name{font-size:16px;font-weight:500;color:#2c3e50;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.admin-badge{font-size:12px;color:#a27f68;background-color:#a27f681a;padding:2px 8px;border-radius:12px;align-self:flex-start;font-weight:500;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.remove-member-btn{background-color:#e74c3c;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.remove-member-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.group-settings-footer{padding:16px 24px 24px;border-top:1px solid rgba(162,127,104,.2);display:flex;justify-content:space-between;gap:12px}.delete-group-btn{background-color:#e74c3c;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.delete-group-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.save-changes-btn{background-color:#a27f68;color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;margin-left:auto}.save-changes-btn:hover{background-color:#8b6d54;transform:translateY(-1px)}.delete-confirm-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff0e6;border:2px solid #a27f68;border-radius:16px;padding:24px;box-shadow:0 10px 25px #0003;z-index:10;min-width:300px;text-align:center}.delete-confirm-dialog p{font-size:16px;color:#2c3e50;margin:0 0 20px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.delete-confirm-actions{display:flex;justify-content:center;gap:12px}.delete-confirm-actions button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.delete-confirm-actions button:first-child{background-color:#95a5a6;color:#fff}.delete-confirm-actions button:first-child:hover{background-color:#7f8c8d}.confirm-delete-btn{background-color:#e74c3c!important;color:#fff!important}.confirm-delete-btn:hover{background-color:#c0392b!important}.group-settings-error{background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:12px 16px;margin:0 24px 16px}.group-settings-error p{color:#dc2626;font-size:14px;margin:0;font-weight:500}.group-settings-modal button:disabled{opacity:.6;cursor:not-allowed}.group-settings-modal input:disabled{opacity:.6;cursor:not-allowed}.group-avatar-container:hover .avatar-edit-overlay{opacity:1}.group-avatar-container.loading{pointer-events:none;opacity:.7}@media (max-width: 600px){.group-settings-modal{max-width:95%;margin:10px}.group-settings-header,.group-settings-content,.group-settings-footer{padding:16px}.group-name{font-size:24px}.group-name-input{font-size:24px;min-width:150px}.members-header{flex-direction:column;align-items:flex-start;gap:12px}.group-settings-footer{flex-direction:column}.delete-confirm-dialog{min-width:250px;padding:20px}}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#a27f681a;border-radius:3px}.members-list::-webkit-scrollbar-thumb{background:#a27f684d;border-radius:3px}.members-list::-webkit-scrollbar-thumb:hover{background:#a27f6880}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.logo-image-chatarea{width:400px;height:auto;opacity:.7}.chat-area{height:calc(100vh - 60px);width:calc(100% - 30px);display:flex;flex-direction:column;border-radius:20px;background-color:#fff0e6;box-shadow:2px 10px 10px #0003;margin:0 30px}.chat-area.no-chat{justify-content:center;align-items:center;padding:20px;height:calc(100vh - 100px);width:calc(100% - 30px)}.no-chat-message{text-align:center;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;color:#c1967a}.no-chat-message h3{margin:20px 0 10px;font-size:1.5rem;font-weight:800}.no-chat-message p{margin:0;font-size:1rem;font-weight:500}.date-separator{display:flex;justify-content:center;align-items:center;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:.95rem;color:#745b4a;padding:6px 18px;background:#fff0e670;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(8.1px);-webkit-backdrop-filter:blur(8.1px);border:1px solid rgba(255,240,230,.46);z-index:2;width:fit-content;margin:24px auto 12px}@font-face{font-family:Regular;src:url(/assets/Regular-Cw3fqWkz.ttf) format("truetype");font-weight:400;font-style:normal}.group-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.group-details-modal{background-color:#f4efeb;border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;position:relative;z-index:1101;overflow:hidden}.group-details-header{display:flex;align-items:center;padding:16px 20px;background-color:#1a3033;border-radius:12px 12px 0 0}.group-details-close-btn{background:none;border:none;cursor:pointer;padding:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.group-details-close-btn:hover{background-color:#ffffff1a}.group-details-close-btn img{width:16px;height:16px;filter:invert(1)}.group-details-header-info{flex:1}.group-details-title{color:#f4efeb;margin:0;font-size:18px;font-weight:600;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.group-details-subtitle{color:#f4efebb3;margin:2px 0 0;font-size:13px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.group-profile-section{padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;border-bottom:1px solid rgba(26,48,51,.1)}.group-profile-picture-container{position:relative;display:flex;align-items:center;justify-content:center}.group-profile-picture-wrapper{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #00000026}.group-profile-picture-preview{width:100%;height:100%;object-fit:cover}.group-default-picture{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;position:relative}.group-default-picture span{font-size:32px;font-weight:700;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.group-change-picture-btn{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background-color:#8c433d;border:2px solid #f4efeb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0003}.group-change-picture-btn:hover{background-color:#7a3832;transform:scale(1.05)}.group-change-picture-btn img{width:12px;height:12px;filter:invert(1)}.group-name-section{width:100%;max-width:320px;position:relative}.caption-input-container{display:flex;align-items:center;background-color:#eedcd1;border-radius:25px;padding:8px 15px;gap:10px}.emoji-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.emoji-btn:hover{background-color:#0000000d;transform:scale(1.1)}.emoji-btn img{width:20px;height:20px}.caption-input{flex:1;border:none;background:transparent;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;font-size:16px;color:#1a3033;outline:none;padding:8px 0}.caption-input::placeholder{color:#1a303380}.emoji-picker-container{position:absolute;top:100%;left:0;right:0;z-index:1200;margin-top:8px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026}.selected-contacts-section{padding:20px;flex:1;overflow-y:auto;max-height:200px}.selected-contacts-title{color:#1a3033;margin:0 0 12px;font-size:14px;font-weight:600;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.selected-contacts-list{display:flex;flex-wrap:wrap;gap:8px}.selected-contact-item{display:flex;flex-direction:column;align-items:center;padding:8px;background-color:#1a30330d;border-radius:8px;min-width:60px}.selected-contact-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;margin-bottom:4px;box-shadow:0 2px 6px #0000001a}.selected-contact-avatar img{width:100%;height:100%;object-fit:cover}.selected-contact-avatar-default{width:100%;height:100%;border-radius:50%;background-color:#8c433d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif}.selected-contact-name{font-size:10px;color:#1a3033;text-align:center;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-details-footer{display:flex;gap:12px;padding:16px 20px;background-color:#f4efeb;border-top:1px solid rgba(26,48,51,.1)}.group-details-cancel-btn{flex:1;padding:12px;background:none;border:1px solid rgba(26,48,51,.2);color:#1a3033;border-radius:8px;cursor:pointer;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;transition:all .2s ease}.group-details-cancel-btn:hover:not(:disabled){background-color:#1a30330d;border-color:#1a30334d}.group-details-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.group-details-create-btn{flex:1;padding:12px;background-color:#8c433d;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-family:Regular,Roboto,Calibri,Trebuchet MS,sans-serif;transition:all .2s ease}.group-details-create-btn:hover:not(:disabled){background-color:#7a3832;transform:translateY(-1px)}.group-details-create-btn:disabled,.group-details-create-btn.disabled{background-color:#8c433d80;cursor:not-allowed;transform:none}@media (max-width: 480px){.group-details-modal{max-width:90%;margin:0 5%}.group-profile-section{padding:20px 16px}.selected-contacts-section{padding:16px}.group-details-footer{padding:12px 16px}.group-details-footer{flex-direction:column}.group-details-cancel-btn,.group-details-create-btn{width:100%}}.group-name-input{font-size:16px}.selected-contacts-list::-webkit-scrollbar{width:4px}.selected-contacts-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.selected-contacts-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.selected-contacts-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-window{display:flex;position:relative;height:calc(100vh - 60px);width:calc(100vw - 60px);margin:30px 0 0 30px}.sidebar-window{display:flex;position:relative;width:25%;min-width:300px;flex-shrink:0}.chatarea-window{display:flex;margin-left:50px;position:relative;width:75%}.email-confirmation-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.email-confirmation-card{max-width:480px;width:100%;background-color:#fff;border-radius:12px;padding:32px;text-align:center;box-shadow:0 4px 12px #0000001a}.loading-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top:2px solid #8C433D;border-radius:50%;animation:spin 1s linear infinite;box-sizing:border-box}.status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.status-icon.success{background-color:#22c55e}.status-icon.error{background-color:#dc2626}.title{margin-bottom:16px}.title.success{color:#22c55e}.title.error{color:#dc2626}.title.loading{color:#2d3748}.message{color:#718096;margin-bottom:24px}.button{border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;color:#fff}.button.success{background-color:#2563eb}.button.success:hover{background-color:#1d4ed8}.button.error{background-color:#6b7280}.button.error:hover{background-color:#4b5563}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}