*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0b;--bg-secondary:#141416;--bg-tertiary:#1c1c1f;--bg-elevated:#222225;--bg-hover:#2a2a2e;--border:#2e2e32;--border-light:#3a3a3f;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f126;--accent-glow:#6366f140;--success:#22c55e;--success-muted:#22c55e26;--warning:#f59e0b;--danger:#ef4444;--surface-glass:#141416cc;--badge-fb:#3b82f6;--badge-ig:#ec4899;--badge-an:#6b7280;--badge-organic:#22c55e;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.2s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f8f8f8;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--bg-elevated:#fff;--bg-hover:#f0f0f2;--border:#e5e7eb;--border-light:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--accent:#6366f1;--accent-hover:#4f46e5;--accent-muted:#6366f11a;--accent-glow:#6366f126;--surface-glass:#ffffffd9}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;line-height:1.6}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}#app-header{z-index:100;background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{max-width:1320px;padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700;display:flex}.logo svg{color:var(--accent)}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.btn-icon{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}#history-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;max-width:220px;font-size:.85rem}#app-main{max-width:1320px;padding:var(--space-lg);margin:0 auto}#section-upload{margin-bottom:var(--space-2xl)}.upload-area{border:2px dashed var(--border-light);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg-secondary)}.upload-area:hover,.upload-area.drag-over{border-color:var(--accent);background:var(--accent-muted);box-shadow:0 0 30px var(--accent-glow)}.upload-area.drag-over{transform:scale(1.01)}.upload-icon{color:var(--text-tertiary);margin-bottom:var(--space-md)}.upload-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.15rem;font-weight:600}.upload-subtitle{color:var(--text-tertiary);font-size:.9rem}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:240px;height:4px;margin:var(--space-md) auto 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:var(--radius-full);width:0%;height:100%;transition:width .4s}.progress-text{color:var(--text-secondary);margin-top:var(--space-sm);font-size:.85rem}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition);animation:.5s both fadeSlideUp}.stat-card:nth-child(2){animation-delay:80ms}.stat-card:nth-child(3){animation-delay:.16s}.stat-card:nth-child(4){animation-delay:.24s}.stat-card:nth-child(5){animation-delay:.32s}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.stat-card.accent{border-color:var(--accent);background:var(--accent-muted)}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.8rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-card.accent .stat-value{color:var(--accent-hover)}#section-filters{margin-bottom:var(--space-lg)}.filters-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.filters-header h2{font-size:1.1rem;font-weight:600}.filters-meta{align-items:center;gap:var(--space-md);display:flex}.filter-count{color:var(--text-secondary);font-size:.85rem;font-weight:500}.btn-clear{border:1px solid var(--danger);color:var(--danger);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;font-size:.8rem}.btn-clear:hover{background:var(--danger);color:#fff}.filters-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.filters-grid .full-width{grid-column:1/-1}.filter-group{gap:var(--space-xs);flex-direction:column;display:flex}.filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.filter-group input[type=text],.filter-group input[type=date]{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font);transition:all var(--transition);width:100%;font-size:.9rem}.filter-group input[type=date]{padding:var(--space-sm) 8px;min-width:0}.filter-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.toggle-group{gap:var(--space-xs);flex-wrap:wrap;display:flex}.toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap;font-size:.8rem}.toggle-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.toggle-btn.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-hover);font-weight:500}.chips-container{gap:var(--space-xs);max-height:120px;padding:var(--space-xs) 0;flex-wrap:wrap;display:flex;overflow-y:auto}.chip{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:3px var(--space-sm);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.78rem}.chip:hover{border-color:var(--border-light);color:var(--text-primary)}.chip.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-hover);font-weight:500}.multiselect-wrapper{position:relative}.multiselect-trigger{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font);text-align:left;cursor:pointer;transition:all var(--transition);font-size:.85rem}.multiselect-trigger:hover{border-color:var(--border-light)}.multiselect-trigger.has-selection{color:var(--accent-hover);border-color:var(--accent)}.multiselect-dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);z-index:50;max-height:220px;animation:.15s fadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.multiselect-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--transition);color:var(--text-primary);font-size:.85rem;display:flex}.multiselect-option:hover{background:var(--bg-hover)}.multiselect-option input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.date-range{align-items:center;gap:var(--space-sm);display:flex}.date-range input{flex:1;min-width:0}.date-sep{color:var(--text-tertiary);font-size:.85rem}.table-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.table-meta{color:var(--text-secondary);font-size:.85rem}.table-actions{align-items:center;gap:var(--space-sm);display:flex}.btn-secondary{align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:all var(--transition);font-size:.85rem;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-hover)}#page-size{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-sm);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;font-size:.85rem}.table-responsive{overflow-x:auto}#leads-table{border-collapse:collapse;width:100%;font-size:.9rem}#leads-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-md);text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.78rem;font-weight:600;position:sticky;top:0}#leads-table thead th.sortable{cursor:pointer}#leads-table thead th.sortable:hover{color:var(--text-primary)}#leads-table thead th.sort-asc:after{content:" ↑";color:var(--accent)}#leads-table thead th.sort-desc:after{content:" ↓";color:var(--accent)}#leads-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition)}#leads-table tbody tr:hover{background:var(--bg-hover)}#leads-table tbody tr.expanded{background:var(--accent-muted)}#leads-table tbody td{padding:var(--space-sm) var(--space-md);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.source-badge{border-radius:var(--radius-full);color:#fff;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.source-badge.fb{background:var(--badge-fb)}.source-badge.ig{background:var(--badge-ig)}.source-badge.an{background:var(--badge-an)}.source-badge.organic{background:var(--badge-organic)}.wa-link{color:var(--success);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.wa-link:hover{text-decoration:underline}.pagination{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.pagination button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);width:36px;height:36px;font-family:var(--font);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pagination button:disabled{opacity:.4;cursor:default}.selection-bar{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--accent-muted);border:1px solid var(--accent);border-radius:var(--radius-md);margin-bottom:var(--space-md);animation:.2s fadeSlideUp;display:flex}#selection-count{color:var(--accent-hover);white-space:nowrap;font-size:.85rem;font-weight:600}.btn-hide,.btn-restore{align-items:center;gap:var(--space-xs);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;font-size:.8rem;display:inline-flex}.btn-hide:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-restore{border-color:var(--accent);color:var(--accent-hover)}.btn-restore:hover{background:var(--accent);color:#fff}.th-checkbox,.td-checkbox{width:40px;line-height:1;text-align:center!important;vertical-align:middle!important;padding-top:0!important;padding-bottom:0!important}.td-checkbox input[type=checkbox],.th-checkbox input[type=checkbox]{accent-color:var(--accent);cursor:pointer;vertical-align:middle;width:16px;height:16px;margin:0}#leads-table tbody tr.selected{background:var(--accent-muted)}.overlay{z-index:200;opacity:0;transition:opacity var(--transition-slow);background:#00000080;position:fixed;inset:0}.overlay.visible{opacity:1}.slide-panel{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:210;width:min(480px,90vw);height:100vh;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.slide-panel.visible{transform:translate(0)}.panel-header{padding:var(--space-lg);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.panel-header h2{font-size:1.05rem;font-weight:600}.panel-body{padding:var(--space-lg);flex:1;overflow-y:auto}.detail-field{margin-bottom:var(--space-md)}.detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.75rem;font-weight:600}.detail-value{color:var(--text-primary);word-break:break-word;font-size:.95rem}.panel-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);gap:var(--space-sm);flex-shrink:0;display:flex}.btn-primary{align-items:center;gap:var(--space-sm);background:var(--accent);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary.wa{background:#25d366}.btn-primary.wa:hover{background:#20bd5a}.btn-ghost{align-items:center;gap:var(--space-sm);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font);cursor:pointer;transition:all var(--transition);background:0 0;font-size:.9rem;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-hover)}#toast-container{bottom:var(--space-lg);right:var(--space-lg);z-index:300;gap:var(--space-sm);flex-direction:column-reverse;display:flex;position:fixed}.toast{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);align-items:center;gap:var(--space-sm);max-width:360px;font-size:.9rem;animation:.3s toastIn;display:flex;box-shadow:0 8px 24px #00000040}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.removing{animation:.2s forwards toastOut}.skeleton-row{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);height:44px;margin-bottom:var(--space-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media (width<=768px){#app-main{padding:var(--space-md)}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start}#leads-table{font-size:.82rem}#leads-table thead th,#leads-table tbody td{padding:var(--space-xs) var(--space-sm)}.slide-panel{width:100vw}.header-inner{padding:var(--space-sm) var(--space-md)}.stat-value{font-size:1.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.upload-area{padding:var(--space-lg) var(--space-md)}}