:root{--whatsapp-green:#25d366;--whatsapp-green-dark:#128c7e;--whatsapp-green-darker:#075e54;--whatsapp-green-light:#dcf8c6;--whatsapp-green-lighter:#e8f5e8;--whatsapp-message-outgoing:#dcf8c6;--whatsapp-message-incoming:#ffffff;--whatsapp-message-ai:#f0f0f0;--whatsapp-message-system:#fff3cd;--whatsapp-bg-primary:#f0f2f5;--whatsapp-bg-secondary:#ffffff;--whatsapp-bg-chat:#e5ddd5;--whatsapp-bg-sidebar:#f8f9fa;--whatsapp-bg-header:#ededed;--whatsapp-border-light:#e9ecef;--whatsapp-border-medium:#d1d7db;--whatsapp-border-dark:#54656f;--whatsapp-text-primary:#111b21;--whatsapp-text-secondary:#667781;--whatsapp-text-tertiary:#8696a0;--whatsapp-text-white:#ffffff;--whatsapp-text-green:#00a884;--whatsapp-status-online:#00d04a;--whatsapp-status-away:#ffb700;--whatsapp-status-offline:#8696a0;--whatsapp-accent-blue:#53bdeb;--whatsapp-accent-red:#f15c6d;--whatsapp-accent-orange:#ff9500;--whatsapp-shadow-light:0 1px 3px rgba(11,20,26,0.04);--whatsapp-shadow-medium:0 2px 5px rgba(11,20,26,0.06);--whatsapp-shadow-heavy:0 4px 12px rgba(11,20,26,0.15);--whatsapp-radius-small:4px;--whatsapp-radius-medium:8px;--whatsapp-radius-large:12px;--whatsapp-radius-message:7.5px;--whatsapp-spacing-xs:4px;--whatsapp-spacing-sm:8px;--whatsapp-spacing-md:12px;--whatsapp-spacing-lg:16px;--whatsapp-spacing-xl:20px;--whatsapp-spacing-2xl:24px}[data-theme=dark]{--whatsapp-bg-primary:#111b21;--whatsapp-bg-secondary:#202c33;--whatsapp-bg-chat:#0b141a;--whatsapp-bg-sidebar:#111b21;--whatsapp-bg-header:#2a3942;--whatsapp-message-incoming:#202c33;--whatsapp-message-ai:#182229;--whatsapp-message-system:#2a3942;--whatsapp-border-light:#2a3942;--whatsapp-border-medium:#3b4a54;--whatsapp-border-dark:#54656f;--whatsapp-text-primary:#e9edef;--whatsapp-text-secondary:#aebac1;--whatsapp-text-tertiary:#8696a0;--whatsapp-text-green:#00a884}.whatsapp-container{background-color:var(--whatsapp-bg-primary);color:var(--whatsapp-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.whatsapp-sidebar{background-color:var(--whatsapp-bg-sidebar);border-right:1px solid var(--whatsapp-border-light)}.whatsapp-header{background-color:var(--whatsapp-bg-header);border-bottom:1px solid var(--whatsapp-border-light);padding:var(--whatsapp-spacing-lg)}.whatsapp-chat-area{background-color:var(--whatsapp-bg-chat);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M25 25h50v50H25z' fill='%23000'/%3E%3Cpath d='M75 25h25v50H75z' fill='%23000'/%3E%3Cpath d='M25 75h50v25H25z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")}.whatsapp-message-bubble{border-radius:var(--whatsapp-radius-message);box-shadow:var(--whatsapp-shadow-light);padding:var(--whatsapp-spacing-sm) var(--whatsapp-spacing-md);margin-bottom:var(--whatsapp-spacing-xs);position:relative}.whatsapp-message-outgoing{background-color:var(--whatsapp-message-outgoing);color:var(--whatsapp-text-primary)}.whatsapp-message-incoming{background-color:var(--whatsapp-message-incoming);color:var(--whatsapp-text-primary)}.whatsapp-message-ai{background-color:var(--whatsapp-message-ai);color:var(--whatsapp-text-primary)}.whatsapp-input-area{background-color:var(--whatsapp-bg-header);border-top:1px solid var(--whatsapp-border-light);padding:var(--whatsapp-spacing-md)}.whatsapp-input{background-color:var(--whatsapp-bg-secondary);border:1px solid var(--whatsapp-border-light);border-radius:var(--whatsapp-radius-large);color:var(--whatsapp-text-primary);padding:var(--whatsapp-spacing-md)}.whatsapp-input:focus{outline:none;border-color:var(--whatsapp-green);box-shadow:0 0 0 2px rgba(37,211,102,.1)}.whatsapp-button-primary{background-color:var(--whatsapp-green);color:var(--whatsapp-text-white);border:none;border-radius:var(--whatsapp-radius-medium);padding:var(--whatsapp-spacing-sm) var(--whatsapp-spacing-lg);font-weight:500;cursor:pointer;transition:all .2s ease}.whatsapp-button-primary:hover{background-color:var(--whatsapp-green-dark)}.whatsapp-button-secondary{background-color:transparent;color:var(--whatsapp-text-secondary);border:1px solid var(--whatsapp-border-medium);border-radius:var(--whatsapp-radius-medium);padding:var(--whatsapp-spacing-sm) var(--whatsapp-spacing-lg);font-weight:500;cursor:pointer;transition:all .2s ease}.whatsapp-button-secondary:hover{background-color:var(--whatsapp-bg-header)}.whatsapp-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--whatsapp-green);display:flex;align-items:center;justify-content:center;color:var(--whatsapp-text-white);font-weight:500;font-size:14px}.whatsapp-conversation-item{padding:var(--whatsapp-spacing-md);border-bottom:1px solid var(--whatsapp-border-light);cursor:pointer;transition:background-color .2s ease}.whatsapp-conversation-item:hover{background-color:var(--whatsapp-bg-header)}.whatsapp-conversation-item.active{background-color:var(--whatsapp-green-lighter);border-left:4px solid var(--whatsapp-green)}.whatsapp-status-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--whatsapp-bg-secondary);position:absolute;bottom:0;right:0}.whatsapp-status-online{background-color:var(--whatsapp-status-online)}.whatsapp-status-away{background-color:var(--whatsapp-status-away)}.whatsapp-status-offline{background-color:var(--whatsapp-status-offline)}.whatsapp-scrollbar{scrollbar-width:thin;scrollbar-color:var(--whatsapp-border-medium) transparent}.whatsapp-scrollbar::-webkit-scrollbar{width:6px}.whatsapp-scrollbar::-webkit-scrollbar-track{background:transparent}.whatsapp-scrollbar::-webkit-scrollbar-thumb{background-color:var(--whatsapp-border-medium);border-radius:3px}.whatsapp-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--whatsapp-border-dark)}.whatsapp-timestamp{color:var(--whatsapp-text-tertiary);font-size:11px;margin-top:var(--whatsapp-spacing-xs);text-align:right}.whatsapp-attachment{border-radius:var(--whatsapp-radius-medium);padding:var(--whatsapp-spacing-md);margin-bottom:var(--whatsapp-spacing-sm)}.whatsapp-attachment,.whatsapp-search{background-color:var(--whatsapp-bg-header);border:1px solid var(--whatsapp-border-light)}.whatsapp-search{border-radius:var(--whatsapp-radius-large);padding:var(--whatsapp-spacing-sm) var(--whatsapp-spacing-md);color:var(--whatsapp-text-primary);width:100%}.whatsapp-search:focus{outline:none;border-color:var(--whatsapp-green);box-shadow:0 0 0 2px rgba(37,211,102,.1)}.whatsapp-typing-indicator{display:flex;align-items:center;gap:var(--whatsapp-spacing-xs);color:var(--whatsapp-text-secondary);font-size:12px;padding:var(--whatsapp-spacing-sm)}.whatsapp-typing-dots{display:flex;gap:2px}.whatsapp-typing-dot{width:3px;height:3px;border-radius:50%;background-color:var(--whatsapp-text-secondary);animation:whatsapp-typing 1.4s infinite}.whatsapp-typing-dot:nth-child(2){animation-delay:.2s}.whatsapp-typing-dot:nth-child(3){animation-delay:.4s}@keyframes whatsapp-typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.whatsapp-media-preview{border-radius:var(--whatsapp-radius-medium);overflow:hidden;max-width:300px;margin-bottom:var(--whatsapp-spacing-sm)}.whatsapp-media-preview img,.whatsapp-media-preview video{width:100%;height:auto;display:block}.whatsapp-voice-message{display:flex;align-items:center;gap:var(--whatsapp-spacing-sm);padding:var(--whatsapp-spacing-sm);background-color:var(--whatsapp-bg-header);border-radius:var(--whatsapp-radius-medium)}.whatsapp-voice-waveform{flex:1;height:20px;display:flex;align-items:center;gap:1px}.whatsapp-voice-bar{width:2px;background-color:var(--whatsapp-green);border-radius:1px;transition:height .1s ease}@media (max-width:768px){.whatsapp-container{flex-direction:column}.whatsapp-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--whatsapp-border-light)}.whatsapp-message-bubble{max-width:85%}.whatsapp-input-area{padding:var(--whatsapp-spacing-sm)}}@keyframes whatsapp-message-entrance{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.whatsapp-message-entrance{animation:whatsapp-message-entrance .3s ease-out}.whatsapp-loading{display:inline-block;width:20px;height:20px;border-top:2px solid var(--whatsapp-border-light);border:2px solid var(--whatsapp-border-light);border-top-color:var(--whatsapp-green);border-radius:50%;animation:whatsapp-spin 1s linear infinite}@keyframes whatsapp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}