*,:before,:after{box-sizing:border-box}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:#1a1a2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;box-shadow:0 2px 8px #0000004d}.header-left{align-items:center;gap:16px;display:flex}.header-icon{font-size:36px}.app-header h1{color:#fff;letter-spacing:-.3px;font-size:22px;font-weight:700}.subtitle{color:#9ca3af;margin-top:2px;font-size:13px}.status-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.status-pill .dot{border-radius:50%;width:8px;height:8px}.status-pill.connecting{color:#9ca3af;background:#9ca3af33}.status-pill.connecting .dot{background:#9ca3af}.status-pill.connected{color:#60a5fa;background:#3b82f633}.status-pill.connected .dot{background:#60a5fa}.status-pill.whatsapp_ready{color:#4ade80;background:#22c55e33}.status-pill.whatsapp_ready .dot{background:#4ade80;animation:1.5s infinite pulse}.status-pill.disconnected,.status-pill.whatsapp_disconnected{color:#f87171;background:#ef444433}.status-pill.disconnected .dot,.status-pill.whatsapp_disconnected .dot{background:#f87171}.analyzing-badge{color:#fbbf24;background:#fbbf2433;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;animation:1s infinite blink}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px 32px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:20px 24px;display:flex;box-shadow:0 1px 4px #00000012}.stat-card .label{text-transform:uppercase;letter-spacing:.8px;color:#6b7280;font-size:12px;font-weight:600}.stat-card .value{color:#1a1a2e;font-size:32px;font-weight:700;line-height:1}.stat-card.curing .value{color:#16a34a}.stat-card.not-curing .value{color:#dc2626}.table-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012}.table-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.table-header h2{color:#1a1a2e;font-size:16px;font-weight:600}.table-count{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:3px 10px;font-size:13px}.table-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.clear-btn{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.clear-btn:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.clear-btn:disabled{color:#9ca3af;cursor:not-allowed}.clear-btn.danger{color:#fff;background:#dc2626;border-color:#dc2626}.clear-btn.danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.clear-btn.ghost{color:#6b7280}.clear-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clear-confirm-text{color:#b91c1c;font-size:13px;font-weight:600}.clear-error{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;padding:10px 24px;font-size:13px}.records-table{border-collapse:collapse;width:100%}.records-table th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:#6b7280;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:12px;font-weight:600}.records-table td{vertical-align:top;border-bottom:1px solid #f9fafb;padding:14px 16px;font-size:14px}.records-table tr:last-child td{border-bottom:none}.records-table tr:hover td{background:#f9fafb}.thumb-cell{width:72px}.thumb{object-fit:cover;cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;width:60px;height:60px;transition:transform .15s}.thumb:hover{transform:scale(1.05)}.status-badge{border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.status-badge.curing{color:#16a34a;background:#dcfce7}.status-badge.not-curing{color:#dc2626;background:#fee2e2}.confidence{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.confidence.high{color:#15803d;background:#dcfce7}.confidence.medium{color:#a16207;background:#fef9c3}.confidence.low{color:#b91c1c;background:#fee2e2}.details-cell{color:#374151;max-width:280px;line-height:1.5}.curing-method{color:#1a1a2e;margin-bottom:4px;font-weight:600}.concerns{color:#b45309;background:#fef3c7;border-radius:4px;margin-top:4px;padding:3px 6px;font-size:12px;display:inline-block}.sender-cell{color:#1a1a2e;font-weight:500}.group-name{color:#6b7280;margin-top:2px;font-size:12px}.empty-state{text-align:center;color:#9ca3af;padding:64px 24px}.empty-state .empty-icon{margin-bottom:12px;font-size:48px}.empty-state p{font-size:15px}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:85vh}@media (width<=768px){.app-header{padding:14px 16px}main{padding:16px}.records-table th:nth-child(5),.records-table td:nth-child(5){display:none}}