[data-simplebar]{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;position:relative}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{pointer-events:none;width:100%;max-width:100%;max-height:100%}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-track{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{min-height:10px;position:absolute;left:0;right:0}.simplebar-scrollbar:before{content:"";opacity:0;background:#000;border-radius:7px;transition:opacity .2s linear .5s;position:absolute;left:2px;right:2px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-duration:0s;transition-delay:0s}.simplebar-track.simplebar-vertical{width:11px;top:0}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{width:auto;min-width:10px;min-height:0;top:0;bottom:0;left:0;right:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{opacity:0;visibility:hidden;direction:rtl;width:500px;height:500px;position:fixed;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{visibility:hidden;scrollbar-width:none;-ms-overflow-style:none;position:fixed;left:0;overflow-y:scroll}
.user-chat{background-color:#262e35;width:100%;height:calc(100dvh - 4rem);transition:all .4s;overflow:hidden;box-shadow:0 2px 4px rgba(15,34,58,.12)}.user-chat_flex{height:100%;display:flex}.user-chat_container{width:100%;position:relative;overflow:hidden}.user-chat_name_img{align-items:center;gap:1rem;display:flex}.message{align-items:flex-end;margin-bottom:1.5rem;display:flex}.message-wrapper{margin-left:1rem}.text-wrap{margin-bottom:10px;display:flex}.text-wrap_content{color:#fff;background-color:#7269ef;border-radius:8px 8px 8px 0;padding:12px 20px;position:relative}.text-wrap_content:before{content:"";border:5px solid transparent;border-top:10px solid #7269ef;border-left-color:#7269ef;position:absolute;bottom:-10px;left:0;right:auto}.chat-time{color:rgba(255,255,255,.5);text-align:right;margin-top:4px;font-size:12px}.clock{vertical-align:middle}.message_time{vertical-align:middle;padding-left:5px}.ellipsis-vertical{margin-left:.25rem;position:relative}.right{float:right;text-align:right}.right .avatar-xs{order:3;margin-left:16px;margin-right:0}.right .ellipsis-vertical{order:1;margin-right:.25rem}.right .text-wrap_content{color:#eff2f7;background-color:#36404a;border-radius:8px 8px 0;order:2}.right .text-wrap_content:before{border-top:10px solid #36404a;border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid #36404a;left:auto;right:0}@keyframes DropDownSlide{to{transform:translateY(0)}0%{transform:translateY(10px)}}button:not(:disabled){cursor:pointer}.text-muted{color:#abb4d2}.chat-input-section{background-color:#262e35;border-top:1px solid #36404a}.chat-inputs{flex-wrap:wrap;display:flex}.chat-inputs textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#a6b0cf;background-color:#36404a;background-clip:padding-box;border:1px solid #36404a;border-radius:.4rem;width:100%;min-height:calc(1.5em + 1rem + 6px);padding:.5rem 2rem .5rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.chat-inputs textarea:focus{box-shadow:none;outline:0}.chat-inputs>*{margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.messages .simple-bar{height:calc(100dvh - 240px)}@media screen and (max-width:992px){.user-chat.user-chat-show{visibility:visible;transform:translate(0)}.user-chat{z-index:100;visibility:hidden;height:100%;position:fixed;top:0;left:0;transform:translate(100%)}.messages .simple-bar{height:calc(100dvh - 180px)}}
.tab-pane{background-color:#303841;height:calc(100dvh - 4rem);overflow:hidden}.tab-pane>div{flex-direction:column;height:100%;display:flex}.tab-pane>div>section{flex-shrink:0}.tab-pane>div>section.chat-user-section{flex-shrink:1}.chat-search-box{flex-wrap:wrap;align-items:stretch;width:100%;margin-bottom:1rem;display:flex;position:relative}.search-box{width:1%;min-width:0;box-shadow:none;color:#a6b0cf;background-color:#36404a;background-clip:padding-box;border:0;border-top-left-radius:0;border-bottom-left-radius:0;outline:0;flex:auto;margin-left:-1px;padding:.5rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;position:relative}.search-icon{text-align:center;white-space:nowrap;background-color:#36404a;border:1px solid #36404a;border-radius:.25rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:400;line-height:1.5;display:flex}.carousel{direction:ltr;width:100%;margin:auto;position:relative}.carousel-stage,.carousel-wrapper{width:100%;position:relative}.carousel-stage{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat;white-space:nowrap;height:100%}.carousel-wrapper{height:auto;overflow:hidden}.carousel-stage__item{vertical-align:top;white-space:normal;width:71px;height:100%;margin:0 16px 0 0;padding:0;line-height:0;display:inline-block;position:relative}.carousel-stage__item *{line-height:normal}.user-status-box{text-align:center;background-color:#36404a;border-radius:8px;margin-top:16px;padding:8px;display:block}.user-status-box .chat-user-img{margin-left:auto;margin-right:auto;position:absolute;top:0;left:0;right:0}.user-status-box .chat-user-img img{max-width:100%;height:100%}.chat-user-img .user-status{border:2px solid #262e35;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;left:auto;right:0}.chat-user-img.online-user .user-status{background-color:#06d6a0}.carousel-font_size-name{text-overflow:ellipsis;white-space:nowrap;margin-top:1rem;margin-bottom:.25rem;font-size:13px;overflow:hidden}.chat-user-section{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-recent{color:#eff2f7;flex-shrink:0;padding-left:1rem;padding-right:1rem;font-size:16px}.chat-message_list-section{flex:1;min-height:0;position:relative;overflow:hidden}.chat-user-img{align-self:center;margin-left:0;position:relative}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.time{font-size:11px}.chat-message_list-section .simple-bar{height:100%}.simple-bar_profile{height:100%;max-height:100%;overflow:auto}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4b5563 transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#6b7280}@media screen and (max-width:992px){.tab-pane{width:100%;height:calc(100dvh - 7.5rem);max-height:calc(100dvh - 7.5rem)}.tab-pane>div{max-height:100%;overflow:hidden}.simple-bar_profile{height:calc(100dvh - 7.5rem);max-height:calc(100dvh - 7.5rem)}}@media (min-width:992px){.tab-pane{min-width:380px;max-width:380px}}.confessions-banner{cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f64f59 100%);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.confessions-banner:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.confessions-banner-icon{color:#fff;background:rgba(255,255,255,.2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confessions-banner-text{flex-direction:column;gap:2px;min-width:0;display:flex}.confessions-banner-title{color:#fff;font-size:14px;font-weight:600;line-height:1.2}.confessions-banner-subtitle{color:rgba(255,255,255,.85);font-size:12px;line-height:1.2}
.video-call-modal{z-index:9999;background:#0a0a0f;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.video-call-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.remote-video-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);flex:1;position:relative;overflow:hidden}.remote-video{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.remote-video video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.call-status-overlay-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.call-status-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.camera-off-overlay-container{background:linear-gradient(135deg,#2d2d44 0%,#1a1a2e 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.caller-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;font-weight:600;animation:2s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 0 40px rgba(102,126,234,.4)}@keyframes pulse-glow{0%,to{box-shadow:0 0 40px rgba(102,126,234,.4)}50%{box-shadow:0 0 60px rgba(102,126,234,.6)}}.caller-name{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.call-status{color:rgba(255,255,255,.7);margin:0;font-size:1rem}.call-type-label{color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem}.voice-call-avatar{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 0 40px rgba(34,197,94,.4)}.voice-wave-animation{justify-content:center;align-items:center;gap:4px;margin-top:1rem;display:flex}.voice-wave-animation span{background:#22c55e;border-radius:2px;width:4px;height:20px;animation:1s ease-in-out infinite voice-wave}.voice-wave-animation span:first-child{height:16px;animation-delay:0s}.voice-wave-animation span:nth-child(2){height:24px;animation-delay:.1s}.voice-wave-animation span:nth-child(3){height:32px;animation-delay:.2s}.voice-wave-animation span:nth-child(4){height:24px;animation-delay:.3s}.voice-wave-animation span:nth-child(5){height:16px;animation-delay:.4s}@keyframes voice-wave{0%,to{opacity:.6;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.calling-animation{gap:.5rem;margin-top:1rem;display:flex}.calling-animation span{background:#667eea;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite bounce}.calling-animation span:first-child{animation-delay:0s}.calling-animation span:nth-child(2){animation-delay:.2s}.calling-animation span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.6;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.local-video-container{z-index:10;background:#1a1a2e;border:2px solid rgba(255,255,255,.1);border-radius:16px;width:180px;height:240px;position:absolute;bottom:120px;right:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4)}.local-video{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.local-video video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-off-overlay{color:rgba(255,255,255,.5);background:linear-gradient(135deg,#2d2d44 0%,#1a1a2e 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.call-status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:rgba(0,0,0,.6);border-radius:20px;padding:.5rem 1.5rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}.status-text{color:#fff;font-size:.9rem;font-weight:500}.call-type-badge{color:#22c55e;text-transform:uppercase;background:rgba(34,197,94,.3);border-radius:4px;margin-left:.75rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.call-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:rgba(0,0,0,.6);border-radius:50px;gap:1rem;padding:1rem 2rem;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.control-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex}.control-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.control-btn.active{background:rgba(239,68,68,.8)}.control-btn.disabled-btn{opacity:.6;cursor:not-allowed;background:rgba(239,68,68,.6)}.control-btn.disabled-btn:hover{background:rgba(239,68,68,.6);transform:none}.control-btn.end-call{background:#ef4444;width:64px;height:64px}.control-btn.end-call:hover{background:#dc2626}.incoming-call-modal{z-index:9999;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-container{flex-direction:column;align-items:center;gap:2rem;padding:3rem;display:flex}.incoming-call-header{justify-content:center;align-items:center;display:flex;position:relative}.pulse-ring{border:3px solid rgba(102,126,234,.5);border-radius:50%;width:160px;height:160px;animation:2s ease-out infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.caller-avatar-large{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:4rem;font-weight:600;display:flex;overflow:hidden;box-shadow:0 0 60px rgba(102,126,234,.5)}.caller-avatar-large img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.caller-avatar-large span{text-transform:uppercase}.incoming-call-info{text-align:center}.caller-name-large{color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:700}.call-type-text{color:rgba(255,255,255,.6);margin:0;font-size:1.1rem}.incoming-call-actions{gap:3rem;margin-top:2rem;display:flex}.call-action-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.75rem;transition:transform .2s;display:flex}.call-action-btn:hover{transform:scale(1.1)}.call-action-btn svg{border-radius:50%;width:64px;height:64px;padding:16px;transition:all .2s}.call-action-btn.reject svg{color:#fff;background:#ef4444;box-shadow:0 4px 20px rgba(239,68,68,.4)}.call-action-btn.reject:hover svg{background:#dc2626;box-shadow:0 6px 30px rgba(239,68,68,.6)}.call-action-btn.accept svg{color:#fff;background:#22c55e;box-shadow:0 4px 20px rgba(34,197,94,.4)}.call-action-btn.accept:hover svg{background:#16a34a;box-shadow:0 6px 30px rgba(34,197,94,.6)}.call-action-btn span{color:rgba(255,255,255,.8);font-size:.9rem;font-weight:500}@media (max-width:768px){.local-video-container{width:120px;height:160px;bottom:140px;right:10px}.call-controls{gap:.75rem;padding:.75rem 1.5rem}.control-btn{width:48px;height:48px}.control-btn.end-call{width:56px;height:56px}.caller-avatar-large{width:100px;height:100px;font-size:2.5rem}.pulse-ring{width:120px;height:120px}.caller-name-large{font-size:1.5rem}.incoming-call-actions{gap:2rem}.call-action-btn svg{width:56px;height:56px;padding:12px}}