*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0b141a;--bg-secondary:#1f2c33;--bg-chat:#0a1014;--bg-hover:#2a3942;--bg-green:#00a884;--bg-green-dark:#005c4b;--bg-msg-out:#005c4b;--bg-msg-in:#1f2c33;--text-primary:#e9edef;--text-secondary:#8696a0;--border:#2a3942;--red:#f15c6d}body{color:#e9edef;color:var(--text-primary);font-family:Inter,sans-serif;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}.login-screen,body{background:#0b141a;background:var(--bg-primary)}.login-screen{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;transition:opacity.3s;z-index:1000}.login-screen.hidden{opacity:0;pointer-events:none}.login-box{background:#1f2c33;background:var(--bg-secondary);border-radius:16px;box-shadow:0 12px 32px #00000080;max-width:400px;padding:32px 24px;text-align:center;width:100%}.login-box h1{color:#00a884;color:var(--bg-green);font-size:28px;font-weight:600;margin-bottom:8px}.login-box p{color:#8696a0;color:var(--text-secondary);font-size:14px;margin-bottom:24px}.login-box input{background:#0b141a;background:var(--bg-primary);border:2px solid #2a3942;border:2px solid var(--border);border-radius:12px;color:#e9edef;color:var(--text-primary);font-size:16px;margin-bottom:12px;outline:none;padding:14px 16px;transition:all.2s;width:100%}.login-box input:focus{border-color:#00a884;border-color:var(--bg-green);box-shadow:0 0 0 3px #00a8841a}.login-box button{background:#00a884;background:var(--bg-green);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:14px;transition:all.2s;width:100%}.login-box button:active{background:#06cf9c;transform:scale(.98)}.app{display:flex;height:100vh;height:100dvh;opacity:0;pointer-events:none}.app.active{opacity:1;pointer-events:all}.sidebar{background:#0b141a;background:var(--bg-primary);border-right:1px solid #2a3942;border-right:1px solid var(--border);flex-direction:column;transition:transform.3s ease;width:400px}.sidebar,.sidebar-header{display:flex;flex-shrink:0}.sidebar-header{align-items:center;background:#1f2c33;background:var(--bg-secondary);height:60px;justify-content:space-between;padding:10px 16px}.user-info{gap:12px;min-width:0}.avatar,.user-info{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#00a884,#06cf9c);background:linear-gradient(135deg,var(--bg-green),#06cf9c);border-radius:50%;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}#userName{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-actions i{border-radius:50%;color:#8696a0;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px;transition:background.2s}.sidebar-actions i:active{background:#2a3942;background:var(--bg-hover)}.search-box{background:#0b141a;background:var(--bg-primary);flex-shrink:0;padding:8px 12px}.search-wrapper{align-items:center;background:#1f2c33;background:var(--bg-secondary);border-radius:12px;display:flex;gap:10px;padding:10px 14px}.search-wrapper i{color:#8696a0;color:var(--text-secondary);font-size:18px}.search-wrapper input{background:none;border:none;color:#e9edef;color:var(--text-primary);flex:1 1;font-size:15px;outline:none}.add-user-btn{align-items:center;background:#005c4b;background:var(--bg-green-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:8px 12px;padding:12px;transition:all.2s}.add-user-btn:active{background:#00a884;background:var(--bg-green);transform:scale(.98)}.chats-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.chat-item{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background.2s}.chat-item.active,.chat-item:active{background:#2a3942;background:var(--bg-hover)}.chat-info{flex:1 1;min-width:0}.chat-info h3{align-items:center;display:flex;font-size:16px;font-weight:500;gap:6px;margin-bottom:3px}.chat-info p{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-info p,.chat-time{color:#8696a0;color:var(--text-secondary)}.chat-time{flex-shrink:0;font-size:12px}.chat-window{background:#0a1014;background:var(--bg-chat);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%230a1014'/%3E%3Cpath d='m50 0 50 50-50 50L0 50z' fill='%230b141a' opacity='.3'/%3E%3C/svg%3E");min-height:0;min-width:0;overflow:hidden}.chat-window,.empty-chat{display:flex;flex:1 1;flex-direction:column}.empty-chat{align-items:center;color:#8696a0;color:var(--text-secondary);justify-content:center;padding:20px;text-align:center}.empty-chat i{font-size:70px;margin-bottom:20px;opacity:.3}.chat-header{align-items:center;background:#1f2c33;background:var(--bg-secondary);border-left:1px solid #2a3942;border-left:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;height:60px;padding:10px 16px}.back-btn{color:#8696a0;color:var(--text-secondary);cursor:pointer;display:none;font-size:24px;padding:4px}.chat-header-actions{display:flex;gap:4px;margin-left:auto}.chat-header-actions i{border-radius:50%;color:#8696a0;color:var(--text-secondary);cursor:pointer;font-size:22px;padding:8px;transition:all.2s}.chat-header-actions i:active{background:#2a3942;background:var(--bg-hover)}.chat-header-actions i.calling{animation:pulse 1.5s infinite;color:#00a884;color:var(--bg-green)}.chat-header-actions i:disabled{opacity:.3;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.messages{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 16px;scrollbar-color:#2a3942 #0000;scrollbar-color:var(--bg-hover) #0000;scrollbar-width:thin}.message{gap:6px;margin-bottom:4px;width:100%}.message.in>.avatar-mini{align-items:center;background:#00a884;background:var(--bg-green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:28px;justify-content:center;margin-bottom:4px;overflow:hidden;width:28px}.message.in>.avatar-mini img{height:100%;object-fit:cover;width:100%}.message.out>.avatar-mini{display:none!important}.msg-content{display:flex;flex-direction:column;max-width:65%}.message.in .msg-content{align-items:flex-start}.message.out .msg-content{align-items:flex-end}.msg-text{word-wrap:break-word!important;box-shadow:0 1px .5px #00000021!important;box-sizing:border-box!important;font-size:14.2px!important;line-height:19px!important;max-width:100%!important;padding:6px 7px 4px 9px!important;word-break:break-word!important}.msg-spacer{display:inline-block!important;height:0!important;vertical-align:bottom!important;width:12px!important}.msg-text .msg-time{display:inline-block!important;float:right!important;margin-left:6px!important;position:relative!important;top:4px!important}.msg-status{align-items:center!important;color:#8696a0!important;color:var(--text-secondary)!important;display:flex!important;font-size:11px!important;gap:3px!important;justify-content:flex-end!important;margin-right:4px!important;margin-top:2px!important;text-align:right!important}.message.out .msg-status[data-status=seen]{color:#53bdeb!important}.message.in .msg-text{background:#1f2c33!important;background:var(--bg-msg-in)!important}.message.out .msg-text{background:var(--bg-msg-out)!important}.typing-bubble{animation:fadeIn.2s ease!important}.typing-text{align-items:center!important;background:#1f2c33!important;background:var(--bg-msg-in)!important;border-radius:18px!important;border-top-left-radius:4px!important;display:inline-flex!important;min-width:auto!important;padding:12px 16px!important;width:auto!important}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite!important;height:7px!important;width:7px!important}.typing-dots span:first-child{animation-delay:0s!important}.voice-msg{align-items:center!important;border-radius:7.5px!important;box-shadow:0 1px .5px #0b141a21!important;display:flex!important;gap:8px!important;max-width:100%!important;min-width:240px!important;padding:6px 10px 26px!important;position:relative!important}.message.in .voice-msg{background:#202c33!important;border-top-left-radius:2px!important}.message.out .voice-msg{background:#005c4b!important;border-top-right-radius:2px!important}.voice-msg>button{align-items:center!important;background:#0000!important;border:none!important;color:#8696a0!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-size:26px!important;line-height:1!important;order:1!important;padding:0!important}.message.out .voice-msg>button{color:#53bdeb!important}.voice-msg .progress-wrap{cursor:pointer!important;flex:1 1!important;height:24px!important;margin:0 6px!important;min-width:0!important;order:2!important}.voice-msg .progress-wrap,.voice-msg .waveform{align-items:center!important;display:flex!important}.voice-msg .waveform{gap:1.5px!important;height:100%!important;width:100%!important}.voice-msg .wave-bar{background:#667781!important;border-radius:1.5px!important;height:2.5px!important;transition:all .15s ease!important;width:1.5px!important}.voice-msg .wave-bar.filled{background:#00a884!important;height:12px!important}.message.out .voice-msg .wave-bar{background:#1a394b!important}.message.out .voice-msg .wave-bar.filled{background:#53bdeb!important;height:12px!important}.voice-msg .avatar-mini{align-items:center!important;background:#00a884!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:12px!important;font-weight:600!important;height:28px!important;justify-content:center!important;order:3!important;overflow:hidden!important;position:relative!important;width:28px!important}.voice-msg .avatar-mini img{height:100%!important;left:0!important;object-fit:cover!important;position:absolute!important;top:0!important;width:100%!important;z-index:2!important}.voice-msg .time-display{bottom:5px!important;color:#8696a0!important;font-size:10px!important;font-weight:400!important;left:18px!important;position:absolute!important}.message.out .voice-msg .time-display{color:#8b9aa5!important}.voice-msg .msg-time{align-items:center!important;bottom:5px!important;color:#8696a0!important;display:flex!important;font-size:10px!important;gap:2px!important;position:absolute!important;right:10px!important}.message.out .voice-msg .msg-time{color:#8b9aa5!important}.voice-msg .msg-time i{color:#53bdeb!important;font-size:12px!important}.message.call-log{align-items:center!important;background:#1f2c33!important;background:var(--bg-secondary)!important;border-radius:7.5px!important;box-shadow:0 1px .5px #00000021!important;color:#8696a0!important;color:var(--text-secondary)!important;display:flex!important;font-size:13px!important;gap:8px!important;justify-content:center!important;margin:8px auto!important;max-width:80%!important;padding:6px 12px!important;width:-webkit-fit-content!important;width:fit-content!important}.message.call-log i{flex-shrink:0!important;font-size:16px!important}.message.call-log[data-call-type=missed],.message.call-log[data-call-type=missed] i{color:#f15c6d!important;color:var(--red)!important}.message.call-log[data-call-type=incoming] i,.message.call-log[data-call-type=outgoing] i{color:#00a884!important;color:var(--bg-green)!important}.chat-input-area{align-items:flex-end;background:#1f2c33;background:var(--bg-secondary);display:flex;flex-shrink:0;gap:8px;padding:10px 12px;position:relative}.chat-input-area i{border-radius:50%;color:#8696a0;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:24px;padding:8px;transition:background.2s}.chat-input-area i:active,.input-wrapper{background:#2a3942;background:var(--bg-hover)}.input-wrapper{align-items:center;border-radius:24px;display:flex;flex:1 1;min-height:48px;padding:10px 16px}.input-wrapper input{background:none;border:none;color:#e9edef;color:var(--text-primary);flex:1 1;font-size:16px;outline:none}.send-btn{align-items:center;background:#00a884;background:var(--bg-green);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;transition:transform.1s;width:48px}.send-btn:active{transform:scale(.9)}.send-btn.recording{animation:pulse 1s infinite;background:#f15c6d;background:var(--red)}.modal{align-items:center;background:#000c;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.modal.active{display:flex}.modal-box{background:#1f2c33;background:var(--bg-secondary);border-radius:16px;max-width:400px;padding:28px;width:100%}.modal-box h2{font-size:20px;font-weight:600;margin-bottom:16px}.modal-box input{background:#0b141a;background:var(--bg-primary);border:2px solid #2a3942;border:2px solid var(--border);border-radius:12px;color:#e9edef;color:var(--text-primary);font-size:16px;margin-bottom:16px;outline:none;padding:14px;width:100%}.modal-box input:focus{border-color:#00a884;border-color:var(--bg-green)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:transform.1s}.modal-actions button:active{transform:scale(.95)}.btn-cancel{background:#2a3942;background:var(--bg-hover);color:#e9edef;color:var(--text-primary)}.btn-add{background:#00a884;background:var(--bg-green);color:#fff}.call-modal{align-items:center;background:linear-gradient(135deg,#0b141a,#1f2c33);display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.call-modal.active{display:flex}.call-box{text-align:center}.call-avatar{align-items:center;animation:callPulse 2s infinite;background:linear-gradient(135deg,#00a884,#06cf9c);background:linear-gradient(135deg,var(--bg-green),#06cf9c);border-radius:50%;display:flex;font-size:56px;font-weight:600;height:140px;justify-content:center;margin:0 auto 24px;width:140px}@keyframes callPulse{0%,to{box-shadow:0 0 0 0 #00a884b3}50%{box-shadow:0 0 0 30px #00a88400}}.call-box h2{font-size:28px;font-weight:600;margin-bottom:8px}.call-box p{color:#8696a0;color:var(--text-secondary);font-size:16px;margin-bottom:48px}.call-actions{gap:24px}.call-actions,.call-btn{display:flex;justify-content:center}.call-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;height:72px;transition:transform.1s;width:72px}.call-btn.accept{background:#00a884;background:var(--bg-green)}.call-btn.reject{background:#f15c6d;background:var(--red)}.call-btn:active{transform:scale(.9)}.emoji-picker{background:#1f2c33;background:var(--bg-secondary);border:1px solid #2a3942;border:1px solid var(--border);border-radius:12px;bottom:70px;box-shadow:0 8px 24px #0006;display:none;height:400px;left:10px;overflow:hidden;position:absolute;width:350px;z-index:1000}.emoji-picker.active{display:flex;flex-direction:column}.emoji-tabs{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.emoji-tab{background:none;border:none;color:#8696a0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:20px;padding:12px;transition:all.2s}.emoji-tab.active{border-bottom:2px solid #00a884;border-bottom:2px solid var(--bg-green);color:#00a884;color:var(--bg-green)}#emojiContent,#gifContent,#stickerContent{flex:1 1;overflow-y:auto;padding:8px}#gifGrid,#stickerGrid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}#gifSearch{background:#0b141a;background:var(--bg-primary);border:none;color:#e9edef;color:var(--text-primary);margin-bottom:8px;padding:8px}#gifGrid img,#gifSearch{border-radius:8px;width:100%}#gifGrid img{cursor:pointer}#recordingUI{align-items:center;display:none;flex:1 1;gap:12px}#recordingUI i{animation:pulse 1s infinite;color:#f15c6d;color:var(--red)}#recordTime{font-size:15px}.profile-modal{align-items:center;background:#000c;display:none;inset:0;justify-content:center;position:fixed;z-index:2000}.profile-modal.active{display:flex}.profile-box{background:#0b141a;background:var(--bg-primary);border-radius:12px;display:flex;flex-direction:column;height:90vh;max-width:500px;width:90%}.profile-header{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:16px}.profile-header i{cursor:pointer;font-size:24px}.profile-header h2{font-size:20px;margin:0}.profile-tabs{border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border);display:flex}.profile-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#8696a0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:15px;padding:16px}.profile-tabs button.active{border-bottom-color:#00a884;border-bottom-color:var(--bg-green);color:#00a884;color:var(--bg-green)}.profile-content{flex:1 1;overflow-y:auto;padding:20px}.profile-pic-section{height:120px;margin:0 auto 24px;position:relative;width:120px}.profile-pic-large{align-items:center;background:#00a884;background:var(--bg-green);border-radius:50%;color:#000;display:flex;font-size:48px;height:120px;justify-content:center;width:120px}.profile-pic-large img{border-radius:50%;height:100%;object-fit:cover;width:100%}.camera-icon{align-items:center;background:#00a884;background:var(--bg-green);border:4px solid #0b141a;border:4px solid var(--bg-primary);border-radius:50%;bottom:5px;box-shadow:0 2px 8px #00000080;color:#000;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;position:absolute;right:5px;width:42px;z-index:10}.profile-field{margin-bottom:24px}.profile-field label{color:#00a884;color:var(--bg-green);display:block;font-size:13px;margin-bottom:8px}.profile-field input{background:#0000;border:none;border-bottom:2px solid #2a3942;border-bottom:2px solid var(--border);color:#e9edef;color:var(--text-primary);font-size:15px;outline:none;padding:12px 0;width:100%}.profile-field input:focus{border-bottom-color:#00a884;border-bottom-color:var(--bg-green)}.privacy-item{align-items:center;border-bottom:1px solid #2a3942;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 0}.privacy-item h4{font-size:15px;font-weight:500;margin:0 0 4px}.privacy-item p{color:#8696a0;color:var(--text-secondary);font-size:13px;margin:0}.privacy-item select{background:#1f2c33;background:var(--bg-secondary);border:1px solid #2a3942;border:1px solid var(--border);border-radius:8px;color:#e9edef;color:var(--text-primary);font-size:14px;padding:8px 12px}.switch{height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background:#2a3942;background:var(--bg-hover);border-radius:24px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background:#00a884;background:var(--bg-green)}input:checked+.slider:before{transform:translateX(26px)}audio{filter:none!important;-webkit-filter:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#2a3942;background:var(--bg-hover);border-radius:3px}.status-dot{background:#53bdeb;box-shadow:0 0 8px #53bdeb}.status-dot,.status-offline{border-radius:50%;display:inline-block;height:9px;width:9px}.status-offline{background:#8696a0}.toast{animation:toastIn.3s ease;background:#1f2c33;background:var(--bg-secondary);border-radius:12px;bottom:80px;box-shadow:0 4px 12px #0000004d;color:#e9edef;color:var(--text-primary);left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:4000}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.sidebar{inset:0;position:fixed;transform:translateX(0);width:100%;z-index:100}.sidebar.hidden{transform:translateX(-100%)}.chat-window{inset:0;position:fixed;z-index:50}.back-btn{display:block}.messages{padding:16px 12px}.msg-content{max-width:85%}.chat-header{border-left:none}.empty-chat{display:none}.call-avatar{font-size:48px;height:120px;width:120px}.emoji-picker{left:12px;width:calc(100vw - 24px)}.voice-msg{min-width:240px}}.image-msg,.video-msg{max-width:250px;position:relative}.upload-progress{background:#1f2c33;background:var(--bg-secondary);height:150px;position:relative;width:250px}.progress-overlay,.upload-progress{align-items:center;border-radius:7.5px;display:flex;justify-content:center}.progress-overlay{background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.progress-circle,.progress-circle-small{align-items:center;background:#00a884;background:var(--bg-green);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:50px;justify-content:center;width:50px}.progress-circle-small{font-size:12px;height:40px;width:40px}.file-msg{align-items:center;background:#1f2c33;background:var(--bg-secondary);border-radius:7.5px;cursor:pointer;display:flex;gap:12px;max-width:280px;padding:10px;transition:background .2s}.file-msg:hover{background:var(--bg-tertiary)}.file-icon{align-items:center;background:#00a884;background:var(--bg-green);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:24px;height:45px;justify-content:center;width:45px}.file-info{flex:1 1;min-width:0}.file-name{color:#e9edef;color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;margin-top:2px}.download-icon,.file-size{color:#8696a0;color:var(--text-secondary)}.download-icon{font-size:20px}.msg-text{border-radius:7.5px!important;display:block!important;min-width:80px!important;padding:6px 7px 22px 9px!important;position:relative!important}.msg-spacer{display:none!important;width:0!important}.msg-text .msg-time{align-items:center!important;bottom:3px!important;color:#667781!important;display:flex!important;float:none!important;font-size:11px!important;gap:3px!important;line-height:15px!important;margin-left:0!important;position:absolute!important;right:7px!important;top:auto!important;white-space:nowrap!important}.msg-status,.msg-text .msg-time:has(.seen-text){font-size:0!important}.msg-text .msg-time i{color:#53bdeb!important;font-size:14px!important;margin-left:2px!important}.msg-text .msg-time:after{content:""!important}.msg-content>.msg-status{display:none!important}.file-msg{align-items:center!important;background:#1f2c33!important;background:var(--bg-msg-in)!important;border-radius:7.5px!important;box-shadow:0 1px .5px #00000021!important;cursor:pointer!important;display:flex!important;gap:12px!important;max-width:280px!important;padding:10px 10px 26px!important;position:relative!important;transition:background .2s!important}.message.out .file-msg{background:#005c4b!important;background:var(--bg-msg-out)!important}.file-msg .msg-time{align-items:center!important;bottom:4px!important;color:#667781!important;display:flex!important;font-size:11px!important;gap:3px!important;position:absolute!important;right:7px!important}.message.out .file-msg .msg-time{color:#8b9aa5!important}.image-msg{box-shadow:0 1px .5px #00000021!important;cursor:pointer!important;max-width:250px!important;overflow:hidden!important;position:relative!important}.image-msg,.image-msg img{border-radius:7.5px!important}.image-msg img{display:block!important;width:100%!important}.image-msg .msg-time{align-items:center!important;background:#0006!important;border-radius:4px!important;bottom:4px!important;color:#fff!important;display:flex!important;font-size:11px!important;gap:3px!important;padding:2px 6px!important;position:absolute!important;right:7px!important}.video-msg{position:relative!important}.video-thumbnail .msg-time{align-items:center!important;background:#0006!important;border-radius:4px!important;bottom:4px!important;color:#fff!important;display:flex!important;font-size:11px!important;gap:3px!important;padding:2px 6px!important;position:absolute!important;right:7px!important;z-index:5!important}.msg-time i{color:#53bdeb!important;font-size:14px!important;margin-left:1px!important;vertical-align:middle!important}.file-msg+.msg-status,.image-msg+.msg-status,.video-msg+.msg-status{display:none!important}.chat-input-area{align-items:center!important;gap:4px!important;padding:8px 10px!important}.chat-input-area>i.ri-emotion-happy-line{margin-right:0!important}.attachment-wrapper{align-items:center!important;display:flex!important;justify-content:center!important;margin-right:4px!important}.attachment-wrapper>i.ri-attachment-2{font-size:24px!important;margin:0!important;padding:8px!important;transform:rotate(45deg)!important}.attachment-menu{grid-gap:8px!important;animation:menuSlideUp .2s cubic-bezier(.4,0,.2,1)!important;background:#1f2c33!important;background:var(--bg-secondary)!important;border:1px solid #2a3942!important;border:1px solid var(--border)!important;border-radius:16px!important;bottom:58px!important;box-shadow:0 8px 32px #0006!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important;left:-8px!important;min-width:180px!important;padding:12px!important;position:absolute!important;z-index:1000!important}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attachment-option{align-items:center!important;background:#0000!important;border-radius:12px!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;gap:12px!important;padding:10px 12px!important;transition:all .15s ease!important}.attachment-option:active{background:var(--bg-tertiary)!important;transform:scale(.96)!important}.attachment-option:hover{background:#2a3942!important;background:var(--bg-hover)!important}.attachment-icon{align-items:center!important;border-radius:12px!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:20px!important;height:40px!important;justify-content:center!important;width:40px!important}.attachment-option:first-child .attachment-icon{background:#bf59cf!important}.attachment-option:nth-child(2) .attachment-icon{background:#0dab76!important}.attachment-option:nth-child(3) .attachment-icon{background:#5157ae!important}.attachment-option:nth-child(4) .attachment-icon{background:#f4b400!important}.attachment-option span{color:#e9edef!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:500!important;white-space:nowrap!important}.input-wrapper{margin-left:0!important}.attachment-wrapper{position:relative}.attachment-menu{grid-gap:16px;animation:slideUp .2s ease;background:#1f2c33;background:var(--bg-secondary);border-radius:16px;bottom:50px;box-shadow:0 4px 20px #0000004d;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);left:0;padding:16px;position:absolute;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.attachment-option{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:8px;transition:background .2s}.attachment-option:hover{background:var(--bg-tertiary)}.attachment-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.attachment-option span{color:#e9edef;color:var(--text-primary);font-size:12px}.upload-progress-premium{border-radius:7.5px;height:180px;overflow:hidden;position:relative;width:250px}.blur-thumbnail{filter:blur(8px);height:100%;object-fit:cover;transform:scale(1.1);width:100%}.progress-overlay-premium{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#fff3;stroke-width:4}.progress-ring-fill{fill:none;stroke:#00a884;stroke:var(--bg-green);stroke-width:4;stroke-dasharray:163;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.progress-text{color:#fff;font-size:14px;font-weight:600;position:absolute}.video-thumbnail{cursor:pointer;position:relative}.play-button-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;height:60px;width:60px}.preview-modal{animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.preview-header i{cursor:pointer;font-size:28px;padding:4px}.preview-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden}.preview-content img,.preview-content video{max-height:100%;max-width:100%;object-fit:contain}.preview-content iframe{background:#fff;border:none}.doc-preview{color:#fff;text-align:center}.doc-preview i{font-size:80px;margin-bottom:20px}.doc-preview p{font-size:18px;margin-bottom:30px;padding:0 20px;word-break:break-all}.download-btn{align-items:center;background:#00a884;background:var(--bg-green);border-radius:25px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:transform .2s}.download-btn:hover{transform:scale(1.05)}.file-msg-wrapper,.video-thumbnail{display:inline-block;position:relative}.media-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;bottom:6px;font-size:11px;gap:4px;padding:2px 6px;right:6px}.media-overlay,.play-button-overlay{align-items:center;color:#fff;display:flex;position:absolute}.play-button-overlay{background:#00000080;border-radius:50%;font-size:28px;height:50px;justify-content:center;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:50px}.file-msg-wrapper{cursor:pointer}.file-msg-wrapper.media-overlay{bottom:4px;right:8px}.media-bubble{background:#00a884!important;background:var(--bg-green)!important;max-width:258px!important;padding:4px!important}.message.in.media-bubble{background:var(--bg-input)!important}.media-wrapper{border-radius:6px;cursor:pointer;display:block;overflow:hidden;position:relative}.media-wrapper img,.media-wrapper video{display:block;width:100%}.play-overlay{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:28px;height:50px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px;z-index:2}.msg-text.msg-time{clear:both;color:#fff9;float:right;font-size:11px;margin-left:8px;margin-top:4px}.message.in.msg-text.msg-time{color:#8696a0;color:var(--text-secondary)}.msg-spacer{display:inline-block;height:1px;width:60px}.video-msg-bubble{background:#00a884!important;background:var(--bg-green)!important;border-radius:7.5px!important;max-width:258px!important;padding:4px 4px 22px!important;position:relative!important}.message.in.video-msg-bubble{background:var(--bg-input)!important}.video-thumb-wrapper{border-radius:6px!important;cursor:pointer!important;display:block!important;line-height:0!important;overflow:hidden!important;position:relative!important}.video-thumb-wrapper img,.video-thumb-wrapper video{display:block!important;height:auto!important;margin:0!important;max-width:250px!important;padding:0!important;width:100%!important}.video-play-btn{background:#0009!important;border-radius:50%!important;color:#fff!important;font-size:26px!important;height:48px!important;justify-content:center!important;left:50%!important;pointer-events:none!important;top:50%!important;transform:translate(-50%,-50%)!important;width:48px!important;z-index:10!important}.video-bubble-meta,.video-play-btn{align-items:center!important;display:flex!important;position:absolute!important}.video-bubble-meta{bottom:6px!important;color:#ffffffe6!important;font-size:11px!important;gap:4px!important;line-height:1!important;right:8px!important;z-index:5!important}.message.in.video-bubble-meta{color:#8696a0!important;color:var(--text-secondary)!important}.video-bubble-meta span{color:#53bdeb!important}.video-thumb-wrapper.upload-progress-premium{height:250px!important;position:relative!important;width:250px!important}.doc-bubble{background:#00a884!important;background:var(--bg-green)!important;border-radius:7.5px!important;cursor:pointer!important;max-width:280px!important;min-width:240px!important;padding:8px 8px 24px!important;position:relative!important}.message.in.doc-bubble{background:var(--bg-input)!important}.doc-content{gap:12px!important;padding:4px!important}.doc-content,.doc-icon-box{align-items:center!important;display:flex!important}.doc-icon-box{border-radius:8px!important;color:#fff!important;flex-shrink:0!important;font-size:24px!important;height:48px!important;justify-content:center!important;width:48px!important}.doc-progress{font-size:11px!important;font-weight:600!important}.doc-info{flex:1 1!important;min-width:0!important}.doc-info,.doc-name{overflow:hidden!important}.doc-name{color:#fff!important;font-size:14px!important;font-weight:500!important;margin-bottom:2px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.message.in.doc-name{color:#e9edef!important;color:var(--text-primary)!important}.doc-size{color:#ffffffb3!important;font-size:12px!important}.message.in.doc-size{color:#8696a0!important;color:var(--text-secondary)!important}.doc-bubble-meta{align-items:center!important;bottom:6px!important;color:#ffffffe6!important;display:flex!important;font-size:11px!important;gap:4px!important;line-height:1!important;position:absolute!important;right:10px!important}.message.in.doc-bubble-meta{color:#8696a0!important;color:var(--text-secondary)!important}.doc-bubble-meta span.seen{color:#53bdeb!important}.typing-bubble.msg-text{min-width:60px!important;padding:12px 16px!important}.typing-dots{align-items:center!important;display:flex!important;gap:4px!important}.typing-dots span{animation:typingBounce 1.4s infinite!important;background:#8696a0!important;background:var(--text-secondary)!important;border-radius:50%!important;height:8px!important;width:8px!important}.typing-dots span:nth-child(2){animation-delay:.2s!important}.typing-dots span:nth-child(3){animation-delay:.4s!important}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.voice-recording-premium{gap:10px!important;min-width:140px!important;padding:10px 14px!important}.mic-pulse,.voice-recording-premium{align-items:center!important;display:flex!important}.mic-pulse{animation:micPulse 1.5s infinite!important;color:#fff!important;font-size:18px!important;height:32px!important;justify-content:center!important;position:relative!important;width:32px!important}.mic-pulse,.mic-pulse:before{background:#f44336!important;border-radius:50%!important}.mic-pulse:before{animation:micRipple 1.5s infinite!important;content:""!important;height:100%!important;position:absolute!important;width:100%!important;z-index:-1!important}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes micRipple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.recording-waves{align-items:center!important;display:flex!important;gap:2px!important;height:24px!important}.recording-waves span{animation:waveAnim 1.2s ease-in-out infinite!important;background:#f44336!important;border-radius:2px!important;width:3px!important}.recording-waves span:first-child{animation-delay:0s!important;height:8px!important}.recording-waves span:nth-child(2){animation-delay:.1s!important;height:16px!important}.recording-waves span:nth-child(3){animation-delay:.2s!important;height:12px!important}.recording-waves span:nth-child(4){animation-delay:.3s!important;height:20px!important}.recording-waves span:nth-child(5){animation-delay:.4s!important;height:10px!important}@keyframes waveAnim{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.recording-text{color:#8696a0!important;color:var(--text-secondary)!important;font-size:13px!important;font-weight:500!important}.typing-premium-wave{gap:8px!important;min-width:90px!important;padding:10px 14px!important}.typing-premium-wave,.typing-wave-bars{align-items:center!important;display:flex!important}.typing-wave-bars{gap:2px!important;height:20px!important}.typing-wave-bars span{animation:typingWave 1.2s ease-in-out infinite!important;background:#00a884!important;background:var(--bg-green)!important;border-radius:2px!important;width:3px!important}.typing-wave-bars span:first-child{animation-delay:0s!important;height:6px!important}.typing-wave-bars span:nth-child(2){animation-delay:.1s!important;height:14px!important}.typing-wave-bars span:nth-child(3){animation-delay:.2s!important;height:10px!important}.typing-wave-bars span:nth-child(4){animation-delay:.3s!important;height:18px!important}.typing-wave-bars span:nth-child(5){animation-delay:.4s!important;height:8px!important}@keyframes typingWave{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.typing-label{color:#8696a0!important;color:var(--text-secondary)!important;font-size:12px!important;font-style:italic!important}.typing-premium-pencil{align-items:center!important;display:flex!important;gap:8px!important;min-width:100px!important;padding:10px 14px!important}.pencil-container{height:20px!important;position:relative!important;width:40px!important}.pencil-container i{animation:pencilMove 1.5s infinite!important;color:#00a884!important;color:var(--bg-green)!important;font-size:16px!important;position:absolute!important;z-index:2!important}.writing-line{animation:lineGrow 1.5s infinite!important;background:#00a884!important;background:var(--bg-green)!important;border-radius:2px!important;bottom:2px!important;height:2px!important;left:0!important;position:absolute!important}@keyframes pencilMove{0%{left:0;transform:rotate(-45deg)}50%{left:20px;transform:rotate(-45deg)}to{left:0;transform:rotate(-45deg)}}@keyframes lineGrow{0%{opacity:1;width:0}50%{opacity:1;width:25px}to{opacity:0;width:0}}.typing-premium-pencil span{color:#8696a0!important;color:var(--text-secondary)!important;font-size:12px!important}.typing-cat-3d{align-items:center!important;background:linear-gradient(135deg,var(--bg-input) 0,#1a1a1a 100%)!important;border-radius:12px!important;display:flex!important;gap:12px!important;min-width:180px!important;overflow:hidden!important;padding:14px 18px!important}.cat-3d-scene{height:70px!important;perspective:1000px!important;position:relative!important;width:100px!important}.cat-3d-body{animation:catRunLeft 3s ease-in-out infinite!important;bottom:0!important;height:65px!important;left:0!important;position:absolute!important;transform-style:preserve-3d!important;width:65px!important}.cat-img{animation:catBounce .4s infinite alternate!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))!important;height:100%!important;object-fit:contain!important;width:100%!important}@keyframes catRunLeft{0%{opacity:0;transform:translateX(-40px) rotateY(0deg) scale(.8)}15%{opacity:1;transform:translateX(-10px) rotateY(0deg) scale(.9)}25%{opacity:1;transform:translateX(5px) rotateY(0deg) scale(1)}30%{transform:translateX(5px) rotateY(180deg) scale(1)}35%,to{transform:translateX(5px) rotateY(180deg) scale(1)}}@keyframes catBounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.02,.98)}}.paper-3d{animation:paperAppear 3s ease-in-out infinite!important;bottom:8px!important;position:absolute!important;right:0!important;transform-style:preserve-3d!important}@keyframes paperAppear{0%,25%{opacity:0;transform:translateX(30px) rotateY(-20deg)}35%{opacity:1;transform:translateX(0) rotateY(0deg)}to{opacity:1;transform:translateX(0) rotateY(0deg)}}.paper-sheet-3d{background:linear-gradient(145deg,#fff,#f0f0f0)!important;border-radius:3px!important;box-shadow:0 4px 12px #0000004d,0 1px 3px #0003,inset 0 1px 0 #fffc!important;height:48px!important;padding:6px 4px!important;position:relative!important;transform:rotateY(-5deg)!important;width:42px!important}.paper-lines{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:4px!important}.paper-lines.line-anim{animation:writeLine 2s infinite!important;background:linear-gradient(90deg,#4caf50,#45a049)!important;border-radius:1px!important;box-shadow:0 0 2px #4caf5080!important;height:2px!important;width:0!important}.paper-lines.line-anim:first-child{animation-delay:1s!important}.paper-lines.line-anim:nth-child(2){animation-delay:1.4s!important;max-width:80%!important}.paper-lines.line-anim:nth-child(3){animation-delay:1.8s!important;max-width:60%!important}@keyframes writeLine{0%{opacity:0;width:0}20%{opacity:1;width:100%}to{opacity:1;width:100%}}.pencil-3d{animation:pencilWriting 1.5s infinite!important;animation-delay:1s!important;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3))!important;font-size:18px!important;position:absolute!important;right:2px!important;top:-12px!important;transform:rotate(-45deg)!important;z-index:10!important}@keyframes pencilWriting{0%,to{transform:rotate(-45deg) translate(0)}25%{transform:rotate(-45deg) translate(-8px,3px)}50%{transform:rotate(-45deg) translate(-4px,7px)}75%{transform:rotate(-45deg) translate(-10px,5px)}}.typing-status{animation:textPulse 1.5s infinite!important;color:#8696a0!important;color:var(--text-secondary)!important;font-size:12px!important;font-style:italic!important}@keyframes textPulse{0%,to{opacity:.5}50%{opacity:1}}.message .msg-text{display:block!important;min-width:90px!important;padding:6px 80px 22px 9px!important}.message .msg-text>span:first-child{word-wrap:break-word!important;display:inline!important;white-space:pre-wrap!important}.message .msg-text .msg-time{align-items:center!important;bottom:3px!important;color:#667781!important;display:inline-flex!important;font-size:11px!important;gap:4px!important;position:absolute!important;right:7px!important;white-space:nowrap!important}.message.out .msg-text .msg-time{color:#8b9aa5!important}.message .msg-text .msg-status-text{color:#8b9aa5!important;font-size:11px!important;margin-left:2px!important}.message.out .msg-text .msg-time .msg-status-text.seen{color:#53bdeb!important;font-weight:500!important}.message{align-items:flex-end;display:flex;gap:8px;margin-bottom:2px;padding:0 16px}.message.in{justify-content:flex-start}.message.out{justify-content:flex-end}.msg-wrapper{align-items:flex-end;display:flex;flex-direction:column;max-width:65%}.message.in .msg-wrapper{align-items:flex-start}.message .msg-content{max-width:100%;position:relative}.message .msg-text{word-wrap:break-word!important;border-radius:7.5px!important;box-shadow:0 1px .5px #0b141a21!important;box-sizing:border-box!important;display:inline-block!important;line-height:19px!important;max-width:100%!important;min-width:48px!important;padding:6px 7px 8px 9px!important;position:relative!important;width:-webkit-fit-content!important;width:fit-content!important;word-break:break-word!important}.message.in .msg-text{background:#202c33!important;border-top-left-radius:0!important;color:#e9edef!important}.message.in .msg-text:before{border-color:#0000 #202c33 #0000 #0000;border-style:solid;border-width:0 8px 8px 0;content:"";height:0;left:-8px;position:absolute;top:0;width:0}.message.out .msg-text{background:#005c4b!important;border-top-right-radius:0!important;color:#e9edef!important}.message.out .msg-text:before{border-color:#005c4b #0000 #0000;border-style:solid;border-width:8px 8px 0 0;content:"";height:0;position:absolute;right:-8px;top:0;width:0}.message .msg-text .msg-body{word-wrap:break-word!important;display:inline!important;font-size:14.2px!important;line-height:19px!important;margin-right:8px!important;white-space:pre-wrap!important}.message .msg-text .msg-time-inline{color:#fff9!important;display:inline-block!important;float:right!important;font-size:11px!important;line-height:15px!important;margin-left:4px!important;margin-top:4px!important;vertical-align:bottom!important;white-space:nowrap!important}.message.in .msg-text .msg-time-inline,.msg-status-outside{color:#8696a0!important}.msg-status-outside{font-size:11px!important;line-height:15px!important;margin-right:1px!important;margin-top:2px!important;text-align:right!important}.msg-status-outside.seen{color:#53bdeb!important;font-weight:400!important}.recording-bubble .msg-content{display:block!important;max-width:100%!important;width:auto!important}.recording-bubble .msg-text.voice-recording-premium{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;height:52px!important;max-width:220px!important;min-width:180px!important;overflow:hidden!important;padding:10px 14px!important;width:-webkit-fit-content!important;width:fit-content!important}.voice-recording-premium .mic-pulse{align-items:center!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:16px!important;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;position:relative!important;width:32px!important}.voice-recording-premium .recording-waves{align-items:center!important;display:flex!important;flex:1 1 auto!important;gap:2px!important;height:24px!important;max-width:none!important;min-width:0!important;overflow:hidden!important}.voice-recording-premium .recording-waves span{display:block!important;flex-shrink:0!important;max-width:3px!important;min-width:3px!important;width:3px!important}.voice-recording-premium .recording-text{flex-shrink:0!important;font-size:13px!important;font-weight:500!important;line-height:1!important;margin:0!important;padding:0!important;white-space:nowrap!important}@media (max-width:768px){.recording-bubble .msg-text.voice-recording-premium{gap:10px!important;height:48px!important;max-width:200px!important;min-width:160px!important;padding:8px 12px!important}.voice-recording-premium .mic-pulse{font-size:14px!important;height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.voice-recording-premium .recording-waves{height:20px!important}.voice-recording-premium .recording-text{font-size:12px!important}}.message.recording-bubble{align-items:flex-end!important}.message.recording-bubble.in{justify-content:flex-start!important}.message.recording-bubble.out{justify-content:flex-end!important}
/*# sourceMappingURL=main.02100adc.css.map*/