@import "https://fonts.googleapis.com/css2?family=Segoe+UI&family=Roboto:wght@300;400;500;700&display=swap";
:root{--wa-teal:#881555;--wa-teal-dark:#6a113f;--wa-bg-light:#f0f2f5;--wa-sidebar-bg:#fff;--wa-header-bg:#f0f2f5;--wa-chat-bg:#efeae2;--wa-search-bg:#f0f2f5;--wa-sidebar-hover:#f5f6f6;--wa-active-chat:#f0f2f5;--wa-outgoing-bubble:#d9fdd3;--wa-incoming-bubble:#fff;--wa-text-primary:#111b21;--wa-text-secondary:#667781;--wa-text-time:#667781;--wa-border:#e9edef;--wa-icon-color:#54656f}[data-theme=dark]{--wa-bg-light:#0b141a;--wa-sidebar-bg:#111b21;--wa-header-bg:#202c33;--wa-chat-bg:#0b141a;--wa-search-bg:#202c33;--wa-sidebar-hover:#202c33;--wa-active-chat:#2a3942;--wa-outgoing-bubble:#005c4b;--wa-incoming-bubble:#202c33;--wa-text-primary:#e9edef;--wa-text-secondary:#8696a0;--wa-text-time:#aebac1;--wa-border:#222d34;--wa-icon-color:#aebac1}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--wa-bg-light);max-width:100vw;height:100vh;color:var(--wa-text-primary);margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:6px;outline:none;transition:all .2s}button:hover{transform:scale(1.05)}button:active{transform:scale(.95)}input{border:none;outline:none;transition:border-color .2s}input:focus{border-color:var(--wa-teal)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}.app-container{width:100vw;height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.whatsapp-green-bar{background-color:var(--wa-teal);z-index:-1;width:100%;height:127px;position:absolute;top:0;left:0}.main-content{background-color:var(--wa-sidebar-bg);width:100%;max-width:100%;height:100vh;box-shadow:none;z-index:1;border-radius:0;justify-content:center;align-items:stretch;margin:0;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1024px){.app-container{flex-direction:column}.whatsapp-green-bar{height:80px}.main-content{border-radius:0;max-width:100vw;height:100vh;margin:0}}@media screen and (max-width:768px){.main-content{border-radius:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wa-loader{color:var(--wa-teal);animation:1s linear infinite spin}