.nav-link.active { background-color: rgba(99,102,241,0.15); color: #6366f1; font-weight: 600; }
.kpi-card { transition: transform 0.15s; }
.kpi-card:hover { transform: translateY(-2px); }
.status-badge { display: inline-block; padding: 2px 10px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }
.status-pending { background: #fef3c7; color: #92400e; }
.status-collecting { background: #dbeafe; color: #1e40af; }
.status-done { background: #d1fae5; color: #065f46; }
.status-error { background: #fee2e2; color: #991b1b; }
.mode-btn.active { background-color: #6366f1; color: white; }
svg text { font-family: system-ui, sans-serif; }
.tooltip-box { position: absolute; background: #1f2937; color: white; padding: 8px 12px; border-radius: 6px; font-size: 12px; pointer-events: none; z-index: 50; max-width: 300px; }