@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-blue: #2196f3;--primary-blue-dark: #1976d2;--primary-blue-light: #bbdefb;--background-dark: #0b141a;--background-medium: #111b21;--background-light: #1f2c34;--background-chat: #0b141a;--background-message-in: #1f2c34;--background-message-out: #0a4f8b;--border-color: #2a3942;--text-primary: #e9edef;--text-secondary: #8696a0;--text-tertiary: #667781;--hover-bg: #2a3942;--active-bg: #2a3942;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-dark);color:var(--text-primary);overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{display:flex;height:100vh;background:var(--background-dark)}.sidebar{width:380px;background:var(--background-medium);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:var(--transition-normal)}.sidebar-header{padding:var(--spacing-lg);background:var(--background-light);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;min-height:70px}.sidebar-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.sidebar-actions{display:flex;gap:var(--spacing-md)}.icon-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:var(--hover-bg);color:var(--text-primary)}.search-container{padding:var(--spacing-md);background:var(--background-medium);border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;transition:var(--transition-fast)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--primary-blue);background:var(--background-medium)}.group-list{flex:1;overflow-y:auto;overflow-x:hidden}.group-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--border-color);gap:var(--spacing-md)}.group-item:hover{background:var(--hover-bg)}.group-item.active{background:var(--active-bg);border-left:4px solid var(--primary-blue)}.group-item-pinned{background:#2563eb0a}.group-item-pinned:hover{background:#2563eb14}.pin-strip{position:absolute;left:0;top:0;bottom:0;width:3px;background:#2563eb;border-radius:0 2px 2px 0}.pin-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;z-index:2;flex-shrink:0}.group-item:hover .pin-btn{opacity:1}.pin-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.group-section-label{display:flex;align-items:center;gap:5px;padding:6px 16px 4px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary, #9ca3af);background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb);-webkit-user-select:none;user-select:none}.group-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff;flex-shrink:0}.group-info{flex:1;min-width:0}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.group-name{display:flex;align-items:center;font-weight:500;color:var(--text-primary);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-time{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.group-preview{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--spacing-xs)}.unread-badge{background:var(--primary-blue);color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.chat-area{flex:1;display:flex;flex-direction:column;background:#0b141a;position:relative}.chat-header{padding:10px 16px;background:#202c33;border-bottom:1px solid #222d34;display:flex;align-items:center;gap:12px;min-height:60px;z-index:10}.chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00a884,#008069);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:#fff;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-title{font-size:16px;font-weight:500;color:#e9edef;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-subtitle{font-size:12px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}.summary-tab-button{padding:8px 10px;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast)}.summary-tab-button:hover{color:var(--text-primary)}.summary-tab-button.active{border-bottom-color:#16a34a;color:#16a34a;font-weight:700}.summary-quick-button{padding:7px 10px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:12px;transition:var(--transition-fast)}.summary-quick-button:hover{border-color:#9ca3af;box-shadow:0 1px 2px #00000014}.summary-quick-button:active{transform:translateY(1px)}.messages-container{flex:1;overflow-y:auto;padding:16px 24px;position:relative;background-color:#0b141a;background-image:radial-gradient(circle at 50% 50%,#0b141a66,#0b141ad9),url("data:image/svg+xml,%3Csvg width='300' height='300' viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.035'%3E%3Cpath d='M30 30h20v20H30zM80 50l10-15 10 15zM150 20a15 15 0 1 0 0 30 15 15 0 0 0 0-30zM220 40l15 10-5 15-15-5zM270 20h20v20h-20zM20 120a10 10 0 1 0 0 20 10 10 0 0 0 0-20zM90 110l15 15-15 15-15-15zM160 100h30v15h-30zM230 110a12 12 0 1 0 0 24 12 12 0 0 0 0-24zM40 200l20-10v20zM100 190a15 15 0 1 0 0 30 15 15 0 0 0 0-30zM180 200l-10 15 20 5zM250 180h20v20h-20zM30 260a12 12 0 1 0 0 24 12 12 0 0 0 0-24zM120 260l15-10 10 15-15 10zM200 250h25v25h-25zM270 260l10 15-15 5z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px}.whatsapp-security-banner{display:flex;align-items:center;justify-content:center;gap:6px;background:#182229;color:#ffd279;font-size:12px;padding:6px 12px;border-radius:8px;margin:8px auto 16px;max-width:80%;text-align:center;box-shadow:0 1px .5px #0b141a21;line-height:1.4}.message-date-divider{display:flex;justify-content:center;margin:14px 0}.date-badge{background:#182229;color:#8696a0;padding:5px 12px;border-radius:8px;font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px .5px #0b141a21}.message{display:flex;margin-bottom:6px;position:relative}@keyframes messageSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.incoming{justify-content:flex-start}.message.outgoing{justify-content:flex-end}.message-bubble{max-width:65%;padding:6px 9px 8px;border-radius:8px;box-shadow:0 1px .5px #0b141a21;position:relative;word-wrap:break-word;font-size:14.2px;line-height:19px}.message.incoming .message-bubble{background:#202c33;color:#e9edef;border-top-left-radius:0}.message.incoming .message-bubble:before{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:#202c33;clip-path:polygon(100% 0,0 0,100% 100%)}.message.outgoing .message-bubble{background:#005c4b;color:#e9edef;border-top-right-radius:0}.message.outgoing .message-bubble:before{content:"";position:absolute;top:0;right:-8px;width:8px;height:13px;background:#005c4b;clip-path:polygon(0 0,100% 0,0 100%)}.message-sender{font-weight:600;font-size:12.8px;margin-bottom:3px;cursor:pointer}.message-content{color:#e9edef;font-size:14.2px;line-height:19px;white-space:pre-wrap;word-break:break-word}.message-media{margin-bottom:4px;max-width:320px}.message-media img{width:100%;height:auto;border-radius:6px;cursor:pointer;max-height:380px;object-fit:cover;background:#0000001a}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;float:right;margin-left:8px;margin-top:2px;font-size:11px;line-height:12px;color:#8696a0;-webkit-user-select:none;user-select:none}.message.outgoing .message-meta{color:#7fae9e}.whatsapp-doc-card{display:flex;align-items:center;gap:10px;background:#00000026;border-radius:6px;padding:8px 10px;margin-bottom:6px;border:1px solid rgba(255,255,255,.05)}.whatsapp-doc-icon{width:36px;height:36px;border-radius:6px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-doc-info{flex:1;min-width:0}.whatsapp-doc-name{font-size:13.5px;font-weight:500;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsapp-doc-sub{font-size:11px;color:#8696a0;margin-top:1px}.whatsapp-doc-download{color:#8696a0;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background .15s}.whatsapp-doc-download:hover{background:#ffffff1a;color:#e9edef}.whatsapp-input-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#202c33;border-top:1px solid #222d34;min-height:62px}.whatsapp-input-wrapper{flex:1;background:#2a3942;border-radius:8px;display:flex;align-items:center;padding:0 12px}.whatsapp-input-wrapper input{width:100%;background:transparent;border:none;outline:none;color:#e9edef;font-size:14.5px;padding:9px 0}.whatsapp-input-wrapper input::placeholder{color:#8696a0}.scroll-to-bottom-btn{position:absolute;bottom:74px;right:20px;width:40px;height:40px;border-radius:50%;background:#202c33;border:1px solid #222d34;color:#8696a0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000004d;transition:all .2s ease;z-index:15}.scroll-to-bottom-btn:hover{background:#2a3942;color:#e9edef;transform:translateY(-2px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:var(--spacing-lg)}.empty-icon{width:100px;height:100px;background:var(--background-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-state h2{font-size:24px;font-weight:500;color:var(--text-secondary)}.empty-state p{font-size:14px;color:var(--text-tertiary);text-align:center;max-width:400px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-lg)}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:14px}.error-container{padding:var(--spacing-lg);margin:var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5}.error-title{font-weight:600;margin-bottom:var(--spacing-sm)}.mobile-back-button{display:none}@media (max-width: 768px){.app-container .sidebar{width:100%;display:flex;border-right:none}.app-container .chat-area{display:none;width:100%}.app-container.chat-active .sidebar{display:none}.app-container.chat-active .chat-area{display:flex}.mobile-back-button{display:flex;margin-right:var(--spacing-sm);min-width:44px;min-height:44px;padding:10px;background-color:#ffffff0d;flex-shrink:0;cursor:pointer;pointer-events:auto}.message-bubble{max-width:85%}}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.image-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-popup-container{position:relative;background:#fff;color:#111827;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;overflow:hidden;animation:scaleIn .2s ease}.image-popup-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s;line-height:1}.image-popup-close:hover{background:#000c}.image-popup-img-wrapper{display:flex;align-items:center;justify-content:center;overflow:auto;max-height:70vh;background:#000}.image-popup-img{max-width:100%;max-height:70vh;object-fit:contain;display:block}.image-popup-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light, #e5e7eb);justify-content:center;flex-wrap:wrap}.image-popup-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1px solid #d1d5db;background:#f3f4f6;color:#111827;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.image-popup-btn:hover{background:var(--bg-tertiary, #e5e7eb);border-color:#9ca3af}.image-popup-btn:active{transform:scale(.94)}.image-popup-btn:disabled{opacity:.5;cursor:not-allowed}.image-popup-btn-success{background:#d1fae5;border-color:#86efac;color:#065f46}.image-popup-ocr-result{margin:0 16px 12px;padding:10px 14px;border-radius:8px;font-size:12px;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.image-popup-ocr-result.success{background:#f0fdf4;border:1px solid #86efac;color:#14532d}.image-popup-ocr-result.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}