feat(v1.4.0): design system semântico, correções de revalidação e melhorias de UX

- Adicionar tokens semânticos de estado (success, warning, info) no globals.css
- Migrar ~60+ componentes de cores hardcoded do Tailwind para tokens semânticos
- Unificar 3 arrays duplicados de cores de categorias em importação única
- Corrigir widgets de boleto/fatura que não atualizavam após pagamento
  (actions de fatura e antecipação não invalidavam cache do dashboard)
- Corrigir scroll em listas Popover+Command (modal prop)
- Adicionar link "detalhes" no card de orçamento para página da categoria
- Adicionar indicadores de tendência coloridos nos cards de métricas
- Estender cores de chart de 6 para 10
- Normalizar dark mode e remover tokens não utilizados

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

components/pagadores/details/pagador-payment-method-cards.tsx

@@ -86,7 +86,7 @@ function StatusRow({ label, amount, count, percent, tone }: StatusRowProps) {
 				amount={amount}
 				className={cn(
 					"text-xl font-semibold",
-					tone === "success" ? "text-emerald-600" : "text-amber-600",
+					tone === "success" ? "text-success" : "text-warning",
 				)}
 			/>
 			<div className="flex items-center justify-between text-xs text-muted-foreground">
@@ -95,7 +95,7 @@ function StatusRow({ label, amount, count, percent, tone }: StatusRowProps) {
 					<div
 						className={cn(
 							"h-full rounded-full",
-							tone === "success" ? "bg-emerald-500" : "bg-amber-500",
+							tone === "success" ? "bg-success" : "bg-warning",
 						)}
 						style={{ width: `${clampedPercent}%` }}
 					/>