Detalhamento de Categorias de Gastos no Acompanhamento de Orçamento

Projete um painel de controle de orçamento com um detalhamento claro de categorias de gastos. Um gráfico de barras horizontal mostra os gastos por categoria com barras de comparação entre orçamento e real lado a lado. Um pequeno gráfico de rosca acima mostra as porcentagens de alocação geral. Cartões de métricas resumidas ficam no topo exibindo orçamento total, total gasto e valor restante. A paleta é financeira: branco limpo, texto azul marinho, coral para gastos excessivos, verde menta para dentro do orçamento, âmbar para próximo do limite e divisores cinza suave. Use dados de orçamento realistas com formatação de moeda adequada. Evite texto de espaço reservado, elementos sobrepostos, desordem decorativa e efeitos visuais exagerados.