:root{--wa-green: #1daa61;--wa-teal: #00a884;--wa-blue-tick: #53bdeb;--wa-body-bg: #dbd8d4;--wa-sidebar-bg: #ffffff;--wa-side-header: #f7f5f3;--wa-main-bg: #f5f1eb;--wa-main-header: #ffffff;--wa-sent: #d9fdd3;--wa-received: #ffffff;--wa-footer: #f7f5f3;--wa-input-bg: #ffffff;--wa-hover: rgba(194, 189, 184, .15);--wa-active: #f1eee9;--wa-border: #e9edef;--wa-text: #0a0a0a;--wa-text-secondary: #54656f;--wa-timestamp: rgba(0, 0, 0, .45);--wa-icon: #54656f;--wa-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--wa-doodle: url(https://static.whatsapp.net/rsrc.php/yp/r/OA5z0a81CZk.webp)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--wa-font);font-size:14.2px;color:var(--wa-text);background-color:var(--wa-body-bg);overflow:hidden;height:100vh}#root{height:100vh}.wa-app{height:100vh;display:flex;flex-direction:column}.wa-app:before{content:"";position:fixed;top:0;left:0;right:0;height:127px;background-color:var(--wa-green);z-index:0}.wa-container{display:flex;width:100%;height:calc(100vh - 19px);margin-top:19px;position:relative;z-index:1;box-shadow:0 6px 18px #0b141a0d;max-width:1600px;margin-left:auto;margin-right:auto}.wa-sidebar{width:440px;min-width:340px;background:var(--wa-sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--wa-border)}@media (min-width: 1400px){.wa-sidebar{width:500px}}@media (min-width: 1600px){.wa-sidebar{width:565px}}.wa-sidebar-header{background:var(--wa-side-header);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;height:64px;min-height:64px}.wa-sidebar-header .wa-avatar{width:40px;height:40px;border-radius:50%;background:#dfe5e7;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:16px;overflow:hidden}.wa-sidebar-header .wa-avatar img{width:100%;height:100%;object-fit:cover}.wa-sidebar-header .wa-header-actions{display:flex;gap:2px;align-items:center}.wa-sidebar-header .wa-header-actions button{background:none;border:none;cursor:pointer;color:var(--wa-icon);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wa-sidebar-header .wa-header-actions button:hover{background:var(--wa-hover)}.wa-tabs{display:flex;padding:6px 16px 2px;gap:6px;background:var(--wa-sidebar-bg)}.wa-tab{padding:5px 12px;border-radius:20px;font-size:13px;cursor:pointer;border:none;background:var(--wa-hover);color:var(--wa-text-secondary);white-space:nowrap;font-family:var(--wa-font);transition:background .15s,color .15s}.wa-tab:hover{background:#c2bdb840}.wa-tab.active{background:#00a8841f;color:var(--wa-teal)}.wa-search{padding:8px 12px;background:var(--wa-sidebar-bg)}.wa-search-wrap{position:relative}.wa-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667781;width:16px;height:16px;pointer-events:none}.wa-search-input{width:100%;padding:7px 12px 7px 36px;border:none;border-radius:8px;background:#f0f2f5;font-size:14px;font-family:var(--wa-font);outline:none;color:var(--wa-text);height:35px}.wa-search-input::placeholder{color:#667781}.wa-search-input:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--wa-teal)}.wa-chat-list{flex:1;overflow-y:auto}.wa-chat-item{display:flex;align-items:center;padding:0 15px;cursor:pointer;transition:background .1s;height:72px}.wa-chat-item:hover{background:var(--wa-hover)}.wa-chat-item.active{background:var(--wa-active)}.wa-chat-item .wa-avatar{width:49px;height:49px;min-width:49px;border-radius:50%;background:#dfe5e7;display:flex;align-items:center;justify-content:center;font-weight:500;color:#fff;font-size:18px;margin-right:13px;overflow:hidden}.wa-chat-item .wa-avatar img{width:100%;height:100%;object-fit:cover}.wa-chat-info{flex:1;min-width:0;border-bottom:1px solid var(--wa-border);padding:13px 0;height:100%;display:flex;flex-direction:column;justify-content:center}.wa-chat-info-top{display:flex;justify-content:space-between;align-items:center}.wa-chat-name{font-size:16.5px;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-time{font-size:12px;color:var(--wa-text-secondary);white-space:nowrap;margin-left:8px;flex-shrink:0}.wa-chat-info-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.wa-chat-preview{font-size:13.5px;color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.wa-chat-badge{background:var(--wa-green);color:#fff;font-size:11px;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:6px;flex-shrink:0}.wa-main{flex:1;display:flex;flex-direction:column;background:var(--wa-main-bg);min-width:0;position:relative}.wa-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f2f5;text-align:center;padding:40px;border-left:1px solid var(--wa-border)}.wa-empty h2{font-size:32px;font-weight:300;color:var(--wa-text);margin-bottom:16px}.wa-empty p{font-size:14px;color:var(--wa-text-secondary);max-width:500px;line-height:20px}.wa-chat-header{background:var(--wa-main-header);padding:10px 16px;display:flex;align-items:center;height:64px;min-height:64px;border-left:1px solid var(--wa-border)}.wa-chat-header .wa-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:#dfe5e7;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:15px;margin-right:15px;cursor:pointer;overflow:hidden}.wa-chat-header .wa-avatar img{width:100%;height:100%;object-fit:cover}.wa-chat-header-info{flex:1;min-width:0}.wa-chat-header-name{font-size:16px;color:var(--wa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-header-status{font-size:13px;color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-header-actions{display:flex;gap:2px}.wa-chat-header-actions button{background:none;border:none;cursor:pointer;color:var(--wa-icon);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wa-chat-header-actions button:hover{background:var(--wa-hover)}.wa-messages-wrapper{flex:1;position:relative;overflow:hidden;border-left:1px solid var(--wa-border)}.wa-messages-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--wa-doodle);background-size:auto;background-repeat:repeat;opacity:.1;z-index:0;pointer-events:none}.wa-messages-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--wa-main-bg);z-index:-1}.wa-messages{position:relative;z-index:1;height:100%;overflow-y:auto;padding:16px 63px;display:flex;flex-direction:column}@media (max-width: 1200px){.wa-messages{padding:16px 30px}}@media (max-width: 900px){.wa-messages{padding:16px}}.wa-date-divider{align-self:center;background:#ffffffe6;border-radius:6px;padding:4px 12px;font-size:12px;color:#0009;box-shadow:#0000000f 0 0 1px 1px,#0000000d 0 1px;margin:12px 0;font-family:var(--wa-font);-webkit-user-select:none;user-select:none}.wa-msg{display:flex;margin-bottom:2px}.wa-msg.sent{justify-content:flex-end}.wa-msg.received{justify-content:flex-start}.wa-msg.sent+.wa-msg.received,.wa-msg.received+.wa-msg.sent{margin-top:8px}.wa-bubble{max-width:65%;min-width:80px;padding:6px 7px 8px 9px;position:relative;box-shadow:#0b141a21 0 1px .5px;word-break:break-word}.wa-msg.sent .wa-bubble{background:var(--wa-sent);border-radius:7.5px 0 7.5px 7.5px}.wa-msg.sent .wa-bubble:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--wa-sent)}.wa-msg.sent+.wa-msg.sent .wa-bubble{border-radius:7.5px}.wa-msg.sent+.wa-msg.sent .wa-bubble:after{display:none}.wa-msg.received .wa-bubble{background:var(--wa-received);border-radius:0 7.5px 7.5px}.wa-msg.received .wa-bubble:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--wa-received)}.wa-msg.received+.wa-msg.received .wa-bubble{border-radius:7.5px}.wa-msg.received+.wa-msg.received .wa-bubble:before{display:none}.wa-msg-text{font-size:14.2px;line-height:19px;white-space:pre-wrap;color:var(--wa-text)}.wa-msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px;float:right;margin-left:12px;position:relative;top:4px}.wa-msg-time{font-size:11px;color:var(--wa-timestamp);white-space:nowrap}.wa-msg-ticks{display:flex;align-items:center}.wa-msg-ticks svg{width:16px;height:11px}.wa-msg-ticks.read svg{color:var(--wa-blue-tick)}.wa-msg-ticks.delivered svg{color:#00000059}.wa-msg-ticks.sent svg{color:#00000059}.wa-reply-preview{background:#0000000d;border-left:4px solid var(--wa-teal);border-radius:4px;padding:5px 8px;margin-bottom:5px;cursor:pointer;font-size:12.8px;max-width:100%}.wa-reply-author{color:var(--wa-teal);font-weight:500;font-size:12.5px}.wa-reply-text{color:var(--wa-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-msg-image img{max-width:330px;max-height:330px;border-radius:6px;cursor:pointer;display:block}.wa-msg-video{position:relative;display:inline-block}.wa-msg-video video{max-width:330px;max-height:330px;border-radius:6px;display:block}.wa-msg-doc{display:flex;align-items:center;padding:10px 13px;background:#0000000a;border-radius:8px;min-width:260px;gap:10px;text-decoration:none;color:var(--wa-text);margin-bottom:2px}.wa-msg-doc:hover{background:#00000012}.wa-msg-doc-icon{font-size:28px}.wa-msg-doc-name{font-size:13.5px;font-weight:500}.wa-msg-doc-size{font-size:11px;color:var(--wa-text-secondary);margin-top:2px}.wa-msg-voice,.wa-msg-audio{min-width:280px}.wa-msg-voice audio,.wa-msg-audio audio{height:36px;width:100%;border-radius:18px}.wa-msg-location{border-radius:6px;display:block;border:none}.wa-msg-deleted{font-style:italic;color:var(--wa-text-secondary);font-size:13.5px;display:flex;align-items:center;gap:6px}.wa-msg-deleted svg{width:16px;height:16px;opacity:.6}.wa-reactions{display:flex;gap:2px;position:absolute;bottom:-12px;background:var(--wa-received);border-radius:12px;padding:1px 5px;box-shadow:0 1px 3px #00000014;font-size:15px;z-index:2}.wa-msg.sent .wa-reactions{right:4px}.wa-msg.received .wa-reactions{left:4px}.wa-msg:has(.wa-reactions){margin-bottom:16px}.wa-msg-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .15s;display:flex;background:inherit;border-radius:4px;padding:2px;z-index:3}.wa-bubble:hover .wa-msg-actions{opacity:1}.wa-msg-actions button{background:none;border:none;cursor:pointer;color:var(--wa-icon);padding:4px;border-radius:50%;font-size:13px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wa-msg-actions button:hover{background:#00000014}.wa-footer{background:var(--wa-footer);padding:5px 10px;display:flex;align-items:flex-end;gap:4px;height:64px;min-height:62px;border-left:1px solid var(--wa-border)}.wa-footer button{background:none;border:none;cursor:pointer;color:var(--wa-icon);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;transition:background .1s}.wa-footer button:hover{background:var(--wa-hover)}.wa-footer button.send-btn{color:var(--wa-teal)}.wa-footer button.send-btn:hover{background:#00a8841a}.wa-input-wrap{flex:1;background:var(--wa-input-bg);border:1px solid var(--wa-border);border-radius:8px;padding:9px 12px;min-height:42px;max-height:120px;display:flex;align-items:center}.wa-input-wrap:focus-within{border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--wa-border)}.wa-input-wrap textarea{width:100%;border:none;outline:none;font-size:15px;line-height:22px;font-family:var(--wa-font);resize:none;background:transparent;color:var(--wa-text);max-height:100px}.wa-input-wrap textarea::placeholder{color:#667781}.wa-reply-bar{padding:8px 16px;background:var(--wa-footer);border-top:1px solid var(--wa-border);border-left:1px solid var(--wa-border);display:flex;align-items:center}.wa-reply-bar .wa-reply-preview{flex:1;margin:0}.wa-reply-bar button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--wa-icon);padding:4px 8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.wa-login{height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--wa-green) 0%,var(--wa-green) 222px,#f0f2f5 222px)}.wa-login-card{margin:80px auto auto;max-width:460px;width:90%;background:#fff;border-radius:6px;box-shadow:0 17px 50px #0b141a30,0 12px 15px #0b141a3d;padding:40px 36px;text-align:center;z-index:1}.wa-login-card .wa-logo{width:60px;height:60px;margin:0 auto 20px}.wa-login-card h2{font-size:18px;font-weight:400;color:var(--wa-text-secondary);margin-bottom:24px}.wa-login-card input{width:100%;padding:12px 14px;border:2px solid var(--wa-border);border-radius:6px;font-size:15px;font-family:var(--wa-font);outline:none;margin-bottom:14px;color:var(--wa-text);transition:border-color .2s}.wa-login-card input:focus{border-color:var(--wa-teal)}.wa-login-card input:disabled{opacity:.5;background:#f7f7f7}.wa-login-card button{width:100%;padding:12px;background:var(--wa-teal);color:#fff;border:none;border-radius:6px;font-size:15px;font-family:var(--wa-font);cursor:pointer;transition:background .2s}.wa-login-card button:hover{background:#008f72}.wa-login-card button:disabled{opacity:.6;cursor:not-allowed}.wa-login-card .error{color:#dc3545;font-size:13px;margin-bottom:12px}.badge{display:none}.wa-spinner{width:36px;height:36px;border:3px solid var(--wa-border);border-top-color:var(--wa-teal);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.wa-typing{font-size:13px;color:var(--wa-teal);font-style:italic}.wa-unread-separator{align-self:center;background:#00a8841a;color:var(--wa-teal);border-radius:6px;padding:4px 16px;font-size:12px;margin:8px 0;font-weight:500}.wa-emoji-picker{position:absolute;bottom:64px;left:10px;width:340px;max-height:320px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;z-index:100;overflow:hidden}.wa-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:300px;overflow-y:auto}.wa-emoji-grid span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:22px;cursor:pointer;border-radius:6px;transition:background .1s}.wa-emoji-grid span:hover{background:var(--wa-hover)}.wa-attach-menu{position:absolute;bottom:52px;left:-8px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000026;z-index:100;padding:12px;display:flex;flex-direction:column;gap:4px;min-width:200px}.wa-attach-menu>div{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-radius:8px;font-size:14px;color:var(--wa-text);transition:background .1s}.wa-attach-menu>div:hover{background:var(--wa-hover)}.wa-attach-menu>div>span{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wa-attach-menu>div>span svg{width:20px;height:20px}.wa-reaction-picker{position:absolute;top:-44px;left:0;background:#fff;border-radius:24px;box-shadow:0 2px 8px #00000026;padding:4px 6px;display:flex;gap:2px;z-index:10}.wa-reaction-picker span{font-size:22px;cursor:pointer;padding:4px;border-radius:50%;transition:transform .15s,background .1s}.wa-reaction-picker span:hover{transform:scale(1.3);background:var(--wa-hover)}.wa-msg-dropdown-btn{position:relative}.wa-msg-dropdown-btn:hover .wa-msg-dropdown,.wa-msg-dropdown-btn:focus-within .wa-msg-dropdown{display:block}.wa-msg-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border-radius:4px;box-shadow:0 2px 5px #0b141a42,0 2px 10px #0b141a29;z-index:20;min-width:160px;padding:6px 0}.wa-msg-dropdown>div{padding:8px 24px;font-size:14.2px;cursor:pointer;color:var(--wa-text);white-space:nowrap}.wa-msg-dropdown>div:hover{background:var(--wa-hover)}.wa-recording-dot{width:12px;height:12px;border-radius:50%;background:#ef5350;animation:wa-pulse 1.2s infinite}@keyframes wa-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.wa-msg-sender{font-size:12.5px;font-weight:500;color:var(--wa-teal);margin-bottom:2px}.wa-msg-album{display:grid;gap:2px;border-radius:6px;overflow:hidden;max-width:330px}.wa-msg-album[data-count="2"],.wa-msg-album[data-count="3"],.wa-msg-album[data-count="4"]{grid-template-columns:1fr 1fr}.wa-msg-album-item{position:relative;overflow:hidden}.wa-msg-album-item img,.wa-msg-album-item video{width:100%;height:100%;object-fit:cover;display:block}.wa-album-more{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300}.wa-footer.drag-over{background:#00a88414;border:2px dashed var(--wa-teal)}.wa-msg-sticker img{max-width:180px;max-height:180px}.wa-media-error{padding:12px 16px;background:#0000000a;border-radius:6px;color:var(--wa-text-secondary);font-size:13px;font-style:italic;min-width:150px;text-align:center}.wa-msg-voice{display:flex;align-items:center;gap:8px;min-width:280px}.wa-voice-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;background:#dfe5e7;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.wa-msg-voice.sent-voice .wa-voice-avatar{background:var(--wa-teal)}.wa-msg-voice audio{height:36px;width:100%;flex:1}.wa-emoji-picker,.wa-attach-menu{animation:wa-fadeIn .15s ease}@keyframes wa-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wa-empty:before{content:"";display:block;width:350px;height:300px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 303 172' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300a884' fill-opacity='0.12' d='M229.565 160.229c32.647-16.025 55.088-48.091 57.702-85.072C290.276 33.798 255.461 0 212.429 0c-25.381 0-48.083 12.196-62.791 31.407C134.93 12.196 112.228 0 86.847 0 43.815 0 9 33.798 12.009 75.157c2.614 36.981 25.055 69.047 57.702 85.072a100.142 100.142 0 0 0 26.628 8.975c13.726 3.195 28.275 3.195 41.999 0a100.142 100.142 0 0 0 15.689-5.163l2.524 8.807a3 3 0 0 0 5.032 1.083l10.749-11.589a99.986 99.986 0 0 0 8.148-1.69 100.142 100.142 0 0 0 26.628-8.975l22.457 17.552z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;margin-bottom:20px}.wa-sidebar-header .wa-header-actions button{font-size:12px;color:var(--wa-text-secondary);padding:6px 10px;width:auto;min-width:auto;height:auto}.wa-chat-item.active{background:var(--wa-active)!important}.wa-chat-list:empty:after{content:"No chats found";display:block;text-align:center;padding:40px 20px;color:var(--wa-text-secondary);font-size:14px}.wa-scroll-bottom{position:absolute;bottom:16px;right:24px;width:42px;height:42px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 3px #0b141a42;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--wa-icon);z-index:10;transition:background .15s}.wa-scroll-bottom:hover{background:#f0f2f5}.wa-scroll-badge{position:absolute;top:-4px;right:-4px;background:var(--wa-green);color:#fff;font-size:11px;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.wa-sidebar{width:100%;max-width:100%}.wa-main,.wa-container.chat-open .wa-sidebar{display:none}.wa-container.chat-open .wa-main{display:flex}}