Desenhe um dashboard de analytics polido

Cards de KPI responsivos, um gráfico de série temporal, filtros e uma tabela com os estados que a maioria dos dashboards gerados esquece.

Crie uma tela de dashboard de analytics em React + Tailwind. Apenas UI, com dados mock de um arquivo local.

LAYOUT
- Cabeçalho da página: título, seletor de intervalo (7d / 30d / 90d / customizado), botão de exportar.
- Linha de KPIs: 4 stat cards — valor, rótulo, delta versus período anterior com cor direcional.
- Gráfico principal: série temporal com duas séries, legenda, tooltip e alternador entre linha e barra.
- Secundário: breakdown por canal como lista horizontal de barras com percentuais.
- Tabela de dados: colunas ordenáveis, paginação, 25 linhas de dados mock, menu de visibilidade de colunas.

ESTADOS PARA IMPLEMENTAR
- Skeletons de loading para cada card, para o gráfico e para a tabela.
- Estado vazio quando o filtro não retorna nada.
- Estado de erro com botão de tentar de novo.

DESIGN
- Paleta neutra, uma cor de destaque, bordas sutis de 1px em vez de sombras pesadas.
- Números usam figuras tabulares e arredondamento consistente.

CRITÉRIOS DE ACEITAÇÃO
- Sem layout shift quando os dados carregam.
- Gráfico redimensiona corretamente entre 360px e 1440px.
- Cabeçalhos da tabela são botões reais com aria-sort aplicado.