code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b141a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.whatsapp-container,body{height:100vh;margin:0;overflow:hidden}.whatsapp-container{background-color:#111b21;border-radius:0;box-shadow:none;display:flex;max-width:100%;width:100%}.loading-container{align-items:center;background-color:#111b21;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.whatsapp-logo{animation:pulse 2s infinite;margin-bottom:20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#25d366;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sidebar{background-color:#111b21;border-right:1px solid #222e35;display:flex;flex-direction:column;height:100%;max-width:500px;min-width:320px;width:30%}.sidebar-header{background-color:#202c33;border-bottom:1px solid #222e35;justify-content:space-between;min-height:60px;padding:10px 16px}.sidebar-header,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:transform .2s;width:40px}.user-avatar:hover{transform:scale(1.05)}.user-name{color:#e9edef;font-size:16px;font-weight:400}.header-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.icon-btn:hover{background-color:#374248;color:#e9edef;transform:scale(1.1)}.search-container{background-color:#111b21;border-bottom:1px solid #222e35;padding:8px 12px}.search-input{align-items:center;background-color:#202c33;border-radius:8px;display:flex;padding:8px 12px;position:relative;transition:background-color .2s}.search-input:focus-within{background-color:#2a3942}.search-icon{color:#8696a0;font-size:16px;margin-right:20px}.search-input input{background:none;border:none;color:#e9edef;flex:1 1;font-size:14px;outline:none}.search-input input::placeholder{color:#8696a0}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;display:flex;justify-content:center;padding:4px}.clear-search:hover{background-color:#374248}.filter-tabs{background-color:#111b21;display:flex;padding:0 16px}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;color:#8696a0;cursor:pointer;font-size:14px;margin:0 8px;padding:12px 8px;transition:all .2s}.filter-tab:hover{color:#e9edef}.filter-tab.active{border-bottom-color:#00a884;color:#00a884}.conversations-list{flex:1 1;overflow-y:auto}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#111b21}.conversations-list::-webkit-scrollbar-thumb{background:#374248;border-radius:3px}.no-results{color:#8696a0;height:200px;justify-content:center}.conversation-item,.no-results{align-items:center;display:flex}.conversation-item{border-bottom:1px solid #222e35;cursor:pointer;padding:8px 16px;position:relative;transition:background-color .2s}.conversation-item:hover{background-color:#202c33}.conversation-item.active{background-color:#2a3942}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;margin-right:12px;position:relative;width:50px}.online-indicator{background-color:#00a884;border:2px solid #111b21;border-radius:50%;bottom:2px;height:12px;opacity:0;position:absolute;right:2px;transition:opacity .2s;width:12px}.online-indicator.active{opacity:1}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.conversation-header h3{color:#e9edef;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header .time{color:#8696a0;font-size:12px;white-space:nowrap}.conversation-preview{align-items:center;display:flex;justify-content:space-between}.conversation-preview p{color:#8696a0;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-count{align-items:center;animation:bounceIn .3s;background-color:#00a884;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px}.conversation-actions{margin-left:8px;opacity:0;transition:opacity .2s}.conversation-item:hover .conversation-actions{opacity:1}.pin-btn{background:none;border:none;border-radius:4px;color:#8696a0;cursor:pointer;font-size:12px;padding:4px}.pin-btn:hover{background-color:#374248}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-area{background-color:#0b141a;display:flex;flex:1 1;flex-direction:column;position:relative}.chat-area.no-chat{background-color:#222e35;background-image:radial-gradient(circle at 25% 25%,#ffffff05 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff05 0,#0000 50%)}.no-chat-selected{align-items:center;background-color:#222e35;display:flex;height:100%;justify-content:center}.no-chat-content{animation:fadeIn .5s;color:#8696a0;max-width:460px;padding:40px;text-align:center}.whatsapp-web-logo{animation:float 3s ease-in-out infinite;margin-bottom:32px;opacity:.3}.no-chat-content h2{color:#e9edef;font-size:32px;font-weight:300;margin-bottom:16px}.no-chat-content p{color:#8696a0;line-height:1.5;margin-bottom:8px}.encryption-notice{align-items:center;color:#8696a0;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chat-header{align-items:center;background-color:#202c33;border-bottom:1px solid #222e35;display:flex;min-height:60px;padding:10px 16px}.back-btn{background:none;border:none;border-radius:50%;color:#8696a0;cursor:pointer;font-size:20px;margin-right:16px;padding:8px;transition:all .2s}.back-btn:hover{background-color:#374248;color:#e9edef}.chat-user-info{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;margin-right:16px;padding:8px;transition:background-color .2s}.chat-user-info:hover{background-color:#ffffff0d}.chat-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-right:12px;position:relative;width:40px}.chat-info h3{color:#e9edef;font-size:16px;font-weight:400;margin-bottom:2px}.chat-info .status{color:#8696a0;font-size:13px}.chat-actions{display:flex;gap:8px}.messages-container{background-color:#0b141a;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);flex:1 1;overflow-y:auto;padding:12px;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:#374248;border-radius:3px}.date-separator{display:flex;justify-content:center;margin:12px 0}.date-separator span{background-color:#1f2c34;border-radius:8px;box-shadow:0 1px 2px #0003;color:#8696a0;font-size:12px;padding:5px 12px}.message{animation:messageSlideIn .3s ease-out;display:flex;margin-bottom:4px;padding:0 48px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:8px;box-shadow:0 1px .5px #00000021;max-width:70%;padding:6px 7px 8px 9px;position:relative;transition:transform .2s}.message-content:hover{transform:scale(1.02)}.message.sent .message-content{background-color:#005c4b;color:#e9edef}.message.received .message-content{background-color:#202c33;color:#e9edef}.message-content p{font-size:14px;line-height:1.4;margin:0}.message-meta{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-meta .time{color:#8696a0;font-size:11px}.message.sent .message-meta .time{color:#8fbbaa}.status{font-size:14px}.status,.status.delivered{color:#8696a0}.status.read{color:#53bdeb}.typing-indicator{display:flex;justify-content:flex-start;margin-bottom:8px;padding:0 48px}.typing-dots{background-color:#202c33;border-radius:18px;display:flex;gap:4px;padding:12px 16px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background-color:#8696a0;border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-input-container{align-items:flex-end;background-color:#202c33;display:flex;gap:8px;padding:5px 16px 20px;position:relative}.message-form{align-items:center;background-color:#2a3942;border-radius:25px;display:flex;flex:1 1;padding-right:8px;transition:background-color .2s}.message-form:focus-within{background-color:#394045}.message-input{background:none;border:none;border-radius:25px;color:#e9edef;flex:1 1;font-size:14px;max-height:100px;outline:none;padding:12px 16px;resize:none}.message-input::placeholder,.send-btn{color:#8696a0}.send-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.send-btn:hover{background-color:#374248;color:#00a884;transform:scale(1.1)}.emoji-picker{grid-gap:8px;animation:emojiSlideUp .3s ease-out;background-color:#2a3942;border-radius:12px;bottom:80px;box-shadow:0 4px 12px #0000004d;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);left:16px;padding:12px;position:absolute;z-index:1000}.emoji-btn{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:8px;transition:all .2s}.emoji-btn:hover{background-color:#374248;transform:scale(1.2)}@keyframes emojiSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{padding:0}.whatsapp-container{border-radius:0;flex-direction:row;height:100vh}.sidebar{max-width:none;min-width:0;min-width:auto}.chat-area,.sidebar{height:100vh;width:100%}.chat-area{left:0;position:absolute;top:0;z-index:10}.hidden-mobile{display:none!important}.chat-area.hidden-mobile,.sidebar.hidden-mobile{display:none}.message{padding:0 16px}.message-content{max-width:85%}.filter-tabs{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}}@media (max-width:480px){.message{padding:0 8px}.message-content{max-width:90%}.no-chat-content{padding:20px}.whatsapp-web-logo{margin-bottom:20px}.no-chat-content h2{font-size:24px}.emoji-picker{left:8px;right:8px;width:auto}}
/*# sourceMappingURL=main.38c763f0.css.map*/