@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--whatsapp-green:#25d366;--whatsapp-dark:#075e54;--whatsapp-light:#f8f9fa;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--surface:#fff;--surface-muted:#f7f8fa;--shadow:rgba(16,24,40,.08);--ring:rgba(37,211,102,.2)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at -10% -10%,rgba(255,255,255,.25),rgba(255,255,255,0) 60%),radial-gradient(900px 500px at 110% -10%,rgba(255,255,255,.2),rgba(255,255,255,0) 60%),linear-gradient(135deg,#2bd576 0%,#0e8f7f 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:24px}.header{box-shadow:0 10px 30px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.6);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px 28px;display:flex}.header h1{color:var(--whatsapp-dark);font-size:2rem;font-weight:600}.header h1 i{color:var(--whatsapp-green);margin-right:10px}.status-indicator{align-items:center;gap:10px;font-weight:500;display:flex}.status-dot{background:#dc3545;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}.status-dot.connected{background:var(--whatsapp-green)}.status-dot.connecting{background:#ffc107}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.card{background:var(--surface);box-shadow:0 10px 30px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #eef2f4;border-radius:16px;margin-bottom:24px;transition:transform .25s,box-shadow .25s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.card-header{background:var(--surface);color:var(--text-primary);border-bottom:1px solid #edf1f3;align-items:center;gap:12px;padding:18px 24px;display:flex}.card-body{padding:24px}.qr-section .card-body{text-align:center}#qr-container{justify-content:center;align-items:center;min-height:300px;margin-bottom:30px;display:flex}.qr-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:15px;display:flex}.qr-placeholder i{color:#ccc;font-size:4rem}.qr-image{border-radius:10px;max-width:300px;height:auto;box-shadow:0 4px 20px rgba(0,0,0,.1)}.qr-instructions{background:var(--whatsapp-light);text-align:left;border:1px solid #e9ecef;border-radius:12px;max-width:520px;margin:0 auto;padding:18px}.success-message{color:#166534;background:rgba(40,167,69,.12);border:1px solid rgba(40,167,69,.25);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 18px;display:flex}.disconnect-btn,.send-button,.input-group button,.tab-button.active,#bulk-send-btn{background:linear-gradient(135deg,var(--whatsapp-green),#20b358);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 25px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.disconnect-btn{background:linear-gradient(135deg,#dc3545,#c82333)}.disconnect-btn:hover,.send-button:hover,.input-group button:hover,#bulk-send-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,211,102,.3)}.allow-all-section{background:var(--whatsapp-light);border:1px solid #e9ecef;border-radius:12px;margin-bottom:22px;padding:18px}.toggle-container{flex-direction:column;gap:10px;display:flex}.toggle-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:15px;font-weight:500;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:13px;width:50px;height:26px;transition:all .3s;position:relative}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-label input[type=checkbox]:checked+.toggle-slider{background:var(--whatsapp-green)}.toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.75);border:1px solid #eef2f4;border-radius:999px;gap:10px;margin-bottom:22px;padding:8px;display:flex;overflow-x:auto}.tab-button{cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid transparent;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.98rem;transition:all .2s;display:inline-flex}.tab-button:hover{color:var(--whatsapp-dark);background:rgba(37,211,102,.08);border-color:rgba(37,211,102,.2)}.tab-button.active{color:#fff;background:linear-gradient(135deg,var(--whatsapp-green),#20b358);border-color:transparent;box-shadow:0 8px 20px rgba(37,211,102,.25)}.tab-content{display:none}.tab-content.active{display:block}.input-group{gap:12px;margin-bottom:18px;display:flex}.input-group input,.input-group textarea{border:2px solid var(--border-color);background:#fff;border-radius:12px;flex:1;padding:14px;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.input-group input:focus,.input-group textarea:focus,#chat-message-input:focus{border-color:var(--whatsapp-green);box-shadow:0 0 0 4px var(--ring);outline:none}.number-list{flex-direction:column;gap:10px;max-height:250px;display:flex;overflow-y:auto}.number-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.remove-btn{color:#dc3545;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;display:inline-flex}.conversations-container{grid-template-columns:320px 1fr;gap:30px;display:grid}.conversations-list{border-right:1px solid #f0f0f0;flex-direction:column;gap:10px;max-height:600px;padding-right:20px;display:flex;overflow-y:auto}.conversation-item{cursor:pointer;background:#fff;border:1px solid transparent;border-radius:10px;gap:12px;padding:15px;transition:transform .2s,box-shadow .2s;display:flex}.conversation-item:hover,.conversation-item.active{border-color:rgba(37,211,102,.2);transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,211,102,.12)}.conversation-avatar,.chat-avatar{width:48px;height:48px;color:var(--whatsapp-dark);background:rgba(37,211,102,.2);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.conversation-content{flex:1}.conversation-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.conversation-contact{font-weight:600}.conversation-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.9rem;overflow:hidden}.chat-window{background:#fff;border:1px solid #eef2f4;border-radius:16px;flex-direction:column;height:600px;display:flex}.chat-header{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;padding:18px;display:flex}.chat-contact-info{align-items:center;gap:15px;display:flex}.back-btn{display:none}.chat-actions{gap:10px;display:flex}.chat-actions button{cursor:pointer;background:0 0;border:1px solid #f0f0f0;border-radius:8px;padding:8px 12px}.chat-messages{background:#f7f8fa;flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.message{border-radius:12px;flex-direction:column;gap:6px;max-width:70%;padding:12px 16px;font-size:.95rem;display:inline-flex;position:relative}.message.incoming{background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.message.outgoing{background:var(--whatsapp-green);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-time{opacity:.8;align-self:flex-end;font-size:.75rem}.chat-input{border-top:1px solid #f0f0f0;padding:20px}.chat-input .input-group{margin:0}.chat-input textarea{resize:none;min-height:46px;max-height:120px}.logs-container{flex-direction:column;gap:10px;max-height:250px;display:flex;overflow-y:auto}.log-entry{background:#fff;border-left:4px solid transparent;border-radius:10px;gap:10px;padding:10px 12px;display:flex}.log-entry.success{border-color:#28a745}.log-entry.error{border-color:#dc3545}.log-entry.info{border-color:#17a2b8}.timestamp{color:var(--text-secondary);font-family:Geist Mono,monospace;font-size:.8rem}.toast{background:var(--whatsapp-dark);color:#fff;opacity:0;pointer-events:none;z-index:1000;border-radius:10px;padding:15px 20px;transition:opacity .3s,transform .3s;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:#28a745}.toast.error{background:#dc3545}.toast.info{background:#17a2b8}.refresh-btn{background:linear-gradient(135deg,var(--whatsapp-green),#20b358);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-left:auto;padding:8px 14px;transition:all .25s}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,211,102,.25)}.no-conversations{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 0;display:flex}.loading{border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.conversations-container{grid-template-columns:1fr}.conversations-list{border-bottom:1px solid #f0f0f0;border-right:none;padding-bottom:20px;padding-right:0}.back-btn{color:var(--whatsapp-dark);cursor:pointer;background:0 0;border:none;font-size:1.1rem;display:inline-flex}}@media (max-width:768px){.container{padding:15px}.header{text-align:center;flex-direction:column;gap:10px}.card{border-radius:12px}.card-body{padding:20px}.input-group{flex-direction:column}.input-group button,.send-button,.disconnect-btn{justify-content:center;width:100%}.tabs{flex-direction:column}.tab-button{justify-content:center;width:100%}}.badge{min-width:22px;height:22px;color:var(--whatsapp-dark);background:rgba(37,211,102,.15);border:1px solid rgba(37,211,102,.3);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;display:inline-flex}.input-group input[type=text]::placeholder,.input-group textarea::placeholder{color:#9aa0a6}.chat-actions button i{text-align:center;width:16px}.tab-button .badge{min-width:18px;height:18px;padding:0 6px;font-size:.75rem}
