Vou criar o protótipo do sistema UniBook com um design dark mode moderno. Vou implementar o dashboard principal com métricas, catálogo de livros, sistema de empréstimos e gamificação.

Agora vou criar os componentes principais do sistema UniBook:

Agora vou criar a página principal que integra todos os componentes:

O protótipo do UniBook está pronto! Criei um sistema completo de gestão de biblioteca universitária com as seguintes funcionalidades:

Funcionalidades Implementadas:

1. Dashboard - Visão geral com métricas (livros emprestados, pontos, próximas devoluções), gráfico de atividade e empréstimos ativos
2. Catálogo - Busca e filtragem de livros por categoria, visualização em grid/lista, com indicação de disponibilidade e opção de reserva
3. Meus Empréstimos - Gestão de empréstimos ativos com barra de progresso, alertas de vencimento e botão de renovação, além de reservas pendentes
4. Histórico - Tabela com todo histórico de empréstimos, estatísticas e filtros por status/ano
5. Gamificação/Recompensas - Sistema de pontos com níveis (Bronze→Ouro→Platina), conquistas desbloqueáveis, ranking mensal e loja para resgatar benefícios
6. Perfil - Informações pessoais, configurações de notificações e integrações (SIGAA, 2FA)

O design segue uma paleta dark mode moderna com verde como cor primária (representando conhecimento/crescimento) e amarelo dourado como accent (para gamificação/recompensas), conforme documentado no estudo de viabilidade do UniBook para a UPE Garanhuns.