.messenger-layout{background-color:#fff;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden}body.dark-mode{color:#f0f0f0;background-color:#0b0b0b}body.dark-mode .messenger-layout,body.dark-mode .content-sidebar,body.dark-mode .main-content,body.dark-mode .settings-content,body.dark-mode .settings-right-panel,body.dark-mode .settings-container,body.dark-mode .settings-layout,body.dark-mode .detailed-customizer,body.dark-mode .chat-area,body.dark-mode .chat-main,body.dark-mode .welcome-box,body.dark-mode .call-sidebar,body.dark-mode .call-history-main,body.dark-mode .chat-footer-container,body.dark-mode .chat-header-container,body.dark-mode .chat-input-section,body.dark-mode .status-view,body.dark-mode .status-main,body.dark-mode .contact-main,body.dark-mode .right-panel,body.dark-mode .view-container,body.dark-mode .call-main-content,body.dark-mode .status-viewer-empty,body.dark-mode .status-empty-state-main{color:#f0f0f0!important;background-color:#0b0b0b!important}body.dark-mode .content-sidebar,body.dark-mode .settings-header,body.dark-mode .profile-header,body.dark-mode .chat-header,body.dark-mode .chat-footer,body.dark-mode .call-header,body.dark-mode .call-filters{background-color:#000!important;border-top-color:#222!important;border-bottom-color:#222!important;border-right-color:#222!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode .profile-info h2,body.dark-mode .chat-name,body.dark-mode .call-name,body.dark-mode .settings-header h2,body.dark-mode .welcome-title,body.dark-mode .section-header h4,body.dark-mode .call-title-container h2,body.dark-mode .call-main-title{color:#fff!important}body.dark-mode p,body.dark-mode span:not(.chip),body.dark-mode .profile-info p,body.dark-mode .chat-last-message,body.dark-mode .call-details,body.dark-mode .settings-description,body.dark-mode .welcome-subtitle,body.dark-mode .call-time,body.dark-mode .call-main-subtitle{color:#a0a0a0!important}body.dark-mode .toast-container span{color:#fff!important}body.dark-mode .privacy-item,body.dark-mode .chat-item,body.dark-mode .call-item,body.dark-mode .settings-card,body.dark-mode .settings-category-card,body.dark-mode .settings-profile-card,body.dark-mode .settings-edit-card,body.dark-mode .privacy-settings-container,body.dark-mode .archive-item,body.dark-mode .document-item,body.dark-mode .file-item,body.dark-mode .settings-option-card,body.dark-mode .date-header,body.dark-mode .user-item,body.dark-mode .settings-menu-item,body.dark-mode .chat-backup-section,body.dark-mode .chat-action-item{color:#fff!important;box-shadow:none!important;background-color:#000!important;border-color:#1f1f1f!important}body.dark-mode .settings-submenu,body.dark-mode .settings-submenu-card{background-color:#000!important;border-color:#1f1f1f!important}body.dark-mode .settings-input,body.dark-mode .settings-textarea{color:#fff!important;background-color:#1f1f1f!important;border-color:#333!important}body.dark-mode .settings-input.disabled{color:#a0a0a0!important;background-color:#121212!important;border-color:#2a2a2a!important}.modal-card{background-color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-search-input{color:#1f2937;background-color:#fff}.user-item-name{color:#1f2937}.user-item-status{color:#6b7280}.settings-sidebar-header,.settings-section-header{background-color:#fff;border-bottom:1px solid #f0f0f0;align-items:center;padding:18px 25px;display:flex}.settings-title-text{color:#1f2937;margin-top:0;margin-bottom:4px;font-size:18px;font-weight:700}.settings-subtitle-text{color:#6b7280;margin:0;font-size:13px}.settings-section-title{color:#1f2937;margin:0;font-size:16px;font-weight:700}.settings-back-btn{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-title-text{color:#374151;margin-top:0;margin-bottom:12px;font-size:16px;font-weight:600}.item-subtitle-text{color:#6b7280;margin:0;font-size:14px;font-weight:400;line-height:1.6}body.dark-mode .settings-sidebar-header,body.dark-mode .settings-section-header{background-color:#0b0b0b!important;border-color:#2a2a2a!important}body.dark-mode .settings-title-text,body.dark-mode .settings-section-title,body.dark-mode .item-title-text{color:#fff!important}body.dark-mode .settings-subtitle-text,body.dark-mode .item-subtitle-text{color:#a0a0a0!important}body.dark-mode .settings-header-chevron,body.dark-mode .settings-back-btn{color:#a0a0a0!important;background-color:#222!important}body.dark-mode .settings-header-chevron:hover,body.dark-mode .settings-back-btn:hover{color:#fff!important;background-color:#333!important}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.modal-title{color:#1f2937}.modal-search-input::placeholder{color:#9ca3af}@keyframes spin{to{transform:rotate(360deg)}}body.dark-mode .modal-card,body.dark-mode .modal-header,body.dark-mode .modal-search,body.dark-mode .modal-footer{background-color:#1a1a1a!important;border-color:#2a2a2a!important}body.dark-mode .modal-title,body.dark-mode .user-item-name,body.dark-mode .settings-item-title,body.dark-mode .chat-backup-item span,body.dark-mode .chat-action-item span{color:#fff!important}body.dark-mode .chat-action-item.delete span{color:#d42554!important}body.dark-mode .chat-action-item.delete:hover{background-color:#d425541a!important}body.dark-mode .user-item-status,body.dark-mode .modal-search-input::placeholder,body.dark-mode .chat-search-input::placeholder,body.dark-mode .settings-item-subtitle{color:#a0a0a0!important}.forward-item:hover{background-color:#f9fafb}body.dark-mode .forward-item:hover{background-color:#2a2a2a!important}.forward-send-btn:hover{background-color:#d42554;color:#fff!important}body.dark-mode .forward-send-btn{color:#d42554!important;border-color:#d42554!important}body.dark-mode .forward-send-btn:hover{color:#fff!important;background-color:#d42554!important}body.dark-mode .call-item,body.dark-mode .archive-item,body.dark-mode .document-item{box-shadow:none!important;background-color:#0b0b0b!important;border:none!important}body.dark-mode .settings-sub-header,body.dark-mode .settings-footer{border:none!important}body.dark-mode .settings-back-btn{color:#a0a0a0!important;background-color:#222!important}body.dark-mode .settings-back-btn:hover{color:#fff!important;background-color:#333!important}body.dark-mode .call-details{background-color:#0000!important;border:none!important}body.dark-mode .call-item:after,body.dark-mode .archive-item:after,body.dark-mode .document-item:after,body.dark-mode .call-details:after{display:none!important}body.dark-mode .chat-item:hover,body.dark-mode .privacy-item:hover,body.dark-mode .settings-submenu-item:hover,body.dark-mode .call-item:hover,body.dark-mode .settings-category-card:hover,body.dark-mode .archive-item:hover,body.dark-mode .settings-menu-item:hover,body.dark-mode .chat-action-item:hover,body.dark-mode .status-profile-section:hover,body.dark-mode .status-item:hover{background-color:#222!important}body.dark-mode .doc-action-btn,body.dark-mode .archive-action-btn,body.dark-mode .call-action-btn{color:#fff!important;background-color:#2a2a2a!important;border:none!important}body.dark-mode .chat-search-input,body.dark-mode .message-input,body.dark-mode .chat-footer,body.dark-mode .chat-input-section,body.dark-mode .chat-input-wrapper,body.dark-mode .chat-footer-inner,body.dark-mode .message-input-container,body.dark-mode .file-preview-bar,body.dark-mode .file-preview-container,body.dark-mode .recording-bar{color:#fff!important;background-color:#161616!important;border-color:#2a2a2a!important}body.dark-mode .attachment-menu,body.dark-mode .attachment-menu-arrow,body.dark-mode .sticker-picker-container,body.dark-mode .sticker-picker-header{color:#fff!important;background-color:#000!important;border-color:#222!important}body.dark-mode .attachment-item span{color:#fff!important}body.dark-mode .attachment-item:hover{border-radius:12px;background-color:#1a1a1a!important}body.dark-mode .sticker-item:hover{background-color:#1a1a1a!important}body.dark-mode .status-info-box{color:#a0a0a0!important;background-color:#000!important;border-color:#2a2a2a!important}body.dark-mode .status-info-box svg{color:#a0a0a0!important}body.dark-mode .call-avatar{box-shadow:0 4px 10px #0006;background-color:#000!important;border-color:#1a1a1a!important}body.dark-mode .call-duration-text{color:#fff!important;background:#ffffff1a!important}body.dark-mode .remove-preview-btn{border-color:#161616!important}body.dark-mode .recording-time{color:#fff!important}body.dark-mode .waveform-bar{background-color:#444!important}body.dark-mode .chat-footer-inner svg,body.dark-mode .chat-input-wrapper svg,body.dark-mode .chat-header-actions svg,body.dark-mode .message-input-container svg{color:#a0a0a0!important}body.dark-mode .chat-search-input::placeholder,body.dark-mode .message-input::placeholder,body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#666!important}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{color:#fff!important;background-color:#1a1a1a!important;border-color:#333!important}body.dark-mode .welcome-icon svg,body.dark-mode .welcome-icon{color:#444!important;stroke:#444!important}body.dark-mode .modal-card,body.dark-mode .settings-modal{color:#fff!important;background-color:#1a1a1a!important}body.dark-mode .nav-sidebar{border-right:1px solid #222}body.dark-mode ::-webkit-scrollbar{width:6px;height:6px}body.dark-mode ::-webkit-scrollbar-track{background:#0b0b0b!important}body.dark-mode ::-webkit-scrollbar-thumb{border-radius:10px;background:#333!important}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#444!important}body.dark-mode{scrollbar-width:thin;scrollbar-color:#333 #0b0b0b}body.dark-mode .filter-chips{scrollbar-width:none}body.dark-mode .filter-chips::-webkit-scrollbar{height:4px}body.dark-mode .chip{color:#a0a0a0!important;background-color:#1a1a1a!important;border:1px solid #333!important}body.dark-mode .chip.active{color:#fff!important;background-color:#d42554!important;border-color:#d42554!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#f0f0f0;border:2px solid #fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#e5e5e5}.nav-sidebar{background:linear-gradient(#d42554 0%,#eb3667 100%);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:70px;padding:20px 0;display:flex}.nav-logo img{object-fit:contain;width:40px;height:40px;margin:0 auto;display:block}.nav-logo{width:100%;margin-bottom:20px}.nav-items{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.nav-item{color:#ffffffb3;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:relative}.nav-item:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1000;pointer-events:none;background-color:#000;border-radius:4px;margin-left:12px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.nav-item:hover:after{opacity:1;visibility:visible}.nav-item svg{width:24px;height:24px}.nav-item:hover,.nav-item.active{color:#fff;background-color:#ffffff26}.nav-avatar{flex-direction:column;align-items:center;gap:15px;margin-top:auto;display:flex}.nav-avatar .avatar-circle.dark{cursor:pointer;background-color:#000;width:36px;height:36px;font-size:14px}.avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.avatar-circle.dark{background-color:#1c1c1c}.avatar-circle.blue{background:#0d6efd}.avatar-circle.pink{background:linear-gradient(135deg,#d42554 0%,#eb3667 100%)}.content-sidebar{background-color:#fff;border-right:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;width:350px;transition:width .3s;display:flex;position:relative;overflow-y:auto}.content-sidebar.collapsed{width:70px}.call-sidebar.collapsed{width:70px;overflow:hidden}.call-sidebar.collapsed .call-title-container,.call-sidebar.collapsed .call-actions button:first-child,.call-sidebar.collapsed .call-filters,.call-sidebar.collapsed .call-details,.call-sidebar.collapsed .call-action-icon,.call-sidebar.collapsed .date-header{display:none}.call-sidebar.collapsed .call-header{justify-content:center;padding:20px 10px}.call-sidebar.collapsed .call-item{justify-content:center;padding:12px 15px}.call-sidebar.collapsed .call-avatar{margin-right:0}.profile-header{border-bottom:1px solid #f8f9fa;align-items:center;gap:15px;padding:20px;display:flex}.content-sidebar.collapsed .profile-info{display:none}.profile-info{flex:1}.profile-info h2{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.profile-info p{color:#7a7a7a;margin:4px 0 0;font-size:13px}.profile-back button{color:#5f6368;cursor:pointer;background-color:#f0f2f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.profile-back button:hover{background-color:#e4e6eb}.profile-back svg{width:20px;height:20px}.status-section{flex-direction:column;flex:1;padding:10px;display:flex;overflow:hidden}.content-sidebar.collapsed .status-title,.content-sidebar.collapsed .status-card-footer,.content-sidebar.collapsed .messages-section,.content-sidebar.collapsed .fab-button{display:none}.status-title{color:#1a1a1a;margin-bottom:20px;font-size:18px;font-weight:600}.status-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;align-items:center;width:100px;margin-bottom:30px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.content-sidebar.collapsed .status-card{border-radius:50%;justify-content:center;width:50px;height:50px}.status-card-content{color:#d42554;justify-content:center;align-items:center;height:80px;display:flex}.content-sidebar.collapsed .status-card-content{height:auto}.status-card-footer{text-align:center;background-color:#d42554;width:100%;padding:6px 0}.status-pill{color:#fff;font-size:11px;font-weight:500}.messages-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.messages-title{color:#d42554;font-size:18px;font-weight:600}.search-btn{color:#7a7a7a;cursor:pointer;background:0 0;border:none;padding:5px}.search-btn svg{width:20px;height:20px}.search-input-wrapper{align-items:center;gap:10px;width:100%;margin-bottom:5px;display:flex}.search-input-container{flex:1;align-items:center;display:flex;position:relative}.search-inner-icon{color:#7a7a7a;width:16px;height:16px;position:absolute;left:10px}.chat-search-input{color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;outline:none;flex:1;padding:8px 12px 8px 15px;font-size:13px;transition:all .2s}.chat-search-input:focus{background-color:#fff;border-color:#d42554;box-shadow:0 0 0 2px #d425541a}.chat-search-input::placeholder{color:#9ca3af}.chat-search-go-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#d42554;border:none;border-radius:18px;margin-left:5px;margin-right:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #d4255433}.chat-search-go-btn:hover{background-color:#eb3667;transform:translateY(-1px);box-shadow:0 4px 6px #d425544d}.chat-search-go-btn:active{transform:translateY(0)}body.dark-mode .chat-search-go-btn{box-shadow:0 2px 4px #0000004d}.search-clear-btn{color:#7a7a7a;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:75px}.search-clear-btn svg{width:14px;height:14px}.search-close-btn{color:#d42554;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px;font-size:13px;font-weight:500}.search-close-btn:hover{text-decoration:underline}.filter-chips{gap:10px;margin-bottom:2px;padding-bottom:5px;display:flex;overflow-x:auto}.chip{color:#5f6368;cursor:pointer;white-space:nowrap;background-color:#f0f2f5;border-radius:20px;padding:6px 16px;font-size:13px;transition:all .2s}.chip.active,.chip:hover{color:#fff;background-color:#d42554}.chat-list{flex-direction:column;flex:1;gap:8px;padding-right:5px;display:flex;overflow-y:auto}.chat-list::-webkit-scrollbar{width:5px}.chat-list::-webkit-scrollbar-track{background:0 0}.chat-list::-webkit-scrollbar-thumb{background:#f0f0f0;border-radius:10px}.chat-list::-webkit-scrollbar-thumb:hover{background:#e0e0e0}.chat-item{cursor:pointer;background-color:#f8f9fa;border-radius:12px;align-items:center;padding:12px;transition:background-color .2s;display:flex}.chat-item:hover{background-color:#f0f2f5}.chat-avatar{margin-right:15px}.chat-details{flex:1;overflow:hidden}.chat-name-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name{color:#1a1a1a;font-size:15px;font-weight:600}.verified-badge{width:16px;height:16px;margin-left:5px}.chat-time{color:#7a7a7a;font-size:12px}.chat-last-message{color:#7a7a7a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.fab-button{color:#fff;cursor:pointer;background:#d42554;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:30px;right:30px;box-shadow:0 4px 12px #d425544d}.fab-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #d4255466}.fab-button svg{width:24px;height:24px}.fab-menu-container{z-index:1000;transform-origin:100% 100%;background-color:#fff;border-radius:16px;flex-direction:column;gap:4px;width:180px;padding:8px;animation:.3s cubic-bezier(.68,-.55,.265,1.55) fabMenuPop;display:flex;position:absolute;bottom:100px;right:30px;box-shadow:0 10px 25px #0000001a}@keyframes fabMenuPop{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.fab-menu-item{cursor:pointer;color:#1f2937;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.fab-menu-item:hover{background-color:#fef1f4}.fab-menu-icon{color:#d42554;background-color:#fff1f2;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fab-menu-icon svg{width:18px;height:18px}.main-content{background-color:#fff;flex:1;justify-content:center;align-items:center;display:flex}.welcome-box{text-align:center;max-width:500px;padding:40px}.welcome-icon{color:#5f6368;justify-content:center;margin-bottom:24px;display:flex}.welcome-icon svg{width:80px;height:80px}.welcome-gif{object-fit:contain;filter:brightness(0)saturate()invert(18%)sepia(94%)saturate(4035%)hue-rotate(334deg)brightness(91%)contrast(94%);width:150px;height:150px}.welcome-title{color:#1a1a1a;margin:0 0 12px;font-size:28px;font-weight:700}.welcome-subtitle{color:#5f6368;margin:0;font-size:16px;line-height:1.6}@media (max-width:768px){.messenger-layout{flex-direction:column}.nav-sidebar{flex-direction:row;width:100%;height:60px;padding:0 20px}.nav-items{flex-direction:row;justify-content:center;gap:15px}.nav-avatar{margin-top:0}.content-sidebar{width:100%;height:calc(100vh - 60px)}.content-sidebar.collapsed{width:100%;height:60px}.main-content{display:none}}.call-header{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;padding:20px;display:flex}.call-title-container h2{color:#d42554;margin:0;font-size:20px;font-weight:600}.call-title-container p{color:#7a7a7a;margin:4px 0 0;font-size:13px}.call-actions{gap:10px;display:flex}.call-actions button{color:#5f6368;cursor:pointer;background-color:#f0f2f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.call-actions button:hover{background-color:#e4e6eb}.call-actions svg{width:20px;height:20px}.call-filters{border-bottom:1px solid #f8f9fa;gap:10px;padding:20px;display:flex}.call-filters .chip{color:#5f6368;cursor:pointer;background-color:#f0f2f5;border-radius:10px;flex:1;justify-content:center;align-items:center;height:34px;font-size:13px;transition:all .2s;display:flex}.call-filters .chip svg{width:18px;height:18px}.call-filters .chip.active,.call-filters .chip:hover{color:#fff;background-color:#d42554}.call-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.call-list::-webkit-scrollbar{width:6px}.call-list::-webkit-scrollbar-track{background:#fff}.call-list::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:3px}.date-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:20px 24px 8px;font-size:11px;font-weight:700}.call-item{cursor:pointer;align-items:center;gap:16px;padding:14px 24px;transition:all .2s;display:flex;position:relative}.call-item:hover{background-color:#f8fafc}.call-item:after{content:"";background-color:#f1f5f9;height:1px;position:absolute;bottom:0;left:80px;right:24px}.call-avatar{background-color:#f1f5f9;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:visible;box-shadow:0 2px 4px #0000000d}.call-avatar .avatar-circle{width:100%;height:100%;font-size:18px}.call-avatar img{object-fit:cover;width:100%;height:100%}.call-details{flex-direction:column;flex:1;gap:4px;display:flex}.call-name-row{justify-content:space-between;align-items:center;display:flex}.call-name{color:#1e293b;font-size:15px;font-weight:600}.call-time{color:#94a3b8;font-size:12px}.call-status-row{align-items:center;gap:6px;display:flex}.call-status-icon.missed{color:#ef4444}.call-status-icon.outgoing{color:#3b82f6}.call-status-icon.incoming{color:#10b981}.call-status-text{font-size:13px;font-weight:500}.call-status-text.outgoing,.call-status-text.incoming{color:#64748b}.call-action-btn{color:#64748b;background-color:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.call-action-btn:hover{color:#1e293b;background-color:#e2e8f0;transform:scale(1.05)}.call-action-btn.missed:hover{color:#ef4444;background-color:#fee2e2}.call-action-btn.outgoing:hover{color:#3b82f6;background-color:#dbeafe}.call-action-btn.incoming:hover{color:#10b981;background-color:#d1fae5}.call-action-btn svg{width:18px;height:18px}.call-main-content{text-align:center;background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow-y:auto}.chat-screen{flex-direction:column;width:100%;height:100%;display:flex}.chat-header{background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:60px;padding:0 15px;display:flex}.chat-header-user{flex:1;align-items:center;gap:15px;min-width:0;display:flex}.chat-header-info{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header-info h4{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.chat-header-info p{color:#9ca3af;margin:2px 0 0;font-size:12px}.chat-header-actions{color:#6b7280;align-items:center;gap:20px;display:flex}.chat-header-actions svg{cursor:pointer;width:20px;height:20px;transition:color .2s}.chat-header-actions svg:hover{color:#d42554}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#fff}.chat-body::-webkit-scrollbar-thumb{background-color:#f0f0f0;border:1px solid #fff;border-radius:10px}.chat-body{flex-direction:column;flex:1;gap:10px;padding:15px 15px 85px;display:flex;overflow-y:auto}.message-row{align-items:flex-end;width:100%;display:flex}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d}.message-bubble.media-bubble{max-width:300px;padding:0}.message-row.sent .message-bubble{color:#fff;background:linear-gradient(135deg,#d42554 0%,#eb3667 100%);border-bottom-right-radius:4px}.message-row.received .message-bubble{color:#1f2937;background-color:#f3f4f6;border-bottom-left-radius:4px}body.dark-mode .message-row.received .message-bubble{color:#fff;background-color:#2d2d2d}.message-time{opacity:.7;margin-top:4px;font-size:10px;display:block}.message-row.sent .message-time{text-align:right;color:#fffc}.message-row.received .message-time{text-align:left;color:#9ca3af}.profile-preview-card{text-align:center;background:#fff;border:1px solid #f3f4f6;border-radius:20px;width:320px;margin-bottom:50px;padding:30px;animation:.4s ease-out slideInDown;box-shadow:0 10px 25px #0000000d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-preview-avatar{color:#fff;background:linear-gradient(135deg,#d42554 0%,#eb3667 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex}.profile-preview-card h3{color:#1f2937;margin:0 0 8px;font-size:20px}.profile-preview-card p{color:#6b7280;margin-bottom:25px;font-size:14px}.connect-btn{color:#fff;cursor:pointer;background:#d42554;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:12px 30px;font-weight:600;transition:all .2s;display:flex}.connect-btn:hover{background:#eb3667;transform:translateY(-2px)}.empty-chat-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;display:flex}.empty-chat-icon{color:#d42554;opacity:.8;width:60px;height:60px;margin-bottom:20px}.empty-chat-state h2{color:#1f2937;font-size:18px;font-weight:700}.chat-footer{background-color:#fff;border-top:1px solid #f0f0f0;flex-direction:column;gap:10px;padding:12px 20px;display:flex}.chat-input-wrapper{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:15px;padding:8px 15px;display:flex}.chat-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:14px}.send-btn{color:#fff;cursor:pointer;background:#d42554;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.send-btn:hover{transform:scale(1.1)}.caller-avatar{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;display:flex;position:relative}.input-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .2s,transform .2s;display:flex}.input-action-btn:hover{color:#d42554;transform:scale(1.1)}.attachment-menu{z-index:1000;background-color:#fff;border:1px solid #f0f0f0;border-radius:20px;width:280px;padding:20px;position:absolute;bottom:60px;left:0;box-shadow:0 10px 40px #00000026}.attachment-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.attachment-item{cursor:pointer;flex-direction:column;align-items:center;gap:10px;transition:transform .2s;display:flex}.attachment-item:hover{transform:translateY(-5px)}.attachment-icon{border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex;position:relative;box-shadow:0 5px 15px #0000001a}.attachment-icon-blocked-badge{color:#fff;z-index:10;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 5px #0003}.attachment-item span{color:#4b5563;font-size:12px;font-weight:600}.attachment-menu-arrow{background-color:#fff;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;width:20px;height:20px;position:absolute;bottom:-10px;left:20px;transform:rotate(45deg)}.sticker-picker-container{z-index:1000;background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;width:320px;max-height:400px;display:flex;position:absolute;bottom:60px;left:0;box-shadow:0 10px 25px #0000001a}.sticker-picker-header{fontWeight:600;color:#374151;border-bottom:1px solid #f0f0f0;padding:12px;font-size:14px}.sticker-item{cursor:pointer;border-radius:8px;padding:5px;transition:background .2s}.sticker-item:hover{background-color:#f3f4f6}.gradient-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.gradient-purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.gradient-pink{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)}.gradient-orange{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.gradient-violet{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.gradient-teal{background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.file-preview-bar{background-color:#f8fafc;border-top:1px solid #eef2f6;border-top-left-radius:12px;border-top-right-radius:12px;align-items:center;gap:15px;padding:12px 16px;display:flex}.file-preview-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:6px;display:inline-flex;position:relative;box-shadow:0 4px 12px #0000000d}.preview-thumb{object-fit:cover;border-radius:8px;width:64px;height:64px;display:block}.preview-file-icon{color:#6b7280;align-items:center;gap:8px;display:flex}.preview-file-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:12px;font-weight:600;overflow:hidden}.remove-preview-btn{cursor:pointer;background-color:#d42554;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #0003}.remove-preview-btn:hover{transform:scale(1.1)}.upload-progress-mini{color:#d42554;font-size:12px;font-weight:600;animation:1.5s infinite pulse}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.call-main-title{color:#1a1a1a;margin:0 0 12px;font-size:28px;font-weight:700}.call-main-subtitle{color:#5f6368;margin:0;font-size:16px;line-height:1.6}.status-header{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;padding:20px;display:flex}.status-avatar-container{width:40px;height:40px;position:relative}.status-add-badge{color:#fff;cursor:pointer;z-index:2;background-color:#d42554;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;font-weight:700;transition:transform .2s;display:flex;position:absolute;bottom:-4px;right:-4px}.status-add-badge:hover{transform:scale(1.1)}.status-action-menu{z-index:100;background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;gap:4px;width:200px;padding:8px;animation:.2s ease-out statusMenuFade;display:flex;position:absolute;top:50px;left:20px;box-shadow:0 10px 30px #0000001a}@keyframes statusMenuFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-action-item{color:#1f2937;cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background-color .2s;display:flex}.status-action-item:hover{background-color:#fef1f4}.status-action-icon{color:#d42554;justify-content:center;align-items:center;display:flex}.status-action-text{font-size:14px;font-weight:500}.status-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.status-empty-icon{justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.status-empty-title{color:#1a1a1a;margin:0 0 8px;font-size:18px;font-weight:600}.status-empty-subtitle{color:#7a7a7a;margin:0;font-size:14px}.status-main-icon{color:#4a4a4a;width:120px;height:120px;margin-bottom:24px}.status-main-icon svg{width:100%;height:100%}.call-sidebar.collapsed .status-profile-section,.call-sidebar.collapsed .status-empty-state{display:none}.notification-badge{color:#fff;background-color:#ff3b30;border:2px solid #d42554;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.doc-icon-container{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;display:flex}.doc-icon-container svg{width:20px;height:20px}.doc-icon-container.yellow{color:#ffc107;background-color:#ffc10726}.doc-icon-container.gray{color:#6c757d;background-color:#6c757d26}.doc-icon-container.blue{color:#0d6efd;background-color:#0d6efd26}.doc-icon-container.red{color:#dc3545;background-color:#dc354526}.doc-actions{gap:8px;display:flex}.doc-action-btn{color:#5f6368;cursor:pointer;background-color:#f0f2f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.doc-action-btn:hover{color:#fff;background-color:#d42554}.doc-action-btn svg{width:16px;height:16px}.settings-profile-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;align-items:center;margin:16px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.settings-avatar{flex-shrink:0;width:48px;height:48px;margin-right:16px}.settings-profile-info{flex:1}.settings-profile-info h4{color:#1f1f1f;margin:0 0 4px;font-size:16px;font-weight:600}.settings-profile-info p{color:#7a7a7a;margin:0;font-size:13px}.settings-edit-btn{color:#5f6368;cursor:pointer;background:#f0f2f5;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.settings-edit-btn:hover{color:#fff;background:#d42554}.settings-edit-btn svg{width:16px;height:16px}.settings-menu{flex-direction:column;flex:1;gap:12px;margin-top:16px;padding:0 16px;display:flex}.settings-menu-item{cursor:pointer;background:#fff;border:1px solid #f8f9fa;border-radius:12px;align-items:center;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.settings-menu-item:hover{border-color:#d4255433;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.settings-item-content{flex:1}.settings-item-title{color:#1f1f1f;margin-bottom:4px;font-size:15px;font-weight:600}.settings-item-subtitle{color:#7a7a7a;font-size:12px}.settings-item-arrow{color:#a0a0a0;align-items:center;display:flex}.settings-item-arrow svg{width:20px;height:20px}.settings-footer{border-top:1px solid #f0f0f0;margin-top:auto;padding:16px}.logout-btn{color:#d42554;cursor:pointer;background:#d425540d;border:1px solid #d4255433;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.logout-btn:hover{color:#fff;background:#d42554;border-color:#d42554;box-shadow:0 4px 12px #d4255433}.logout-btn svg{width:20px;height:20px}.status-preview-overlay{z-index:2000;background-color:#0b0b0b;flex-direction:column;width:100vw;height:100vh;animation:.3s ease-out previewFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes previewFadeIn{0%{opacity:0}to{opacity:1}}.preview-header{align-items:center;height:60px;padding:0 20px;display:flex}.preview-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background-color .2s}.preview-close-btn:hover{background-color:#ffffff1a}.preview-body{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.preview-image{object-fit:contain;width:100%;height:100%;box-shadow:0 0 40px #00000080}.preview-footer{justify-content:center;padding:20px 40px 40px;display:flex}.caption-input-wrapper{background-color:#1f1f1f;border-radius:12px;align-items:center;gap:12px;width:100%;max-width:800px;padding:8px 16px;display:flex}.caption-emoji-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none}.caption-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:15px}.preview-media{object-fit:contain;width:100%;height:100%;box-shadow:0 0 40px #00000080}.video-preview video{object-fit:cover;border-radius:50%;width:100%;height:100%}.status-text-preview{-webkit-line-clamp:3;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;line-height:1.1;display:-webkit-box;overflow:hidden}.preview-send-btn{color:#fff;cursor:pointer;background-color:#d42554;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,background-color .2s;display:flex}.preview-send-btn:hover{background-color:#eb3667;transform:scale(1.1)}.status-avatar-wrapper{justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative}.status-ring{pointer-events:none;width:55px;height:55px;position:absolute;top:-5px;left:-5px}.avatar-content{z-index:1;background-color:#f0f2f5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.status-avatar-container .avatar-content .avatar-circle{width:100%;height:100%}.text-status-overlay{z-index:2000;flex-direction:column;width:100vw;height:100vh;transition:background-color .4s;animation:.3s ease-out previewFadeIn;display:flex;position:fixed;top:0;left:0}.text-status-header{justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex}.text-status-header-actions{gap:15px;display:flex}.text-status-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:background-color .2s;display:flex}.text-status-icon-btn:hover{background-color:#ffffff1a}.text-status-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 100px;display:flex;position:relative}.text-status-char-count{color:#fff9;font-size:13px;font-weight:500;position:absolute;bottom:20px;right:40px}.text-status-textarea{color:#fff;text-align:center;resize:none;background:0 0;border:none;outline:none;width:100%;max-width:900px;height:auto;min-height:200px;font-family:inherit;font-weight:500}.text-status-textarea::placeholder{color:#ffffff80}body.dark-mode .text-status-textarea{background-color:#0000!important;border:none!important}body.dark-mode .text-status-textarea::placeholder{color:#ffffff80!important}.text-status-footer{justify-content:space-between;align-items:flex-end;height:120px;padding:0 40px 40px;display:flex}.status-privacy-pill{color:#fff;cursor:pointer;background-color:#00000026;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.status-privacy-pill:hover{background-color:#00000040}.text-status-send-btn{color:#d42554;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #0003}.text-status-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.status-list-container{padding:10px}.status-header-plus{color:#d42554;cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:2px;transition:background-color .2s;display:flex}.status-header-plus:hover{background-color:#fef1f4}.status-header-plus svg{width:20px;height:20px}.status-section-header{color:#9ca3af;letter-spacing:.5px;padding:25px 10px 10px;font-size:12px;font-weight:600}.status-empty-state-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:500px;animation:.5s ease-out previewFadeIn;display:flex}.status-empty-state-main .call-main-title{color:#1f2937;margin-top:15px;font-size:24px}.status-empty-state-main .call-main-subtitle{color:#6b7280;max-width:320px;line-height:1.5}.status-viewer-empty{justify-content:center;align-items:center;display:flex}.status-viewer-empty .status-empty-icon-wrapper{color:#d42554;justify-content:center;margin-bottom:24px;display:flex}.status-viewer-empty .call-main-title{color:#000!important;margin:0 0 12px!important;font-size:24px!important;font-weight:500!important}.status-viewer-empty .call-main-subtitle{text-align:center;color:#8696a0!important;max-width:400px!important;margin:0!important;font-size:14px!important}.status-profile-section,.status-item{cursor:pointer;border-radius:12px;align-items:center;gap:14px;margin:2px 8px;padding:12px 16px;transition:all .2s;display:flex}.status-profile-section:hover,.status-item:hover{background-color:#f3f4f6}.status-item-info,.status-profile-info{flex-direction:column;display:flex}.status-item-name{color:#111827;margin:0;font-size:15px;font-weight:600}.status-item-time{color:#6b7280;margin:2px 0 0;font-size:13px}.status-section-header{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;margin-left:8px;padding:24px 16px 8px;font-size:12px;font-weight:600}.status-item-avatar{flex-shrink:0}.status-my-title{color:#d42554;margin:0;font-size:16px;font-weight:600}.status-my-subtitle{color:#6b7280;margin:2px 0 0;font-size:13px}.status-profile-info{flex-direction:column;display:flex}.status-header-plus-container{align-items:center;display:flex;position:relative}.status-action-menu.header-menu{transform-origin:100% 0;top:42px;left:auto;right:0}.status-action-menu.profile-menu{transform-origin:0 0;top:45px;left:0}.settings-edit-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;gap:16px;margin:16px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000a}.settings-edit-avatar-row{align-items:center;gap:16px;display:flex}.settings-edit-avatar{cursor:pointer;background-color:#4a1521;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.settings-edit-avatar:hover{transform:scale(1.05)}.settings-edit-avatar svg{width:20px;height:20px}.settings-edit-fields{flex:1}.settings-edit-full-fields{flex-direction:column;gap:12px;display:flex}.settings-input,.settings-textarea{color:#1f1f1f;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.settings-input:focus,.settings-textarea:focus{border-color:#d42554;outline:none;box-shadow:0 0 0 2px #d425541a}.settings-input.disabled{color:#7a7a7a;cursor:not-allowed;background-color:#f0f2f5;border-color:#e0e0e0}.settings-edit-actions{gap:12px;margin-top:8px;display:flex}.settings-action-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.settings-action-btn.back{color:#5f6368;background-color:#f0f2f5}.settings-action-btn.back:hover{background-color:#e4e6e9}.settings-action-btn.save{color:#fff;background-color:#d42554}.settings-action-btn.save:hover{background-color:#d42554}.settings-action-btn svg{width:18px;height:18px}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-pop{animation:.4s cubic-bezier(.175,.885,.32,1.275) pop}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.settings-submenu{flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex}.settings-submenu-card{cursor:pointer;background:#d4255408;border:1px dashed #d4255433;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.settings-submenu-card:hover{background:#d425540f;transform:translateY(-2px);box-shadow:0 4px 12px #d425540d}.settings-submenu-title{color:#d42554;font-size:15px;font-weight:600}.settings-submenu-expand-btn{color:#fff;cursor:pointer;background:#d42554;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex}.settings-submenu-card:hover .settings-submenu-expand-btn{transform:scale(1.1)}.settings-submenu-expand-btn svg{width:14px;height:14px}.settings-back-btn{color:#5f6368;cursor:pointer;background:#f0f2f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.settings-back-btn:hover{color:#1f1f1f;background:#e4e6e9}.settings-back-btn svg{width:18px;height:18px}.privacy-settings-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:8px 16px;box-shadow:0 2px 8px #00000005}.privacy-item{border-bottom:1px solid #f8f9fa;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.privacy-item:last-child{border-bottom:none}.privacy-item-text{flex:1;padding-right:16px}.privacy-item-text h5{color:#1f1f1f;margin:0 0 4px;font-size:14px;font-weight:600}.privacy-item-text p{color:#7a7a7a;margin:0;font-size:12px;line-height:1.4}.switch{width:38px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#d1d5db;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#d42554}input:checked+.slider:before{transform:translate(18px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.phone-input-row{align-items:center;gap:8px;display:flex}.country-code{color:#1f1f1f;cursor:pointer;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;padding:10px 12px;font-size:14px;display:flex}.flag-icon{font-size:16px}.email-address-input{color:#1f1f1f;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.email-address-input:focus{border-color:#d42554;outline:none}.password-input{color:#1f2937;background-color:#fff;border:1px solid #d42554;border-radius:8px;outline:none;width:100%;padding:10px;transition:all .2s}.password-input:hover{border-color:#d42554;box-shadow:0 0 0 2px #d425541a}.password-input:focus{border-color:#d42554;box-shadow:0 0 0 3px #d4255426}.settings-confirm-btn{color:#d42554;cursor:pointer;background-color:#fce4ec;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.settings-confirm-btn:hover{color:#eb3667;background-color:#f8bbd0}.status-option-row{padding:8px 0}.custom-checkbox-label{cursor:pointer;color:#1f1f1f;align-items:center;gap:10px;font-size:14px;display:flex}.custom-checkbox-label input{opacity:0;width:0;height:0;position:absolute}.custom-checkbox{background-color:#fff;border:1px solid #ccc;border-radius:4px;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.custom-checkbox-label input:checked+.custom-checkbox{background-color:#d42554;border-color:#d42554}.custom-checkbox-label input:checked+.custom-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.status-info-box{color:#0d47a1;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:12px;display:flex}.status-info-box svg{flex-shrink:0}.settings-delete-account-btn{color:#d42554;cursor:pointer;text-align:left;background-color:#fce4ec;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.settings-delete-account-btn:hover{color:#eb3667;background-color:#f8bbd0}.delete-account-note{color:#7a7a7a;margin:12px 0 0;font-size:12px;line-height:1.5}.delete-account-note strong{color:#1f1f1f}body.dark-mode .delete-account-note{color:#a0a0a0}body.dark-mode .delete-account-note strong{color:#fff}.settings-sub-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 16px 16px;display:flex}.settings-sub-header h3{color:#1f1f1f;margin:0;font-size:16px;font-weight:600}.chat-backup-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 2px 8px #00000005}.chat-backup-header h4{color:#1f1f1f;margin:0 0 12px;font-size:15px;font-weight:600}.chat-backup-item{color:#5f6368;justify-content:space-between;align-items:center;font-size:14px;display:flex}.chat-action-item{color:#1f1f1f;cursor:pointer;border-radius:8px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .2s}.chat-action-item:hover{background:#00000005}.chat-action-item.delete{color:#d42554}.chat-action-item.delete:hover{background:#d425540d}.empty-state-gif{filter:brightness(0)saturate()invert(24%)sepia(85%)saturate(1633%)hue-rotate(328deg)brightness(91%)contrast(92%)}.customizer-clickable{cursor:pointer;transition:background .2s}.customizer-clickable:hover{background-color:#d425540a;border-radius:8px}.customizer-active{background-color:#d4255412;border-left:3px solid #d42554;border-radius:8px;padding-left:10px}.detailed-customizer{background:#fff;flex-direction:column;gap:20px;height:100%;padding:16px;display:flex;overflow-y:auto}.customizer-header{flex-direction:column;gap:2px;display:flex}.customizer-title-row{justify-content:space-between;align-items:center;display:flex}.customizer-title-row h2{color:#1f1f1f;margin:0;font-size:18px;font-weight:700}.customizer-close-btn{cursor:pointer;color:#5f6368;background:#f1f3f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.customizer-header p{color:#777;margin:0;font-size:13px}.customizer-config-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:6px;width:fit-content;padding:8px 14px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #6e8efb4d}.customizer-section{flex-direction:column;gap:10px;display:flex}.customizer-section h4{color:#d42554;text-transform:lowercase;margin:0;font-size:12px;font-weight:600}.color-options-grid{flex-wrap:wrap;gap:8px;display:flex}.color-option-box{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.color-option-box.teal{background-color:#129998}.color-option-box.navy{background-color:#395599}.color-option-box.blue{background-color:#1c9dea}.color-option-box.green{background-color:#0f9d7a}.color-option-box.pink{background-color:#cc608e}.color-option-box.indigo{background-color:#4a3973}.color-option-box.maroon{background-color:#73324e}.color-option-box svg{width:12px;height:12px}.layout-options,.sidebar-options{gap:12px;display:flex}.layout-option,.sidebar-option{cursor:pointer;border:2px solid #0000;border-radius:6px;padding:2px;transition:all .2s}.layout-option.active,.sidebar-option.active{background:#f0f2f5;border-color:#eaeaea}.layout-thumbnail,.sidebar-thumbnail{background:#f8f9fa;border:1px solid #eaeaea;border-radius:4px;width:44px;height:52px;display:flex;position:relative;overflow:hidden}body.dark-mode .layout-thumbnail,body.dark-mode .sidebar-thumbnail{background:#1a1a1a;border-color:#333}.layout-thumb-sidebar{background:#e8eaed;border-right:1px solid #eaeaea;width:10px}.layout-thumb-content{flex:1;justify-content:center;align-items:center;display:flex}.sidebar-thumb-col-1{background:#e8eaed;border-right:1px solid #eaeaea;width:8px}.sidebar-thumb-col-2{background:#dadce0;border-right:1px solid #eaeaea;justify-content:center;align-items:center;width:12px;display:flex}.status-viewer-overlay{z-index:3000;color:#fff;background-color:#121212;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.viewer-progress-container{z-index:3002;gap:4px;width:100%;padding:10px;display:flex;position:absolute;top:0;left:0}.viewer-progress-bar-bg{background-color:#fff3;border-radius:2px;flex:1;height:2px;overflow:hidden}.viewer-progress-bar-fill{background-color:#fff;height:100%;transition:width .1s linear}.viewer-header{z-index:3002;background:linear-gradient(#00000080 0%,#0000 100%);justify-content:space-between;align-items:center;width:100%;padding:15px 20px 0;display:flex;position:absolute;top:15px;left:0}.viewer-user-info{align-items:center;gap:12px;display:flex}.viewer-avatar{border-radius:50%;width:40px;height:40px;overflow:hidden}.viewer-avatar img{object-fit:cover;width:100%;height:100%}.viewer-text-info{flex-direction:column;display:flex}.viewer-username{font-size:15px;font-weight:600}.viewer-time{opacity:.8;font-size:12px}.viewer-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.viewer-content-container{background-color:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.viewer-nav-left,.viewer-nav-right{z-index:3001;cursor:pointer;width:30%;height:100%;position:absolute;top:0}.viewer-nav-left{left:0}.viewer-nav-right{right:0}.viewer-text-content{text-align:center;word-wrap:break-word;white-space:pre-wrap;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;font-weight:500;display:flex;overflow-y:auto}.viewer-text-content::-webkit-scrollbar{width:6px}.viewer-text-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.viewer-media-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.viewer-media-content{object-fit:contain;width:100%;height:100%}.viewer-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:3004;text-align:center;pointer-events:none;background-color:#0009;border:1px solid #ffffff1a;border-radius:12px;max-width:80%;padding:12px 24px;font-size:15px;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.viewer-viewers-btn{cursor:pointer;z-index:3003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;transition:background-color .2s;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.viewer-viewers-btn:hover{background-color:#0009}.viewer-delete-btn{cursor:pointer;z-index:3003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;bottom:80px;right:30px}.viewer-delete-btn:hover{background-color:#ff3b3099;transform:scale(1.1)}.viewer-viewers-btn span{font-size:14px;font-weight:500}.viewers-modal-overlay{z-index:4000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out previewFadeIn;display:flex;position:fixed;top:0;left:0}.viewers-modal-content{color:#1a1a1a;background-color:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;display:flex;overflow:hidden}.viewers-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.viewers-modal-header h3{margin:0;font-size:17px;font-weight:600}.close-modal-btn{color:#7a7a7a;cursor:pointer;background:0 0;border:none;padding:4px}.viewers-list{flex:1;padding:10px 0;overflow-y:auto}.viewer-item{cursor:pointer;align-items:center;gap:12px;padding:12px 20px;transition:background-color .2s;display:flex}.viewer-item:hover{background-color:#f9fafb}.viewer-avatar-small{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.viewer-avatar-small img{object-fit:cover;width:100%;height:100%}.avatar-circle-small{color:#fff;background-color:#d42554;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.viewer-details-small{flex-direction:column;display:flex}.viewer-name-small{font-size:14px;font-weight:600}.viewer-bio-small{color:#7a7a7a;font-size:12px}.no-viewers{text-align:center;color:#7a7a7a;padding:40px;font-size:14px}.confirm-modal-overlay{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out previewFadeIn;display:flex;position:fixed;top:0;left:0}.confirm-modal-content{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:360px;padding:32px;box-shadow:0 25px 50px #0000004d}.confirm-modal-icon{justify-content:center;margin-bottom:20px;display:flex}.confirm-modal-content h3{color:#1a1a1a;margin:0 0 12px;font-size:22px;font-weight:700}.confirm-modal-content p{color:#666;margin:0 0 28px;font-size:15px;line-height:1.5}.confirm-modal-actions{gap:12px;display:flex}.confirm-modal-actions button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.confirm-cancel-btn{color:#333;background-color:#f2f2f2}.confirm-cancel-btn:hover{background-color:#e5e5e5}.confirm-delete-btn{color:#fff;background-color:#d42554}.confirm-delete-btn:hover{background-color:#eb3667;transform:translateY(-2px)}.confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed}body.dark-mode .confirm-modal-content{color:#fff!important;background-color:#1a1a1a!important;border:1px solid #2d2d2d!important}body.dark-mode .confirm-modal-content h3{color:#fff!important}body.dark-mode .confirm-modal-content p{color:#a0a0a0!important}body.dark-mode .confirm-cancel-btn{color:#a0a0a0!important;background-color:#2a2a2a!important}body.dark-mode .confirm-cancel-btn:hover{background-color:#333!important}.viewer-bottom-caption{color:#fff;-webkit-backdrop-filter:blur(10px);text-align:center;z-index:10;background-color:#000000b3;border-radius:12px;min-width:200px;max-width:80%;padding:12px 24px;font-size:16px;transition:all .3s;animation:.3s ease-out fadeInCaption;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0000004d}.viewer-bottom-caption.expanded{text-align:left;max-height:200px;overflow-y:auto}@keyframes fadeInCaption{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.decline-btn{background-color:#dc3545}.accept-btn:hover,.decline-btn:hover{transform:scale(1.1)}.accept-btn svg,.decline-btn svg{width:30px;height:30px}.pulse{animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{transform:scale(1);box-shadow:0 0 #ec489966}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ec489900}to{transform:scale(1);box-shadow:0 0 #ec489900}}.audio-call-visualizer{text-align:center;color:#fff}.recording-bar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;width:100%;margin:5px 0;padding:12px 20px;display:flex;box-shadow:0 4px 12px #0000000d}.recording-indicator{align-items:center;gap:8px;min-width:60px;display:flex}.recording-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px}.recording-dot.blink{animation:1s infinite pulse-red}@keyframes pulse-red{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.recording-dot.paused{background-color:#94a3b8}.recording-time{color:#475569;font-family:monospace;font-size:14px;font-weight:600}.recording-waveform{flex:1;align-items:center;gap:2px;height:30px;display:flex;overflow:hidden}.waveform-bar{background-color:#d42554;border-radius:2px;width:3px;transition:height .2s}.waveform-bar.animate{animation:1s infinite alternate waveform-pulse}@keyframes waveform-pulse{0%{opacity:.6}to{opacity:1}}.recording-actions{align-items:center;gap:10px;display:flex}.recording-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.recording-btn.cancel{color:#64748b}.recording-btn.cancel:hover{color:#ef4444;background-color:#f1f5f9}.recording-btn.pause,.recording-btn.resume{color:#d42554}.recording-btn.pause:hover,.recording-btn.resume:hover{background-color:#fef2f2}.recording-btn.send{color:#22c55e}.recording-btn.send:hover{background-color:#f0fdf4}.call-duration-text{color:#64748b;background:#e2e8f080;border-radius:6px;align-items:center;margin-left:8px;padding:2px 8px;font-size:13px;font-weight:500;display:inline-flex}.call-status-row{align-items:center;margin-top:2px;display:flex}.call-status-text{margin-left:4px;font-size:13px;font-weight:600}.call-status-text.outgoing{color:#3b82f6}.call-status-text.incoming{color:#10b981}.call-status-text.missed{color:#ef4444}.call-status-icon{width:14px;height:14px}@keyframes thump{0%{transform:scale(1);box-shadow:0 0 #db2777b3}50%{transform:scale(1.05);box-shadow:0 0 0 15px #db277700}to{transform:scale(1);box-shadow:0 0 #db277700}}.avatar-circle.is-thumping{border:2px solid #f472b6;animation:.8s cubic-bezier(.4,0,.2,1) infinite thump}.add-person-modal-overlay{z-index:2147483647;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-person-modal{background:#fff;border-radius:24px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;display:flex;box-shadow:0 20px 40px #0003}.modal-header{justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:24px}.modal-search-input{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 15px;font-size:14px}.modal-search-input:focus{border-color:#d42554}.friends-list{flex:1;padding:0 10px 10px;overflow-y:auto}.friend-item{cursor:pointer;border-radius:12px;align-items:center;margin-bottom:4px;padding:10px;transition:background .2s;display:flex}.friend-item:hover{background:#f8fafc}.friend-item.selected{background:#fff1f2}.friend-avatar{width:40px;height:40px;margin-right:12px}.friend-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.friend-name{color:#334155;font-size:14px;font-weight:600}.cancel-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;flex:1;padding:12px;font-weight:600}.confirm-add-btn{color:#fff;cursor:pointer;background:#d42554;border:none;border-radius:12px;flex:2;padding:12px;font-weight:600;animation:.3s fadeIn}.selection-dot{background:#d42554;border-radius:50%;width:8px;height:8px;margin-left:auto}.no-friends{text-align:center;color:#94a3b8;padding:20px}.is-ringing{opacity:.7;filter:grayscale(.5);animation:1.5s infinite pulse-ring}.participant-video-wrap{background:#1e293b;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;transition:all .3s;display:flex;position:relative;overflow:hidden}.participant-video-wrap.large{border-radius:24px}.participant-video-wrap.is-speaking{border-color:#6366f1;box-shadow:0 0 15px #6366f166}.participant-video-el{object-fit:cover;background:#000;width:100%;height:100%}.local-video-preview-small{z-index:20;background:#000;border:2px solid #ffffff4d;border-radius:10px;width:70px;height:95px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 8px 16px #00000080}.local-video-preview-small video{object-fit:cover;width:100%;height:100%}.ringing-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;white-space:nowrap;z-index:5;background:#0009;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.control-btn.active-red{background:#ef4444!important}.active-call-window.is-video{width:500px;max-width:95vw;height:650px;max-height:90vh}.active-call-window.is-video .participants-grid{gap:20px}.active-call-window.is-video .participant-video-wrap{min-height:180px}.active-call-window.is-video .avatar-circle{box-shadow:0 0 40px #0006}.message-bubble-container{align-items:center;max-width:85%;display:flex;position:relative}.message-row.sent .message-bubble-container{flex-direction:row-reverse}.message-options-outer{opacity:0;align-items:center;margin:0 8px;transition:opacity .2s;display:flex;position:relative}.message-row:hover .message-options-outer{opacity:1}.message-options-outer:has(.message-dropdown-menu){opacity:1!important}.message-options-trigger{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001f}.message-options-trigger:hover{border-color:#d42554;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.trigger-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.trigger-btn:hover{color:#d42554;background-color:#f3f4f6}.message-dropdown-menu{z-index:100;background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;width:170px;margin-top:8px;padding:6px;animation:.2s ease-out scaleIn;position:absolute;top:100%;box-shadow:0 10px 25px #0000001a}.message-row.sent .message-dropdown-menu{right:0}.message-row.received .message-dropdown-menu{left:0}.message-dropdown-menu.open-up{margin-top:0;margin-bottom:8px;top:auto;bottom:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.menu-item{color:#4b5563;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.menu-item:hover{color:#111827;background-color:#f9fafb}.menu-item svg{color:#9ca3af;transition:color .2s}.menu-item:hover svg{color:#4b5563}.menu-item.delete,.menu-item.delete svg{color:#ef4444}.menu-item.delete:hover{background-color:#fef2f2}.menu-divider{background-color:#f3f4f6;height:1px;margin:6px 0}body.dark-mode .message-options-trigger{background-color:#1a1a1a;border-color:#333;box-shadow:0 4px 15px #0006}body.dark-mode .trigger-btn:hover{background-color:#2a2a2a}body.dark-mode .message-dropdown-menu{background-color:#1a1a1a;border-color:#2a2a2a;box-shadow:0 10px 25px #0000004d}body.dark-mode .menu-item{color:#d1d5db}body.dark-mode .menu-item:hover{color:#fff;background-color:#2a2a2a}body.dark-mode .menu-divider{background-color:#2a2a2a}.delete-modal-btn{cursor:pointer;color:#d42554;text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:24px;min-width:180px;padding:10px 24px;font-size:15px;font-weight:500;transition:all .2s}.delete-modal-btn.everyone{background-color:#fef2f2;border:none}.delete-modal-btn.cancel{border:1px solid #e5e7eb}.delete-modal-btn:hover{filter:brightness(.95)}body.dark-mode .delete-modal-btn{color:#eb3667;background-color:#1a1a1a;border-color:#333}body.dark-mode .delete-modal-btn.everyone{background-color:#d4255426;border:none}.header-dropdown-menu{z-index:1001;background-color:#fff;border:1px solid #f0f0f0;border-radius:14px;min-width:210px;margin-top:8px;padding:6px 0;animation:.2s ease-out headerFadeIn;position:absolute;top:100%;right:10px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.header-dropdown-menu .menu-item{color:#374151;cursor:pointer;align-items:center;padding:8px 14px;font-size:14px;transition:all .2s;display:flex}.header-dropdown-menu .menu-item:hover:not(.disabled){background-color:#f9fafb}.header-dropdown-menu .menu-item.disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.header-dropdown-menu .menu-divider{background-color:#f3f4f6;height:1px;margin:6px 0}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-5px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}body.dark-mode .header-dropdown-menu{background-color:#1a1a1a!important;border-color:#2a2a2a!important;box-shadow:0 10px 25px #0006!important}body.dark-mode .header-dropdown-menu .menu-item{color:#f0f0f0!important}body.dark-mode .header-dropdown-menu .menu-item:hover:not(.disabled){background-color:#222!important}body.dark-mode .header-dropdown-menu .menu-divider{background-color:#2a2a2a!important}.favorite-star-header{color:gold;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.favorite-star-header:hover{transform:scale(1.15)}.favorite-star-header:active{transform:scale(.9)}.favorite-star-sidebar{color:gold;filter:drop-shadow(0 0 2px #ffd70066);animation:.3s ease-out starAppear}@keyframes starAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}[title]{position:relative}.replied-message-snippet{cursor:pointer;background-color:#0000000d;border-radius:8px;max-width:100%;margin-bottom:8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.replied-message-snippet:hover{filter:brightness(.95);transform:translate(2px)}.sent .replied-message-snippet{background-color:#ffffff26}.reply-snippet-accent{background-color:#d42554;flex-shrink:0;width:4px}.sent .reply-snippet-accent{background-color:#fff}.reply-snippet-content{flex-direction:column;flex:1;padding:6px 10px;display:flex;overflow:hidden}.reply-snippet-header{color:#d42554;margin-bottom:2px;font-size:11px;font-weight:800}.sent .reply-snippet-header{color:#fff}.reply-snippet-body{align-items:center;gap:8px;display:flex;overflow:hidden}.reply-snippet-thumbnail{border-radius:4px;flex-shrink:0;width:30px;height:30px;overflow:hidden}.reply-snippet-thumbnail img{object-fit:cover;width:100%;height:100%}.reply-snippet-text{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sent .reply-snippet-text{color:#fff}.highlight-message{animation:2s ease-out highlight-pulse}@keyframes highlight-pulse{0%{background-color:#d4255466}50%{background-color:#d425541a}to{background-color:#0000}}.animate-slide-up{animation:.3s cubic-bezier(.165,.84,.44,1) slideUp}.animate-pop-in{animation:.2s cubic-bezier(.175,.885,.32,1.275) popIn}body.dark-mode .replied-message-snippet{background-color:#ffffff0d}body.dark-mode .sent .replied-message-snippet{background-color:#ffffff1a}body.dark-mode .reply-preview-container{background-color:#1a1a1a!important;border-color:#333!important}body.dark-mode .reply-snippet-text{color:#a0a0a0!important}body.dark-mode .sent .reply-snippet-text{color:#fff!important}.media-viewer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.media-viewer-container{color:#fff;flex-direction:column;width:100%;height:100%;display:flex}.media-viewer-top{background:linear-gradient(#00000080,#0000);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.media-viewer-user-info{align-items:center;gap:12px;display:flex}.media-viewer-avatar{background-color:#333;border-radius:50%;width:40px;height:40px;overflow:hidden}.media-viewer-avatar img{object-fit:cover;width:100%;height:100%}.media-viewer-avatar .avatar-placeholder{background-color:#d42554;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.media-viewer-meta{flex-direction:column;display:flex}.media-viewer-username{font-size:16px;font-weight:600}.media-viewer-date{opacity:.7;font-size:12px}.media-viewer-actions{align-items:center;gap:15px;display:flex}.media-viewer-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.media-viewer-actions button:hover{background:#fff3}.media-viewer-actions .media-viewer-close{background:#d42554}.media-viewer-main{flex:1;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative;overflow:hidden}.nav-arrow{color:#fff;cursor:pointer;z-index:10;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:background .2s;display:flex}.nav-arrow:hover{background:#00000080}.media-display-area{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.media-wrapper{justify-content:center;align-items:center;max-width:80%;max-height:80%;transition:transform .3s;display:flex}.media-wrapper img,.media-wrapper video{border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 10px 30px #00000080}.file-preview-placeholder{background:#ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:300px;padding:40px;display:flex}.file-name{text-align:center;word-break:break-all;font-size:18px;font-weight:600}.download-btn{color:#fff;cursor:pointer;background:#d42554;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:transform .2s}.download-btn:hover{transform:translateY(-2px)}.media-viewer-bottom{background:linear-gradient(#0000,#00000080);justify-content:center;padding:20px;display:flex}.media-thumbnails{gap:10px;max-width:80%;padding:10px;display:flex;overflow-x:auto}.media-thumbnails::-webkit-scrollbar{height:4px}.media-thumb-item{cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:60px;height:60px;transition:all .2s;overflow:hidden}.media-thumb-item.active{opacity:1;transform:scale(1.1);box-shadow:0 4px 12px #22c55e66;border:2.5px solid #22c55e!important}.media-thumb-item:hover{opacity:1;transform:translateY(-2px)}.media-thumb-item img,.media-thumb-item video{object-fit:cover;width:100%;height:100%}.video-thumb,.file-thumb{background:#333;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.message-video-preview{transition:transform .2s,filter .2s}.message-video-preview:hover{filter:brightness(.95)}.message-video-preview:hover .video-play-overlay{box-shadow:0 6px 20px #d4255466;background-color:#d42554e6!important;transform:scale(1.12)!important}.video-play-overlay{transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important}.chat-input-wrapper{background-color:#fff;border-top:1px solid #f0f0f0;align-items:center;gap:12px;width:100%;padding:12px 20px;display:flex}.chat-input-field-container{background-color:#f3f4f6;border:1px solid #0000;border-radius:24px;flex:1;align-items:center;padding:0 16px;transition:all .2s;display:flex}.chat-input-field-container:focus-within{background-color:#fff;border-color:#d42554;box-shadow:0 0 0 2px #d425541a}.chat-input-field{width:100%;color:#1f2937!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:12px 0!important;font-size:15px!important}.input-action-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.input-action-btn:hover{color:#d42554;background-color:#f3f4f6}.input-action-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d42554 0%,#eb3667 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 10px #d4255433}.send-btn:hover:not(:disabled){transform:scale(1.1)rotate(-10deg);box-shadow:0 6px 15px #d425544d}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb}.spinner-mini{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}body.dark-mode .chat-input-wrapper{background-color:#0b0b0b;border-top-color:#222}body.dark-mode .chat-input-field-container{background-color:#1a1a1a;border-color:#333}body.dark-mode .chat-input-field-container:focus-within{background-color:#000;border-color:#d42554}body.dark-mode .chat-input-field{color:#fff!important}body.dark-mode .input-action-btn:hover{background-color:#222}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.new-call-modal{border-radius:24px;flex-direction:column;width:450px;max-width:90vw;max-height:80vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.new-call-modal .modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.new-call-modal .modal-title{margin:0;font-size:20px;font-weight:700}.close-modal{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.close-modal:hover{color:#111827;background:#e5e7eb}.new-call-modal .modal-body{flex:1;padding:20px;overflow-y:auto}.call-type-options{grid-template-columns:1fr 1fr;gap:20px;padding:10px 0;display:grid}.call-type-card{cursor:pointer;border:2px solid #f0f0f0;border-radius:20px;flex-direction:column;align-items:center;gap:15px;padding:30px 20px;transition:all .3s;display:flex}.call-type-card:hover{background-color:#eb36670d;border-color:#eb3667;transform:translateY(-4px)}.type-icon-wrapper{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.call-type-card.audio .type-icon-wrapper{color:#007aff;background-color:#e8f2ff}.call-type-card.video .type-icon-wrapper{color:#eb3667;background-color:#fff0f5}.call-type-card span{color:#374151;font-size:16px;font-weight:600}.modal-search{position:relative}.modal-search .search-icon{color:#9ca3af;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.modal-search-input{border:1.5px solid #f0f0f0;border-radius:14px;width:100%;padding:12px 12px 12px 42px;font-size:15px;transition:all .2s}.modal-search-input:focus{border-color:#eb3667;outline:none;box-shadow:0 0 0 4px #eb36671a}.selected-counter{color:#6b7280;margin-bottom:12px;font-size:13px;font-weight:500}.friends-selection-list{flex-direction:column;gap:8px;display:flex}.selection-item{cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;padding:12px;transition:all .2s;display:flex}.selection-item:hover{background-color:#f9fafb}.selection-item.selected{background-color:#eb366714;border-color:#eb366733}.selection-item.disabled{opacity:.5;cursor:not-allowed}.selection-avatar{border-radius:50%;flex-shrink:0;width:44px;height:44px;margin-right:14px;overflow:hidden}.selection-avatar img{object-fit:cover;width:100%;height:100%}.selection-info{flex-direction:column;flex:1;display:flex}.selection-name{color:#1f2937;font-size:15px;font-weight:600}.selection-status{color:#6b7280;margin-top:2px;font-size:12px}.selection-checkbox{border:2px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.selection-item.selected .selection-checkbox{color:#fff;background-color:#eb3667;border-color:#eb3667}.modal-footer{border-top:1px solid #f0f0f0;gap:12px;padding:20px 24px;display:flex}.cancel-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex:1;padding:12px;font-weight:600;transition:all .2s}.cancel-btn:hover{background:#f9fafb}.start-call-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d42554 0%,#eb3667 100%);border:none;border-radius:14px;flex:2;padding:12px;font-weight:600;transition:all .2s}.start-call-btn:hover{opacity:.9;transform:translateY(-1px)}.start-call-btn.disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;transform:none}body.dark-mode .new-call-modal{border:1px solid #2a2a2a;background-color:#1a1a1a!important}body.dark-mode .new-call-modal .modal-header,body.dark-mode .modal-footer{border-color:#2a2a2a!important}body.dark-mode .close-modal{color:#a0a0a0;background:#2a2a2a}body.dark-mode .call-type-card{border-color:#2a2a2a}body.dark-mode .call-type-card:hover{background-color:#eb36671a;border-color:#eb3667}body.dark-mode .call-type-card span,body.dark-mode .selection-name{color:#fff!important}body.dark-mode .selection-item:hover{background-color:#222}body.dark-mode .selection-item.selected{background-color:#eb366726}body.dark-mode .modal-search-input{color:#fff;background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .cancel-btn{color:#a0a0a0;background:#2a2a2a;border-color:#333}body.dark-mode .cancel-btn:hover{background:#333}body.dark-mode .selection-checkbox{border-color:#333}.messenger-layout.standalone{background-color:#0000;width:100%;height:100%}.main-content.standalone{border:none;width:100%;height:100%}body.dark-mode .user-info-sidebar,body.dark-mode .group-info-sidebar{background-color:#0b0b0b!important;border-left:1px solid #2a2a2a!important}body.dark-mode .user-info-sidebar header,body.dark-mode .group-info-sidebar header{background-color:#1a1a1a!important;border-bottom:1px solid #2a2a2a!important}body.dark-mode .user-info-sidebar header h3,body.dark-mode .group-info-sidebar header h3,body.dark-mode .user-info-sidebar h2,body.dark-mode .group-info-sidebar h2{color:#fff!important}body.dark-mode .user-info-sidebar p,body.dark-mode .group-info-sidebar p,body.dark-mode .user-info-sidebar span:not(.chip),body.dark-mode .group-info-sidebar span:not(.chip){color:#a0a0a0!important}body.dark-mode .user-info-content,body.dark-mode .group-info-content{background-color:#0b0b0b!important}body.dark-mode .user-info-content>div>div:first-child,body.dark-mode .group-info-content>div>div:first-child{border-color:#1a1a1a!important}body.dark-mode .media-viewer-thumbnail,body.dark-mode .info-section-card{background-color:#1a1a1a!important;border-color:#2a2a2a!important}body.dark-mode .member-item:hover,body.dark-mode .common-group-item:hover{background-color:#1a1a1a!important}body.dark-mode .info-action-btn{color:#d42554!important;background-color:#d425541a!important;border-color:#d4255433!important}body.dark-mode .user-info-sidebar button[style*="background: #fef2f2"],body.dark-mode .group-info-sidebar button[style*="background: #fef2f2"],body.dark-mode .user-info-sidebar button[style*="backgroundColor: #fef2f2"],body.dark-mode .group-info-sidebar button[style*="backgroundColor: #fef2f2"]{color:#d42554!important;background-color:#d4255426!important;border:none!important}body.dark-mode .user-info-sidebar header button,body.dark-mode .group-info-sidebar header button{color:#d42554!important;background-color:#d4255426!important}body.dark-mode .user-info-sidebar h4,body.dark-mode .group-info-sidebar h4{color:#a0a0a0!important}body.dark-mode .user-info-sidebar div[style*="backgroundColor: #f3f4f6"],body.dark-mode .group-info-sidebar div[style*="backgroundColor: #f3f4f6"],body.dark-mode .user-info-sidebar div[style*="background-color: #f3f4f6"],body.dark-mode .group-info-sidebar div[style*="background-color: #f3f4f6"]{background-color:#1a1a1a!important}body.dark-mode .user-info-sidebar div[style*="borderTop: 1px solid #f0f0f0"],body.dark-mode .group-info-sidebar div[style*="borderTop: 1px solid #f0f0f0"],body.dark-mode .user-info-sidebar div[style*="border-top: 1px solid #f0f0f0"],body.dark-mode .group-info-sidebar div[style*="border-top: 1px solid #f0f0f0"]{border-top-color:#2a2a2a!important}body.dark-mode .user-info-sidebar .avatar-circle,body.dark-mode .group-info-sidebar .avatar-circle{border-color:#0b0b0b!important}body.dark-mode .fab-menu-container{background-color:#1a1a1a!important;box-shadow:0 10px 25px #0006!important}body.dark-mode .fab-menu-item{color:#f0f0f0!important}body.dark-mode .fab-menu-item:hover{background-color:#222!important}body.dark-mode .fab-menu-icon{color:#d42554!important;background-color:#d4255426!important}body.dark-mode .status-action-menu{background-color:#1a1a1a!important;border-color:#2a2a2a!important;box-shadow:0 10px 30px #0006!important}body.dark-mode .status-action-item{color:#f0f0f0!important}body.dark-mode .status-action-item:hover{background-color:#222!important}body.dark-mode .status-action-icon{color:#d42554!important}.notification-item{background-color:#fff;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:10px;padding:15px;display:flex;box-shadow:0 2px 5px #0000000d}.notification-item-header{align-items:center;gap:12px;display:flex}.notification-avatar{color:#d42554;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:600;display:flex;overflow:hidden}.notification-avatar img{object-fit:cover;width:100%;height:100%}.notification-info{flex:1}.notification-name{color:#1f2937;margin:0;font-size:15px;font-weight:600}.notification-subtitle{color:#6b7280;margin:0;font-size:12px}.notification-actions{gap:8px;display:flex}.notification-connect-btn,.notification-cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.notification-connect-btn{color:#fff;background-color:#d42554}.notification-cancel-btn{color:#4b5563;background-color:#f3f4f6}body.dark-mode .notification-item{background-color:#1a1a1a!important;box-shadow:0 4px 12px #0003!important}body.dark-mode .notification-name{color:#fff!important}body.dark-mode .notification-subtitle,body.dark-mode .user-item-status,body.dark-mode .modal-search-input::placeholder,body.dark-mode .chat-search-input::placeholder,body.dark-mode .settings-item-subtitle{color:#a0a0a0!important}body.dark-mode .modal-search-input,body.dark-mode .chat-search-input{color:#fff!important;background-color:#0b0b0b!important;border-color:#2a2a2a!important}body.dark-mode .modal-search-input:focus,body.dark-mode .chat-search-input:focus{border-color:#d42554!important}body.dark-mode .notification-avatar{background-color:#2a2a2a!important}body.dark-mode .notification-cancel-btn{color:#a0a0a0!important;background-color:#2a2a2a!important}body.dark-mode .notification-cancel-btn:hover{background-color:#333!important}.call-list{flex:1;overflow-y:auto}.blocked-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:15px;padding:15px;display:flex}.blocked-item .avatar-container{border-radius:50%;width:45px;height:45px;overflow:hidden}.blocked-item .avatar-container img{object-fit:cover;width:100%;height:100%}.blocked-item .user-info{flex:1}.blocked-item .user-name{color:#1f2937;font-weight:600}.blocked-item .blocked-date{color:#6b7280;font-size:12px}.unblock-btn{color:#d42554;cursor:pointer;background:0 0;border:1px solid #d42554;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.loading-state{text-align:center;padding:40px}.loading-state .spinner-mini{margin:0 auto 10px}.loading-state p{color:#6b7280;font-size:14px}body.dark-mode .blocked-item{border-bottom-color:#2a2a2a!important}body.dark-mode .blocked-item .user-name{color:#fff!important}body.dark-mode .blocked-item .blocked-date,body.dark-mode .loading-state p{color:#a0a0a0!important}.report-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.report-modal-content{background-color:#fff;border-radius:20px;width:450px;padding:30px;position:relative;box-shadow:0 20px 40px #0003}.report-modal-content .modal-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;position:absolute;top:20px;right:20px}.report-modal-content .modal-title{color:#1f2937;margin-bottom:10px;font-size:24px;font-weight:800}.report-modal-content .modal-description{color:#6b7280;margin-bottom:25px;font-size:14px}.report-modal-content .modal-form-group{margin-bottom:20px}.report-modal-content .modal-label{color:#4b5563;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.report-modal-content .modal-select-wrapper{position:relative}.report-modal-content .modal-select{appearance:none;color:#1f2937;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 15px;font-size:14px}.report-modal-content .modal-select-arrow{pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.report-modal-content .modal-textarea{resize:none;color:#1f2937;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;min-height:100px;padding:12px 15px;font-size:14px}.report-modal-content .modal-error-message{color:#d42554;align-items:center;gap:5px;margin-bottom:15px;font-size:13px;display:flex}.report-modal-content .modal-footer-actions{gap:12px;display:flex}.report-modal-content .modal-cancel-btn,.report-modal-content .modal-submit-btn{cursor:pointer;border-radius:12px;padding:12px;font-weight:600;transition:all .2s}.report-modal-content .modal-cancel-btn{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb;flex:1}.report-modal-content .modal-cancel-btn:hover{background-color:#e5e7eb}.report-modal-content .modal-submit-btn{color:#fff;background-color:#d42554;border:none;flex:2}.report-modal-content .modal-loading-content{align-items:center;gap:10px;display:flex}body.dark-mode .report-modal-content{background-color:#1a1a1a!important;box-shadow:0 20px 40px #0006!important}body.dark-mode .report-modal-content .modal-title{color:#fff!important}body.dark-mode .report-modal-content .modal-description{color:#a0a0a0!important}body.dark-mode .report-modal-content .modal-label{color:#d1d5db!important}body.dark-mode .report-modal-content .modal-select,body.dark-mode .report-modal-content .modal-textarea{color:#fff!important;background-color:#0b0b0b!important;border-color:#2a2a2a!important}body.dark-mode .report-modal-content .modal-cancel-btn{color:#a0a0a0!important;background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .report-modal-content .modal-cancel-btn:hover{background-color:#333!important}.search-input-wrapper{align-items:center;gap:12px;width:100%;padding:5px 0;animation:.3s fadeIn;display:flex}.search-input-container{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;padding:0 15px;transition:all .2s;display:flex}.search-input-container:focus-within{background-color:#fff;border-color:#d42554;box-shadow:0 0 0 2px #d425541a}.search-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:background-color .2s;display:flex}.search-close-btn:hover{background-color:#f3f4f6}.search-messages-panel,.all-media-view{z-index:1100;background-color:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:350px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-5px 0 15px #0000000d}.all-media-view{width:380px}.search-panel-header,.media-view-header{border-bottom:1px solid #f0f0f0;align-items:center;padding:20px;display:flex}.search-panel-input-area{border-bottom:1px solid #f0f0f0;padding:20px}.search-panel-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:700;transition:all .2s;display:flex}.search-panel-btn.submit{color:#fff;background-color:#d42554}.search-panel-btn.submit:disabled{cursor:not-allowed;background-color:#fbcfe8}.search-panel-btn.reset{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.search-panel-btn.reset:disabled{color:#9ca3af;cursor:not-allowed}.search-result-item{cursor:pointer;border-bottom:1px solid #f9fafb;border-radius:10px;margin-bottom:8px;padding:12px;transition:all .2s}.search-result-item:hover{background-color:#f3f4f6}.search-result-date{color:#6b7280;font-size:12px}.search-result-content{color:#374151;margin-top:4px;font-size:13px;line-height:1.4}.media-tab-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:15px 5px;font-weight:500;transition:all .2s;display:flex}.media-tab-btn.active{color:#d42554;border-bottom-color:#d42554;font-weight:700}body.dark-mode .search-input-container{background-color:#0b0b0b!important;border-color:#2a2a2a!important}body.dark-mode .search-input-container:focus-within{border-color:#d42554!important}body.dark-mode .search-close-btn:hover{background-color:#2a2a2a!important}.search-input-container .chat-search-input{box-shadow:none!important;background:0 0!important;border:none!important;padding:10px 5px!important}body.dark-mode .search-input-container .chat-search-input{color:#fff!important;background:0 0!important}body.dark-mode .search-messages-panel,body.dark-mode .all-media-view{background-color:#1a1a1a!important;border-left-color:#2a2a2a!important;box-shadow:-5px 0 15px #0000004d!important}body.dark-mode .search-panel-header,body.dark-mode .search-panel-input-area,body.dark-mode .media-view-header,body.dark-mode .media-tabs-container{border-bottom-color:#2a2a2a!important}body.dark-mode .search-panel-header h2,body.dark-mode .media-view-header h2{color:#fff!important}body.dark-mode .search-panel-btn.reset{color:#a0a0a0!important;background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .search-result-item{border-bottom-color:#2a2a2a!important}body.dark-mode .search-result-item:hover{background-color:#222!important}body.dark-mode .search-result-content{color:#d1d5db!important}body.dark-mode .media-tabs-container{background-color:#1a1a1a!important}body.dark-mode .media-tab-btn{color:#a0a0a0!important}body.dark-mode .media-tab-btn.active{color:#d42554!important}.emoji-picker-container{z-index:1000;border-radius:8px;position:absolute;bottom:60px;left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.emoji-picker-container .EmojiPickerReact{box-shadow:none!important;border:1px solid #f0f0f0!important}body.dark-mode .emoji-picker-container .EmojiPickerReact{--epr-header-padding:10px;--epr-bg-color:#1a1a1a!important;--epr-category-label-bg-color:#1a1a1a!important;--epr-search-input-bg-color:#2a2a2a!important;--epr-search-input-text-color:#fff!important;--epr-emoji-variation-picker-bg-color:#1a1a1a!important;--epr-hover-bg-color:#2a2a2a!important;--epr-focus-bg-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .EmojiPickerReact .epr-header,body.dark-mode .EmojiPickerReact .epr-body{background-color:#1a1a1a!important}body.dark-mode .EmojiPickerReact .epr-emoji-category-label{color:#fff!important;background-color:#1a1a1a!important}body.dark-mode .EmojiPickerReact .epr-search-container input{color:#fff!important;background-color:#2a2a2a!important;border-color:#444!important}.group-call-banner{z-index:100!important;color:#fff!important;background:linear-gradient(135deg,#166534 0%,#14532d 100%)!important;border-left:5px solid #22c55e!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;margin:0!important;padding:12px 20px!important;animation:.4s ease-out banner-slide-down!important;display:flex!important;position:absolute!important;top:65px!important;left:20px!important;right:20px!important;box-shadow:0 10px 30px #00000026!important}@keyframes banner-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.group-call-banner div:first-child{flex:1!important;min-width:0!important;overflow:hidden!important}.group-call-banner .join-call-btn{white-space:nowrap!important;color:#fff!important;cursor:pointer!important;background:#22c55e!important;border:none!important;border-radius:8px!important;flex-shrink:0!important;padding:8px 20px!important;font-size:12px!important;font-weight:800!important;transition:all .2s!important;box-shadow:0 4px 12px #0003!important}.group-call-banner .join-call-btn:hover{background:#16a34a!important;transform:translateY(-2px)!important}.group-call-banner span{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}body.dark-mode .group-call-banner{background:linear-gradient(135deg,#064e3b 0%,#022c22 100%)!important}.call-item.active-ongoing{background:#22c55e14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-left:4px solid #22c55e!important}body.dark-mode .call-item.active-ongoing{background:#22c55e1f!important}.call-item.active-ongoing:hover{background:#22c55e1f}.live-indicator-dot{z-index:2;background-color:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse-green-small;position:absolute;bottom:0;right:0;box-shadow:0 0 10px #22c55e66}@keyframes pulse-green-small{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}body.dark-mode .live-indicator-dot{border-color:#0b0b0b}.join-now-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #22c55e33}.join-now-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 16px #22c55e4d}.join-now-btn:active{transform:translateY(0)}.active-count-text{color:#22c55e;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.active-count-text:before{content:"";background-color:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block}.moderation-alert-card{margin-bottom:15px;transition:transform .2s,box-shadow .2s}.moderation-alert-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.moderation-alert-image img{animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}body.dark-mode .moderation-alert-card.blocked{background-color:#2d1a1a!important;border-color:#4a2222!important}body.dark-mode .moderation-alert-card.review{background-color:#1e1a2d!important;border-color:#2a224a!important}body.dark-mode .moderation-alert-card.approved{background-color:#1a2d1e!important;border-color:#224a2a!important}body.dark-mode .moderation-alert-content p{color:#d1d5db!important}.moderation-bubble{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.content-sidebar.dashboard-only{width:100%}@media (max-width:768px){.view-mode-chat .content-sidebar{display:none!important}.view-mode-chat .main-content{width:100%!important;height:calc(100vh - 60px)!important;display:flex!important}.view-mode-dashboard .main-content{display:none!important}.view-mode-dashboard .content-sidebar{width:100%!important;display:flex!important}}@media (min-width:769px){.chat-back-btn{display:none!important}}.call-item.selected-active{background-color:#e2e8f0!important}body.dark-mode .call-item.selected-active{background-color:#2c2c2e!important}.call-info-panel{background-color:#fff;border-left:1px solid #f1f5f9;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.call-info-header{background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.call-info-header-title{color:#0f172a;font-size:18px;font-weight:600}.call-info-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.call-info-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.call-info-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.call-info-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:24px;display:flex;box-shadow:0 1px 3px #00000005}.call-info-name{color:#0f172a;text-align:center;margin:12px 0 16px;font-size:20px;font-weight:600}.call-info-action-btn{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.call-info-action-btn:hover{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.call-info-section{flex-direction:column;gap:12px;display:flex}.call-info-section-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 4px;font-size:12px;font-weight:700}.call-info-log-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.call-info-icon-wrapper{color:#64748b;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.call-info-log-title{color:#0f172a;font-size:14px;font-weight:500}.call-info-log-time{color:#64748b;margin-top:2px;font-size:12px}.call-info-log-duration{color:#475569;font-size:14px;font-weight:500}.call-info-participant-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.call-info-participant-row[style*="cursor: pointer"]:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translate(2px)}.call-info-participant-name{color:#0f172a;font-size:14px;font-weight:500}.call-info-participant-status{color:#64748b;margin-top:2px;font-size:12px}body.dark-mode .call-info-panel{color:#f0f0f0!important;background-color:#0b0b0b!important;border-left-color:#1f1f1f!important}body.dark-mode .call-info-header{background-color:#000!important;border-bottom-color:#1f1f1f!important}body.dark-mode .call-info-header-title{color:#fff!important}body.dark-mode .call-info-close-btn{color:#a0a0a0!important}body.dark-mode .call-info-close-btn:hover{color:#fff!important;background-color:#1f1f1f!important}body.dark-mode .call-info-card{box-shadow:none!important;background-color:#000!important;border-color:#1f1f1f!important}body.dark-mode .call-info-name{color:#fff!important}body.dark-mode .call-info-action-btn{color:#a0a0a0!important;background-color:#121212!important;border-color:#1f1f1f!important}body.dark-mode .call-info-action-btn:hover{color:#fff!important;background-color:#1f1f1f!important;border-color:#333!important}body.dark-mode .call-info-section-title{color:#64748b!important}body.dark-mode .call-info-log-row{background-color:#000!important;border-color:#1f1f1f!important}body.dark-mode .call-info-icon-wrapper{color:#a0a0a0!important;background-color:#121212!important}body.dark-mode .call-info-log-title{color:#fff!important}body.dark-mode .call-info-log-time{color:#a0a0a0!important}body.dark-mode .call-info-log-duration{color:#fff!important}body.dark-mode .call-info-participant-row{background-color:#000!important;border-color:#1f1f1f!important}body.dark-mode .call-info-participant-row[style*="cursor: pointer"]:hover{background-color:#121212!important;border-color:#1f1f1f!important}body.dark-mode .call-info-participant-name{color:#fff!important}body.dark-mode .call-info-participant-status{color:#a0a0a0!important}.beta-popup-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out betaFadeIn;display:flex;position:fixed;top:0;left:0}.beta-popup-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:24px;width:580px;max-width:90vw;padding:30px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.2s ease-out betaScaleIn;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark-mode .beta-popup-card{color:#fff!important;background-color:#1a1a1a!important;border-color:#2a2a2a!important}.beta-popup-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.beta-popup-close:hover{color:#374151;background-color:#f3f4f6}body.dark-mode .beta-popup-close:hover{color:#fff!important;background-color:#2a2a2a!important}.beta-popup-close svg{width:20px;height:20px}.beta-popup-header{align-items:center;gap:20px;display:flex}.beta-popup-logo-container{flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.beta-popup-logo{object-fit:contain;width:100%;height:100%}.beta-popup-header-text{flex-direction:column;display:flex}.beta-popup-title{color:#111827;margin:0;font-size:20px;font-weight:700;line-height:1.3}body.dark-mode .beta-popup-title{color:#fff!important}.beta-popup-subtitle{letter-spacing:.1em;color:#d42554;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700}body.dark-mode .beta-popup-subtitle{color:#eb3667!important}.beta-popup-divider{background-color:#e5e7eb;width:100%;height:1px;margin:0}body.dark-mode .beta-popup-divider{background-color:#2a2a2a!important}.beta-popup-bullets{flex-direction:column;gap:20px;display:flex}.beta-popup-bullet-item{align-items:flex-start;gap:16px;display:flex}.beta-popup-bullet-icon{color:#d42554;background-color:#d4255414;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}body.dark-mode .beta-popup-bullet-icon{color:#eb3667!important;background-color:#eb366726!important}.beta-popup-bullet-content{flex-direction:column;gap:4px;display:flex}.beta-popup-bullet-title{color:#111827;margin:0;font-size:14px;font-weight:650}body.dark-mode .beta-popup-bullet-title{color:#fff!important}.beta-popup-bullet-desc{color:#4b5563;margin:0;font-size:13px;line-height:1.5}body.dark-mode .beta-popup-bullet-desc{color:#a0a0a0!important}.beta-popup-sheet-box{background-color:#d425540a;border:1px solid #d425541a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}body.dark-mode .beta-popup-sheet-box{background-color:#d4255414!important;border-color:#d4255433!important}.beta-popup-sheet-left{align-items:center;gap:12px;display:flex}.beta-popup-sheet-content{flex-direction:column;gap:2px;display:flex}.beta-popup-sheet-title{color:#111827;margin:0;font-size:14px;font-weight:650}body.dark-mode .beta-popup-sheet-title{color:#fff!important}.beta-popup-sheet-desc{color:#4b5563;margin:0;font-size:12px}body.dark-mode .beta-popup-sheet-desc{color:#a0a0a0!important}.beta-popup-sheet-btn{color:#d42554;cursor:pointer;white-space:nowrap;background-color:#0000;border:1.5px solid #d42554;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.beta-popup-sheet-btn:hover{background-color:#d425540d}body.dark-mode .beta-popup-sheet-btn{color:#eb3667!important;border-color:#eb3667!important}body.dark-mode .beta-popup-sheet-btn:hover{background-color:#eb36671a!important}.beta-popup-footer{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.beta-popup-btn-cancel{color:#d42554;cursor:pointer;background-color:#0000;border:1.5px solid #d42554;border-radius:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .2s}.beta-popup-btn-cancel:hover{background-color:#d425540d}body.dark-mode .beta-popup-btn-cancel{color:#eb3667!important;border-color:#eb3667!important}body.dark-mode .beta-popup-btn-cancel:hover{background-color:#eb36671a!important}.beta-popup-btn-continue{color:#fff;cursor:pointer;background:linear-gradient(#d42554 0%,#eb3667 100%);border:none;border-radius:8px;padding:10px 24px;font-size:13.5px;font-weight:600;transition:opacity .2s}.beta-popup-btn-continue:hover{opacity:.9}@keyframes betaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes betaScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}