commit 8fcb5aac66a6cfb82d952a78075d024221bbb2ca
Author: Rafael Dias Martins <rafaelmagister@gmail.com>
Date:   Mon Aug 31 14:10:20 2026 -0300

    Initial commit

diff --git a/BADGE_PATTERNS.md b/BADGE_PATTERNS.md
new file mode 100644
index 0000000..e10ffe8
--- /dev/null
+++ b/BADGE_PATTERNS.md
@@ -0,0 +1,271 @@
+# Badge/Label Patterns - Course Platform
+
+## Overview
+
+This document defines the standardized badge/label patterns used throughout the course platform application. All badges should follow these patterns to ensure consistency across the UI.
+
+## Base Badge Style
+
+All badges use a modern UI pattern with:
+- **Size**: `px-2.5 py-0.5` (horizontal padding 0.625rem, vertical padding 0.125rem)
+- **Shape**: `rounded-full` (fully rounded corners)
+- **Typography**: `text-[11px] tracking-wide uppercase` (11px font, wide letter spacing, uppercase text)
+- **Layout**: `inline-flex items-center` (flexbox with centered items)
+- **Transition**: `transition-colors` (smooth color transitions)
+
+## Color Patterns
+
+### Emerald (Success/Active Status)
+
+**Light Mode:**
+- Background: `bg-emerald-50`
+- Text: `text-emerald-700`
+- Border: `border border-emerald-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-emerald-500/10`
+- Text: `dark:text-emerald-400`
+- Border: `dark:border-emerald-500/20`
+
+**Usage:** Active status, completed items, success states, positive indicators
+
+---
+
+### Blue (Info/Primary Status)
+
+**Light Mode:**
+- Background: `bg-blue-50`
+- Text: `text-blue-700`
+- Border: `border border-blue-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-blue-500/10`
+- Text: `dark:text-blue-400`
+- Border: `dark:border-blue-500/20`
+
+**Usage:** Informational status, primary actions, neutral indicators
+
+---
+
+### Red (Error/Danger Status)
+
+**Light Mode:**
+- Background: `bg-red-50`
+- Text: `text-red-700`
+- Border: `border border-red-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-red-500/10`
+- Text: `dark:text-red-400`
+- Border: `dark:border-red-500/20`
+
+**Usage:** Error states, danger warnings, negative indicators, failed status
+
+---
+
+### Amber (Warning Status)
+
+**Light Mode:**
+- Background: `bg-amber-50`
+- Text: `text-amber-700`
+- Border: `border border-amber-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-amber-500/10`
+- Text: `dark:text-amber-400`
+- Border: `dark:border-amber-500/20`
+
+**Usage:** Warning states, caution indicators, pending actions
+
+---
+
+### Yellow (Caution Status)
+
+**Light Mode:**
+- Background: `bg-yellow-50`
+- Text: `text-yellow-700`
+- Border: `border border-yellow-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-yellow-500/10`
+- Text: `dark:text-yellow-400`
+- Border: `dark:border-yellow-500/20`
+
+**Usage:** Caution indicators, attention needed, minor warnings
+
+---
+
+### Purple (Special/Featured Status)
+
+**Light Mode:**
+- Background: `bg-purple-50`
+- Text: `text-purple-700`
+- Border: `border border-purple-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-purple-500/10`
+- Text: `dark:text-purple-400`
+- Border: `dark:border-purple-500/20`
+
+**Usage:** Featured items, special categories, premium content
+
+---
+
+### Indigo (Secondary Status)
+
+**Light Mode:**
+- Background: `bg-indigo-50`
+- Text: `text-indigo-700`
+- Border: `border border-indigo-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-indigo-500/10`
+- Text: `dark:text-indigo-400`
+- Border: `dark:border-indigo-500/20`
+
+**Usage:** Secondary status, alternative categories, supplementary info
+
+---
+
+### Gray (Neutral/Default Status)
+
+**Light Mode:**
+- Background: `bg-gray-50`
+- Text: `text-gray-700`
+- Border: `border border-gray-200/60`
+
+**Dark Mode:**
+- Background: `dark:bg-gray-500/10`
+- Text: `dark:text-gray-400`
+- Border: `dark:border-gray-500/20`
+
+**Usage:** Default status, neutral indicators, inactive states
+
+---
+
+## Usage with @apply Classes
+
+To reduce HTML class clutter, use the predefined CSS classes in `globals.css`:
+
+```jsx
+// Emerald badge
+<span className="badge-emerald">Active</span>
+
+// Blue badge
+<span className="badge-blue">Info</span>
+
+// Red badge
+<span className="badge-red">Error</span>
+
+// Amber badge
+<span className="badge-amber">Warning</span>
+
+// Yellow badge
+<span className="badge-yellow">Caution</span>
+
+// Purple badge
+<span className="badge-purple">Featured</span>
+
+// Indigo badge
+<span className="badge-indigo">Secondary</span>
+
+// Gray badge
+<span className="badge-gray">Inactive</span>
+```
+
+## Full Tailwind Classes (Reference)
+
+If you need to use the full Tailwind classes directly:
+
+```jsx
+<span className="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] tracking-wide uppercase bg-emerald-50 text-emerald-700 border border-emerald-200/60 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20 transition-colors">
+  Status
+</span>
+```
+
+## Common Use Cases
+
+### Status Badges
+
+| Status | Color | Class |
+|--------|-------|-------|
+| Active | Emerald | `badge-emerald` |
+| Inactive | Gray | `badge-gray` |
+| Pending | Amber | `badge-amber` |
+| Completed | Emerald | `badge-emerald` |
+| Cancelled | Red | `badge-red` |
+| Draft | Gray | `badge-gray` |
+| Published | Emerald | `badge-emerald` |
+
+### Payment Status
+
+| Status | Color | Class |
+|--------|-------|-------|
+| Paid | Emerald | `badge-emerald` |
+| Unpaid | Red | `badge-red` |
+| Partial | Amber | `badge-amber` |
+| Overdue | Red | `badge-red` |
+
+### Attendance Status
+
+| Status | Color | Class |
+|--------|-------|-------|
+| Present | Emerald | `badge-emerald` |
+| Absent | Red | `badge-red` |
+| Late | Amber | `badge-amber` |
+| Excused | Blue | `badge-blue` |
+
+### Exam Status
+
+| Status | Color | Class |
+|--------|-------|-------|
+| Available | Emerald | `badge-emerald` |
+| Completed | Blue | `badge-blue` |
+| Graded | Purple | `badge-purple` |
+| Pending | Amber | `badge-amber` |
+
+### Content Categories
+
+| Category | Color | Class |
+|----------|-------|-------|
+| Slides | Blue | `badge-blue` |
+| Exercises | Emerald | `badge-emerald` |
+| Reading | Purple | `badge-purple` |
+| Videos | Red | `badge-red` |
+| Audio | Amber | `badge-amber` |
+| Assignments | Indigo | `badge-indigo` |
+| Other | Gray | `badge-gray` |
+
+## Implementation Notes
+
+1. **Always use the @apply classes** (`badge-emerald`, `badge-blue`, etc.) instead of inline Tailwind classes for consistency
+2. **Badge text should be short** (1-2 words) and in uppercase
+3. **Use semantic colors** based on the meaning (emerald for success, red for danger, etc.)
+4. **Ensure accessibility** by maintaining good contrast ratios in both light and dark modes
+5. **Test in both themes** to verify proper appearance
+
+## Migration Guide
+
+When updating existing badges:
+
+1. Replace long Tailwind class strings with the appropriate `badge-*` class
+2. Ensure text content is uppercase
+3. Verify the color matches the semantic meaning
+4. Test in both light and dark themes
+
+### Before:
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-emerald-100 text-emerald-700 border-emerald-200 dark:bg-emerald-900/30 dark:text-emerald-300 dark:border-emerald-800">
+  Active
+</span>
+```
+
+### After:
+```jsx
+<span className="badge-emerald">Active</span>
+```
+
+## Related Files
+
+- `src/app/globals.css` - Contains all badge CSS classes with @apply
+- `STYLE_GUIDE.md` - Overall style guide for the application
diff --git a/DEPLOYMENT.md b/DEPLOYMENT.md
new file mode 100644
index 0000000..92841ff
--- /dev/null
+++ b/DEPLOYMENT.md
@@ -0,0 +1,432 @@
+# Deploy em Produção
+
+Guia completo para deploy da aplicação Course Plat em VPS/servidor.
+
+## Índice
+
+1. [Requisitos](#requisitos)
+2. [Variáveis de Ambiente](#variáveis-de-ambiente)
+3. [Deploy com Docker](#deploy-com-docker)
+4. [Scripts de Backup](#scripts-de-backup)
+5. [Monitoramento e Manutenção](#monitoramento-e-manutenção)
+6. [Troubleshooting](#troubleshooting)
+
+---
+
+## Requisitos
+
+### Servidor
+- Ubuntu 22.04+ ou similar
+- 2GB RAM (mínimo), 4GB+ recomendado
+- 20GB+ de disco
+- Docker e Docker Compose instalados
+
+### Instalação do Docker
+
+```bash
+# Atualizar sistema
+sudo apt update && sudo apt upgrade -y
+
+# Instalar Docker
+curl -fsSL https://get.docker.com -o get-docker.sh
+sudo sh get-docker.sh
+
+# Instalar Docker Compose
+sudo apt install docker-compose-plugin -y
+
+# Adicionar usuário ao grupo docker
+sudo usermod -aG docker $USER
+newgrp docker
+
+# Verificar instalação
+docker --version
+docker compose version
+```
+
+---
+
+## Variáveis de Ambiente
+
+### Criar arquivo `.env.production`
+
+```bash
+cd /path/to/course-plat
+cp .env.example .env.production
+nano .env.production
+```
+
+### Variáveis Obrigatórias
+
+```bash
+# ===== NEXT.JS =====
+NODE_ENV=production
+NEXTAUTH_URL=https://seu-dominio.com.br
+NEXTAUTH_SECRET=gerar-um-segredo-aleatorio-min-32-caracteres
+
+# ===== MONGODB =====
+MONGO_USERNAME=admin
+MONGO_PASSWORD=senha-forte-aqui
+MONGO_DB=course-plat
+
+# ===== STORAGE (MinIO) =====
+STORAGE_TYPE=s3  # ou "local" para armazenamento em disco
+S3_ENDPOINT=http://minio:9000  # interno do docker
+S3_REGION=us-east-1
+S3_ACCESS_KEY=minioadmin  # mesmo que MINIO_ROOT_USER
+S3_SECRET_KEY=minioadmin  # mesmo que MINIO_ROOT_PASSWORD
+S3_BUCKET=course-plat
+
+# ===== MINIO =====
+MINIO_ROOT_USER=minioadmin
+MINIO_ROOT_PASSWORD=senha-forte-aqui
+MINIO_BUCKET=course-plat
+
+# ===== APP =====
+APP_PORT=3000
+```
+
+### Gerar NEXTAUTH_SECRET
+
+```bash
+openssl rand -base64 32
+```
+
+---
+
+## Deploy com Docker
+
+### 1. Preparar Servidor
+
+```bash
+# Clonar repositório
+git clone seu-repositorio.git /var/www/course-plat
+cd /var/www/course-plat
+
+# Criar arquivo de ambiente
+cp .env.example .env.production
+nano .env.production  # preencher variáveis
+```
+
+### 2. Buildar Imagem
+
+```bash
+# Build da imagem da aplicação
+docker build -f docker/production/Dockerfile -t course-plat:latest .
+```
+
+### 3. Iniciar Serviços
+
+```bash
+# Iniciar todos os serviços
+docker compose -f docker/production/docker-compose.yml up -d
+
+# Ver status
+docker compose -f docker/production/docker-compose.yml ps
+
+# Ver logs
+docker compose -f docker/production/docker-compose.yml logs -f app
+```
+
+### 4. Configurar Firewall
+
+```bash
+# UFW - Ubuntu/Debian
+sudo ufw allow 22/tcp   # SSH
+sudo ufw allow 80/tcp   # HTTP
+sudo ufw allow 443/tcp  # HTTPS
+sudo ufw enable
+```
+
+### 5. Configurar Reverse Proxy (Opcional)
+
+Se usar Nginx no host (não container):
+
+```nginx
+# /etc/nginx/sites-available/course-plat
+server {
+    listen 80;
+    server_name seu-dominio.com.br;
+
+    location / {
+        proxy_pass http://localhost:3000;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+}
+```
+
+```bash
+sudo ln -s /etc/nginx/sites-available/course-plat /etc/nginx/sites-enabled/
+sudo nginx -t
+sudo systemctl reload nginx
+```
+
+### 6. SSL com Certbot (Let's Encrypt)
+
+```bash
+# Instalar Certbot
+sudo apt install certbot python3-certbot-nginx -y
+
+# Obter certificado
+sudo certbot --nginx -d seu-dominio.com.br
+
+# Renovação automática já é configurada
+sudo certbot renew --dry-run
+```
+
+---
+
+## Scripts de Backup
+
+### Backup MongoDB
+
+Criar `docker/production/backup-mongodb.sh`:
+
+```bash
+#!/bin/bash
+# Backup MongoDB em produção
+
+BACKUP_DIR="/var/backups/course-plat/mongodb"
+RETENTION_DAYS=7
+TIMESTAMP=$(date +%Y%m%d-%H%M%S)
+CONTAINER_NAME="course-plat-mongodb"
+
+mkdir -p "$BACKUP_DIR"
+
+# Backup
+docker exec "$CONTAINER_NAME" mongodump \
+  --uri="mongodb://${MONGO_USERNAME}:${MONGO_PASSWORD}@localhost:27017/${MONGO_DB}?authSource=admin" \
+  --archive="$BACKUP_DIR/mongodb-$TIMESTAMP.gz" \
+  --gzip
+
+echo "Backup MongoDB concluído: mongodb-$TIMESTAMP.gz"
+
+# Remover backups antigos
+find "$BACKUP_DIR" -name "mongodb-*.gz" -mtime +$RETENTION_DAYS -delete
+```
+
+### Backup Completo
+
+Criar `docker/production/backup-all.sh`:
+
+```bash
+#!/bin/bash
+# Backup completo do sistema
+
+TIMESTAMP=$(date +%Y%m%d-%H%M%S)
+BACKUP_BASE="/var/backups/course-plat"
+
+# Backup MongoDB
+./docker/production/backup-mongodb.sh
+
+# Backup MinIO
+./docker/minio/backup-minio.sh
+
+# Backup volumes Docker
+docker run --rm \
+  -v course-plat_mongodb_data:/data/mongo \
+  -v course-plat_minio_data:/data/minio \
+  -v course-plat_app_storage:/data/app \
+  -v "$BACKUP_BASE":/backup \
+  alpine tar czf "/backup/volumes-$TIMESTAMP.tar.gz" -C /data .
+
+echo "Backup completo concluído!"
+```
+
+### Configurar Cron
+
+```bash
+# Tornar scripts executáveis
+chmod +x docker/production/backup-mongodb.sh
+chmod +x docker/production/backup-all.sh
+
+# Editar crontab
+crontab -e
+
+# Adicionar:
+# 0 2 * * * cd /var/www/course-plat && ./docker/production/backup-all.sh >> /var/log/course-plat-backup.log 2>&1
+```
+
+---
+
+## Monitoramento e Manutenção
+
+### Ver Status dos Serviços
+
+```bash
+# Status completo
+docker compose -f docker/production/docker-compose.yml ps
+
+# Logs em tempo real
+docker compose -f docker/production/docker-compose.yml logs -f
+
+# Logs de serviço específico
+docker compose -f docker/production/docker-compose.yml logs -f app
+docker compose -f docker/production/docker-compose.yml logs -f mongodb
+docker compose -f docker/production/docker-compose.yml logs -f minio
+```
+
+### Atualizar Aplicação
+
+```bash
+cd /var/www/course-plat
+
+# Pull do código
+git pull origin main
+
+# Rebuildar
+docker build -f docker/production/Dockerfile -t course-plat:latest .
+
+# Recrear container
+docker compose -f docker/production/docker-compose.yml up -d --force-recreate app
+```
+
+### Acessar MongoDB
+
+```bash
+# Terminal do MongoDB
+docker exec -it course-plat-mongodb mongosh -u admin -p
+
+# Comando restore
+docker exec -i course-plat-mongodb mongorestore \
+  --uri="mongodb://admin:password@localhost:27017/course-plat?authSource=admin" \
+  --gzip --archive < backup.gz
+```
+
+### Acessar MinIO
+
+```bash
+# Terminal do MinIO
+docker exec -it course-plat-minio sh
+
+# Usar mc (MinIO Client)
+docker exec -it course-plat-minio mc alias set local http://localhost:9000 minioadmin minioadmin
+docker exec -it course-plat-minio mc ls local/course-plat
+```
+
+---
+
+## Troubleshooting
+
+### App não inicia
+
+```bash
+# Ver logs
+docker compose -f docker/production/docker-compose.yml logs app
+
+# Entrar no container
+docker exec -it course-plat-app sh
+
+# Ver variáveis de ambiente
+docker exec course-plat-app env
+```
+
+### MongoDB não conecta
+
+```bash
+# Ver se container está rodando
+docker ps | grep mongo
+
+# Testar conexão
+docker exec course-plat-mongodb mongosh --eval "db.adminCommand('ping')"
+
+# Ver logs
+docker logs course-plat-mongodb
+```
+
+### MinIO com Access Denied
+
+```bash
+# Verificar política do bucket
+docker exec course-plat-minio mc anonymous get local/course-plat
+
+# Setar como privado (se necessário)
+docker exec course-plat-minio mc anonymous set none local/course-plat
+
+# Verificar credenciais
+docker exec course-plat-minio mc admin user list local
+```
+
+### Espaço em disco
+
+```bash
+# Ver uso de disco
+df -h
+
+# Limpar volumes não usados
+docker volume prune
+
+# Limpar imagens antigas
+docker image prune -a
+
+# Ver tamanho dos volumes
+docker system df -v
+```
+
+### Performance
+
+```bash
+# Métricas do container
+docker stats course-plat-app course-plat-mongodb course-plat-minio
+
+# Ver processo Node.js
+docker exec course-plat-app ps aux
+
+# Memória do MongoDB
+docker exec course-plat-mongodb mongosh --eval "db.serverStatus().mem"
+```
+
+---
+
+## Comandos Úteis
+
+```bash
+# Reiniciar todos os serviços
+docker compose -f docker/production/docker-compose.yml restart
+
+# Parar tudo
+docker compose -f docker/production/docker-compose.yml down
+
+# Parar e remover volumes
+docker compose -f docker/production/docker-compose.yml down -v
+
+# Ver recursos usados
+docker system df
+
+# Limpar build cache
+docker builder prune
+
+# Backup rápido do MongoDB
+docker exec course-plat-mongodb mongodump --gzip --archive > backup-$(date +%Y%m%d).gz
+
+# Restore do MongoDB
+docker exec -i course-plat-mongodb mongorestore --gzip --archive < backup-YYYYMMDD.gz
+```
+
+---
+
+## Segurança
+
+1. **Senhas fortes**: Use senhas únicas e fortes para todos os serviços
+2. **Firewall**: Mantenha apenas portas necessárias abertas
+3. **SSL**: Sempre use HTTPS em produção
+4. **Backups**: Teste restores regularmente
+5. **Atualizações**: Mantenha Docker e sistema atualizados
+6. **Monitoring**: Configure alertas para disco, CPU e memória
+
+---
+
+## URLs de Acesso
+
+| Serviço | URL |
+|---------|-----|
+| Aplicação | https://seu-dominio.com.br |
+| MinIO Console (interna) | http://localhost:9001 |
+| Mongo Express (opcional) | http://localhost:8081 |
+| API Health Check | https://seu-dominio.com.br/api/health |
diff --git a/EXAM_FLOW.md b/EXAM_FLOW.md
new file mode 100644
index 0000000..6e1e41a
--- /dev/null
+++ b/EXAM_FLOW.md
@@ -0,0 +1,484 @@
+# Fluxo de Provas - Course Platform
+
+Este documento explica como funciona o fluxo completo de provas no sistema, desde a criação até a realização e repetição.
+
+## Visão Geral
+
+O sistema de provas funciona em 4 etapas principais:
+
+1. **Criação de Templates** - Professor/Admin cria modelos de prova reutilizáveis
+2. **Atribuição de Prova** - Professor/Admin atribui um template a uma turma
+3. **Realização pelo Aluno** - Aluno faz a prova dentro do período designado
+4. **Correção e Resultados** - Professor corrige e aluno vê os resultados
+
+---
+
+## 1. Criação de Templates de Prova
+
+**Quem pode criar:** Professor ou Admin
+
+**Local:** `/admin/dashboard/exam-templates` ou `/dashboard/teacher/exam-templates`
+
+**O que é um Template:**
+- Um modelo de prova reutilizável com questões
+- Pode ser usado em múltiplas turmas
+- Contém:
+  - Título da prova
+  - Descrição
+  - Instruções
+  - Lista de questões (múltipla escolha ou texto)
+  - Pontuação por questão
+  - Tempo limite (opcional)
+
+**Campos do Template:**
+```javascript
+{
+  title: "Prova de Inglês - Unidade 1",
+  description: "Avaliação sobre verbos e vocabulário",
+  instructions: "Leia atentamente cada questão antes de responder",
+  questions: [
+    {
+      questionText: "Qual é o passado de 'go'?",
+      questionType: "multiple_choice",
+      options: [
+        { optionText: "goed", isCorrect: false },
+        { optionText: "went", isCorrect: true },
+        { optionText: "gone", isCorrect: false }
+      ],
+      points: 10,
+      order: 1
+    }
+  ],
+  timeLimit: 30, // em minutos
+  totalPoints: 100
+}
+```
+
+---
+
+## 2. Atribuição de Prova
+
+**Quem pode atribuir:** Professor ou Admin
+
+**Local:** `/admin/dashboard/assignments` ou `/dashboard/teacher/assignments`
+
+**O que é uma Atribuição (Assignment):**
+- Vincula um template de prova a uma turma específica
+- Define quando e como a prova pode ser realizada
+- Configura regras de tentativas e repetição
+
+**Campos da Atribuição:**
+
+| Campo | Descrição | Exemplo |
+|--------|-------------|----------|
+| `classId` | Turma que receberá a prova | ID da turma |
+| `examTemplateId` | Template de prova a ser usado | ID do template |
+| `title` | Título da prova (pode ser diferente do template) | "Prova 1 - Turma A" |
+| `description` | Descrição adicional | "Avaliação mensal" |
+| `instructions` | Instruções específicas | "Sem consulta" |
+| `startDate` | Data/hora de início da disponibilidade | 2025-02-01T08:00 |
+| `endDate` | Data/hora de fim da disponibilidade | 2025-02-01T18:00 |
+| `timeLimit` | Tempo limite para fazer a prova (minutos) | 30 |
+| `allowRetakes` | Permite refazer a prova | true/false |
+| `maxAttempts` | Número máximo de tentativas | 3 |
+| `showResultsAfterGrading` | Mostra resultados após correção | true/false |
+| `status` | Status da prova | "active", "draft", "archived" |
+| `useCustomQuestions` | Usa questões customizadas (não do template) | true/false |
+| `customQuestions` | Lista de questões customizadas | [...] |
+
+### Configurações de Tentativas e Repetição
+
+**allowRetakes (Permitir Refazer):**
+- `true`: Aluno pode fazer a prova mais de uma vez
+- `false`: Aluno só pode fazer uma vez
+
+**maxAttempts (Máximo de Tentativas):**
+- Define quantas vezes o aluno pode tentar
+- Exemplo: `3` = aluno pode tentar até 3 vezes
+- Se `allowRetakes` for `false`, deve ser `1`
+
+**Exemplo de Configuração:**
+
+```javascript
+// Prova com 3 tentativas permitidas
+{
+  allowRetakes: true,
+  maxAttempts: 3,
+  timeLimit: 30,
+  startDate: "2025-02-01T08:00:00",
+  endDate: "2025-02-01T18:00:00"
+}
+```
+
+**Fluxo com Repetição:**
+1. Aluno faz a 1ª tentativa → Envia → Resultado: 60/100
+2. Aluno clica em "Fazer Prova" novamente
+3. Sistema verifica: `tentativas < maxAttempts`? → Sim
+4. Sistema cria 2ª tentativa → Aluno faz → Envia → Resultado: 80/100
+5. Aluno clica em "Fazer Prova" novamente
+6. Sistema verifica: `tentativas < maxAttempts`? → Sim
+7. Sistema cria 3ª tentativa → Aluno faz → Envia → Resultado: 90/100
+8. Aluno clica em "Fazer Prova" novamente
+9. Sistema verifica: `tentativas < maxAttempts`? → Não (3 = 3)
+10. Sistema bloqueia: "Maximum attempts (3) reached"
+
+---
+
+## 3. Visualização pelo Aluno
+
+**Local:** `/dashboard/student/class/[classId]`
+
+**Status da Prova:**
+
+| Status | Descrição | Cor |
+|--------|-------------|------|
+| `upcoming` | Prova ainda não começou | Azul |
+| `available` | Prova está disponível para fazer | Verde |
+| `expired` | Prova já encerrou | Vermelho |
+
+**Status da Tentativa:**
+
+| Status | Descrição |
+|--------|-------------|
+| `not_started` | Aluno ainda não iniciou nenhuma tentativa |
+| `in_progress` | Aluno está fazendo a prova agora |
+| `completed` | Aluno completou a prova |
+
+**O que o aluno vê:**
+
+```
+┌─────────────────────────────────────────┐
+│ Prova de Inglês - Unidade 1        │
+│ [Disponível]                          │
+│                                         │
+│ Início: 01/02/2025 08:00           │
+│ Fim: 01/02/2025 18:00             │
+│ Tempo: 30 min                          │
+│ Questões: 10                          │
+│ Pontos: 100                           │
+│                                         │
+│ Melhor nota: 90/100 (90%)            │
+│                                         │
+│ [Fazer Prova]  [Ver Resultados]       │
+└─────────────────────────────────────────┘
+```
+
+---
+
+## 4. Início da Prova
+
+**Ação:** Aluno clica em "Fazer Prova"
+
+**Verificações do Sistema:**
+
+1. **Verifica Período de Disponibilidade:**
+   ```javascript
+   const now = new Date();
+   if (now < assignment.startDate) {
+     return "Prova ainda não começou";
+   }
+   if (now > assignment.endDate) {
+     return "Prova já encerrou";
+   }
+   ```
+
+2. **Verifica Tentativas em Andamento:**
+   ```javascript
+   const inProgressAttempt = attempts.find(a => a.status === "in_progress");
+   if (inProgressAttempt) {
+     return "Continuar prova em andamento";
+   }
+   ```
+
+3. **Verifica Máximo de Tentativas:**
+   ```javascript
+   const existingAttempts = await ExamAttempt.countDocuments({
+     assignmentId: assignmentId,
+     studentId: studentId,
+   });
+
+   if (existingAttempts >= assignment.maxAttempts) {
+     return `Maximum attempts (${assignment.maxAttempts}) reached`;
+   }
+   ```
+
+**Se todas as verificações passarem:**
+- Sistema cria uma nova `ExamAttempt`
+- Status: `"in_progress"`
+- `attemptNumber`: `existingAttempts + 1`
+- `startedAt`: Data/hora atual
+- Redireciona para a página de realização da prova
+
+---
+
+## 5. Realização da Prova
+
+**Local:** `/dashboard/student/assignments/[assignmentId]/take`
+
+**O que acontece:**
+
+1. **Carregamento das Questões:**
+   - Se `useCustomQuestions` for `true`: usa `assignment.customQuestions`
+   - Se `useCustomQuestions` for `false`: usa `template.questions`
+
+2. **Contador de Tempo:**
+   - Se `timeLimit` estiver definido, inicia contador
+   - Atualiza a cada segundo
+   - Se tempo acabar, envia automaticamente
+
+3. **Respostas do Aluno:**
+   - Sistema salva as respostas temporariamente
+   - Aluno pode mudar as respostas antes de enviar
+   - Não há salvamento automático (deve ser implementado)
+
+**Estrutura das Respostas:**
+```javascript
+{
+  questionId1: { type: "mc", value: "optionId1" },
+  questionId2: { type: "text", value: "Resposta do aluno" },
+  questionId3: { type: "mc", value: null } // não respondida
+}
+```
+
+---
+
+## 6. Envio da Prova
+
+**Ação:** Aluno clica em "Enviar" ou tempo acaba
+
+**Validações:**
+1. Confirmação do aluno (se não for auto-submit)
+2. Validação das respostas
+
+**Processo de Envio:**
+```javascript
+// 1. Usa as mesmas questões que foram exibidas
+const examQuestions = assignment.useCustomQuestions
+  ? assignment.customQuestions
+  : template.questions;
+
+// 2. Mapeia as respostas do aluno
+const answers = examQuestions.map((q) => {
+  const answer = currentAnswers[q._id] || { type: "mc", value: null };
+  return {
+    questionId: q._id,
+    selectedOptionId: answer.type === "mc" ? answer.value : null,
+    textAnswer: answer.type === "text" ? answer.value : null,
+  };
+});
+
+// 3. Envia para o servidor
+const result = await submitExamAttempt(attempt._id, answers);
+```
+
+**Após Envio:**
+- Status da tentativa: `"submitted"`
+- Redireciona para `/dashboard/student/assignments/[assignmentId]/results`
+
+---
+
+## 7. Visualização de Resultados
+
+**Local:** `/dashboard/student/assignments/[assignmentId]/results`
+
+**O que o aluno vê:**
+
+1. **Se `showResultsAfterGrading` for `true`:**
+   - Mostra todas as tentativas
+   - Mostra a nota de cada tentativa
+   - Mostra a melhor nota
+   - Mostra as respostas corretas
+
+2. **Se `showResultsAfterGrading` for `false`:**
+   - Mostra mensagem: "Sua prova foi enviada e aguarda correção pelo professor"
+   - Botão para refazer (se permitido)
+
+**Exemplo de Visualização:**
+
+```
+┌─────────────────────────────────────────┐
+│ Prova de Inglês - Unidade 1        │
+│                                         │
+│ Suas Tentativas:                       │
+│                                         │
+│ 1. 60/100 (60%) - 01/02/2025      │
+│ 2. 80/100 (80%) - 01/02/2025      │
+│ 3. 90/100 (90%) - 01/02/2025      │
+│                                         │
+│ Melhor nota: 90/100 (90%)            │
+│                                         │
+│ [Fazer Prova Novamente]                │
+└─────────────────────────────────────────┘
+```
+
+---
+
+## 8. Correção pelo Professor
+
+**Local:** `/dashboard/teacher/assignments/[assignmentId]/results`
+
+**O que o professor vê:**
+- Lista de todos os alunos da turma
+- Tentativas de cada aluno
+- Respostas de cada tentativa
+- Botão para corrigir manualmente
+
+**Processo de Correção:**
+1. Professor clica em "Corrigir" em uma tentativa
+2. Sistema abre modal com as questões e respostas
+3. Professor atribui nota manualmente
+4. Sistema salva a nota
+5. Aluno pode ver os resultados
+
+---
+
+## Fluxo Completo com Repetição
+
+### Cenário: Prova com 3 tentativas permitidas
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│ 1. CRIAÇÃO DO TEMPLATE                                   │
+│    Professor cria "Prova de Inglês - Unidade 1"          │
+│    com 10 questões, 100 pontos, 30 minutos               │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 2. ATRIBUIÇÃO DA PROVA                                   │
+│    Professor atribui à "Turma A"                          │
+│    - allowRetakes: true                                    │
+│    - maxAttempts: 3                                        │
+│    - startDate: 01/02/2025 08:00                        │
+│    - endDate: 01/02/2025 18:00                          │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 3. ALUNO VÊ A PROVA                                      │
+│    Status: "Disponível"                                   │
+│    Botão: "Fazer Prova"                                   │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 4. 1ª TENTATIVA                                          │
+│    Aluno clica em "Fazer Prova"                           │
+│    Sistema verifica:                                          │
+│      ✓ Dentro do período? SIM                               │
+│      ✓ Tentativas < 3? SIM (0 < 3)                        │
+│    Sistema cria tentativa #1                                   │
+│    Aluno faz a prova (30 min)                               │
+│    Aluno envia                                              │
+│    Resultado: 60/100 (60%)                                 │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 5. ALUNO VÊ RESULTADOS                                    │
+│    Melhor nota: 60/100 (60%)                             │
+│    Botão: "Fazer Prova Novamente"                           │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 6. 2ª TENTATIVA                                          │
+│    Aluno clica em "Fazer Prova Novamente"                   │
+│    Sistema verifica:                                          │
+│      ✓ Dentro do período? SIM                               │
+│      ✓ Tentativas < 3? SIM (1 < 3)                        │
+│    Sistema cria tentativa #2                                   │
+│    Aluno faz a prova (30 min)                               │
+│    Aluno envia                                              │
+│    Resultado: 80/100 (80%)                                 │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 7. ALUNO VÊ RESULTADOS                                    │
+│    Melhor nota: 80/100 (80%)                             │
+│    Botão: "Fazer Prova Novamente"                           │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 8. 3ª TENTATIVA                                          │
+│    Aluno clica em "Fazer Prova Novamente"                   │
+│    Sistema verifica:                                          │
+│      ✓ Dentro do período? SIM                               │
+│      ✓ Tentativas < 3? SIM (2 < 3)                        │
+│    Sistema cria tentativa #3                                   │
+│    Aluno faz a prova (30 min)                               │
+│    Aluno envia                                              │
+│    Resultado: 90/100 (90%)                                 │
+└─────────────────────────────────────────────────────────────────┘
+                           ↓
+┌─────────────────────────────────────────────────────────────────┐
+│ 9. ALUNO TENTA NOVAMENTE                                  │
+│    Aluno clica em "Fazer Prova Novamente"                   │
+│    Sistema verifica:                                          │
+│      ✓ Dentro do período? SIM                               │
+│      ✗ Tentativas < 3? NÃO (3 = 3)                        │
+│    Sistema bloqueia:                                         │
+│      "Maximum attempts (3) reached"                          │
+│    Botão "Fazer Prova" desabilitado                          │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+---
+
+## Regras Importantes
+
+### 1. Período de Disponibilidade
+- Aluno só pode fazer a prova entre `startDate` e `endDate`
+- Se tentar antes: "Prova ainda não começou"
+- Se tentar depois: "Prova já encerrou"
+
+### 2. Tentativas em Andamento
+- Se aluno tiver uma tentativa com status `"in_progress"`, não pode criar outra
+- Sistema deve permitir continuar a tentativa existente
+
+### 3. Máximo de Tentativas
+- Aluno não pode exceder `maxAttempts`
+- Se `allowRetakes` for `false`, `maxAttempts` deve ser `1`
+
+### 4. Tempo Limite
+- Se `timeLimit` estiver definido, prova é enviada automaticamente quando acabar
+- Contador é atualizado a cada segundo
+
+### 5. Resultados
+- Se `showResultsAfterGrading` for `true`, aluno vê resultados imediatamente
+- Se for `false`, aluno vê mensagem aguardando correção
+
+---
+
+## Melhorias Sugeridas
+
+1. **Salvamento Automático:**
+   - Salvar respostas periodicamente (ex: a cada 30 segundos)
+   - Permitir continuar de onde parou em caso de desconexão
+
+2. **Notificações:**
+   - Avisar aluno quando prova estiver prestes a encerrar
+   - Avisar professor quando aluno enviar prova
+
+3. **Histórico de Tentativas:**
+   - Mostrar data/hora de cada tentativa
+   - Mostrar tempo gasto em cada tentativa
+
+4. **Estatísticas:**
+   - Média da turma
+   - Comparação com outros alunos (opcional)
+
+5. **Feedback Imediato:**
+   - Mostrar quais questões o aluno acertou/errou (opcional)
+   - Permitir revisão da prova após correção
+
+---
+
+## Conclusão
+
+O sistema de provas é flexível e permite:
+
+✅ **Criação de templates reutilizáveis**
+✅ **Atribuição com configurações personalizadas**
+✅ **Controle de tentativas e repetições**
+✅ **Período de disponibilidade configurável**
+✅ **Tempo limite opcional**
+✅ **Resultados configuráveis (imediatos ou após correção)**
+✅ **Histórico completo de tentativas**
+
+Para dúvidas ou sugestões de melhoria, consulte a equipe de desenvolvimento.
diff --git a/PLANO-FIX-LOGIN-CREDENCIAIS.md b/PLANO-FIX-LOGIN-CREDENCIAIS.md
new file mode 100644
index 0000000..34e8838
--- /dev/null
+++ b/PLANO-FIX-LOGIN-CREDENCIAIS.md
@@ -0,0 +1,91 @@
+# Correção: login falha ("Credenciais inválidas") para alguns usuários com senha correta
+
+## Contexto
+
+Usuários relatam, de forma intermitente entre pessoas (não para todos), que digitam a senha
+correta e recebem "Credenciais inválidas". A hipótese inicial ("será que está logando mas
+mostra erro?") foi **descartada**: em `src/app/lib/userLoginAction.js` o `signIn` em caso de
+sucesso lança `NEXT_REDIRECT`, que é corretamente relançado (linhas 32-39), redirecionando para
+`/dispatcher`. Não existe caminho de sucesso que ainda exiba o erro. Trata-se de uma **falha real
+de autenticação** (nenhuma sessão é criada).
+
+### Causa raiz
+O `username` é **gravado normalizado** mas **consultado cru**:
+
+- Schema `src/app/models/User.js:9-10` define `trim: true` + `lowercase: true`. O Mongoose aplica
+  isso em todo `save`/`create`, então no banco todo username está minúsculo e sem espaços.
+- Login `src/app/lib/utils/auth.js:31-32` busca com o valor cru:
+  `User.findOne({ username: credentials.username })`. O MongoDB faz match **case-sensitive**.
+
+Resultado: quem cadastrou `Joao` (salvo como `joao`) e faz login digitando `Joao` gera busca por
+`"Joao"` → nenhum match → `null` → "Credenciais inválidas", **sem nem comparar a senha**.
+
+### Por que "alguns sim, outros não"
+Quem digita o usuário todo em minúsculo entra; quem digita com maiúscula/espaço falha **sempre**
+(consistente por usuário, não aleatório). Gatilho principal: teclado de **celular** auto-capitaliza
+a primeira letra, e o input de login (`src/app/auth/login/LoginForm.jsx:31-37`) não tem
+`autoCapitalize`/`autoCorrect`/`autoComplete`. Autofill com espaço final tem o mesmo efeito. Daí o
+padrão "mobile reclama, desktop não".
+
+**Observação sobre dados:** não é necessária migração de banco. Como o Mongoose já força lowercase
+em toda gravação, não há usernames mixed-case armazenados — apenas a consulta precisa ser corrigida.
+
+## Abordagem (escopo robusto)
+
+### 1. Normalizar a consulta no provider de auth (correção central)
+`src/app/lib/utils/auth.js`
+- Derivar um username normalizado uma vez e usá-lo na consulta:
+  ```js
+  const username = (credentials.username || "").trim().toLowerCase();
+  const password = credentials.password;
+  ...
+  const user = await User.findOne({ username }).lean();
+  ```
+- Remover o uso duplicado de `credentials.username` na linha 32 (usar a variável já tratada).
+
+### 2. Normalizar também no server action de login
+`src/app/lib/userLoginAction.js`
+- Após `formData.get("username")`, normalizar antes de validar/enviar e antes de preencher
+  `rawData` (para que o `defaultValue` re-exibido no form já volte normalizado):
+  ```js
+  const username = (formData.get("username") || "").trim().toLowerCase();
+  ```
+- Mantém o tratamento de `NEXT_REDIRECT`/`CredentialsSignin` como está.
+
+### 3. Endurecer o input de login contra auto-capitalização (mobile)
+`src/app/auth/login/LoginForm.jsx` — no `UIInput` de `name="username"` adicionar:
+`autoCapitalize="none"`, `autoCorrect="off"`, `spellCheck={false}`, `autoComplete="username"`.
+- Confirmar que `src/components/ui/input.jsx` repassa `...props` (já repassa), então os atributos
+  fluem para o `<input>` nativo.
+
+### 4. Alinhar a checagem de duplicado no cadastro
+`src/app/lib/users/createUserAction.js:131` — a verificação `findOne({ username })` usa o valor cru
+e é case-sensitive, enquanto o `User.create` grava lowercased. Normalizar o `username` logo na
+leitura (linha 24) para `(formData.get("username") || "").trim().toLowerCase()`, de modo que a
+checagem de duplicado, a mensagem de erro re-exibida e o valor gravado fiquem consistentes. A
+validação de "sem espaços" (linha 55) continua válida.
+- Aplicar a mesma normalização de leitura em `createWardUserAction.js` (criação de ward) para
+  manter consistência, caso ele leia username de formData da mesma forma.
+
+## Arquivos críticos
+- `src/app/lib/utils/auth.js` — fix central da consulta (CRÍTICO)
+- `src/app/lib/userLoginAction.js` — normalização do input do login
+- `src/app/auth/login/LoginForm.jsx` — atributos anti auto-capitalize
+- `src/app/lib/users/createUserAction.js` — consistência na checagem/gravação
+- `src/app/lib/users/createWardUserAction.js` — mesma consistência
+- (referência, sem alteração) `src/app/models/User.js`, `src/components/ui/input.jsx`
+
+## Verificação
+1. **Repro do bug (antes do fix):** com um usuário existente (ex.: `joao`), tentar login digitando
+   `Joao` ou `joao ` (com espaço) → deve dar "Credenciais inválidas".
+2. **Depois do fix:**
+   - Login com `Joao`, `JOAO`, ` joao `, `joao` → todos devem autenticar e redirecionar para
+     `/dispatcher`.
+   - Senha errada → continua "Credenciais inválidas" (regressão de segurança garantida).
+   - Usuário inexistente → "Credenciais inválidas".
+3. **Mobile:** abrir `/auth/login` em viewport mobile / dispositivo e confirmar que o campo Usuário
+   não auto-capitaliza a primeira letra.
+4. **Cadastro:** registrar `Maria`; conferir no banco que foi salvo como `maria`; tentar cadastrar
+   `maria` de novo → "Nome de usuario ja cadastrado".
+5. Rodar a app localmente (`npm run dev`) e exercitar os fluxos acima; rodar a suíte de testes se
+   existir.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..9aa18fe
--- /dev/null
+++ b/README.md
@@ -0,0 +1,213 @@
+# Course Plat
+
+Plataforma de gerenciamento de cursos, turmas, alunos e professores.
+
+## Stack
+
+- **Frontend**: Next.js 15, React, Tailwind CSS
+- **Backend**: Next.js API Routes, Server Actions
+- **Database**: MongoDB
+- **Storage**: MinIO (S3-compatible) ou Local
+- **Auth**: NextAuth.js
+
+## Quick Start (Desenvolvimento)
+
+### 1. Clone e instale dependências
+
+```bash
+git clone <repo-url>
+cd course-plat
+npm install
+```
+
+### 2. Configure variáveis de ambiente
+
+```bash
+cp .env.example .env.local
+```
+
+Edite `.env.local` com suas configurações:
+
+```bash
+# Mínimo para desenvolvimento:
+NODE_ENV=development
+NEXTAUTH_URL=http://localhost:3000
+NEXTAUTH_SECRET=qualquer-segredo-aqui-min-32-caracteres
+MONGODB_URI=mongodb://localhost:27017/course-plat
+```
+
+### 3. Inicie os serviços com Docker
+
+```bash
+# MongoDB + MinIO
+docker compose up -d
+
+# Verifique que os containers estão rodando
+docker ps
+```
+
+### 4. Inicie a aplicação
+
+```bash
+npm run dev
+```
+
+Acesse: http://localhost:3000
+
+## Serviços Docker
+
+| Serviço | Porta | Descrição |
+|---------|-------|-----------|
+| App | 3000 | Aplicação Next.js |
+| MongoDB | 27017 | Banco de dados |
+| Mongo Express | 8081 | UI do MongoDB (opcional) |
+| MinIO API | 9000 | Storage S3-compatible |
+| MinIO Console | 9001 | UI do MinIO |
+
+## Estrutura de Projetos
+
+```
+course-plat/
+├── src/app/                    # App Router Next.js
+│   ├── (auth)/                # Rotas de autenticação
+│   ├── (protected)/           # Rotas protegidas
+│   ├── api/                   # API Routes
+│   └── lib/                   # Utilitários e helpers
+├── docker/                     # Configurações Docker
+│   ├── minio/                 # MinIO setup
+│   └── production/            # Configurações de produção
+├── storage/                    # Armazenamento local (se usado)
+└── .env.local                  # Variáveis de ambiente (não commitar)
+```
+
+## Deploy em Produção
+
+Veja [DEPLOYMENT.md](./DEPLOYMENT.md) para instruções completas.
+
+Resumo rápido:
+
+```bash
+# 1. Configurar ambiente
+cp .env.example .env.production
+nano .env.production  # preencher variáveis
+
+# 2. Buildar imagem
+docker build -f docker/production/Dockerfile -t course-plat:latest .
+
+# 3. Iniciar serviços
+docker compose -f docker/production/docker-compose.yml up -d
+
+# 4. Configurar backup (crontab)
+0 2 * * * cd /var/www/course-plat && ./docker/production/backup-all.sh
+```
+
+## Variáveis de Ambiente
+
+Veja `.env.example` para todas as variáveis disponíveis.
+
+Principais:
+
+| Variável | Descrição | Default |
+|----------|-----------|---------|
+| `NODE_ENV` | Ambiente | `development` |
+| `NEXTAUTH_URL` | URL da app | `http://localhost:3000` |
+| `NEXTAUTH_SECRET` | Segredo auth | (obrigatório) |
+| `MONGODB_URI` | String conexão MongoDB | (obrigatório) |
+| `STORAGE_TYPE` | `s3` ou `local` | `s3` |
+| `S3_ENDPOINT` | Endpoint MinIO/S3 | `http://localhost:9000` |
+| `S3_BUCKET` | Nome do bucket | `course-plat` |
+
+## Storage de Arquivos
+
+### Sistema Híbrido
+
+A aplicação suporta dois tipos de armazenamento:
+
+**1. S3/MinIO (recomendado)**
+- Arquivos armazenados em bucket privado
+- Acesso via proxy da aplicação (`/api/files/...`)
+- Controle de permissões por turma/classe
+
+**2. Local**
+- Arquivos em disco (`./storage/uploads`)
+- Útil para desenvolvimento ou servidores pequenos
+
+### URLs de Arquivos
+
+| Onde | Formato |
+|------|---------|
+| Banco de dados | `proxy://pasta/arquivo.pdf` |
+| Frontend | `/api/files/pasta/arquivo.pdf` |
+
+Use `getFileUrl(url)` de `@/app/lib/utils/storage/fileUrl` para converter.
+
+## Comandos Úteis
+
+```bash
+# Desenvolvimento
+npm run dev          # Inicia dev server
+npm run build        # Build para produção
+npm run start        # Inicia produção server
+
+# Docker
+docker compose up -d           # Inicia serviços
+docker compose down            # Para serviços
+docker compose logs -f         # Ver logs
+
+# MongoDB (via Docker)
+docker exec -it course-plat-mongodb mongosh
+docker exec course-plat-mongodb mongodump --archive > backup.gz
+
+# MinIO (via Docker)
+docker exec -it course-plat-minio mc alias set local http://localhost:9000 minioadmin minioadmin
+docker exec course-plat-minio mc ls local/course-plat
+```
+
+## Backup
+
+### MongoDB
+```bash
+# Script de backup
+./docker/production/backup-mongodb.sh
+
+# Manual
+docker exec course-plat-mongodb mongodump --gzip --archive > backup.gz
+```
+
+### MinIO
+```bash
+# Script de backup
+./docker/minio/backup-minio.sh
+```
+
+## Troubleshooting
+
+### MongoDB não conecta
+```bash
+# Verificar se container está rodando
+docker ps | grep mongo
+
+# Ver logs
+docker logs course-plat-mongodb
+```
+
+### MinIO Access Denied
+```bash
+# Verificar política do bucket
+docker exec course-plat-minio mc anonymous get local/course-plat
+
+# Bucket deve ser "none" (privado)
+docker exec course-plat-minio mc anonymous set none local/course-plat
+```
+
+### Arquivos antigos não funcionam
+Verifique se `getFileUrl()` está sendo usado para converter URLs. Arquivos antigos com URLs diretas do MinIO precisam ser convertidas para o proxy.
+
+## Documentação Adicional
+
+- [DEPLOYMENT.md](./DEPLOYMENT.md) - Deploy em produção
+- [docker/minio/README.md](./docker/minio/README.md) - Setup do MinIO
+
+## Licença
+
+[Adicionar licença]
diff --git a/STYLE_GUIDE.md b/STYLE_GUIDE.md
new file mode 100644
index 0000000..ba7a084
--- /dev/null
+++ b/STYLE_GUIDE.md
@@ -0,0 +1,893 @@
+# Padrões de Estilo - Course Platform
+
+Este documento define os padrões de estilo unificados para todo o sistema, garantindo consistência visual e facilidade de manutenção.
+
+## Índice
+
+- [Princípios Fundamentais](#princípios-fundamentais)
+- [Cores e Tema](#cores-e-tema)
+- [Tipografia](#tipografia)
+- [Espaçamento](#espaçamento)
+- [Badges e Labels](#badges-e-labels)
+- [Componentes](#componentes)
+- [Transições e Animações](#transições-e-animações)
+- [Regras CSS Globais](#regras-css-globais)
+
+---
+
+## Princípios Fundamentais
+
+1. **Usar CSS Variables** para cores, backgrounds e bordas (definidas em `:root` e `.dark`)
+2. **Padronizar em `neutral-*`** em vez de `gray-*` para consistência
+3. **Usar `blue-600`** como cor primária para botões de ação principal
+4. **Manter border-radius de 8px** (`rounded-lg` ou `rounded-xl`)
+5. **Usar sombras sutis**: `shadow-sm` padrão, `shadow-md` no hover
+6. **Evitar regras CSS globais com `!important`** que sobrescrevem classes Tailwind
+
+---
+
+## Cores e Tema
+
+### CSS Variables (Definidas em `globals.css`)
+
+```css
+/* Tema Claro (:root) */
+--background: #ffffff;
+--foreground: #09090b;
+--card: #ffffff;
+--card-foreground: #09090b;
+--primary: #18181b;
+--primary-foreground: #fafafa;
+--secondary: #f4f4f5;
+--secondary-foreground: #18181b;
+--muted: #f4f4f5;
+--muted-foreground: #71717a;
+--accent: #f4f4f5;
+--accent-foreground: #18181b;
+--destructive: #ef4444;
+--destructive-foreground: #fafafa;
+--border: #e4e4e7;
+--input: #e4e4e7;
+--ring: #18181b;
+--radius: 0.5rem;
+
+/* Tema Escuro (.dark) */
+--background: #09090b;
+--foreground: #fafafa;
+--card: #09090b;
+--card-foreground: #fafafa;
+--primary: #fafafa;
+--primary-foreground: #18181b;
+--secondary: #27272a;
+--secondary-foreground: #fafafa;
+--muted: #27272a;
+--muted-foreground: #a1a1aa;
+--accent: #27272a;
+--accent-foreground: #fafafa;
+--destructive: #7f1d1d;
+--destructive-foreground: #fafafa;
+--border: #27272a;
+--input: #27272a;
+--ring: #d4d4d8;
+```
+
+### Cores Semânticas (Tailwind)
+
+| Propósito | Light Mode | Dark Mode |
+|-----------|------------|-----------|
+| Primary (Ação principal) | `blue-600` | `blue-500` |
+| Primary Hover | `blue-700` | `blue-600` |
+| Success | `green-600` | `green-500` |
+| Success Hover | `green-700` | `green-600` |
+| Warning | `yellow-500` | `yellow-400` |
+| Warning Hover | `yellow-600` | `yellow-500` |
+| Error/Destructive | `red-600` | `red-500` |
+| Error Hover | `red-700` | `red-600` |
+| Info | `blue-600` | `blue-500` |
+
+### Cores Neutras (Padrão)
+
+**Use sempre `neutral-*` em vez de `gray-*` para consistência:**
+
+| Escala | Light Mode | Dark Mode |
+|--------|------------|-----------|
+| 50 | `#fafafa` | `#18181b` |
+| 100 | `#f5f5f5` | `#27272a` |
+| 200 | `#e5e5e5` | `#3f3f46` |
+| 300 | `#d4d4d4` | `#52525b` |
+| 400 | `#a3a3a3` | `#71717a` |
+| 500 | `#737373` | `#a1a1aa` |
+| 600 | `#525252` | `#d4d4d8` |
+| 700 | `#404040` | `#e4e4e7` |
+| 800 | `#262626` | `#f4f4f5` |
+| 900 | `#171717` | `#fafafa` |
+| 950 | `#0a0a0a` | `#fafafa` |
+
+---
+
+## Tipografia
+
+### Fonte
+
+- **Fonte Principal**: Geist Sans (Google Fonts)
+- **Fonte Monospace**: Geist Mono (Google Fonts)
+
+### Tamanhos e Pesos
+
+| Elemento | Classe Tailwind | Uso |
+|----------|-----------------|-----|
+| Título Principal | `text-2xl md:text-3xl font-semibold` | Títulos de página |
+| Título de Seção | `text-lg font-semibold` | Títulos de seção |
+| Subtítulo | `text-base font-medium` | Subtítulos |
+| Texto Normal | `text-sm` | Texto de conteúdo |
+| Texto Secundário | `text-sm text-muted-foreground` | Texto de apoio |
+| Label | `text-sm font-medium` | Labels de formulário |
+| Caption/Small | `text-xs` | Textos pequenos |
+
+### Exemplos
+
+```jsx
+// Título de Página
+<h1 className="text-2xl md:text-3xl font-semibold text-foreground">
+  Título da Página
+</h1>
+
+// Título de Seção
+<h2 className="text-lg font-semibold text-foreground">
+  Título da Seção
+</h2>
+
+// Subtítulo
+<p className="text-sm text-muted-foreground">
+  Descrição ou subtítulo
+</p>
+
+// Label
+<label className="text-sm font-medium leading-none">
+  Nome do Campo
+</label>
+```
+
+---
+
+## Espaçamento
+
+### Padrões de Padding
+
+| Elemento | Padding/Margin |
+|----------|----------------|
+| Card padding | `p-5` |
+| Card padding (compacto) | `p-4` |
+| Button padding | `px-4 py-2` |
+| Input padding | `px-3 py-2` |
+| Table cell padding | `px-6 py-4` |
+| Section gap | `gap-3` ou `gap-4` |
+| Vertical spacing entre elementos | `space-y-4` |
+| Horizontal spacing entre elementos | `space-x-3` |
+
+### Exemplos
+
+```jsx
+// Card
+<div className="border rounded-xl p-5 shadow-sm bg-card">
+  {/* conteúdo */}
+</div>
+
+// Formulário com espaçamento vertical
+<form className="space-y-4">
+  {/* campos */}
+</form>
+
+// Botões com espaçamento horizontal
+<div className="flex gap-3">
+  <button>Cancelar</button>
+  <button>Salvar</button>
+</div>
+```
+
+---
+
+## Badges e Labels
+
+Badges são pequenos labels coloridos usados para indicar status, categorias ou outros metadados. Devem ser usados consistentemente em toda a aplicação.
+
+### Estrutura Base
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border [badge-classes]">
+  Label Text
+</span>
+```
+
+### Padrões de Cores
+
+#### Success/Green (Disponível, Pago, Ativo, Presente)
+
+**Tema Claro:** `bg-emerald-100 text-emerald-700 border-emerald-200`  
+**Tema Escuro:** `dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-800`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-emerald-100 text-emerald-700 border-emerald-200 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-800">
+  Disponível
+</span>
+```
+
+**Casos de Uso:**
+- "Disponível" (Available)
+- "Pago" (Paid)
+- "Ativa" (Active)
+- "Presente" (Present)
+- Status "Verified"
+
+---
+
+#### Info/Blue (Em breve, Aguardando Verificação, Justificado)
+
+**Tema Claro:** `bg-blue-100 text-blue-700 border-blue-200`  
+**Tema Escuro:** `dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-800`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-blue-100 text-blue-700 border-blue-200 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-800">
+  Em breve
+</span>
+```
+
+**Casos de Uso:**
+- "Em breve" (Upcoming)
+- "Aguardando Verificação" (Pending Verification)
+- "Justificado" (Excused)
+- Templates "Public"
+
+---
+
+#### Danger/Red (Encerrada, Rejeitado, Ausente)
+
+**Tema Claro:** `bg-red-100 text-red-700 border-red-200`  
+**Tema Escuro:** `dark:bg-red-900/20 dark:text-red-300 dark:border-red-800`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-red-100 text-red-700 border-red-200 dark:bg-red-900/20 dark:text-red-300 dark:border-red-800">
+  Encerrada
+</span>
+```
+
+**Casos de Uso:**
+- "Encerrada" (Expired)
+- "Rejeitado" (Rejected)
+- "Ausente" (Absent)
+- Status "Rejected"
+
+---
+
+#### Warning/Amber (Aguardando Pagamento, Atrasado, Arquivada)
+
+**Tema Claro:** `bg-amber-100 text-amber-700 border-amber-200`  
+**Tema Escuro:** `dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-800`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-amber-100 text-amber-700 border-amber-200 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-800">
+  Aguardando Pagamento
+</span>
+```
+
+**Casos de Uso:**
+- "Aguardando Pagamento" (Pending Payment)
+- "Atrasado" (Late)
+- "Arquivada" (Archived)
+- Status "Pending"
+
+---
+
+#### Warning/Yellow (Obrigações)
+
+**Tema Claro:** `bg-yellow-100 text-yellow-800 border-yellow-300`  
+**Tema Escuro:** `dark:bg-yellow-900/50 dark:text-yellow-200 dark:border-yellow-700`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-yellow-100 text-yellow-800 border-yellow-300 dark:bg-yellow-900/50 dark:text-yellow-200 dark:border-yellow-700">
+  Obrigação
+</span>
+```
+
+**Casos de Uso:**
+- Obrigações de pagamento
+- "Obrigação" (Obligation)
+
+---
+
+#### Purple (Leitura)
+
+**Tema Claro:** `bg-purple-100 text-purple-700 border-purple-200`  
+**Tema Escuro:** `dark:bg-purple-900/20 dark:text-purple-300 dark:border-purple-800`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-purple-100 text-purple-700 border-purple-200 dark:bg-purple-900/20 dark:text-purple-300 dark:border-purple-800">
+  Leitura
+</span>
+```
+
+**Casos de Uso:**
+- "Leitura" (Reading)
+- Categoria "Indigo"
+
+---
+
+#### Indigo (Trabalhos)
+
+**Tema Claro:** `bg-indigo-100 text-indigo-700 border-indigo-200`  
+**Tema Escuro:** `dark:bg-indigo-900/20 dark:text-indigo-300 dark:border-indigo-800`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-indigo-100 text-indigo-700 border-indigo-200 dark:bg-indigo-900/20 dark:text-indigo-300 dark:border-indigo-800">
+  Trabalhos
+</span>
+```
+
+**Casos de Uso:**
+- "Trabalhos" (Homework)
+- Itens relacionados a assignments
+
+---
+
+#### Neutral/Gray (Outros, Padrão)
+
+**Tema Claro:** `bg-gray-100 text-gray-700 border-gray-200`  
+**Tema Escuro:** `dark:bg-gray-800 dark:text-gray-300 dark:border-gray-700`
+
+```jsx
+<span className="text-xs px-2 py-1 rounded-full border bg-gray-100 text-gray-700 border-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-700">
+  Outros
+</span>
+```
+
+**Casos de Uso:**
+- "Outros" (Other)
+- Categorias padrão/desconhecidas
+- Status neutro
+
+### Badges por Categoria
+
+#### Categorias de Arquivos
+
+| Categoria | Cor |
+|-----------|-----|
+| Slides | Blue |
+| Exercícios | Green |
+| Leitura | Purple |
+| Vídeos | Red |
+| Áudio | Yellow |
+| Trabalhos | Indigo |
+| Outros | Gray |
+
+#### Status de Presença
+
+| Status | Cor |
+|--------|-----|
+| Presente | Green |
+| Ausente | Red |
+| Atrasado | Amber |
+| Justificado | Blue |
+
+#### Status de Pagamento
+
+| Status | Cor |
+|--------|-----|
+| Pago | Green |
+| Aguardando Verificação | Blue |
+| Rejeitado | Red |
+| Aguardando Pagamento | Amber |
+| Obrigação | Yellow |
+
+#### Status de Provas
+
+| Status | Cor |
+|--------|-----|
+| Disponível | Green |
+| Em breve | Blue |
+| Encerrada | Red |
+
+#### Status de Turma
+
+| Status | Cor |
+|--------|-----|
+| Ativa | Green |
+| Arquivada | Amber |
+
+### Exemplo de Implementação
+
+```jsx
+const categoryColors = {
+  'Slides': 'text-xs px-2 py-1 rounded-full border bg-blue-100 text-blue-700 border-blue-200 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-800',
+  'Exercícios': 'text-xs px-2 py-1 rounded-full border bg-green-100 text-green-700 border-green-200 dark:bg-green-900/20 dark:text-green-300 dark:border-green-800',
+  'Leitura': 'text-xs px-2 py-1 rounded-full border bg-purple-100 text-purple-700 border-purple-200 dark:bg-purple-900/20 dark:text-purple-300 dark:border-purple-800',
+  'Vídeos': 'text-xs px-2 py-1 rounded-full border bg-red-100 text-red-700 border-red-200 dark:bg-red-900/20 dark:text-red-300 dark:border-red-800',
+  'Áudio': 'text-xs px-2 py-1 rounded-full border bg-yellow-100 text-yellow-700 border-yellow-200 dark:bg-yellow-900/20 dark:text-yellow-300 dark:border-yellow-800',
+  'Trabalhos': 'text-xs px-2 py-1 rounded-full border bg-indigo-100 text-indigo-700 border-indigo-200 dark:bg-indigo-900/20 dark:text-indigo-300 dark:border-indigo-800',
+  'Outros': 'text-xs px-2 py-1 rounded-full border bg-gray-100 text-gray-700 border-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-700'
+};
+
+<span className={categoryColors[category] || categoryColors['Outros']}>
+  {category}
+</span>
+```
+
+### Notas Importantes
+
+1. **Consistência**: Sempre use a string de classes completa incluindo variantes de tema claro e escuro
+2. **Acessibilidade**: As combinações de cores fornecem contraste suficiente para ambos os temas
+3. **Opacidade**: O tema escuro usa `/20` de opacidade para a maioria das cores (exceto yellow que usa `/50`)
+4. **Borda**: Sempre inclua borda para melhor separação visual
+5. **Arredondamento**: Use `rounded-full` para badges em formato de pílula
+6. **Tamanho**: Use `text-xs` para badges pequenos, `text-sm` para badges maiores se necessário
+
+---
+
+## Componentes
+
+### Cards
+
+**Padrão Unificado:**
+
+```jsx
+<div className="border rounded-xl p-5 shadow-sm bg-card dark:bg-card dark:border-border hover:shadow-md hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
+  {/* conteúdo */}
+</div>
+```
+
+**Card com Link:**
+
+```jsx
+<Link href="/path" className="block no-underline">
+  <div className="border rounded-xl p-5 shadow-sm bg-card hover:shadow-md transition-all">
+    {/* conteúdo */}
+  </div>
+</Link>
+```
+
+### Botões
+
+**Primary (Ação Principal):**
+
+```jsx
+<button
+  type="submit"
+  className="inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium bg-blue-600 hover:bg-blue-700 text-white h-10 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+>
+  Salvar
+</button>
+```
+
+**Secondary (Ação Secundária):**
+
+```jsx
+<button
+  type="button"
+  className="inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+>
+  Cancelar
+</button>
+```
+
+**Destructive (Ação de Exclusão):**
+
+```jsx
+<button
+  type="button"
+  className="inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium bg-red-600 hover:bg-red-700 text-white h-10 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+>
+  Excluir
+</button>
+```
+
+**Botão com Ícone:**
+
+```jsx
+<button className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium shadow-sm hover:shadow transition-shadow">
+  <Icon className="w-4 h-4" />
+  <span>Texto do Botão</span>
+</button>
+```
+
+### Inputs
+
+**Input de Texto:**
+
+```jsx
+<input
+  type="text"
+  className="flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+  placeholder="Digite aqui..."
+/>
+```
+
+**Select:**
+
+```jsx
+<div className="relative">
+  <select
+    className="flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 appearance-none"
+  >
+    <option value="">Selecione...</option>
+    {/* opções */}
+  </select>
+  <svg className="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground">
+    {/* ícone de seta */}
+  </svg>
+</div>
+```
+
+**Textarea:**
+
+```jsx
+<textarea
+  className="flex min-h-[80px] w-full rounded-lg border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+  placeholder="Digite sua mensagem..."
+  rows={4}
+/>
+```
+
+### Tabelas
+
+**Tabela Padrão:**
+
+```jsx
+<div className="w-full overflow-x-auto rounded-xl border border-border bg-card shadow-sm">
+  <table className="w-full text-sm text-left">
+    <thead className="bg-muted text-muted-foreground font-semibold uppercase text-xs">
+      <tr>
+        <th className="px-6 py-4 border-b border-border">Coluna 1</th>
+        <th className="px-6 py-4 border-b border-border">Coluna 2</th>
+        <th className="px-6 py-4 border-b border-border text-right">Ações</th>
+      </tr>
+    </thead>
+    <tbody className="divide-y divide-border">
+      <tr className="hover:bg-accent transition-colors">
+        <td className="px-6 py-4 text-foreground">Valor 1</td>
+        <td className="px-6 py-4 text-foreground">Valor 2</td>
+        <td className="px-6 py-4 text-right">
+          {/* ações */}
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+```
+
+### Badges
+
+**Status Badges:**
+
+```jsx
+// Success (Pago)
+<span className="px-2 py-1 rounded-full text-xs font-medium border bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-200 border-green-300 dark:border-green-700">
+  Pago
+</span>
+
+// Warning (Pendente)
+<span className="px-2 py-1 rounded-full text-xs font-medium border bg-yellow-100 dark:bg-yellow-900/50 text-yellow-800 dark:text-yellow-200 border-yellow-300 dark:border-yellow-700">
+  Pendente
+</span>
+
+// Error (Rejeitado)
+<span className="px-2 py-1 rounded-full text-xs font-medium border bg-red-100 dark:bg-red-900/50 text-red-800 dark:text-red-200 border-red-300 dark:border-red-700">
+  Rejeitado
+</span>
+
+// Info (Aguardando Verificação)
+<span className="px-2 py-1 rounded-full text-xs font-medium border bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 border-blue-300 dark:border-blue-700">
+  Aguardando Verificação
+</span>
+
+// Neutral (Não Pago)
+<span className="px-2 py-1 rounded-full text-xs font-medium border bg-neutral-100 dark:bg-neutral-700 text-neutral-800 dark:text-neutral-200 border-neutral-300 dark:border-neutral-600">
+  Não Pago
+</span>
+```
+
+### Flash Messages
+
+```jsx
+// Success
+<div className="px-4 py-3 rounded relative mb-4 text-green-700 dark:text-green-300 bg-green-100 dark:bg-green-900/50 border border-green-400 dark:border-green-700">
+  <div className="flex items-center">
+    <strong className="font-bold mr-1">Sucesso:</strong>
+    <span className="block sm:inline">Mensagem de sucesso</span>
+  </div>
+</div>
+
+// Error
+<div className="px-4 py-3 rounded relative mb-4 text-red-700 dark:text-red-300 bg-red-100 dark:bg-red-900/50 border border-red-400 dark:border-red-700">
+  <div className="flex items-center">
+    <strong className="font-bold mr-1">Erro:</strong>
+    <span className="block sm:inline">Mensagem de erro</span>
+  </div>
+</div>
+
+// Warning
+<div className="px-4 py-3 rounded relative mb-4 text-yellow-700 dark:text-yellow-300 bg-yellow-100 dark:bg-yellow-900/50 border border-yellow-400 dark:border-yellow-700">
+  <div className="flex items-center">
+    <strong className="font-bold mr-1">Aviso:</strong>
+    <span className="block sm:inline">Mensagem de aviso</span>
+  </div>
+</div>
+
+// Info
+<div className="px-4 py-3 rounded relative mb-4 text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-900/50 border border-blue-400 dark:border-blue-700">
+  <div className="flex items-center">
+    <strong className="font-bold mr-1">Info:</strong>
+    <span className="block sm:inline">Mensagem informativa</span>
+  </div>
+</div>
+```
+
+### Sidebar Navigation
+
+```jsx
+<aside className="w-64 flex-shrink-0 border-r border-neutral-200 dark:border-neutral-800 p-4 bg-white dark:bg-neutral-950">
+  <nav className="mt-2">
+    <ul className="space-y-1">
+      {/* itens de navegação */}
+    </ul>
+  </nav>
+</aside>
+```
+
+### Stats Cards
+
+```jsx
+<div className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-3 bg-neutral-50 dark:bg-neutral-800/40">
+  <p className="text-xs text-neutral-700 dark:text-neutral-300 font-medium">Label</p>
+  <p className="mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-100">Valor</p>
+</div>
+```
+
+---
+
+## Transições e Animações
+
+### Padrões de Transição
+
+```jsx
+// Transição suave para todas as propriedades
+className="transition-all duration-200"
+
+// Transição apenas para cores
+className="transition-colors"
+
+// Transição para sombra
+className="transition-shadow"
+
+// Transição para transformações
+className="transition-transform"
+```
+
+### Hover Effects
+
+```jsx
+// Card hover
+<div className="hover:shadow-md hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
+
+// Button hover
+<button className="hover:bg-blue-700 transition-colors">
+
+// Link hover
+<a className="hover:text-blue-600 transition-colors">
+```
+
+---
+
+## Regras CSS Globais
+
+### Importante: Evitar `!important` em regras globais
+
+**NÃO FAÇA:**
+
+```css
+button[type="submit"] {
+  background-color: var(--primary) !important;
+  color: var(--primary-foreground) !important;
+}
+```
+
+Isso sobrescreve todas as classes Tailwind e causa problemas de manutenção.
+
+**FAÇA:**
+
+Deixe cada componente definir seu próprio estilo usando classes Tailwind ou CSS variables sem `!important`.
+
+### Estilos Base (Definidos em `globals.css`)
+
+```css
+/* Form elements */
+input, select, textarea {
+  border: 1px solid var(--input);
+  background-color: var(--background);
+  border-radius: var(--radius);
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: var(--foreground);
+  transition: all 0.2s;
+}
+
+input:focus, select:focus, textarea:focus {
+  outline: none;
+  border-color: var(--ring);
+  box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);
+}
+
+/* Tables */
+table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 0.875rem;
+}
+
+thead {
+  background-color: var(--muted);
+}
+
+tbody tr {
+  border-bottom: 1px solid var(--border);
+}
+
+tbody tr:hover {
+  background-color: var(--accent);
+}
+
+th {
+  text-align: left;
+  font-weight: 500;
+  color: var(--muted-foreground);
+  padding: 0.75rem 1rem;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+}
+
+td {
+  padding: 1rem;
+  vertical-align: middle;
+}
+
+/* Cards */
+.card {
+  background-color: var(--card);
+  color: var(--card-foreground);
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+}
+
+/* Badges */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 9999px;
+  padding: 0.125rem 0.625rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+/* Links */
+a {
+  color: var(--primary);
+  text-decoration: none;
+}
+
+a:hover,
+a:focus,
+a:active {
+  text-decoration: none !important;
+}
+```
+
+---
+
+## Checklist de Implementação
+
+Ao criar ou modificar componentes, verifique:
+
+- [ ] Usar CSS variables (`bg-card`, `text-foreground`, `border-border`)
+- [ ] Usar `neutral-*` em vez de `gray-*`
+- [ ] Usar `blue-600` para botões primary
+- [ ] Usar `rounded-lg` ou `rounded-xl` para border-radius
+- [ ] Adicionar `transition-colors` ou `transition-all` para elementos interativos
+- [ ] Testar em tema claro e escuro
+- [ ] Verificar contraste de cores
+- [ ] Usar classes Tailwind em vez de CSS customizado quando possível
+- [ ] Evitar `!important` em regras CSS
+
+---
+
+## Exemplos de Componentes Completos
+
+### Formulário Padrão
+
+```jsx
+function StandardForm({ onSubmit, onCancel }) {
+  return (
+    <form onSubmit={onSubmit} className="bg-card text-card-foreground rounded-xl border shadow-sm p-6 max-w-lg mx-auto space-y-4">
+      <div className="space-y-2">
+        <label htmlFor="name" className="text-sm font-medium leading-none">
+          Nome
+        </label>
+        <input
+          id="name"
+          name="name"
+          className="flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          placeholder="Digite o nome"
+        />
+      </div>
+
+      <div className="space-y-2">
+        <label htmlFor="email" className="text-sm font-medium leading-none">
+          Email
+        </label>
+        <input
+          id="email"
+          name="email"
+          type="email"
+          className="flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          placeholder="Digite o email"
+        />
+      </div>
+
+      <div className="flex gap-3 mt-6">
+        <button
+          type="submit"
+          className="inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium bg-blue-600 hover:bg-blue-700 text-white h-10 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 flex-1"
+        >
+          Salvar
+        </button>
+        <button
+          type="button"
+          onClick={onCancel}
+          className="inline-flex items-center justify-center whitespace-nowrap rounded-lg text-sm font-medium border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 flex-1"
+        >
+          Cancelar
+        </button>
+      </div>
+    </form>
+  );
+}
+```
+
+### Card de Dashboard
+
+```jsx
+function DashboardCard({ title, description, buttonText, link, icon: Icon }) {
+  return (
+    <Link href={link} className="block no-underline">
+      <div className="h-full border rounded-xl p-5 shadow-sm bg-card dark:bg-card dark:border-border hover:shadow-md hover:border-neutral-300 dark:hover:border-neutral-700 transition-all">
+        <div className="flex items-start gap-4">
+          {Icon && (
+            <div className="p-2.5 rounded-lg bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300">
+              <Icon className="w-5 h-5" />
+            </div>
+          )}
+          <div className="flex-1">
+            <h3 className="text-lg font-semibold text-foreground mb-2">{title}</h3>
+            <p className="text-sm text-muted-foreground mb-4">{description}</p>
+            <span className="inline-flex justify-center text-white text-sm font-medium py-2 px-6 rounded-lg transition-colors bg-blue-600 hover:bg-blue-700">
+              {buttonText}
+            </span>
+          </div>
+        </div>
+      </div>
+    </Link>
+  );
+}
+```
+
+---
+
+## Conclusão
+
+Seguir estes padrões garantirá:
+
+✅ **Consistência visual** em todo o sistema
+✅ **Manutenção mais fácil** com código previsível
+✅ **Melhor suporte** a tema claro/escuro
+✅ **Código mais limpo** e organizado
+✅ **Experiência do usuário** mais coesa
+
+Para dúvidas ou sugestões de melhoria, consulte a equipe de desenvolvimento.
diff --git a/deploy.sh b/deploy.sh
new file mode 100644
index 0000000..ede61db
--- /dev/null
+++ b/deploy.sh
@@ -0,0 +1,145 @@
+#!/bin/bash
+
+# Script de Deploy para produção
+# Uso: ./deploy.sh [ambiente]
+# Exemplo: ./deploy.sh production
+
+set -e  # Para em caso de erro
+
+echo "🚀 Iniciando deploy..."
+
+# Cores para output
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+# Função para imprimir mensagens coloridas
+print_success() {
+    echo -e "${GREEN}✓ $1${NC}"
+}
+
+print_error() {
+    echo -e "${RED}✗ $1${NC}"
+}
+
+print_warning() {
+    echo -e "${YELLOW}⚠ $1${NC}"
+}
+
+# Detectar o dono do diretório para rodar comandos como ele
+DIR_OWNER=$(stat -c '%U' .)
+PROJECT_DIR=$(pwd)
+
+run_as_owner() {
+    su - "$DIR_OWNER" -c "cd $PROJECT_DIR && source ~/.bashrc 2>/dev/null; source ~/.profile 2>/dev/null; export NVM_DIR=\"\$HOME/.nvm\"; [ -s \"\$NVM_DIR/nvm.sh\" ] && . \"\$NVM_DIR/nvm.sh\"; $1"
+}
+
+# Verificar se está rodando como root
+if [ "$EUID" -ne 0 ]; then
+    print_warning "Este script precisa de sudo para configurar o nginx"
+    SUDO="sudo"
+else
+    SUDO=""
+fi
+
+# 1. Atualizar código (se estiver em git)
+echo ""
+echo "📦 Atualizando código..."
+if [ -d ".git" ]; then
+    run_as_owner "git pull"
+    print_success "Código atualizado"
+else
+    print_warning "Não é um repositório git, pulando atualização"
+fi
+
+# 2. Instalar dependências limpas
+echo ""
+echo "📥 Instalando dependências com npm ci..."
+if [ -f "package-lock.json" ]; then
+    run_as_owner "rm -rf node_modules && npm ci"
+    print_success "Dependências instaladas"
+else
+    print_warning "package-lock.json não encontrado, usando npm install"
+    run_as_owner "npm install"
+fi
+
+# 3. Configurar nginx para uploads maiores
+echo ""
+echo "🌐 Configurando nginx..."
+
+NGINX_CONF="/etc/nginx/sites-available/inglescomideiasvivas"
+NGINX_BACKUP="/tmp/nginx_inglescomideiasvivas.backup"
+
+# Verificar se o arquivo de configuração existe
+if [ -f "$NGINX_CONF" ]; then
+    # Fazer backup
+    $SUDO cp "$NGINX_CONF" "$NGINX_BACKUP"
+
+    # Verificar se client_max_body_size já existe
+    if $SUDO grep -q "client_max_body_size" "$NGINX_CONF"; then
+        print_warning "client_max_body_size já configurado, atualizando para 500M..."
+        $SUDO sed -i 's/client_max_body_size .*/client_max_body_size 500M;/' "$NGINX_CONF"
+    else
+        # Adicionar client_max_body_size após client_body_timeout ou no bloco server
+        $SUDO sed -i '/server {/a \    client_max_body_size 500M;' "$NGINX_CONF"
+        print_success "client_max_body_size 500M adicionado ao nginx"
+    fi
+
+    # Testar configuração do nginx
+    echo "Testando configuração do nginx..."
+    if $SUDO nginx -t 2>&1 | grep -q "successful"; then
+        print_success "Configuração do nginx válida"
+        $SUDO systemctl reload nginx
+        print_success "Nginx recarregado"
+    else
+        print_error "Configuração do nginx inválida!"
+        echo "Restorando backup..."
+        $SUDO cp "$NGINX_BACKUP" "$NGINX_CONF"
+        $SUDO nginx -t
+        exit 1
+    fi
+else
+    print_warning "Arquivo de configuração do nginx não encontrado em $NGINX_CONF"
+    echo "Você pode precisar configurar manualmente:"
+    echo "  sudo nano $NGINX_CONF"
+    echo "Adicione 'client_max_body_size 500M;' no bloco server"
+fi
+
+# 4. Limpar cache do Next.js e rebuild
+echo ""
+echo "🔨 Limpar cache e rebuild..."
+run_as_owner "rm -rf .next .next.cache"
+print_success "Cache limpo"
+
+echo "Building..."
+run_as_owner "npm run build"
+print_success "Build concluído"
+
+# 5. Reiniciar PM2
+echo ""
+echo "🔄 Reiniciando aplicação com PM2..."
+
+# Verificar se o app existe no PM2
+if run_as_owner "pm2 list" | grep -q "iciv"; then
+    run_as_owner "pm2 delete iciv"
+    print_success "App antigo removido"
+fi
+
+run_as_owner "pm2 start ecosystem.config.js"
+run_as_owner "pm2 save"
+print_success "Aplicação reiniciada"
+
+# 6. Mostrar status
+echo ""
+echo "📊 Status da aplicação:"
+run_as_owner "pm2 list"
+
+echo ""
+echo "🎉 Deploy concluído com sucesso!"
+echo ""
+echo "Logs em tempo real:"
+echo "  pm2 logs iciv"
+echo ""
+echo "Para verificar logs de erro:"
+echo "  pm2 logs iciv --err"
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..7b61fea
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,93 @@
+# Docker Compose para Desenvolvimento
+# Para produção, veja docker/production/docker-compose.yml
+services:
+  # MongoDB - Banco de dados
+  mongodb:
+    image: mongo:8
+    container_name: course-plat-mongodb
+    restart: unless-stopped
+    ports:
+      - "27017:27017"
+    environment:
+      MONGO_INITDB_ROOT_USERNAME: ${MONGO_USERNAME:-admin}
+      MONGO_INITDB_ROOT_PASSWORD: ${MONGO_PASSWORD:-password}
+      MONGO_INITDB_DATABASE: ${MONGO_DB:-course-plat}
+    volumes:
+      - mongodb_data:/data/db
+      - mongodb_config:/data/configdb
+    healthcheck:
+      test: echo 'db.runCommand("ping").ok' | mongosh localhost:27017/test --quiet
+      interval: 30s
+      timeout: 10s
+      retries: 3
+    networks:
+      - course-plat-network
+
+  # MongoDB Express (opcional - UI para o MongoDB)
+  mongo-express:
+    image: mongo-express:latest
+    container_name: course-plat-mongo-express
+    restart: unless-stopped
+    ports:
+      - "8081:8081"
+    environment:
+      ME_CONFIG_MONGODB_URL: mongodb://${MONGO_USERNAME:-admin}:${MONGO_PASSWORD:-password}@mongodb:27017/
+      ME_CONFIG_BASICAUTH_USERNAME: ${MONGO_EXPR_USER:-admin}
+      ME_CONFIG_BASICAUTH_PASSWORD: ${MONGO_EXPR_PASS:-admin}
+    depends_on:
+      mongodb:
+        condition: service_healthy
+    networks:
+      - course-plat-network
+
+  # MinIO - Armazenamento de arquivos (S3 compatible)
+  minio:
+    image: minio/minio:latest
+    container_name: course-plat-minio
+    restart: unless-stopped
+    ports:
+      - "9000:9000"   # API
+      - "9001:9001"   # Console (UI)
+    environment:
+      MINIO_ROOT_USER: ${MINIO_ROOT_USER:-minioadmin}
+      MINIO_ROOT_PASSWORD: ${MINIO_ROOT_PASSWORD:-minioadmin}
+    volumes:
+      - minio_data:/data
+    command: server /data --console-address ":9001"
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:9000/minio/health/live"]
+      interval: 30s
+      timeout: 20s
+      retries: 3
+    networks:
+      - course-plat-network
+
+  # MinIO Init - Cria bucket privado automaticamente
+  minio-init:
+    image: minio/mc:latest
+    container_name: course-plat-minio-init
+    depends_on:
+      - minio
+    entrypoint: >
+      sh -c "
+      sleep 5 &&
+      mc alias set myminio http://minio:9000 ${MINIO_ROOT_USER:-minioadmin} ${MINIO_ROOT_PASSWORD:-minioadmin} &&
+      mc mb myminio/${MINIO_BUCKET:-course-plat} --ignore-existing &&
+      mc anonymous set none myminio/${MINIO_BUCKET:-course-plat} &&
+      echo 'MinIO initialized! Bucket is private.'
+      "
+    restart: "no"
+    networks:
+      - course-plat-network
+
+volumes:
+  mongodb_data:
+    driver: local
+  mongodb_config:
+    driver: local
+  minio_data:
+    driver: local
+
+networks:
+  course-plat-network:
+    driver: bridge
diff --git a/docker/minio/.env.example b/docker/minio/.env.example
new file mode 100644
index 0000000..fc5b092
--- /dev/null
+++ b/docker/minio/.env.example
@@ -0,0 +1,4 @@
+# MinIO Credentials
+MINIO_ROOT_USER=admin
+MINIO_ROOT_PASSWORD=change-this-password-please
+MINIO_BUCKET=course-plat
diff --git a/docker/minio/README.md b/docker/minio/README.md
new file mode 100644
index 0000000..4b06a21
--- /dev/null
+++ b/docker/minio/README.md
@@ -0,0 +1,157 @@
+# MinIO + Backup Setup
+
+Setup completo do MinIO com scripts de backup para VPS e download local.
+
+## 📁 Estrutura
+
+```
+docker/minio/
+├── docker-compose.yml    # Serviço MinIO
+├── backup-minio.sh       # Script de backup (roda no servidor)
+├── pull-backup.sh        # Script para baixar backup (roda no seu PC)
+└── .env.example          # Variáveis de ambiente
+```
+
+## 🔒 Segurança
+
+**Bucket é PRIVADO** por padrão. Arquivos são servidos via proxy da aplicação (`/api/files/...`), o que permite:
+- Controle de autenticação
+- Verificação de permissões
+- Logs de acesso
+
+## 🚀 Setup Inicial
+
+### 1. Criar arquivo .env
+
+```bash
+cd docker/minio
+cat > .env << 'EOF'
+MINIO_ROOT_USER=admin
+MINIO_ROOT_PASSWORD=sua-senha-forte-aqui
+MINIO_BUCKET=course-plat
+EOF
+```
+
+### 2. Iniciar MinIO
+
+```bash
+docker compose up -d
+```
+
+### 3. Acessar
+
+- **Console (UI)**: http://seu-servidor:9001
+- **API**: http://seu-servidor:9000
+
+## 💾 Backup Automático
+
+### No Servidor (VPS)
+
+1. Copiar o script para o servidor:
+```bash
+chmod +x backup-minio.sh
+sudo cp backup-minio.sh /usr/local/bin/
+```
+
+2. Testar manualmente:
+```bash
+/usr/local/bin/backup-minio.sh
+```
+
+3. Adicionar ao crontab (backup todo dia às 2h da manhã):
+```bash
+crontab -e
+# Adicionar linha:
+0 2 * * * /usr/local/bin/backup-minio.sh >> /var/log/minio-backup.log 2>&1
+```
+
+### No Seu PC
+
+1. Editar `pull-backup.sh` com seus dados:
+```bash
+SERVER_USER="seu-usuario"
+SERVER_HOST="seu-servidor.com"
+```
+
+2. Dar permissão e testar:
+```bash
+chmod +x pull-backup.sh
+./pull-backup.sh
+```
+
+3. Agendar no crontab do SEU PC (todo dia às 3h):
+```bash
+crontab -e
+# Adicionar linha:
+0 3 * * * /caminho/para/pull-backup.sh
+```
+
+## 🔄 Como Funciona
+
+```
+┌─────────────────┐      02:00       ┌──────────────────┐
+│   Servidor VPS  │ ────────────────▶│ Backup Local     │
+│   (MinIO)       │   backup-minio.sh│ (/var/backups/)  │
+└─────────────────┘                  └──────────────────┘
+                                                  │
+                                                  │ 03:00
+                                                  │ pull-backup.sh
+                                                  ▼
+                                         ┌──────────────────┐
+                                         │   Seu PC         │
+                                         │   (Backup final) │
+                                         └──────────────────┘
+```
+
+## 📦 Restaurar Backup
+
+### No servidor:
+```bash
+# Parar MinIO
+docker compose down
+
+# Restaurar volume
+docker run --rm \
+  -v course-plat_minio_data:/data \
+  -v /var/backups/minio:/backup \
+  alpine tar xzf /backup/minio-backup-YYYYMMDD-HHMMSS.tar.gz -C /data
+
+# Reiniciar
+docker compose up -d
+```
+
+## ⚠️ Considerações
+
+| Aspecto | Nota |
+|---------|------|
+| **Segurança** | Use chaves SSH para o rsync |
+| **Backup external** | Considere também mandar para S3/Backblaze |
+| **Teste** | Teste restaurar pelo menos uma vez |
+| **Logs** | Verifique `/var/log/minio-backup.log` regularmente |
+
+## 🔧 Variáveis do backup-minio.sh
+
+```bash
+BACKUP_DIR="/var/backups/minio"    # Onde salvar no servidor
+RETENTION_DAYS=7                    # Dias para manter backup
+VOLUME_NAME="course-plat_minio_data"  # Nome do volume
+```
+
+## 🔧 Variáveis do pull-backup.sh
+
+```bash
+SERVER_USER="usuario"               # Usuário SSH
+SERVER_HOST="seu-servidor.com"      # Host do servidor
+SERVER_BACKUP_DIR="/var/backups/minio"
+LOCAL_BACKUP_DIR="$HOME/backups/minio"
+KEEP_LOCAL_DAYS=30                  # Dias para manter localmente
+```
+
+## 🔗 URLs de Arquivos
+
+| Onde | Formato |
+|------|---------|
+| **Banco de dados** | `proxy://iciv/ClassTypes/arquivo.pdf` |
+| **Front-end** | `/api/files/iciv/ClassTypes/arquivo.pdf` |
+
+Use `getFileUrl(url)` do `@/app/lib/utils/storage/fileUrl` para converter.
diff --git a/docker/minio/backup-minio.sh b/docker/minio/backup-minio.sh
new file mode 100755
index 0000000..f24315a
--- /dev/null
+++ b/docker/minio/backup-minio.sh
@@ -0,0 +1,61 @@
+#!/bin/bash
+# backup-minio.sh - Script de backup do MinIO no servidor
+# Uso: ./backup-minio.sh
+# Agendar no crontab: 0 2 * * * /caminho/para/backup-minio.sh
+
+set -e
+
+# ============ CONFIGURAÇÃO ============
+BACKUP_DIR="/var/backups/minio"           # Onde salvar os backups no servidor
+RETENTION_DAYS=7                          # Quantos dias manter
+VOLUME_NAME="course-plat_minio_data"      # Nome do volume Docker
+COMPRESSION="gzip"                        # gzip ou none
+
+# Criar diretório de backup se não existir
+mkdir -p "$BACKUP_DIR"
+
+# Data atual para o nome do arquivo
+DATE=$(date +%Y%m%d-%H%M%S)
+BACKUP_FILE="$BACKUP_DIR/minio-backup-$DATE.tar.gz"
+
+echo "=========================================="
+echo "Backup MinIO iniciado em: $(date)"
+echo "=========================================="
+
+# ============ FAZER BACKUP ============
+echo "Criando backup do volume $VOLUME_NAME..."
+
+if [ "$COMPRESSION" = "gzip" ]; then
+    docker run --rm \
+        -v "$VOLUME_NAME:/data:ro" \
+        -v "$BACKUP_DIR:/backup" \
+        alpine tar czf "/backup/$(basename "$BACKUP_FILE")" -C /data .
+else
+    docker run --rm \
+        -v "$VOLUME_NAME:/data:ro" \
+        -v "$BACKUP_DIR:/backup" \
+        alpine tar cf "/backup/$(basename "$BACKUP_FILE")" -C /data .
+fi
+
+# ============ VERIFICAR ============
+if [ -f "$BACKUP_FILE" ]; then
+    SIZE=$(du -h "$BACKUP_FILE" | cut -f1)
+    echo "✓ Backup criado: $BACKUP_FILE ($SIZE)"
+else
+    echo "✗ ERRO: Backup não foi criado!"
+    exit 1
+fi
+
+# ============ LIMPAR BACKUPS ANTIGOS ============
+echo "Limpando backups com mais de $RETENTION_DAYS dias..."
+find "$BACKUP_DIR" -name "minio-backup-*.tar.gz" -mtime +$RETENTION_DAYS -delete
+
+# ============ LISTAR BACKUPS RESTANTES ============
+echo ""
+echo "Backups disponíveis:"
+ls -lh "$BACKUP_DIR"/minio-backup-*.tar.gz 2>/dev/null || echo "Nenhum backup encontrado."
+
+echo ""
+echo "=========================================="
+echo "Backup concluído em: $(date)"
+echo "=========================================="
diff --git a/docker/minio/docker-compose.yml b/docker/minio/docker-compose.yml
new file mode 100644
index 0000000..c5597c3
--- /dev/null
+++ b/docker/minio/docker-compose.yml
@@ -0,0 +1,39 @@
+services:
+  minio:
+    image: minio/minio:latest
+    container_name: course-plat-minio
+    restart: unless-stopped
+    ports:
+      - "9000:9000"   # API
+      - "9001:9001"   # Console (UI)
+    environment:
+      MINIO_ROOT_USER: ${MINIO_ROOT_USER:-minioadmin}
+      MINIO_ROOT_PASSWORD: ${MINIO_ROOT_PASSWORD:-minioadmin}
+    volumes:
+      - minio_data:/data
+    command: server /data --console-address ":9001"
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:9000/minio/health/live"]
+      interval: 30s
+      timeout: 20s
+      retries: 3
+
+  # Opcional: cria bucket automaticamente ao iniciar
+  minio-init:
+    image: minio/mc:latest
+    container_name: course-plat-minio-init
+    depends_on:
+      - minio
+    entrypoint: >
+      sh -c "
+      sleep 5 &&
+      mc alias set myminio http://minio:9000 ${MINIO_ROOT_USER:-minioadmin} ${MINIO_ROOT_PASSWORD:-minioadmin} &&
+      mc mb myminio/${MINIO_BUCKET:-course-plat} --ignore-existing &&
+      mc anonymous set none myminio/${MINIO_BUCKET:-course-plat} &&
+      echo 'MinIO initialized! Bucket is private.'
+      "
+    restart: "no"
+
+volumes:
+  minio_data:
+    driver: local
diff --git a/docker/minio/pull-backup.sh b/docker/minio/pull-backup.sh
new file mode 100755
index 0000000..ad2f81d
--- /dev/null
+++ b/docker/minio/pull-backup.sh
@@ -0,0 +1,54 @@
+#!/bin/bash
+# pull-backup.sh - Script para baixar backups do servidor para seu PC
+# Uso: ./pull-backup.sh
+# Agendar no crontab do SEU PC: 0 3 * * * /caminho/para/pull-backup.sh
+
+set -e
+
+# ============ CONFIGURAÇÃO ============
+# Preencha com seus dados
+SERVER_USER="usuario"                    # Usuário SSH no servidor
+SERVER_HOST="seu-servidor.com"           # IP ou domínio do servidor
+SERVER_BACKUP_DIR="/var/backups/minio"   # Mesmo diretório do backup-minio.sh
+LOCAL_BACKUP_DIR="$HOME/backups/minio"   # Onde salvar no seu PC
+KEEP_LOCAL_DAYS=30                       # Quanto tempo manter no seu PC
+
+# ============ CÓDIGO ============
+mkdir -p "$LOCAL_BACKUP_DIR"
+
+echo "=========================================="
+echo "Baixando backups do MinIO"
+echo "De: $SERVER_USER@$SERVER_HOST:$SERVER_BACKUP_DIR"
+echo "Para: $LOCAL_BACKUP_DIR"
+echo "Iniciado em: $(date)"
+echo "=========================================="
+
+# Baixar backups (somente os que ainda não temos)
+echo "Sincronizando arquivos..."
+rsync -avz --progress \
+    -e "ssh -o StrictHostKeyChecking=no" \
+    "$SERVER_USER@$SERVER_HOST:$SERVER_BACKUP_DIR/" \
+    "$LOCAL_BACKUP_DIR/"
+
+# ============ LIMPAR BACKUPS ANTIGOS (LOCAL) ============
+echo ""
+echo "Limpando backups locais com mais de $KEEP_LOCAL_DAYS dias..."
+find "$LOCAL_BACKUP_DIR" -name "minio-backup-*.tar.gz" -mtime +$KEEP_LOCAL_DAYS -delete
+
+# ============ RESUMO ============
+echo ""
+echo "=========================================="
+echo "Backups locais:"
+ls -lh "$LOCAL_BACKUP_DIR"/minio-backup-*.tar.gz 2>/dev/null | tail -5
+echo ""
+echo "Espaço usado:"
+du -sh "$LOCAL_BACKUP_DIR"
+echo ""
+echo "Concluído em: $(date)"
+echo "=========================================="
+
+# ============ ALERTAS ============
+BACKUP_COUNT=$(ls -1 "$LOCAL_BACKUP_DIR"/minio-backup-*.tar.gz 2>/dev/null | wc -l)
+if [ "$BACKUP_COUNT" -eq 0 ]; then
+    echo "⚠️  ATENÇÃO: Nenhum backup encontrado localmente!"
+fi
diff --git a/docker/production/Dockerfile b/docker/production/Dockerfile
new file mode 100644
index 0000000..02b298a
--- /dev/null
+++ b/docker/production/Dockerfile
@@ -0,0 +1,55 @@
+# Multi-stage Dockerfile para Produção
+# Uso: docker build -f docker/production/Dockerfile -t course-plat .
+
+FROM node:20-alpine AS base
+
+# Instalar dependências apenas para produção
+FROM base AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Copiar package files
+COPY package.json package-lock.json* ./
+RUN npm ci --only=production
+
+# Build da aplicação
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Build Next.js
+ENV NEXT_TELEMETRY_DISABLED=1
+RUN npm run build
+
+# Imagem final de produção
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+# Criar usuário não-root
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Copiar arquivos necessários
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+
+# Criar diretório para storage local
+RUN mkdir -p /app/storage/uploads && chown -R nextjs:nodejs /app/storage
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+# Health check
+HEALTHCHECK --interval=30s --timeout=10s --start-period=5s --retries=3 \
+  CMD wget --no-verbose --tries=1 --spider http://localhost:3000/api/health || exit 1
+
+CMD ["node", "server.js"]
diff --git a/docker/production/backup-mongodb.sh b/docker/production/backup-mongodb.sh
new file mode 100755
index 0000000..250dc72
--- /dev/null
+++ b/docker/production/backup-mongodb.sh
@@ -0,0 +1,136 @@
+#!/bin/bash
+# ==========================================
+# BACKUP MONGODB - PRODUÇÃO
+# ==========================================
+# Suporta MongoDB nativo ou Docker
+# Uso: ./backup-mongodb.sh
+#
+# Adicionar ao crontab (deployuser):
+# 0 2 * * * cd /var/www/iciv && ./docker/production/backup-mongodb.sh >> ~/backup-mongodb.log 2>&1
+
+set -e
+
+# ==========================================
+# CONFIGURAÇÕES
+# ==========================================
+
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+PROJECT_DIR="$(cd "$SCRIPT_DIR/../.." && pwd)"
+
+BACKUP_DIR="${BACKUP_DIR:-$PROJECT_DIR/backups/mongodb}"
+
+RETENTION_DAYS="${RETENTION_DAYS:-7}"
+
+CONTAINER_NAME="${MONGO_CONTAINER:-course-plat-mongodb}"
+
+ENV_FILE="${ENV_FILE:-$PROJECT_DIR/.env.production}"
+if [ -f "$ENV_FILE" ]; then
+    set -a
+    source <(grep -v '^\s*#' "$ENV_FILE")
+    set +a
+fi
+
+MONGO_USERNAME="${MONGO_USERNAME:-admin}"
+MONGO_PASSWORD="${MONGO_PASSWORD:-password}"
+MONGO_DB="${MONGO_DB:-course-plat}"
+
+# ==========================================
+# FUNÇÕES
+# ==========================================
+
+log() {
+    echo "[$(date +'%Y-%m-%d %H:%M:%S')] $1"
+}
+
+error() {
+    log "ERROR: $1" >&2
+    exit 1
+}
+
+build_mongo_uri() {
+    if [ -n "$MONGO_USERNAME" ] && [ -n "$MONGO_PASSWORD" ]; then
+        echo "mongodb://${MONGO_USERNAME}:${MONGO_PASSWORD}@127.0.0.1:27017/${MONGO_DB}?authSource=admin"
+    else
+        echo "mongodb://127.0.0.1:27017/${MONGO_DB}"
+    fi
+}
+
+# ==========================================
+# DETECÇÃO: Docker ou nativo
+# ==========================================
+
+DOCKER_CMD="$(command -v docker 2>/dev/null || true)"
+
+USE_DOCKER=false
+if [ -n "$DOCKER_CMD" ] && "$DOCKER_CMD" ps 2>/dev/null | grep -q "$CONTAINER_NAME"; then
+    USE_DOCKER=true
+    log "Modo: Docker (container: $CONTAINER_NAME)"
+else
+    MONGODUMP="$(command -v mongodump 2>/dev/null || true)"
+    if [ -z "$MONGODUMP" ]; then
+        error "mongodump nao encontrado. Instale: sudo apt install mongo-tools"
+    fi
+    log "Modo: MongoDB nativo"
+fi
+
+# ==========================================
+# INÍCIO
+# ==========================================
+
+log "Iniciando backup do MongoDB..."
+
+mkdir -p "$BACKUP_DIR"
+
+TIMESTAMP=$(date +%Y%m%d-%H%M%S)
+BACKUP_FILE="$BACKUP_DIR/mongodb-$TIMESTAMP.gz"
+
+MONGO_URI=$(build_mongo_uri)
+log "Executando mongodump..."
+
+if [ "$USE_DOCKER" = true ]; then
+    "$DOCKER_CMD" exec "$CONTAINER_NAME" mongodump \
+        --uri="$MONGO_URI" \
+        --archive \
+        --gzip \
+        > "$BACKUP_FILE" 2>&1 || error "Falha no mongodump (docker)"
+else
+    "$MONGODUMP" \
+        --uri="$MONGO_URI" \
+        --archive="$BACKUP_FILE" \
+        --gzip \
+        2>&1 || error "Falha no mongodump"
+fi
+
+if [ ! -f "$BACKUP_FILE" ]; then
+    error "Arquivo de backup nao foi criado"
+fi
+
+BACKUP_SIZE=$(du -h "$BACKUP_FILE" | cut -f1)
+log "Backup concluido: $BACKUP_FILE ($BACKUP_SIZE)"
+
+# ==========================================
+# LIMPEZA
+# ==========================================
+
+log "Removendo backups antigos (mais de $RETENTION_DAYS dias)..."
+
+REMOVED=$(find "$BACKUP_DIR" \
+    -name "mongodb-*.gz" \
+    -type f \
+    -mtime +$RETENTION_DAYS \
+    -print -delete 2>/dev/null | wc -l)
+
+log "Backups removidos: $REMOVED"
+
+# ==========================================
+# RESUMO
+# ==========================================
+
+TOTAL_BACKUPS=$(find "$BACKUP_DIR" -name "mongodb-*.gz" -type f | wc -l)
+TOTAL_SIZE=$(du -sh "$BACKUP_DIR" 2>/dev/null | cut -f1)
+
+log "Resumo:"
+log "  - Backup atual: $BACKUP_FILE"
+log "  - Total de backups: $TOTAL_BACKUPS"
+log "  - Tamanho total: $TOTAL_SIZE"
+log "Backup do MongoDB concluido com sucesso!"
diff --git a/docker/production/docker-compose.yml b/docker/production/docker-compose.yml
new file mode 100644
index 0000000..347bfb2
--- /dev/null
+++ b/docker/production/docker-compose.yml
@@ -0,0 +1,125 @@
+# Docker Compose para Produção
+# Uso: docker compose -f docker/production/docker-compose.yml up -d
+#
+# Antes de usar:
+# 1. Copiar .env.example para .env.production
+# 2. Preencher todas as variáveis de ambiente
+# 3. Buildar a imagem da aplicação: docker build -t course-plat .
+# 4. Ou usar build automático com compose (descomentar build section)
+
+services:
+  # Aplicação Next.js
+  app:
+    image: course-plat:latest
+    # Para build automático, descomente abaixo:
+    # build:
+    #   context: ../..
+    #   dockerfile: docker/production/Dockerfile
+    container_name: course-plat-app
+    restart: unless-stopped
+    ports:
+      - "${APP_PORT:-3000}:3000"
+    environment:
+      # Node
+      NODE_ENV: production
+
+      # Next.js
+      NEXTAUTH_URL: ${NEXTAUTH_URL}
+      NEXTAUTH_SECRET: ${NEXTAUTH_SECRET}
+
+      # MongoDB
+      MONGO_URI: mongodb://${MONGO_USERNAME}:${MONGO_PASSWORD}@mongodb:27017/${MONGO_DB}?authSource=admin
+
+      # Storage
+      STORAGE_TYPE: ${STORAGE_TYPE:-s3}
+      LOCAL_STORAGE_PATH: /app/storage/uploads
+      S3_ENDPOINT: ${S3_ENDPOINT}
+      S3_REGION: ${S3_REGION:-us-east-1}
+      S3_ACCESS_KEY: ${S3_ACCESS_KEY}
+      S3_SECRET_KEY: ${S3_SECRET_KEY}
+      S3_BUCKET: ${S3_BUCKET}
+    volumes:
+      - app_storage:/app/storage/uploads
+    depends_on:
+      - mongodb
+      - minio
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:3000/api/health"]
+      interval: 30s
+      timeout: 10s
+      retries: 3
+    networks:
+      - course-plat-network
+
+  # MongoDB - Banco de dados
+  mongodb:
+    image: mongo:8
+    container_name: course-plat-mongodb
+    restart: unless-stopped
+    environment:
+      MONGO_INITDB_ROOT_USERNAME: ${MONGO_USERNAME}
+      MONGO_INITDB_ROOT_PASSWORD: ${MONGO_PASSWORD}
+      MONGO_INITDB_DATABASE: ${MONGO_DB}
+    volumes:
+      - mongodb_data:/data/db
+      - mongodb_config:/data/configdb
+      - ./backups/mongodb:/backups  # Para restore
+    healthcheck:
+      test: echo 'db.runCommand("ping").ok' | mongosh localhost:27017/test --quiet
+      interval: 30s
+      timeout: 10s
+      retries: 5
+    networks:
+      - course-plat-network
+
+  # MinIO - Armazenamento de arquivos
+  minio:
+    image: minio/minio:latest
+    container_name: course-plat-minio
+    restart: unless-stopped
+    environment:
+      MINIO_ROOT_USER: ${MINIO_ROOT_USER}
+      MINIO_ROOT_PASSWORD: ${MINIO_ROOT_PASSWORD}
+    volumes:
+      - minio_data:/data
+    command: server /data --console-address ":9001"
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:9000/minio/health/live"]
+      interval: 30s
+      timeout: 20s
+      retries: 3
+    networks:
+      - course-plat-network
+
+  # Nginx (opcional) - Reverse Proxy
+  nginx:
+    image: nginx:alpine
+    container_name: course-plat-nginx
+    restart: unless-stopped
+    ports:
+      - "80:80"
+      - "443:443"
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+      - ./ssl:/etc/nginx/ssl:ro
+      - nginx_logs:/var/log/nginx
+    depends_on:
+      - app
+    networks:
+      - course-plat-network
+
+volumes:
+  mongodb_data:
+    driver: local
+  mongodb_config:
+    driver: local
+  minio_data:
+    driver: local
+  app_storage:
+    driver: local
+  nginx_logs:
+    driver: local
+
+networks:
+  course-plat-network:
+    driver: bridge
diff --git a/docker/production/nginx.conf b/docker/production/nginx.conf
new file mode 100644
index 0000000..1c3471c
--- /dev/null
+++ b/docker/production/nginx.conf
@@ -0,0 +1,131 @@
+# Nginx Reverse Proxy para Course Plat
+# Uso: Copiar para docker/production/nginx.conf ou /etc/nginx/sites-available/course-plat
+
+events {
+    worker_connections 1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+
+    # Logging
+    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
+                    '$status $body_bytes_sent "$http_referer" '
+                    '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log /var/log/nginx/access.log main;
+    error_log /var/log/nginx/error.log warn;
+
+    # Performance
+    sendfile on;
+    tcp_nopush on;
+    tcp_nodelay on;
+    keepalive_timeout 65;
+    types_hash_max_size 2048;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_types text/plain text/css text/xml text/javascript
+               application/json application/javascript application/xml+rss
+               application/rss+xml font/truetype font/opentype
+               application/vnd.ms-fontobject image/svg+xml;
+
+    # Rate limiting
+    limit_req_zone $binary_remote_addr zone=api:10m rate=10r/s;
+    limit_req_zone $binary_remote_addr zone=login:10m rate=5r/m;
+
+    # Upstream da aplicação
+    upstream app_backend {
+        server app:3000;
+        keepalive 32;
+    }
+
+    # HTTP -> HTTPS redirect (descomentar em prod com SSL)
+    # server {
+    #     listen 80;
+    #     server_name seu-dominio.com.br;
+    #     return 301 https://$server_name$request_uri;
+    # }
+
+    # Server principal
+    server {
+        listen 80;
+        # listen 443 ssl http2;  # Descomentar para SSL
+        server_name _;
+
+        # SSL Configuration (descomentar para production)
+        # ssl_certificate /etc/nginx/ssl/cert.pem;
+        # ssl_certificate_key /etc/nginx/ssl/key.pem;
+        # ssl_protocols TLSv1.2 TLSv1.3;
+        # ssl_ciphers HIGH:!aNULL:!MD5;
+
+        # Security headers
+        add_header X-Frame-Options "SAMEORIGIN" always;
+        add_header X-Content-Type-Options "nosniff" always;
+        add_header X-XSS-Protection "1; mode=block" always;
+        add_header Referrer-Policy "no-referrer-when-downgrade" always;
+
+        # Client body size limit (uploads)
+        client_max_body_size 500M;
+
+        # Proxy settings
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_cache_bypass $http_upgrade;
+
+        # Next.js static files (com cache)
+        location /_next/static {
+            alias /var/www/.next/static;
+            expires 365d;
+            add_header Cache-Control "public, immutable";
+        }
+
+        location /static {
+            alias /var/www/public;
+            expires 30d;
+            add_header Cache-Control "public";
+        }
+
+        # API routes (sem cache, com rate limit)
+        location /api/ {
+            limit_req zone=api burst=20 nodelay;
+            proxy_pass http://app_backend;
+        }
+
+        # Auth endpoints (rate limit mais estrito)
+        location /api/auth/ {
+            limit_req zone=login burst=5 nodelay;
+            proxy_pass http://app_backend;
+        }
+
+        # File downloads (proxy)
+        location /api/files/ {
+            proxy_pass http://app_backend;
+            proxy_buffering on;
+            proxy_buffer_size 4k;
+            proxy_buffers 8 4k;
+        }
+
+        # Todas as outras requests
+        location / {
+            proxy_pass http://app_backend;
+            proxy_read_timeout 300s;
+            proxy_connect_timeout 75s;
+        }
+
+        # Health check
+        location /health {
+            access_log off;
+            proxy_pass http://app_backend/api/health;
+        }
+    }
+}
diff --git a/docs/SECURITY_AUDIT_2026-05-18.md b/docs/SECURITY_AUDIT_2026-05-18.md
new file mode 100644
index 0000000..b8fdd06
--- /dev/null
+++ b/docs/SECURITY_AUDIT_2026-05-18.md
@@ -0,0 +1,162 @@
+# Auditoria de Seguranca - course-plat
+**Data:** 2026-05-18
+**Escopo:** Analise completa de autenticacao, autorizacao e vulnerabilidades de seguranca
+
+---
+
+## CRITICO (Exploracao Imediata Possivel)
+
+### 1. Middleware de Protecao de Rotas INATIVO
+**Arquivo:** `src/proxy.js`
+
+O middleware existe mas **nao ha `src/middleware.js`** no projeto. O Next.js so reconhece middleware nos caminhos padrao (`src/middleware.js` ou `middleware.js` na raiz). Toda a protecao de rotas por pagina esta desativada. Qualquer usuario pode acessar `/admin/dashboard` diretamente sem login.
+
+### 2. `updateUserData` - Escalacao de Privilegio TOTAL (sem auth)
+**Arquivo:** `src/app/lib/users/updateUserAction.js:11`
+
+- `"use server"` com ZERO verificacao de autenticacao
+- Qualquer cliente (nao autenticado) pode modificar qualquer usuario, incluindo alterar o campo `roles` para `["admin"]`
+- **Impacto:** Um atacante pode se conceder acesso admin completo
+
+### 3. `examActions.js` - 18 funcoes SEM autenticacao
+**Arquivo:** `src/app/lib/actions/examActions.js` (1102 linhas)
+
+| Funcao | Linha | Impacto |
+|--------|-------|---------|
+| `getExamTemplates` | 82 | Vazar todas as questoes + respostas corretas de provas |
+| `getExamTemplateById` | 104 | Ver gabarito completo de qualquer prova |
+| `updateExamTemplate` | 155 | Alterar respostas corretas de qualquer prova |
+| `deleteExamTemplate` | 184 | Deletar qualquer modelo de prova |
+| `duplicateExamTemplate` | 218 | Duplicar e ver conteudo de qualquer prova |
+| `getExamAssignments` | 256 | Ver todas as atribuicoes de prova |
+| `getExamAssignmentById` | ~298 | Ver detalhes completos de atribuicao |
+| `createExamAssignment` | ~330 | Criar atribuicoes para qualquer turma |
+| `updateExamAssignment` | ~350 | Modificar atribuicoes de prova |
+| `deleteExamAssignment` | ~370 | Deletar atribuicoes |
+| `archiveExamAssignment` | ~390 | Arquivar/desarquivar |
+| `getExamAttempts` | ~410 | Ver todas as respostas e notas de todos os alunos |
+| `getExamAttemptById` | ~430 | Ver detalhes de qualquer tentativa |
+| `createExamAttempt` | ~450 | Criar tentativas impersonando qualquer aluno |
+| `submitExamAttempt` | ~470 | Submeter respostas por qualquer tentativa |
+| `getExamStatistics` | ~500 | Ver estatisticas gerais |
+| `getStudentExamStatistics` | ~520 | Ver historico de qualquer aluno |
+| `getClasses` | ~540 | Listar todas as turmas |
+
+### 4. Server Actions administrativas sem autenticacao
+
+15 funcoes com `"use server"` e ZERO verificacao de login:
+
+| Funcao | Arquivo | Impacto |
+|--------|---------|---------|
+| `updateUserData` | `users/updateUserAction.js` | Escalacao de privilegio para admin |
+| `saveUserData` | `users/createWardUserAction.js` | Criar contas de aluno sem auth |
+| `saveProductAction` | `products/actions.js` | Criar/modificar produtos e precos |
+| `deleteProductAction` | `products/actions.js` | Deletar qualquer produto |
+| `saveClassAction` | `classes/saveClassAction.js` | Criar/modificar turmas |
+| `toggleClassStatus` | `classes/toggleClassStatus.js` | Arquivar/ativar qualquer turma |
+| `deleteClass` | `classes/deleteClass.js` | Deletar qualquer turma |
+| `deleteClassTypeAction` | `classes/deleteClassType.js` | Deletar tipo de turma |
+| `saveClassLink` | `classes/saveClassLinkAction.js` | Alterar link de aula |
+| `saveClassTypeAction` | `classes/saveClassTypeAction.js` | Criar/modificar tipos de turma |
+| `saveCategoryAction` | `categories/saveCategoryAction.js` | Criar/modificar categorias |
+| `deleteCategory` | `categories/deleteCategory.js` | Deletar categorias |
+| `deleteFile` | `generalActions/deleteFile.js` | Deletar qualquer arquivo do DB e S3 |
+| `updateExamTemplate` | `examActions.js` | Alterar gabaritos de provas |
+| `submitExamAttempt` | `examActions.js` | Submeter respostas por qualquer tentativa |
+
+---
+
+## ALTO (Risco Significativo)
+
+### 5. IDOR em `/api/orders/[id]`
+**Arquivo:** `src/app/api/orders/[id]/route.js`
+
+Qualquer usuario autenticado pode ver qualquer pedido por ID, sem verificacao de propriedade.
+
+### 6. Vazamento de Informacoes em `/api/health`
+**Arquivo:** `src/app/api/health/route.js` - Totalmente publico
+
+Expoe: status do MongoDB, contagem de usuarios, tipo de storage, endpoint S3, bucket name, `NODE_ENV`, `NEXTAUTH_URL`.
+
+### 7. Endpoint de Debug em Producao
+**Arquivo:** `src/app/api/debug-token/route.js`
+
+Qualquer usuario autenticado pode ver sessao completa, roles e status admin.
+
+### 8. Aulas sem verificacao de membros
+**Arquivo:** `src/app/api/classes/[id]/lessons/route.js` (GET)
+
+Qualquer usuario autenticado pode ver aulas de qualquer turma, sem verificar se e membro.
+
+### 9. Headers de Debug no Middleware
+**Arquivo:** `src/proxy.js:92-96`
+
+Headers `x-debug-roles`, `x-debug-is-logged-in`, `x-debug-default-route` vazam informacoes de autenticacao em toda resposta.
+
+---
+
+## MEDIO
+
+### 10. Ausencia de Headers de Seguranca
+**Arquivo:** `next.config.mjs`
+
+Nenhum header de seguranca configurado:
+- Sem `Content-Security-Policy`
+- Sem `X-Frame-Options`
+- Sem `X-Content-Type-Options`
+- Sem `Strict-Transport-Security`
+- Sem `Referrer-Policy`
+
+### 11. Vazamento de Erros Internos
+Multiplas funcoes retornam erros raw ao cliente: `Erro: ${err}`, `error.message` - podem vazar stack traces, detalhes de conexao DB, etc.
+
+### 12. `console.log` com Dados Sensiveis
+`examActions.js` usa `console.log` para imprimir respostas de alunos e dados de questoes no log do servidor.
+
+### 13. Upload de Arquivo sem Restricao de Entidade
+**Arquivo:** `src/app/lib/generalActions/saveFileAction.js`
+
+Qualquer usuario autenticado pode vincular arquivos a qualquer entidade (qualquer turma, tipo de turma, etc.).
+
+### 14. Limite de Upload Muito Alto
+**Arquivo:** `next.config.mjs:11`
+
+`bodySizeLimit: '200mb'` permite uploads de ate 200MB, facilitando ataques de negacao de servico.
+
+### 15. Recibos como Base64 no MongoDB
+`submitOrderPaymentAction` armazena recibos como data URI base64 diretamente no documento do banco, causando growth descontrolado do DB.
+
+---
+
+## Resumo Quantitativo
+
+| Severidade | Quantidade | Descricao |
+|------------|------------|-----------|
+| CRITICO | 15 | Server actions sem autenticacao nenhuma |
+| ALTO | 12 | Autenticado mas sem verificacao de role/autorizacao |
+| MEDIO | 5 | Autenticado e com role mas outros problemas |
+| OK | 27 | Protegido corretamente com auth + autorizacao |
+| **Total de funcoes auditadas** | **68** | |
+
+---
+
+## Plano de Correcao (Prioridade Decrescente)
+
+1. **Renomear `src/proxy.js` para `src/middleware.js`** - Ativa a protecao de rotas por pagina
+2. **Adicionar `auth()` + verificacao de role em TODAS as 15 server actions criticas** - Usar o padrao de `requireRole("admin")` ou `requireAuth()` do `authorization.js`
+3. **Refazer `examActions.js`** - Todas as funcoes precisam de auth. Leitura de templates nao deve retornar `isCorrect`. Considerar consolidar com `examFlowActions.js` (que ja tem seguranca correta)
+4. **Adicionar verificacao de propriedade em `/api/orders/[id]`**
+5. **Proteger `/api/health`** com autenticacao admin ou remover dados sensiveis
+6. **Remover `/api/debug-token`** em producao
+7. **Remover headers de debug** do middleware
+8. **Adicionar headers de seguranca** no `next.config.mjs`
+9. **Sanitizar mensagens de erro** antes de enviar ao cliente
+10. **Remover `console.log`** com dados sensiveis
+11. **Reduzir `bodySizeLimit`** para algo mais razoavel (ex: 10MB)
+12. **Adicionar verificacao de membership em GET lessons**
+
+---
+
+## Comparativo: examActions.js vs examFlowActions.js
+
+`examFlowActions.js` demonstra **praticas de seguranca corretas** (auth + role + class membership checks em todas as 6 funcoes), enquanto `examActions.js` (21 funcoes) tem **quase nenhuma autenticacao ou autorizacao**. Sugere-se que `examFlowActions.js` foi escrito depois como substituicao mais segura, mas as funcoes inseguras em `examActions.js` nunca foram removidas ou protegidas.
diff --git a/docs/admin.md b/docs/admin.md
new file mode 100644
index 0000000..a4ff305
--- /dev/null
+++ b/docs/admin.md
@@ -0,0 +1,240 @@
+# Manual do Administrador
+
+## Visão Geral
+
+O painel de administrador permite gerenciar todos os aspectos da plataforma de cursos, incluindo usuários, turmas, provas, pagamentos e arquivos.
+
+## Acesso
+
+- **URL**: `/admin/dashboard`
+- **Role Necessária**: `admin`
+
+---
+
+## Funcionalidades
+
+### 1. Dashboard Principal
+**Rota**: `/admin/dashboard`
+
+Página inicial com cards de navegação para todas as funcionalidades administrativas.
+
+---
+
+### 2. Gerenciamento de Tipos de Turma
+**Rota**: `/admin/dashboard/classTypes`
+
+#### Funcionalidades
+- Criar novos tipos de turma (ex: "Starters", "Movers")
+- Definir faixa etária
+- Definir preço mensal
+- Gerenciar arquivos por tipo de turma
+
+#### Como Testar
+1. Acesse `/admin/dashboard/classTypes`
+2. Clique em "Novo Tipo de Turma"
+3. Preencha nome, idade mínima, idade máxima e preço
+4. Salve
+5. **Esperado**: Tipo de turma aparece na lista
+
+#### Campos
+- `name`: Nome do tipo de turma
+- `minAge`: Idade mínima
+- `maxAge`: Idade máxima
+- `price`: Preço mensal
+
+---
+
+### 3. Gerenciamento de Turmas
+**Rota**: `/admin/dashboard/class`
+
+#### Funcionalidades
+- Criar novas turmas
+- Atribuir professores
+- Definir horário e dias da semana
+- Ativar/desativar turmas
+- Gerenciar alunos matriculados
+- Upload de materiais
+
+#### Como Testar
+1. Acesse `/admin/dashboard/class`
+2. Clique em "Nova Turma"
+3. Selecione o tipo de turma
+4. Adicione professores (multi-select)
+5. Defina os dias da semana
+6. Salve
+7. **Esperado**: Turma criada e visível na lista
+
+#### Campos
+- `classType`: Tipo de turma (obrigatório)
+- `teachers`: Professores (pode ter vários)
+- `schedule`: Horário das aulas
+- `days`: Dias da semana
+- `active`: Status ativo/inativo
+
+---
+
+### 4. Gerenciamento de Usuários
+**Rota**: `/admin/dashboard/users`
+
+#### Funcionalidades
+- Visualizar todos os usuários
+- Editar informações de usuários
+- Gerenciar roles (admin, teacher, student, parent)
+- Vincular responsáveis a estudantes
+- Excluir usuários
+
+#### Como Testar
+1. Acesse `/admin/dashboard/users`
+2. Clique no ícone de editar em um usuário
+3. Altere as roles marcando/desmarcando checkboxes
+4. Para vincular responsável, selecione na lista
+5. Salve
+6. **Esperado**: Roles atualizadas, vínculos criados
+
+#### Roles Disponíveis
+- `admin`: Acesso completo ao painel administrativo
+- `teacher`: Acesso a turmas atribuídas
+- `student`: Acesso a turmas matriculadas
+- `parent`: Acesso a dados dos filhos vinculados
+
+---
+
+### 5. Gerenciamento de Pagamentos
+**Rotas**:
+- `/admin/dashboard/payments` - Visão geral
+- `/admin/dashboard/payments/by-class` - Por turma
+
+#### Funcionalidades
+- Criar obrigações de pagamento para alunos
+- Aprovar/rejeitar pagamentos
+- Visualizar comprovantes
+- Estatísticas de pagamentos
+
+#### Como Testar - Criar Obrigação
+1. Acesse `/admin/dashboard/payments`
+2. Clique em "Nova Obrigação"
+3. Selecione o aluno
+4. Digite o valor e data de vencimento
+5. Salve
+6. **Esperado**: Obrigação aparece na lista do aluno
+
+#### Como Testar - Aprovar Pagamento
+1. Na lista de pagamentos, encontre um pendente
+2. Clique para ver detalhes
+3. Visualize o comprovante
+4. Clique em "Aprovar" ou "Rejeitar"
+5. **Esperado**: Status atualizado
+
+#### Status de Pagamento
+- `pending`: Aguardando aprovação
+- `verified`: Pagamento aprovado
+- `rejected`: Pagamento rejeitado
+
+---
+
+### 6. Provas e Tarefas
+**Rotas**:
+- `/admin/dashboard/exams` - Gerenciar provas
+- `/admin/dashboard/exam-templates` - Templates de prova
+- `/admin/dashboard/assignments` - Atribuir provas a turmas
+- `/admin/dashboard/statistics/exams` - Estatísticas
+
+#### Funcionalidades
+- Criar templates de provas reutilizáveis
+- Adicionar perguntas (múltipla escolha, texto)
+- Atribuir provas a turmas
+- Definir data/hora de início e fim
+- Configurar tentativas permitidas
+- Ver resultados e estatísticas
+
+#### Como Testar - Criar Template
+1. Acesse `/admin/dashboard/exam-templates`
+2. Clique em "Novo Template"
+3. Digite título e descrição
+4. Adicione perguntas:
+   - Pergunta de múltipla escolha: adicione opções e marque a correta
+   - Pergunta de texto: apenas o enunciado
+5. Salve
+6. **Esperado**: Template criado
+
+#### Como Testar - Atribuir Prova
+1. Acesse `/admin/dashboard/assignments`
+2. Clique em "Nova Atribuição"
+3. Selecione o template
+4. Selecione a turma
+5. Defina data/hora início e fim
+6. Configure tentativas permitidas
+7. Salve
+8. **Esperado**: Prova aparece para os alunos da turma
+
+---
+
+### 7. Categorias de Arquivos
+**Rota**: `/admin/dashboard/categories`
+
+#### Funcionalidades
+- Criar categorias para organizar arquivos
+- Ex: "Material de Aula", "Lição de Casa", "Provas Antigas"
+
+#### Como Testar
+1. Acesse `/admin/dashboard/categories`
+2. Clique em "Nova Categoria"
+3. Digite o nome
+4. Salve
+5. **Esperado**: Categoria disponível ao fazer upload de arquivos
+
+---
+
+### 8. Gerenciamento de Arquivos
+**Rotas**:
+- `/admin/dashboard/files` - Lista de arquivos
+- `/admin/dashboard/files/add` - Upload de arquivo
+- `/admin/dashboard/files/[id]` - Editar arquivo
+
+#### Funcionalidades
+- Fazer upload de arquivos
+- Associar a turmas ou tipos de turma
+- Categorizar arquivos
+- Gerenciar permissões
+
+#### Como Testar
+1. Acesse `/admin/dashboard/files/add`
+2. Digite o nome do arquivo
+3. Selecione o arquivo no computador
+4. Selecione a categoria
+5. Associe a uma turma ou tipo de turma (opcional)
+6. Salve
+7. **Esperado**: Arquivo disponível para download na turma
+
+---
+
+## Checklist de Testes
+
+- [ ] Criar tipo de turma
+- [ ] Criar turma com professores
+- [ ] Criar usuário com role student
+- [ ] Criar usuário com role teacher
+- [ ] Vincular responsável a estudante
+- [ ] Matricular estudante em turma
+- [ ] Criar obrigação de pagamento
+- [ ] Aprovar pagamento
+- [ ] Criar template de prova
+- [ ] Atribuir prova a turma
+- [ ] Fazer upload de material para turma
+
+---
+
+## Possíveis Problemas
+
+### Usuário não acessa o admin
+- **Verifique**: O usuário tem a role `admin`?
+- **Solução**: Edite o usuário em `/admin/dashboard/users`
+
+### Turma não aparece para o professor
+- **Verifique**: O professor está atribuído à turma?
+- **Solução**: Edite a turma em `/admin/dashboard/class`
+
+### Aluno não vê a prova
+- **Verifique**: Data/hora da atribuição está correta?
+- **Verifique**: Aluno está matriculado na turma?
+- **Solução**: Verifique a atribuição em `/admin/dashboard/assignments`
diff --git a/docs/manual-test-link-da-aula.md b/docs/manual-test-link-da-aula.md
new file mode 100644
index 0000000..74b472b
--- /dev/null
+++ b/docs/manual-test-link-da-aula.md
@@ -0,0 +1,100 @@
+# Teste Manual - Link da Aula (Professor, Estudante e Responsavel)
+
+## Objetivo
+
+Validar o fluxo completo de cadastro e visualizacao do campo **Link da Aula**:
+- Professor registra aula com link
+- Estudante visualiza e acessa o link no historico
+- Responsavel visualiza e acessa o link no historico do estudante
+
+## Pre-requisitos
+
+- Aplicacao rodando localmente (ex: `http://localhost:3000`)
+- 1 usuario com role `teacher`
+- 1 usuario com role `student` matriculado na mesma turma do professor
+- 1 usuario com role `guardian` vinculado ao estudante
+- ID de turma valido (exemplo: `/dashboard/teacher/class/<classId>`)
+- URL de teste para usar como link da aula (ex: `https://example.com/aula-01`)
+
+## Cenário 1 - Professor registra aula com link
+
+1. Fazer login como professor.
+2. Acessar a turma: `/dashboard/teacher/class/<classId>`.
+3. Clicar em **Registrar Aula**.
+4. Preencher os campos obrigatorios:
+   - Data da aula
+   - Topico/Assunto
+   - Presenca (qualquer combinacao valida)
+5. Preencher **Link da Aula** com URL valida (ex: `https://example.com/aula-01`).
+6. Clicar em **Salvar**.
+7. Acessar **Historico** da turma: `/dashboard/teacher/class/<classId>/history`.
+
+### Resultado esperado
+
+- Aula criada com sucesso.
+- No card da aula no historico deve aparecer o botao/link **Abrir link da aula**.
+- Ao clicar, o link abre em nova aba.
+
+## Cenário 2 - Professor edita aula e atualiza/remove link
+
+1. No historico da turma, abrir a aula registrada.
+2. Editar a aula (fluxo de edicao ja existente).
+3. Alterar o valor de **Link da Aula** para outra URL valida.
+4. Salvar e validar no historico.
+5. Editar novamente e limpar o campo **Link da Aula**.
+6. Salvar.
+
+### Resultado esperado
+
+- Ao atualizar, o novo link passa a ser exibido no historico.
+- Ao remover (campo vazio), o botao/link **Abrir link da aula** nao deve mais aparecer.
+
+## Cenário 3 - Estudante visualiza link no historico
+
+1. Fazer logout do professor e login como estudante da mesma turma.
+2. Acessar: `/dashboard/student/class/<classId>/history`.
+3. Localizar a aula registrada no Cenario 1.
+4. Clicar em **Abrir link da aula**.
+
+### Resultado esperado
+
+- O link da aula aparece no card quando cadastrado pelo professor.
+- O clique abre a URL em nova aba.
+- Se o professor removeu o link (Cenario 2), o estudante nao deve ver o botao/link.
+
+## Cenário 4 - Responsavel visualiza link no historico do estudante
+
+1. Fazer logout do estudante e login como responsavel vinculado.
+2. Acessar estudante e turma:
+   - `/dashboard/guardian/<studentId>/class/<classId>/history`
+3. Localizar a aula registrada.
+4. Clicar em **Abrir link da aula**.
+
+### Resultado esperado
+
+- O responsavel ve o mesmo link da aula registrado pelo professor.
+- O clique abre a URL em nova aba.
+- Se o link foi removido, o responsavel nao deve ver o botao/link.
+
+## Cenário 5 - Validacao de URL invalida no formulario
+
+1. Login como professor.
+2. Abrir **Registrar Aula**.
+3. Preencher `Link da Aula` com valor invalido (ex: `meu-link`).
+4. Tentar salvar.
+
+### Resultado esperado
+
+- O navegador deve bloquear o envio por ser `type="url"` (ou indicar formato invalido).
+- Aula nao deve ser salva ate corrigir para URL valida.
+
+## Checklist rapido
+
+- [ ] Professor consegue criar aula com link
+- [ ] Link aparece no historico do professor
+- [ ] Professor consegue atualizar link
+- [ ] Professor consegue remover link
+- [ ] Estudante visualiza link quando existir
+- [ ] Responsavel visualiza link quando existir
+- [ ] Link abre em nova aba para os 3 perfis
+- [ ] URL invalida nao permite envio do formulario
diff --git a/docs/parent.md b/docs/parent.md
new file mode 100644
index 0000000..5984c08
--- /dev/null
+++ b/docs/parent.md
@@ -0,0 +1,278 @@
+# Manual do Responsável
+
+## Visão Geral
+
+O painel do responsável permite gerenciar os estudantes vinculados (filhos), acompanhar seu progresso, acessar materiais e gerenciar pagamentos.
+
+## Acesso
+
+- **URL**: `/dashboard/guardian`
+- **Role Necessária**: `parent` ou `guardian`
+
+---
+
+## Funcionalidades
+
+### 1. Dashboard Principal
+**Rota**: `/dashboard/guardian`
+
+Visão geral de todos os estudantes vinculados.
+
+#### Informações Exibidas
+- Número total de estudantes
+- Turmas ativas
+- Total de turmas
+
+#### Lista de Estudantes
+Cards com:
+- Nome do estudante
+- Nome de usuário
+- Número de turmas
+- Link para dashboard individual
+
+#### Como Testar
+1. Faça login como responsável
+2. Acesse `/dashboard/guardian`
+3. **Esperado**: Ver todos os estudantes vinculados
+
+---
+
+### 2. Dashboard Individual do Estudante
+**Rota**: `/dashboard/guardian/[id]`
+
+Página dedicada a um estudante específico.
+
+#### Informações do Estudante
+- Nome completo
+- Nome de usuário
+- Email
+- Data de nascimento
+
+#### Turmas Ativas
+Cards das turmas em que o estudante está matriculado:
+- Nome da turma
+- Professores
+- Horário
+- Status
+
+#### Turmas Arquivadas
+Turmas inativas ou concluídas.
+
+#### Como Testar
+1. No dashboard principal, clique em um estudante
+2. **Esperado**: Ver informações completas do estudante e suas turmas
+
+---
+
+### 3. Detalhes da Turma do Estudante
+**Rota**: `/dashboard/guardian/[id]/class/[classId]`
+
+Visão detalhada de uma turma específica do estudante.
+
+#### Informações da Turma
+- Nome
+- Professores
+- Horário e dias
+- Status
+
+#### Estatísticas do Estudante
+- Taxa de presença (%)
+- Total de aulas
+- Presentes, atrasados, ausentes
+
+#### Materiais Disponíveis
+Arquivos organizados por categoria para download.
+
+#### Como Testar - Acessar Turma
+1. No dashboard do estudante, clique em uma turma
+2. **Esperado**: Ver detalhes da turma e materiais
+
+#### Como Testar - Baixar Material
+1. Na seção "Materiais", clique em um arquivo
+2. **Esperado**: Download iniciado
+
+---
+
+### 4. Histórico de Aulas
+**Rota**: `/dashboard/guardian/[id]/class/[classId]/history`
+
+Histórico de presença do estudante em uma turma.
+
+#### Informações por Aula
+- Data
+- Conteúdo/tema
+- Professor
+- Status de presença do estudante
+
+#### Status de Presença
+- `Presente`: Estudante presente
+- `Atrasado`: Estudante chegou atrasado
+- `Ausente`: Estudante faltou
+- `Justificado`: Falta justificada
+
+#### Como Testar
+1. Acesse uma turma do estudante
+2. Clique em "Histórico"
+3. **Esperado**: Ver todas as aulas com presença do estudante
+
+---
+
+### 5. Registrar Novo Estudante
+**Rota**: `/dashboard/guardian/register-student`
+
+Formulário para cadastrar um novo estudante vinculado ao responsável.
+
+#### Campos Obrigatórios
+- Nome completo
+- Nome de usuário
+- Data de nascimento
+- Senha
+
+#### Regras
+- Estudante deve ter menos de 18 anos
+- Senha deve ter no mínimo 8 caracteres
+- Estudante é automaticamente vinculado ao responsável
+
+#### Como Testar
+1. Acesse `/dashboard/guardian`
+2. Clique em "Registrar Novo Estudante"
+3. Preencha todos os campos
+4. Clique em "Registrar"
+5. **Esperado**: Estudante criado e vinculado automaticamente
+
+---
+
+### 6. Gerenciamento de Pagamentos
+**Rota**: `/dashboard/guardian/payments`
+
+Gerenciar pagamentos de todos os estudantes vinculados.
+
+#### Funcionalidades
+- Ver obrigações de todos os estudantes
+- Filtrar por estudante específico
+- Registrar pagamentos
+- Fazer upload de comprovantes
+- Ver histórico completo
+- Visualizar comprovantes
+
+#### Como Testar - Registrar Pagamento
+1. Acesse `/dashboard/guardian/payments`
+2. Na seção "Obrigações", encontre uma pendente
+3. Clique para registrar pagamento
+4. Preencha:
+   - Valor (preenchido automaticamente da obrigação)
+   - Data do pagamento
+   - Método (PIX, transferência, dinheiro, cartão)
+   - Nome do pagador (opcional)
+   - Upload de comprovante (opcional)
+   - Observações (opcional)
+5. Salve
+6. **Esperado**: Pagamento registrado com status "pendente"
+
+#### Abas de Navegação
+- **Todos**: Ver pagamentos de todos os estudantes
+- **Por Estudante**: Filtrar por estudante específico
+
+#### Status de Pagamento
+- `pending`: Aguardando aprovação
+- `verified`: Pagamento aprovado
+- `rejected`: Pagamento rejeitado
+
+#### Métodos de Pagamento
+- `pix`: PIX
+- `transferência`: Transferência bancária
+- `dinheiro`: Dinheiro
+- `cartão_crédito`: Cartão de crédito
+- `cartão_débito`: Cartão de débito
+
+---
+
+### 7. Registro de Pagamento Específico
+**Rota**: `/dashboard/guardian/payments/register`
+
+Formulário para registrar um pagamento a partir de uma obrigação específica.
+
+#### Diferença para a Página Principal
+- Campo de valor já vem preenchido
+- Estudante e turma já estão selecionados
+- Fluxo mais rápido para pagamentos individuais
+
+#### Como Testar
+1. A partir de uma obrigação, clique em registrar
+2. Preencha os campos restantes
+3. Salve
+4. **Esperado**: Pagamento registrado
+
+---
+
+## Fluxo de Uso Típico
+
+### Acompanhamento Diário
+1. Acesse `/dashboard/guardian`
+2. Clique em um estudante
+3. Verifique as turmas e atividades recentes
+
+### Acompanhamento de Pagamentos
+1. Acesse `/dashboard/guardian/payments`
+2. Verifique obrigações pendentes
+3. Registre os pagamentos feitos
+4. Aguarde aprovação
+
+### Acompanhamento Acadêmico
+1. Acesse um estudante
+2. Entre em uma turma
+3. Baixe os materiais para acompanhar
+4. Verifique o histórico de presença
+
+---
+
+## Checklist de Testes
+
+- [ ] Ver lista de estudantes vinculados
+- [ ] Acessar dashboard de um estudante
+- [ ] Ver turmas de um estudante
+- [ ] Acessar detalhes de uma turma
+- [ ] Baixar material da turma
+- [ ] Ver histórico de presença
+- [ ] Registrar novo estudante
+- [ ] Registrar pagamento para um estudante
+- [ ] Ver histórico de pagamentos
+
+---
+
+## Possíveis Problemas
+
+### Não vejo um estudante
+- **Verifique**: O estudante está vinculado à sua conta?
+- **Solução**: Entre em contato com o admin
+
+### Não consigo registrar estudante
+- **Verifique**: A data de nascimento indica menor de 18 anos?
+- **Solução**: Estudantes maiores de idade devem se cadastrar sozinhos
+
+### Pagamento não é aprovado
+- **Verifique**: O comprovante foi anexado corretamente?
+- **Solução**: Entre em contato com o admin
+
+### Não vejo todas as turmas do estudante
+- **Possível causa**: Algumas turmas podem estar arquivadas
+- **Solução**: Verifique na seção "Turmas Arquivadas"
+
+---
+
+## Relação Responsável-Estudante
+
+### Como Funciona o Vínculo
+- Estudantes têm um campo `guardiansAccounts` com IDs dos responsáveis
+- Responsáveis têm um campo `wardAccounts` com IDs dos estudantes
+- A relação é bidirecional
+
+### Criando Vínculo (Admin)
+1. Acesse `/admin/dashboard/users`
+2. Edite o estudante
+3. Selecione o responsável na lista
+4. Salve
+
+### Criando Vínculo (Auto-registro)
+- Ao registrar um estudante pelo dashboard do responsável, o vínculo é automático
+- Isso só funciona para menores de 18 anos
diff --git a/docs/student.md b/docs/student.md
new file mode 100644
index 0000000..000df46
--- /dev/null
+++ b/docs/student.md
@@ -0,0 +1,248 @@
+# Manual do Estudante
+
+## Visão Geral
+
+O painel do estudante permite visualizar turmas, acessar materiais, fazer provas, registrar presença e gerenciar pagamentos.
+
+## Acesso
+
+- **URL**: `/dashboard/student`
+- **Role Necessária**: `student`
+
+---
+
+## Funcionalidades
+
+### 1. Dashboard Principal
+**Rota**: `/dashboard/student`
+
+Lista de todas as turmas matriculadas com cards mostrando:
+- Nome da turma
+- Professores
+- Horário
+- Status
+
+#### Como Testar
+1. Faça login como estudante
+2. Acesse `/dashboard/student`
+3. **Esperado**: Ver todas as turmas matriculadas
+
+---
+
+### 2. Detalhes da Turma
+**Rota**: `/dashboard/student/class/[id]`
+
+Página principal de uma turma específica.
+
+#### Informações Exibidas
+- Nome da turma
+- Professores
+- Horário e dias
+- Status
+
+#### Estatísticas
+- Taxa de presença (%)
+- Total de aulas
+- Presentes, atrasados, ausentes
+
+#### Materiais Disponíveis
+Arquivos organizados por categoria com opção de download.
+
+#### Provas Disponíveis
+Lista de provas para fazer com:
+- Data limite
+- Tempo disponível
+- Botão para iniciar
+
+#### Feed de Atividades Recentes
+Mostra as últimas atividades da turma.
+
+#### Como Testar - Acessar Turma
+1. No dashboard, clique em uma turma
+2. **Esperado**: Ver detalhes completos da turma
+
+#### Como Testar - Baixar Material
+1. Acesse uma turma
+2. Na seção "Materiais", clique em um arquivo
+3. **Esperado**: Download do arquivo iniciado
+
+---
+
+### 3. Histórico da Turma
+**Rota**: `/dashboard/student/class/[id]/history`
+
+Lista de todas as aulas com:
+- Data
+- Conteúdo/tema
+- Professor
+- Status de presença do aluno
+
+#### Status de Presença
+- `Presente`: Aluno presente
+- `Atrasado`: Aluno chegou atrasado
+- `Ausente`: Aluno faltou
+- `Justificado`: Falta justificada
+
+#### Como Testar
+1. Acesse uma turma
+2. Clique em "Histórico"
+3. **Esperado**: Ver todas as aulas com sua presença
+
+---
+
+### 4. Fazendo Provas
+**Rota**: `/dashboard/student/assignments/[id]/take`
+
+Interface para fazer provas online.
+
+#### Funcionalidades
+- Timer com contagem regressiva
+- Perguntas de múltipla escolha e texto
+- Barra de progresso
+- Salvar automaticamente
+- Entender automaticamente ao acabar o tempo
+
+#### Como Testar
+1. Acesse uma turma
+2. Na seção "Provas Disponíveis", clique em "Iniciar"
+3. Responda às perguntas
+4. Clique em "Entregar" ou aguarde o tempo acabar
+5. **Esperado**: Prova entregue, redirecionado para resultados
+
+#### Importante
+- O timer não para se você sair da página
+- Após o tempo acabar, a prova é entregue automaticamente
+- Você pode ver suas respostas antes de entregar
+
+---
+
+### 5. Resultados de Provas
+**Rota**: `/dashboard/student/assignments/[id]/results`
+
+Ver resultados das provas feitas.
+
+#### Informações Exibidas
+- Nota final
+- Tempo gasto
+- Tentativas anteriores
+- Feedback por pergunta (se disponível)
+- Opção de tentar novamente (se permitido)
+
+#### Como Testar
+1. Após fazer uma prova, você será redirecionado para resultados
+2. Ou acesse através da turma > Provas
+3. **Esperado**: Ver nota, respostas e feedback
+
+---
+
+### 6. Pagamentos
+**Rota**: `/dashboard/student/payments`
+
+Gerenciar obrigações de pagamento e histórico.
+
+#### Funcionalidades
+- Ver obrigações pendentes
+- Registrar novos pagamentos
+- Ver histórico de pagamentos
+- Fazer upload de comprovantes
+- Ver status (pendente, aprovado, rejeitado)
+
+#### Como Testar - Registrar Pagamento
+1. Acesse `/dashboard/student/payments`
+2. Na seção "Obrigações", clique em uma pendente
+3. Preencha:
+   - Data do pagamento
+   - Método (PIX, transferência, dinheiro, cartão)
+   - Nome do pagador (opcional)
+   - Upload de comprovante (opcional)
+4. Salve
+5. **Esperado**: Pagamento registrado com status "pendente"
+
+#### Métodos de Pagamento
+- `pix`: PIX
+- `transferência`: Transferência bancária
+- `dinheiro`: Dinheiro
+- `cartão_crédito`: Cartão de crédito
+- `cartão_débito`: Cartão de débito
+
+#### Status
+- `pending`: Aguardando aprovação
+- `verified`: Pagamento aprovado
+- `rejected`: Pagamento rejeitado
+
+---
+
+### 7. Perfil
+**Rota**: `/profile`
+
+Editar informações pessoais.
+
+#### Informações Editáveis
+- Nome completo
+- Nome de usuário
+- Email
+- Data de nascimento
+
+#### Informações Somente Leitura
+- Roles (funções)
+- Responsáveis (se menor de idade)
+- Estudantes sob responsabilidade (se responsável)
+
+#### Como Testar
+1. Acesse `/profile`
+2. Altere qualquer campo permitido
+3. Clique em "Salvar Alterações"
+4. **Esperado**: Dados atualizados, mensagem de sucesso
+
+#### Restrições para Menores de Idade
+- Estudantes menores de 18 não podem remover responsáveis existentes
+- Podem apenas ver quais responsáveis estão vinculados
+
+---
+
+## Fluxo de Uso Típico
+
+### Dia a Dia
+1. **Antes da aula**: Acesse a turma e baixe o material
+2. **Durante o curso**: Faça as provas disponíveis antes da data limite
+3. **Após provas**: Acompanhe seus resultados
+
+### Mensalmente
+1. Acesse `/dashboard/student/payments`
+2. Verifique obrigações pendentes
+3. Registre os pagamentos feitos
+4. Aguarde aprovação
+
+---
+
+## Checklist de Testes
+
+- [ ] Ver lista de turmas matriculadas
+- [ ] Acessar detalhes de uma turma
+- [ ] Baixar material da turma
+- [ ] Ver histórico de presença
+- [ ] Fazer uma prova
+- [ ] Ver resultados de prova
+- [ ] Registrar um pagamento
+- [ ] Editar perfil
+
+---
+
+## Possíveis Problemas
+
+### Não vejo uma turma
+- **Verifique**: Você está matriculado nessa turma?
+- **Solução**: Entre em contato com o admin
+
+### Prova não aparece
+- **Verifique**: A data/hora da prova está dentro do período?
+- **Verifique**: Você já tentou o número máximo de vezes?
+- **Solução**: Verifique com o professor
+
+### Pagamento não é aprovado
+- **Verifique**: O comprovante foi anexado corretamente?
+- **Solução**: Entre em contato com o admin
+
+### Não consigo editar responsável
+- **Possível causa**: Você tem 18 anos ou mais
+- **Solução**: Adultos não podem ter novos responsáveis, apenas remover existentes
diff --git a/docs/teacher.md b/docs/teacher.md
new file mode 100644
index 0000000..5258e7e
--- /dev/null
+++ b/docs/teacher.md
@@ -0,0 +1,187 @@
+# Manual do Professor
+
+## Visão Geral
+
+O painel do professor permite gerenciar turmas, fazer upload de materiais, registrar presença e criar/corrigir provas.
+
+## Acesso
+
+- **URL**: `/dashboard/teacher`
+- **Role Necessária**: `teacher`
+
+---
+
+## Funcionalidades
+
+### 1. Dashboard Principal
+**Rota**: `/dashboard/teacher`
+
+Lista de todas as turmas atribuídas ao professor com cards mostrando:
+- Nome da turma
+- Número de alunos
+- Horário
+
+#### Como Testar
+1. Faça login como professor
+2. Acesse `/dashboard/teacher`
+3. **Esperado**: Ver todas as turmas atribuídas
+
+---
+
+### 2. Detalhes da Turma
+**Rota**: `/dashboard/teacher/class/[id]`
+
+Página principal de gerenciamento de uma turma específica.
+
+#### Informações Exibidas
+- Nome da turma
+- Professores atribuídos
+- Horário e dias
+- Status (ativo/inativo)
+- Estatísticas: número de alunos, taxa de presença, média das notas
+
+#### Lista de Alunos
+Tabela com:
+- Nome do aluno
+- Taxa de presença
+- Média das provas
+- Status
+
+#### Ações Disponíveis
+- **Upload de Materiais**: Adicionar arquivos para a turma
+- **Registrar Aula**: Registrar presença e conteúdo da aula
+- **Ver Histórico**: Ver todas as aulas anteriores
+- **Copiar Link**: Copiar link da aula virtual
+
+#### Como Testar - Upload de Material
+1. Acesse uma turma
+2. Clique em "Upload de Materiais"
+3. Digite o nome do arquivo
+4. Selecione o arquivo no computador
+5. Selecione a categoria
+6. Salve
+7. **Esperado**: Arquivo aparece na seção de materiais
+
+#### Como Testar - Registrar Aula
+1. Acesse uma turma
+2. Clique em "Registrar Aula"
+3. Digite o tema/conteúdo da aula
+4. Selecione a data
+5. Marque a presença dos alunos (Presente, Atrasado, Ausente, Justificado)
+6. Salve
+7. **Esperado**: Aula registrada no histórico
+
+---
+
+### 3. Histórico da Turma
+**Rota**: `/dashboard/teacher/class/[id]/history`
+
+Lista de todas as aulas registradas com:
+- Data da aula
+- Conteúdo/tema
+- Professor que registrou
+- Resumo de presença
+
+#### Como Testar
+1. Acesse uma turma
+2. Clique em "Ver Histórico"
+3. **Esperado**: Ver todas as aulas com presença registrada
+
+---
+
+### 4. Templates de Provas
+**Rota**: `/dashboard/teacher/exam-templates`
+
+Gerenciar templates de provas reutilizáveis.
+
+#### Funcionalidades
+- Criar novo template
+- Editar templates existentes
+- Adicionar perguntas (múltipla escolha ou texto)
+- Definir como público ou privado
+
+#### Como Testar - Criar Template
+1. Acesse `/dashboard/teacher/exam-templates`
+2. Clique em "Novo Template"
+3. Digite título e descrição
+4. Clique em "Adicionar Pergunta"
+5. Selecione o tipo:
+   - **Múltipla Escolha**: Digite a pergunta, adicione opções, marque a correta
+   - **Texto**: Digite apenas a pergunta
+6. Salve
+7. **Esperado**: Template criado e disponível para atribuir
+
+---
+
+### 5. Resultados de Provas
+**Rota**: `/dashboard/teacher/assignments/[id]/results`
+
+Ver e corrigir provas dos alunos.
+
+#### Funcionalidades
+- Ver tentativas dos alunos
+- Corrigir provas manualmente
+- Ver notas automáticas (para múltipla escolha)
+- Acompanhar status de correção
+
+#### Status de Correção
+- `pending`: Aguardando correção
+- `auto-graded`: Corrigido automaticamente
+- `partially-graded`: Parcialmente corrigido
+- `fully-graded`: Totalmente corrigido
+
+#### Como Testar
+1. Acesse os resultados de uma atribuição
+2. Clique em uma tentativa de aluno
+3. Para perguntas de texto, digite a nota e comentários
+4. Salve
+5. **Esperado**: Nota atribuída, status atualizado
+
+---
+
+## Fluxo de Trabalho Típico
+
+### Preparar uma Turma
+1. Acesse a turma
+2. Faça upload dos materiais da primeira aula
+3. Verifique a lista de alunos
+
+### Durante o Curso
+1. **Antes de cada aula**: Faça upload do material
+2. **Após cada aula**: Registre a presença e o conteúdo
+3. **Periodicamente**: Crie e atribua provas
+
+### Criar uma Prova
+1. Crie o template em `/dashboard/teacher/exam-templates`
+2. Atribua à turma (isso pode precisar de intervenção do admin)
+3. Acompanhe os resultados em `/dashboard/teacher/assignments/[id]/results`
+
+---
+
+## Checklist de Testes
+
+- [ ] Ver lista de turmas atribuídas
+- [ ] Acessar detalhes de uma turma
+- [ ] Fazer upload de material
+- [ ] Registrar uma aula com presença
+- [ ] Ver histórico de aulas
+- [ ] Criar template de prova
+- [ ] Ver resultados de prova
+- [ ] Corrigir prova manualmente
+
+---
+
+## Possíveis Problemas
+
+### Não consigo ver uma turma
+- **Verifique**: Você está atribuído a essa turma?
+- **Solução**: Entre em contato com o admin
+
+### Não consigo atribuir prova à turma
+- **Possível causa**: Essa funcionalidade pode estar apenas no admin
+- **Solução**: Peça ao admin para atribuir a prova
+
+### Material não aparece para os alunos
+- **Verifique**: O upload foi concluído com sucesso?
+- **Verifique**: A turma está correta?
+- **Solução**: Tente fazer upload novamente
diff --git a/ecosystem.config.js b/ecosystem.config.js
new file mode 100644
index 0000000..2650c8b
--- /dev/null
+++ b/ecosystem.config.js
@@ -0,0 +1,25 @@
+module.exports = {
+  apps: [
+    {
+      name: "iciv",
+      script: ".next/standalone/server.js",
+      instances: 4,
+      exec_mode: "cluster",
+      env: {
+        NODE_ENV: "production",
+        NEXTAUTH_SECRET: "ARcy7zqFmEXBStnMf6T8uVWyvHfKcFdfCgjVzGjFCZo=",
+        MONGODB_URI: "mongodb://localhost:27017/course-plat",
+        STORAGE_TYPE: "local",
+        PORT: 3000,
+        NEXTAUTH_URL: "https://inglescomideiasvivas.com.br",
+      },
+      error_file: "/var/log/iciv/err.log",
+      out_file: "/var/log/iciv/out.log",
+      merge_logs: true,
+      time: true,
+      max_memory_restart: "700M",
+      kill_timeout: 5000,
+      listen_timeout: 5000,
+    },
+  ],
+};
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..348c45a
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,14 @@
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+});
+
+const eslintConfig = [...compat.extends("next/core-web-vitals")];
+
+export default eslintConfig;
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..9e53f9b
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"],
+      "@/auth": ["./src/app/lib/utils/auth.js"]
+    }
+  }
+}
diff --git a/next.config.mjs b/next.config.mjs
new file mode 100644
index 0000000..fb00d3c
--- /dev/null
+++ b/next.config.mjs
@@ -0,0 +1,30 @@
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  experimental: {
+    serverActions: {
+      bodySizeLimit: '500mb',
+    },
+  },
+  // --- ADICIONE ESTA SEÇÃO ---
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'inglescomideiasvivas.com.br',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+  },
+  // ---------------------------
+  outputFileTracingRoot: __dirname,
+  output: process.env.NODE_ENV === 'production' ? 'standalone' : undefined,
+};
+
+export default nextConfig;
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..dd92208
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,8081 @@
+{
+  "name": "course-plat",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "course-plat",
+      "version": "0.1.0",
+      "dependencies": {
+        "@aws-sdk/client-s3": "^3.665.0",
+        "@headlessui/react": "^2.2.7",
+        "@heroicons/react": "^2.2.0",
+        "@next/env": "^16.0.0",
+        "bcryptjs": "^3.0.2",
+        "date-fns": "^4.1.0",
+        "dotenv": "^17.4.2",
+        "mongoose": "^8.16.0",
+        "next": "^16.0.0",
+        "next-auth": "^5.0.0-beta.29",
+        "prop-types": "^15.8.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "react-icons": "^5.5.0",
+        "react-select": "^5.10.2",
+        "zod": "^4.0.16"
+      },
+      "devDependencies": {
+        "@eslint/eslintrc": "^3",
+        "@playwright/test": "^1.58.1",
+        "@tailwindcss/postcss": "^4",
+        "eslint": "^9",
+        "eslint-config-next": "^16.0.0",
+        "tailwindcss": "^4"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@auth/core": {
+      "version": "0.41.3",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.3.tgz",
+      "integrity": "sha512-sJ3JMHHkXMD3aOjopv7mOBTO1Ocw4b0fAEXJBz6k7YHLpYQI6C40jCUPc5fNvUKxXRXNE1/sRISA15UrwWJBTw==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^7.0.7 || ^8.0.5"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@aws-sdk/checksums": {
+      "version": "3.1000.26",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/checksums/-/checksums-3.1000.26.tgz",
+      "integrity": "sha512-CGznePoL+1oWCSzqmkvlYMpWQEZohPR3LntjKXXfVH+oh6Kd8d+yHLkjpiAGwPIHAxFe4OAq3aKfRnv/wqWIyA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-s3": {
+      "version": "3.1103.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-s3/-/client-s3-3.1103.0.tgz",
+      "integrity": "sha512-FO7SB2vLhZRN3lBHVhMhRm3YKSHK8e917qjB8LMEEhU69cQ0Ahd/OMyezu+KqNANqEtyxfSnFVvYt81x6ZKGZA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/checksums": "^3.1000.26",
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/credential-provider-node": "^3.972.78",
+        "@aws-sdk/middleware-sdk-s3": "^3.972.72",
+        "@aws-sdk/signature-v4-multi-region": "^3.996.43",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/fetch-http-handler": "^5.6.13",
+        "@smithy/node-http-handler": "^4.9.13",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/core": {
+      "version": "3.977.6",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/core/-/core-3.977.6.tgz",
+      "integrity": "sha512-QiaJV4/zDrB4ZY2mfeSXSzSTc36W16sZXcGz+SPFk0CJ26gziO0cS+4LjJUMAbdeeBOvS0k0Aq1cZpfGdUXxSw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.974.2",
+        "@aws-sdk/xml-builder": "^3.972.37",
+        "@aws/lambda-invoke-store": "^0.3.0",
+        "@smithy/core": "^3.31.1",
+        "@smithy/signature-v4": "^5.6.12",
+        "@smithy/types": "^4.16.1",
+        "bowser": "^2.11.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-env": {
+      "version": "3.972.67",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-env/-/credential-provider-env-3.972.67.tgz",
+      "integrity": "sha512-rcIpk5kxUqDaaNa6Xk23pQ6ViY7jlqzmfFWCahQcBT97ddXaXYYwzCen9Tz1Jvo6aJft6wDl5bN44/Jw5B4oLA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-http": {
+      "version": "3.972.69",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-http/-/credential-provider-http-3.972.69.tgz",
+      "integrity": "sha512-nggwJtZ4eeNsUw5IeWBMXsi1ryct5idi0K+/SCRF3kybLubOMaNTb3XCihXpWMiVpyzyPeIrl0zTkzhBH9porA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/fetch-http-handler": "^5.6.13",
+        "@smithy/node-http-handler": "^4.9.13",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-ini": {
+      "version": "3.973.12",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-ini/-/credential-provider-ini-3.973.12.tgz",
+      "integrity": "sha512-pNEf/OeyN5X3VmLKlgSO6TqaWmW10CvI3TfwL1XhsuhYjSLT2VDaxFnCPHnOeQXSaFisMX4jNhpETriqN8DOmg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/credential-provider-env": "^3.972.67",
+        "@aws-sdk/credential-provider-http": "^3.972.69",
+        "@aws-sdk/credential-provider-login": "^3.972.74",
+        "@aws-sdk/credential-provider-process": "^3.972.67",
+        "@aws-sdk/credential-provider-sso": "^3.973.11",
+        "@aws-sdk/credential-provider-web-identity": "^3.972.73",
+        "@aws-sdk/nested-clients": "^3.997.41",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/credential-provider-imds": "^4.4.16",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-login": {
+      "version": "3.972.74",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-login/-/credential-provider-login-3.972.74.tgz",
+      "integrity": "sha512-0AQfDcf99TNmqVKv0owHrw/TQs6i4ZE5t9qmz6NvO53bE/sA/tpXhXL9AAcEP1qHc6Zzjd1UMb69+/9zdhvY3g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/nested-clients": "^3.997.41",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-node": {
+      "version": "3.972.78",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-node/-/credential-provider-node-3.972.78.tgz",
+      "integrity": "sha512-OgPAnfvbGAMWac6yvxJ1ihslrvDpPVwR68D2csospdNCCyPvHk9JLzYKwz48SNiS1T2znDwHauywRKRFfpyYng==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "^3.972.67",
+        "@aws-sdk/credential-provider-http": "^3.972.69",
+        "@aws-sdk/credential-provider-ini": "^3.973.12",
+        "@aws-sdk/credential-provider-process": "^3.972.67",
+        "@aws-sdk/credential-provider-sso": "^3.973.11",
+        "@aws-sdk/credential-provider-web-identity": "^3.972.73",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/credential-provider-imds": "^4.4.16",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-process": {
+      "version": "3.972.67",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-process/-/credential-provider-process-3.972.67.tgz",
+      "integrity": "sha512-IlUEejorGTWKb4/Dm7K5Yw4QxUmXLThLhrvBmzVBqZFTbW72cv9LTcITmo1dsnYriALE4h68mOq4LB99x6sQ7Q==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-sso": {
+      "version": "3.973.11",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-sso/-/credential-provider-sso-3.973.11.tgz",
+      "integrity": "sha512-gAQBkBZxUB84d71+pPcI9L+jh2ujhuAVxc/4FgGiWFDjkPBlMKxzd5XDtkSXTFX8Ro7ansnT88+XadasxMeCRw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/nested-clients": "^3.997.41",
+        "@aws-sdk/token-providers": "3.1103.0",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-web-identity": {
+      "version": "3.972.73",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-web-identity/-/credential-provider-web-identity-3.972.73.tgz",
+      "integrity": "sha512-SnlEmQa6SjOgs6iOPLUQl1Eyq4AKiAdPQlkOhFhqNfDtDCwibMGvL6QlkSmf3o6vAUSImzdPCxowT5dfQUZP1A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/nested-clients": "^3.997.41",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-sdk-s3": {
+      "version": "3.972.72",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-sdk-s3/-/middleware-sdk-s3-3.972.72.tgz",
+      "integrity": "sha512-lSAoVPvQxX1d8TOM6waKDBQrvvZcm4w6pCldFAsRUffEaXq6lYY0pPyew3KlLu6Xqb74DXI42hGvSsbGBLljlw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/signature-v4-multi-region": "^3.996.43",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/nested-clients": {
+      "version": "3.997.41",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/nested-clients/-/nested-clients-3.997.41.tgz",
+      "integrity": "sha512-RDHqPGQWlF6tatA/Tp3rg6oIwtgN9IVderxE+9av2Y93Dfyu+mO1hZ5Bu2jpfZg2rwdNbsssnwM+sLafIczMlQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/signature-v4-multi-region": "^3.996.43",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/fetch-http-handler": "^5.6.13",
+        "@smithy/node-http-handler": "^4.9.13",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/signature-v4-multi-region": {
+      "version": "3.996.43",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/signature-v4-multi-region/-/signature-v4-multi-region-3.996.43.tgz",
+      "integrity": "sha512-lKekx8bLBXSv4O+cslk9Zfnw2XKSkWBs3uWL5QGhH2ZAQfNS7FE0vcSSN2vD/AhxX54ZTywWxR4STThoeOXlBA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/signature-v4": "^5.6.12",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/token-providers": {
+      "version": "3.1103.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/token-providers/-/token-providers-3.1103.0.tgz",
+      "integrity": "sha512-N4wy26MNn31ItGVHYHPrEuCIFY4MBBjC+C5v1lJKqIUSA7OZBdhleCY53zCCrXn27hsk7YNOaTuhQu807S4AfQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@aws-sdk/core": "^3.977.6",
+        "@aws-sdk/nested-clients": "^3.997.41",
+        "@aws-sdk/types": "^3.974.2",
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/types": {
+      "version": "3.974.2",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/types/-/types-3.974.2.tgz",
+      "integrity": "sha512-3W6IUtSxFbH6X7Wb7DzGCV5QiFQsd0g8bOfntpmDxQlzBoKWUMBu/JPQR0DwkE+Hpnxd6db1tXbOwdeHddG6cA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/xml-builder": {
+      "version": "3.972.37",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/xml-builder/-/xml-builder-3.972.37.tgz",
+      "integrity": "sha512-zKq4HQum8JwDyEuyfuI4bbiAcU0KxP6qy+9PR/IsR92IyE/DaBAikzAS50tjxip4bqIIANpCcG+Yyj6CVhXupg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/@aws/lambda-invoke-store": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@aws/lambda-invoke-store/-/lambda-invoke-store-0.3.0.tgz",
+      "integrity": "sha512-sl4Bm6yiMNYrZKkqqDFWN0UfnWhlS8ivKxrYl+6t0gCLrqr8y3B2IqZZbFRkfaVVp7C/baApyh71P+LeE1A2sQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+      "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+      "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.3.tgz",
+      "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
+      "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
+      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.3.0",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.12"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz",
+      "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.8.0",
+        "@floating-ui/utils": "^0.2.12"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.26.28",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.28.tgz",
+      "integrity": "sha512-yORQuuAtVpiRjpMhdc0wJj06b9JFjrYF4qp96j++v2NBpbi6SEGF7donUJ3TMieerQ6qVkAv1tgr7L4r5roTqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.2",
+        "@floating-ui/utils": "^0.2.8",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.9.tgz",
+      "integrity": "sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.8.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz",
+      "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==",
+      "license": "MIT"
+    },
+    "node_modules/@headlessui/react": {
+      "version": "2.2.10",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.2.10.tgz",
+      "integrity": "sha512-5pVLNK9wlpxTUTy9GpgbX/SdcRh+HBnPktjM2wbiLTH4p+2EPHBO1aoSryUCuKUIItdDWO9ITlhUL8UnUN/oIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react": "^0.26.16",
+        "@react-aria/focus": "^3.20.2",
+        "@react-aria/interactions": "^3.25.0",
+        "@tanstack/react-virtual": "^3.13.9",
+        "use-sync-external-store": "^1.5.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@heroicons/react": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.2.0.tgz",
+      "integrity": "sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 16 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
+      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/types": "^0.15.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
+      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.2",
+        "@humanfs/types": "^0.15.0",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/types": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
+      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.35.3.tgz",
+      "integrity": "sha512-RMnFX7YQsMoh7lWfcM4NEHHymBX/rLuKNPVM84XE9ONPcaSCDgE7CHIHpSgPcO2xcRthgBy1HfNO319mwhIAkg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.35.3.tgz",
+      "integrity": "sha512-Xo+5uFBtLN0BKqieTxiFzFPQAUlBbbH5iBKyRX/z1JrbnYsHTfKJnUfL8+p2TPXr1pXqao4eeL4Rl144uDpK9w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-freebsd-wasm32": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-freebsd-wasm32/-/sharp-freebsd-wasm32-0.35.3.tgz",
+      "integrity": "sha512-lUxcqWIj2wMQ9BrwNjngcr1gWUr5xgaGThBRqPPalIC2n67Cqj1uPh8NnA/ZhAg8hUbKl+kVHKwgUIwe6ZYPrg==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.3"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.3.2.tgz",
+      "integrity": "sha512-9J6ypZFpQBj4YnePGoq/S38w6nz+vqg5WZLrLGY4YuSemdMq47GMLBPO42MzwdGwpg/agZ7xzZcFHa48xlywfg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.3.2.tgz",
+      "integrity": "sha512-m2pW1n6cns9VaubNwsZ+c3CRYjxNQWgJ5gPlnL1nbBcpkBvFm6SCFN5o0psFHI8w9n11NKhFkeEDns98tiqbEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.3.2.tgz",
+      "integrity": "sha512-1eMLzy92I4J6rmi4mAT8yC3HxOtniyGELlzGbNMLLeqe052ahFQ0h6LFq+lh5DsDIdYViIDst08abvSbcEdLXQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.3.2.tgz",
+      "integrity": "sha512-dqVSFynCox4C/J8kT16V7SIFAns0IjgLwkvYT7p8LQVmJ5OS5b6tI9IGflxTeuBS//zXeFIUbwt5dwxyZ17cnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.3.2.tgz",
+      "integrity": "sha512-3z0NHDxD6n5I9gc05U1eW1AyRm+Gznzq3naMrthPNqE6oYykcogW0l/jfpJdjYnuNl8R7yI9pNbE1XiUeyq0Aw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.3.2.tgz",
+      "integrity": "sha512-bsb4rI+NldGOsXuej2r8OdSS8+zXDVaCWxyWrcv6kneTOlgAHtZABRzBBCwdsPiD90J4myNJuHpg6kA20ImW/w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.3.2.tgz",
+      "integrity": "sha512-/ABshyj8gCpyIrNXnHn4LorDJ0HHm1VhXPBlxZ8zAtfVPAaSafXPGn+sUSIRiwaSBy0mmFjSjiXI5mkcwdChKQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.3.2.tgz",
+      "integrity": "sha512-ITPEtgffGJ0S6G9dRyw/366tJQqFRcHWPHhC+Stpg3Z8AEMrDrTr2lhdz4f/Y/HMbRh//7Z5mBzEpVdi62Oc3w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.3.2.tgz",
+      "integrity": "sha512-zE9EdiUzUmg5mDT5a1rk5fYJ6GWPloTwWBYDS14naqHsL+EaMpDj1AWnpLgh3u0YCORv2Tt50wrcrpYqkP97Kw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.3.2.tgz",
+      "integrity": "sha512-m0lrLiUt+lBYnCFr8qV/65yMR4E/c7/wf78I5eKTdkEakFAlZ9QlzEM3QIhhAwVeUhLAHLcCq7a7Vszq/oFNZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.35.3.tgz",
+      "integrity": "sha512-affVWCTLooy8TSxbDx2qkzuDeaWLNVBA+P//FNBirHsXpP2fuBhk5AuboYUnrDnzoXes8GFjpTx0SBFOCRg+FA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.35.3.tgz",
+      "integrity": "sha512-QgKDspHPnrU+GQ55XPhGwyhC8acLVOOSyAvo1oVfFmrIXLkDNmGWzAfDZ4xK8oSA1qBQrALcHX0G5UZni/SuFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.35.3.tgz",
+      "integrity": "sha512-sMd8rDxmpLOwv/7N44klFjOD5DUO7FLdjiXDI0hoxYaf7Ar262dQIEkosE98bps+5HPLtp/EvNqeqQtOycP/IA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.35.3.tgz",
+      "integrity": "sha512-0Eob78yjlYPfL5vMNWAW55l3R9Y6BQS/gOfe0ZcP9mEz9ohhKSt4im1hayiknXgf8AWrFqMvJcKIdmLmEe7yeQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.35.3.tgz",
+      "integrity": "sha512-KgAxQ0DxpNOq1rG2t5cgTgShJFGSuU7XO45cqC+1NVOuZnP6tlgZRuSYOfNupGkHID0o3cJOsw4DVeJpMovcGw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.35.3.tgz",
+      "integrity": "sha512-8pqvxubL2PGdhlPy6GLqzDYMUjyRmKAwKHYKixpdJYBUK7PJ0C029XdsnpFIdgRZG68fZiGdHVWcKPvtiPB4cA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.35.3.tgz",
+      "integrity": "sha512-Vz0iQjzzcSX3HCbfwFfCSG/9SCIqyO0mH2sXyiHaAYfBk0cRsCWXRyQYX0ovCK/PAQBbTzQ0dsPQHh5MAFL59w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.35.3.tgz",
+      "integrity": "sha512-6O1NPKcDVj9QEdg7Hx549EX8U0rp6yXQERqru6yRN7fGBn32UvIRJUlWnk+8xDCiG76hXVBbX82NZ/ZKr0euIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.2"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.35.3.tgz",
+      "integrity": "sha512-cZ0XkcYGpHZkqW6iCkqTcmUC0CD9DhD5d/qeZlZkfRBn6GnHniZXLUo5+9xw8Iv76YE6LQFN9YNBlKREcCG76w==",
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.11.1"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-webcontainers-wasm32": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-webcontainers-wasm32/-/sharp-webcontainers-wasm32-0.35.3.tgz",
+      "integrity": "sha512-2rnq7bX3NzeR2T4YWgz8qiG4h3TSdMe+vN1iQXpJleSJ3SM5zQ8Fy2SyyXAWlbxpEZ2Y+Z4u1BePgJEYbSy80Q==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.3"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.35.3.tgz",
+      "integrity": "sha512-4bPwFdMbeC4JQ8L8LOyWp6nsHcboP5fxkp6iPOXz2Vg49R42TuMs2whkJ5OAP4/Ul035qOzy0AecOF9VOscn4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.35.3.tgz",
+      "integrity": "sha512-r53mXsBN6lFUDiST764SvgwUdHAqM4rPAiDzAmf4fLoB6X/rkfyTrLCg6+g17wJJiCmB3JYgHuUldCWUIRFSXw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.35.3.tgz",
+      "integrity": "sha512-D4y1vNeZrIIJCN+uHaWVtH86B+aCrdMYYjicy9pXHvbGZeGYLLSd3wdVuC37FxVXlU1ARsk84eKWfWMXGYEqvA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@internationalized/date": {
+      "version": "3.12.2",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.2.tgz",
+      "integrity": "sha512-FY1Y+H64NDs+HAF6omlnWxm3mEpfgaCSWtL5l551ZZfImA+kGjPFgrnJrGjH6lfmLL0g8Z/mBu1R3kufeCp6Jw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.6.7",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.7.tgz",
+      "integrity": "sha512-3ji1fcrT+FPAK86UqEhB/psHixYo6niWPJtt7+qRaYFynt/BaJG8GhAPimtWUpEiVSTq8ZM8L5psMxGquiB/Vg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/string": {
+      "version": "3.2.9",
+      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.9.tgz",
+      "integrity": "sha512-kzP/M/mbQxODlmOt4bIQZ2SBVUWUSqMLXooXixnX7noche8WHaQcA+nwFN1K2KCF/cp+LDUhcJsCicwkvhD1pg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.4.13",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.4.13.tgz",
+      "integrity": "sha512-E3Sv4eCYAlKYUTx8S3ioQcDUscOif+8zZ5OnW1IzJ+Tt+EO+ke8mn+Y3FX6N1H79picwbdOavVOb1jPi2EOyrg==",
+      "license": "MIT",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz",
+      "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.3"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.3.0.tgz",
+      "integrity": "sha512-o9r1S0BNiNreHP9Vs+Qnqd9kviDkJh8xIACY7UFZSmiGbbQRzPBBosvHzAU4TULHOIuOj/18RSsyz2qrREmIFw==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.3.0.tgz",
+      "integrity": "sha512-OqgJ8PN0d04KcPhDX/PTY5tJUJZxlbrt7O7FBsm4XE0XW2JDrKnDXsc9uo9WUimJGPoo2j+JRGhyXApC//mvbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "4.9.1",
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@next/eslint-plugin-next/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.3.0.tgz",
+      "integrity": "sha512-55hpqq18bEVAlxedlTt3tFqZmKg2nUXT1kn1G/BGEy0R13h3LwtwHPVzzjG6P4LLeOHE32PFDQUVaJEWvBEZBw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.3.0.tgz",
+      "integrity": "sha512-SOi96kSaF5T+0wW4koiM1bWzSPwjzTesC1p3df+FjdOi5LIQkBK/blxh7HdoKnNuI4PURF1OO7TZqtfnbWDSgw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.3.0.tgz",
+      "integrity": "sha512-P0gZAoPMF4dyTRzhmkV4PrqVzSOB6t4mC1oI3c4dqijJ+OVEVx5clIXAKR4/uQpsqw2KKM/0D5tVumcR2r5blg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.3.0.tgz",
+      "integrity": "sha512-tXXGKJw0m37O0eKJARVTX/TheKPhz0QFVtVVZXmOig+9YKLQOSP6hvf2pxv5DO7CLEJyTHx3Pg043CDQkv1G4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.3.0.tgz",
+      "integrity": "sha512-pjGxK5EY7yWml78ALejFkWmgHsU7wbFQrISiugpH6FbUJhgEvw3xFZ/EBAtLl7QtL0WdQKiG9eWJ3mOKGTukHw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.3.0.tgz",
+      "integrity": "sha512-sjo++Xx+lomlPs3HRsHWhVDyGG6ms1kGW5EtHLERdII8AyG1i+f6aq68xHREO6AEMlhjTNEWBSmfJfqm9orf7g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.3.0.tgz",
+      "integrity": "sha512-C5JSgiO54wURdaxdEUIXqkz04uMqC9UmPX1gtDrV/5Tf1UowdWYI8uA5hfFbPolTlp0q4KZ60xlHePNibf0VIw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.3.0.tgz",
+      "integrity": "sha512-fDOggsweNb5SSw0ZKVk6U+gxSyGFFlIBY/LBc1r8GUj4u/6t6oArL+Pmkg0MBnsgR+KkdsURilVH4F3GXUGepA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.62.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.62.1.tgz",
+      "integrity": "sha512-DTcUc8qii+cpHvtOwggMtBRMjKZHXYWdw8syRYu2vtzuq4Wxphqq4NfCs5Zt44L6mA8rfDfj+PHnxFc/FeK6mQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.62.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/@react-aria/focus": {
+      "version": "3.22.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.22.1.tgz",
+      "integrity": "sha512-CPxtkyrBi/HYY5P3lE/57sQ6qfa0lN8E55TOm89H0kNGv0lKt+/0zP7lWERzBjRr5IxBVrQX4gFEowBN52LPaA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0",
+        "react-aria": "^3.48.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/interactions": {
+      "version": "3.28.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.28.1.tgz",
+      "integrity": "sha512-Bqb+HrD5I5MHS2SKBhISYqo2SW8Y2dfzgF/Y1lIJq7xqLxheo9vzxPGEHhz+XzkgGfoqEJx8A6a3C7uiqS3HWA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@react-types/shared": "^3.34.0",
+        "@swc/helpers": "^0.5.0",
+        "react-aria": "^3.48.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/shared": {
+      "version": "3.36.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.36.0.tgz",
+      "integrity": "sha512-DkP/H0C2YjjS7gZWKNqOmU8a16qHPjQNdzMwmTq9SzplM6Iw0kVMTZ0OIoe6FOgGqa+FwMsE2QbPjh/n3g/jXQ==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@smithy/core": {
+      "version": "3.31.1",
+      "resolved": "https://registry.npmjs.org/@smithy/core/-/core-3.31.1.tgz",
+      "integrity": "sha512-CyogUINxvi7C7LDsh8Syo6hVJOT9ckz4rG8dRZfTJ8r91HkMY59PnNooaj7WcHyxEkxPfBAmbgztZU+xTo76lg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/credential-provider-imds": {
+      "version": "4.4.16",
+      "resolved": "https://registry.npmjs.org/@smithy/credential-provider-imds/-/credential-provider-imds-4.4.16.tgz",
+      "integrity": "sha512-QfuLWAkLzptffFW980AFeHZFdqds2B64rpEd3uJ6lgs3xVn9QegGMUgUcj+4d7dRrAsya3r58ZKpku97WcFb4w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/fetch-http-handler": {
+      "version": "5.6.13",
+      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-5.6.13.tgz",
+      "integrity": "sha512-4fW86pEUOMbrD5nkbyl/tTvPHHWJFbuB2odl6ps9lWfHoXf9HWh3Q/Smh59qH1g7+c/BSZghX6bbUk4gsiMs8A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/node-http-handler": {
+      "version": "4.9.13",
+      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-4.9.13.tgz",
+      "integrity": "sha512-Nmd/Nl35zfYrd+a6OO2cDJb3GPh9bgTjIUhcM+JFfjpp8/osCgboDV5nCT1I01Pv6R13eSKDKLSoVa5ZB6Zsfw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/signature-v4": {
+      "version": "5.6.12",
+      "resolved": "https://registry.npmjs.org/@smithy/signature-v4/-/signature-v4-5.6.12.tgz",
+      "integrity": "sha512-I6KLtq3H0qqSuV9vLglfi8puHqzygzWHOnI4z/Rdoo+q50vvo18vBRdPAvvEtcaKROz7Zn6qnPa14kRfPH6PcQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@smithy/core": "^3.31.1",
+        "@smithy/types": "^4.16.1",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@smithy/types": {
+      "version": "4.16.1",
+      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-4.16.1.tgz",
+      "integrity": "sha512-0JFs3V2y2M9tKW5na/qxe69Zv+uxLMO7QBbhxF/FHu/Gp2NFZAAL9tWl9PU02xxo07pb3G9FTyjNc6D5uZrJIg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.23",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.23.tgz",
+      "integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.3.tgz",
+      "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.24.1",
+        "jiti": "^2.7.0",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.3.3"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.3.tgz",
+      "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.3.3",
+        "@tailwindcss/oxide-darwin-arm64": "4.3.3",
+        "@tailwindcss/oxide-darwin-x64": "4.3.3",
+        "@tailwindcss/oxide-freebsd-x64": "4.3.3",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.3.3",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.3.3",
+        "@tailwindcss/oxide-linux-x64-musl": "4.3.3",
+        "@tailwindcss/oxide-wasm32-wasi": "4.3.3",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.3.3"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz",
+      "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz",
+      "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz",
+      "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz",
+      "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz",
+      "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz",
+      "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz",
+      "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz",
+      "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz",
+      "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz",
+      "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.11.1",
+        "@emnapi/runtime": "^1.11.1",
+        "@emnapi/wasi-threads": "^1.2.2",
+        "@napi-rs/wasm-runtime": "^1.1.4",
+        "@tybys/wasm-util": "^0.10.2",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz",
+      "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz",
+      "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.3.tgz",
+      "integrity": "sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.3.3",
+        "@tailwindcss/oxide": "4.3.3",
+        "postcss": "^8.5.16",
+        "tailwindcss": "4.3.3"
+      }
+    },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.14.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.14.8.tgz",
+      "integrity": "sha512-O39GJQpAYEJcIu3uN1//YtmhjSEOyw75vg9CKCatBDPiD5hKtZQoJHfferyrB/LdOD3UWaoMLWtdEjarwIwdDw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.17.6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.17.6",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.17.6.tgz",
+      "integrity": "sha512-h0/Ebo18CkOrChlQIhNtQkM5ySUnh/GumQ/D1st3hG2HWUPEF+ILUc2k29UtivCi/9G7w7G3/f7Xyd5cCFbKBw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz",
+      "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.12",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
+      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz",
+      "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.65.0.tgz",
+      "integrity": "sha512-IEgob78X12rHpUmtcwFsXhZdVGJtwTVP8FiCLZkR6GlYVrl2PcuB+KhCE5BlVC/eQpQnu8WXRtkHZuPar+gCRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/type-utils": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.65.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.6.tgz",
+      "integrity": "sha512-BAg6QkE8W+TuQLrrw0Ugr7HegXduRuuj8/ti2kSOc+jz1dmx8/WNcjr6XGnq5YpDWxFwwaavqD0+jIUOKelTsw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.65.0.tgz",
+      "integrity": "sha512-CZ4nMxWwgu1HEEFNkeaCptra9QCtkmKdgf3sWh1rl1trIhmxLilgTV4cwcbQ4wemnT4sWQN8CaKOmdYx+g2gMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.65.0.tgz",
+      "integrity": "sha512-SxnPhbTsGahizDgbu7oqFH/xVtzIqMd/s+WtnSxNxJZJpLbdT5IPdzg8EZxO3+PoKahXmwJLeNQOpKJb3/bi7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.65.0",
+        "@typescript-eslint/types": "^8.65.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.65.0.tgz",
+      "integrity": "sha512-Esbl8OSYiVxBokYgWPf7VVWg/BE798wXhimnn9ML9Pt5qoDf8bfQlgjlKXR/k98+AcNzlLKYrpCcrcuZ9DZLgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.65.0.tgz",
+      "integrity": "sha512-j6GzGqCiRdA7Qhur2VVmKZAkBLfnHFQfx4TaJGL9RMveZqCo48jSHHO0DTgizEnGhtWnqmbtCUSrqSkdiY/0Hg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.65.0.tgz",
+      "integrity": "sha512-YjaZ7PRI5qY7ax2L3PbvX0rRyGtipAReCWs0mhhDBHjH/vl0g0BonaGXrKdKpMbIIsMIwDgbk/xzkBTyAltS5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.65.0.tgz",
+      "integrity": "sha512-JSSwWNy+H0E/01jJEM+hrX6N0OFDzFzeIhHFSAS01tlVaevpG8cFyYRPhS5yjGOvBUx3sqQHVMjCL1CAZZMxBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.65.0.tgz",
+      "integrity": "sha512-JboAE2swaYt4tb1fHhHTABE2K+OLy09XfcTbhnk4Pw96f9dd2e9iYsJ28gBggHlo5z5x1rkyWvcPoTuNTd4oGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.65.0",
+        "@typescript-eslint/tsconfig-utils": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
+      "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.8"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.65.0.tgz",
+      "integrity": "sha512-gXiwIHsYreboxeJucHKPvgwl7dXt50mF8s1/c00cP/WoVTyWKFdtfhRWwZiXYFU5H2O8vVoSLNrexFZjYS/SGA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.65.0.tgz",
+      "integrity": "sha512-8C71BQkGjiMmXtop7pHVJu1l2NNShFdkCyD6a2ezzs5vU/L3LRtb69EtcteFwz0mYMPzIgOw0n6OV4VBUWZd7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.65.0",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.12.2.tgz",
+      "integrity": "sha512-g5T90pqg1bo/7mytQx6F4iBNC0Wsh9cu+z9veDbFjc7HjpesJFWD7QMS0NGStXM075+7dJPPVvBbpZlnrdpi/w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.12.2.tgz",
+      "integrity": "sha512-YGCRZv/9GLhwmz6mYDeTsm/92BAyR28l6c2ReweVW5pWgfsitWLY8upvfRlGdoyD8HjeTHSYJWyZGD4KJA/nFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.12.2.tgz",
+      "integrity": "sha512-u9DiNT1auQMO20A9SyTuG3wUgQWB9Z7KjAg0uFuCDR1FsAY8A0CG2S6JpHS1xwm/w1G08bjXZDcyOCjv1WAm2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.12.2.tgz",
+      "integrity": "sha512-f7rPLi/T1HVKZu/u6t87lroib16n8vrSzcyxI7lg4BGO9UF26KhQL44sd9eOUgrTYhvRXtWOIZT5PejdPyJfUA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.12.2.tgz",
+      "integrity": "sha512-BpcOjWCJub6nRZUS2zA20pmLvjtqAtGejETaIyRLiZiQf++cbrjltLA5NN/xaXfqeOBOSlMFbemIl5/S5tljmg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.12.2.tgz",
+      "integrity": "sha512-vZTDvdSISZjJx66OzJqtsOhzifbqRjbmI1Mnu49fQDwog5GtDI4QidRiEAYbZCRj9C8YZEW+3ZjqsyS9GR4k2A==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.12.2.tgz",
+      "integrity": "sha512-BiPI+IrIlwcW4nLLMM21+B1dFPzd55yAVgVGrdgDjNef+ch03GdxrcyaIz8X9SsQirh/kCQ7mviyWlMxdh2D7g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.12.2.tgz",
+      "integrity": "sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.12.2.tgz",
+      "integrity": "sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-loong64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-loong64-gnu/-/resolver-binding-linux-loong64-gnu-1.12.2.tgz",
+      "integrity": "sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-loong64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-loong64-musl/-/resolver-binding-linux-loong64-musl-1.12.2.tgz",
+      "integrity": "sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.12.2.tgz",
+      "integrity": "sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.12.2.tgz",
+      "integrity": "sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.12.2.tgz",
+      "integrity": "sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.12.2.tgz",
+      "integrity": "sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.12.2.tgz",
+      "integrity": "sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.12.2.tgz",
+      "integrity": "sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-openharmony-arm64": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-openharmony-arm64/-/resolver-binding-openharmony-arm64-1.12.2.tgz",
+      "integrity": "sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.12.2.tgz",
+      "integrity": "sha512-tYFDIkMxSflfEc/h92ZWNsZlHSwgimbNHSO3PL2JWQHfCuC2q316jMyYU9TIWZsFK2bQwyK5VAdYgn8ygPj69A==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.10.0",
+        "@emnapi/runtime": "1.10.0",
+        "@napi-rs/wasm-runtime": "^1.1.4"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi/node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.12.2.tgz",
+      "integrity": "sha512-qzNyg3xL0VPQmCaUh+N5jSitce6k+uCBfMDesWRnlULOZaqUkaJ0ybdT+UqlAWJoQjuqfIU/0Ptx9bteN4D82g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.12.2.tgz",
+      "integrity": "sha512-WD9sY00OfpHVGfsnHZoA8jVT+esS/Bg8z8jzxp5BnDCjjwsuKsPQrzswwpFy4J1AUJbXPRfkpcX0mXrzeXW79g==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.12.2.tgz",
+      "integrity": "sha512-nAB74NfSNKknqQ1RrYj6uz8FcXEomu/MATJZxh/x+BArzN2U3JbOYC0APYzUIGhVY3m5hRxA8VPNdPBoG8txlA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/acorn": {
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
+      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.12.1.tgz",
+      "integrity": "sha512-s7iGf5GaVMxEG0ENN9x+xTr7GFZCb1ZP/1uATUpCEK2X78nDB3RwbtFCo9pGAf9ru+VwoQ464DkaLEeRM08wJA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/babel-plugin-macros/node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.5.tgz",
+      "integrity": "sha512-xJo6a6YZnwZfnyGmQKWMbVOcii7XRibjOskRh+WJ9UHQoX16xrQrcIgAMQOzfvs8XiLMx6ih/fsLPF73iY2D1A==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
+    "node_modules/bowser": {
+      "version": "2.14.1",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.14.1.tgz",
+      "integrity": "sha512-tzPjzCxygAKWFOJP011oxFHs57HzIhOEracIgAePE4pqB3LikALKnSzUyU4MGs9/iCEUuHlAJTjTc5M+u7YEGg==",
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz",
+      "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
+      "integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.44",
+        "caniuse-lite": "^1.0.30001806",
+        "electron-to-chromium": "^1.5.393",
+        "node-releases": "^2.0.51",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bson": {
+      "version": "6.10.4",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.10.4.tgz",
+      "integrity": "sha512-WIsKqkSC0ABoBJuT1LEX+2HEvNmNKKgnTAyd0fL8qzK4SH2i9NXg+t08YtdZp/V9IZ33cxe3iV4yM0qg8lMQng==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001806",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+      "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.4.0.tgz",
+      "integrity": "sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "17.4.2",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.4.2.tgz",
+      "integrity": "sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.396",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.396.tgz",
+      "integrity": "sha512-yHiw2Y3C3H9U6TMbOfoWK/BPreiOPXRfTWPBwQBoZG6/8TB6eOPnsy5oaRYuatR7Fw2SJ4kKforgufeo7fq0EQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.24.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.3.tgz",
+      "integrity": "sha512-PwKooW9JUzh5chmYfHM3IQl5OkK2u2Nm011MgeZrss3JmFraUx/fqrf78kk8GUMYoibx/14MdwTl/1WKkG7TpQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-abstract-get": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-abstract-get/-/es-abstract-get-1.0.0.tgz",
+      "integrity": "sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.2",
+        "is-callable": "^1.2.7",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.4.0.tgz",
+      "integrity": "sha512-c/A0P0oxkACDc+cKWw8evLXK83oBKgn0qPOqCYT4x9uolpCIJAcYvJC9QYKNDRPsTeGyCrQ326jrvgZWdCdK5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.4.tgz",
+      "integrity": "sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-abstract-get": "^1.0.0",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.1.0",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.6",
+        "@eslint/js": "9.39.5",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.3.0.tgz",
+      "integrity": "sha512-lPrf1kHsMJEZqO0uXkNB400c5MGrhrTk3BNX7P0ol4gt61+iUlQfjy9TyIOEA9eOXrf+5+mYbT/JsY8+zqUByQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.3.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.10.tgz",
+      "integrity": "sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.16.1",
+        "resolve": "^2.0.0-next.6"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.14.0.tgz",
+      "integrity": "sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.3.tgz",
+      "integrity": "sha512-/zipXxyO6rGvuNGDiULY9MvEGSkb2gaG4GGH4ygMi0ZZzyMHdUZBmntJmx5x1G2VuPytCwGN4xsJP6cw+sK+vQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.2.0.tgz",
+      "integrity": "sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2",
+        "hasown": "^2.0.4",
+        "is-callable": "^1.2.7",
+        "is-document.all": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-document.all": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-document.all/-/is-document.all-1.0.0.tgz",
+      "integrity": "sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.4.tgz",
+      "integrity": "sha512-N8acGzVsQy6M/fjFcxtysNc4Q379TcM5dM/qKkNtsHFji88yANnXTr7BLeP75iPnFwBfQzM/jg2BZ9+HZrHCZA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/puzrin"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/nodeca"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/kareem": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
+      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mongodb": {
+      "version": "6.20.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.20.0.tgz",
+      "integrity": "sha512-Tl6MEIU3K4Rq3TSHd+sZQqRBoGlFsOgNrH5ltAcFBV62Re3Fd+FcaVf8uSEQFOJ51SDowDVttBTONMfoYWrWlQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.3.0",
+        "bson": "^6.10.4",
+        "mongodb-connection-string-url": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0 || ^2.0.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.3.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.2.tgz",
+      "integrity": "sha512-rMO7CGo/9BFwyZABcKAWL8UJwH/Kc2x0g72uhDWzG48URRax5TCIcJ7Rc3RZqffZzO/Gwff/jyKwCU9TN8gehA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/whatwg-url": "^11.0.2",
+        "whatwg-url": "^14.1.0 || ^13.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "8.24.2",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.24.2.tgz",
+      "integrity": "sha512-5+H3MSHNJCcr9M+lVplekrZ4/Dyn3N1dOpvgn9gMwvHJhunc4G8SQcBVd/btBQoVdspVNPjx8Pw03YWBv6uTJg==",
+      "license": "MIT",
+      "dependencies": {
+        "bson": "^6.10.4",
+        "kareem": "2.6.3",
+        "mongodb": "~6.20.0",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/next": {
+      "version": "16.3.0",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.3.0.tgz",
+      "integrity": "sha512-NEdGOzH+08eTXMUp9UYkA99Nhi5N6Thrhc1jgFOQgfgnGK/dA2hRwBpXep+exdFQrnwlRf/3Wixyp8lLBUpE2A==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.3.0",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.5.23",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.3.0",
+        "@next/swc-darwin-x64": "16.3.0",
+        "@next/swc-linux-arm64-gnu": "16.3.0",
+        "@next/swc-linux-arm64-musl": "16.3.0",
+        "@next/swc-linux-x64-gnu": "16.3.0",
+        "@next/swc-linux-x64-musl": "16.3.0",
+        "@next/swc-win32-arm64-msvc": "16.3.0",
+        "@next/swc-win32-x64-msvc": "16.3.0",
+        "sharp": "^0.35.3"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-auth": {
+      "version": "5.0.0-beta.32",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.32.tgz",
+      "integrity": "sha512-CGlChIEWZ6LltNVxrE5yiySMID+Idpmry47JYA5lLwgD8Sx02a8M65VL0TWVz9nbnOioS/tCW/rP/0+mE7Qp4Q==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.41.3"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "next": "^14.0.0-0 || ^15.0.0 || ^16.0.0",
+        "nodemailer": "^7.0.7 || ^8.0.5",
+        "react": "^18.2.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/node-exports-info": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.2.tgz",
+      "integrity": "sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.flatmap": "^1.3.3",
+        "es-errors": "^1.3.0",
+        "object.entries": "^1.1.9",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.51",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/oauth4webapi": {
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.6.tgz",
+      "integrity": "sha512-iwemM91xz8nryHti2yTmg5fhyEMVOkOXwHNqbvcATjyajb5oQxCQzrNOA6uElRHuMhQQTKUyFKV9y/CNyg25BQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.2.tgz",
+      "integrity": "sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.62.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz",
+      "integrity": "sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.62.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.62.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz",
+      "integrity": "sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.23.tgz",
+      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.24.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+      "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+      "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "19.2.8",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.8.tgz",
+      "integrity": "sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-aria": {
+      "version": "3.50.0",
+      "resolved": "https://registry.npmjs.org/react-aria/-/react-aria-3.50.0.tgz",
+      "integrity": "sha512-S0Os6QZk33fzUAKu1QLT9afoUaCBt1ZNdoiq0n2YMVgKIdNIQS8zxiZ8O9hYE6QyDkHKjD6q39LQZ+qaSAIgjw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/date": "^3.12.2",
+        "@internationalized/number": "^3.6.7",
+        "@internationalized/string": "^3.2.9",
+        "@react-types/shared": "^3.36.0",
+        "@swc/helpers": "^0.5.0",
+        "aria-hidden": "^1.2.3",
+        "clsx": "^2.0.0",
+        "react-stately": "3.48.0",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.8",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.8.tgz",
+      "integrity": "sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.8"
+      }
+    },
+    "node_modules/react-icons": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.7.0.tgz",
+      "integrity": "sha512-LBLy340Rzqy6+/yVhZKT3B/QpP1BZaesGqasf09HPOBzRarcDIFH0WwXlXQfE7q7ipxK4MSiC5DIBWURCny6fw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-select": {
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/react-select/-/react-select-5.10.2.tgz",
+      "integrity": "sha512-Z33nHdEFWq9tfnfVXaiM12rbJmk+QjFEztWLtmXqQhz6Al4UZZ9xc0wiatmGtUOCCnHN0WizL3tCMYRENX4rVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.0",
+        "@emotion/cache": "^11.4.0",
+        "@emotion/react": "^11.8.1",
+        "@floating-ui/dom": "^1.0.1",
+        "@types/react-transition-group": "^4.4.0",
+        "memoize-one": "^6.0.0",
+        "prop-types": "^15.6.0",
+        "react-transition-group": "^4.3.0",
+        "use-isomorphic-layout-effect": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-stately": {
+      "version": "3.48.0",
+      "resolved": "https://registry.npmjs.org/react-stately/-/react-stately-3.48.0.tgz",
+      "integrity": "sha512-ImicSAG+lTotAe5izcs1fz49Zk48w7pDusqYg04WaPhCoej8BJ24soMu3iLXIrsi273s4P1gZrYGrqReMfgEEA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@internationalized/date": "^3.12.2",
+        "@internationalized/number": "^3.6.7",
+        "@internationalized/string": "^3.2.9",
+        "@react-types/shared": "^3.36.0",
+        "@swc/helpers": "^0.5.0",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.7",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.7.tgz",
+      "integrity": "sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.2",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.4.tgz",
+      "integrity": "sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.35.3",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.35.3.tgz",
+      "integrity": "sha512-ej0zVHuZGHCiABXcNxeYhpRnPNPAcvbG8RMdBAhDAxLKkCRVSpK3Iyu7qbqw3JMzoj0REeM6f3tJLtVwl0023Q==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.1.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.8.5"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.35.3",
+        "@img/sharp-darwin-x64": "0.35.3",
+        "@img/sharp-freebsd-wasm32": "0.35.3",
+        "@img/sharp-libvips-darwin-arm64": "1.3.2",
+        "@img/sharp-libvips-darwin-x64": "1.3.2",
+        "@img/sharp-libvips-linux-arm": "1.3.2",
+        "@img/sharp-libvips-linux-arm64": "1.3.2",
+        "@img/sharp-libvips-linux-ppc64": "1.3.2",
+        "@img/sharp-libvips-linux-riscv64": "1.3.2",
+        "@img/sharp-libvips-linux-s390x": "1.3.2",
+        "@img/sharp-libvips-linux-x64": "1.3.2",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.2",
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.2",
+        "@img/sharp-linux-arm": "0.35.3",
+        "@img/sharp-linux-arm64": "0.35.3",
+        "@img/sharp-linux-ppc64": "0.35.3",
+        "@img/sharp-linux-riscv64": "0.35.3",
+        "@img/sharp-linux-s390x": "0.35.3",
+        "@img/sharp-linux-x64": "0.35.3",
+        "@img/sharp-linuxmusl-arm64": "0.35.3",
+        "@img/sharp-linuxmusl-x64": "0.35.3",
+        "@img/sharp-webcontainers-wasm32": "0.35.3",
+        "@img/sharp-win32-arm64": "0.35.3",
+        "@img/sharp-win32-ia32": "0.35.3",
+        "@img/sharp-win32-x64": "0.35.3"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ==",
+      "license": "MIT"
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.11.tgz",
+      "integrity": "sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-object-atoms": "^1.1.2",
+        "has-property-descriptors": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.10.tgz",
+      "integrity": "sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tabbable": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.5.0.tgz",
+      "integrity": "sha512-wieBHXygIm7OyQOu5hQlkk62/WyCFYGlWg7L6/ZCUZwx0o398Zkn4pVmMyfYhfMG8kGrj/Krt8eIk6UKC6VzwA==",
+      "license": "MIT"
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz",
+      "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.8.tgz",
+      "integrity": "sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "for-each": "^0.3.5",
+        "gopd": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "possible-typed-array-names": "^1.1.0",
+        "reflect.getprototypeof": "^1.0.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-6.0.3.tgz",
+      "integrity": "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.65.0.tgz",
+      "integrity": "sha512-/ggrHAwyjENDusvyxbuqxAC2dTnZg/Z8F+fgQtYIz+L6n/9HfSlEZcFGV/NsMNa6CkGk0xUjUAFwC0vHOflvIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.65.0",
+        "@typescript-eslint/parser": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.12.2.tgz",
+      "integrity": "sha512-dmlRxBJJayXjqTwC+JtF1HhJmgf3ftQ3YejFcZrf4+KKtJv0qDsK1pjqaaVjG7wJ5NJ6UVP1OqRMQ71Z4C3rxQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.4"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.12.2",
+        "@unrs/resolver-binding-android-arm64": "1.12.2",
+        "@unrs/resolver-binding-darwin-arm64": "1.12.2",
+        "@unrs/resolver-binding-darwin-x64": "1.12.2",
+        "@unrs/resolver-binding-freebsd-x64": "1.12.2",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.12.2",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.12.2",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.12.2",
+        "@unrs/resolver-binding-linux-loong64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-loong64-musl": "1.12.2",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.12.2",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.12.2",
+        "@unrs/resolver-binding-linux-x64-musl": "1.12.2",
+        "@unrs/resolver-binding-openharmony-arm64": "1.12.2",
+        "@unrs/resolver-binding-wasm32-wasi": "1.12.2",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.12.2",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.12.2",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.12.2"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-isomorphic-layout-effect": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.2.1.tgz",
+      "integrity": "sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.22",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.22.tgz",
+      "integrity": "sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+      "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
+      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..a3069b3
--- /dev/null
+++ b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "course-plat",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build && cp -r .next/static .next/standalone/.next/ && cp -r public .next/standalone/",
+    "start": "node .next/standalone/server.js",
+    "lint": "next lint",
+    "test": "playwright test",
+    "test:ui": "playwright test --ui",
+    "test:headed": "playwright test --headed",
+    "test:debug": "playwright test --debug",
+    "test:report": "playwright show-report"
+  },
+  "dependencies": {
+    "@aws-sdk/client-s3": "^3.665.0",
+    "@headlessui/react": "^2.2.7",
+    "@heroicons/react": "^2.2.0",
+    "@next/env": "^16.0.0",
+    "bcryptjs": "^3.0.2",
+    "date-fns": "^4.1.0",
+    "dotenv": "^17.4.2",
+    "mongoose": "^8.16.0",
+    "next": "^16.0.0",
+    "next-auth": "^5.0.0-beta.29",
+    "prop-types": "^15.8.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-icons": "^5.5.0",
+    "react-select": "^5.10.2",
+    "zod": "^4.0.16"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3",
+    "@playwright/test": "^1.58.1",
+    "@tailwindcss/postcss": "^4",
+    "eslint": "^9",
+    "eslint-config-next": "^16.0.0",
+    "tailwindcss": "^4"
+  },
+  "overrides": {
+    "brace-expansion": "^5.0.9",
+    "postcss": "^8.5.18",
+    "sharp": "^0.35.3"
+  }
+}
diff --git a/plans/RESPONSIVENESS_PLAN.md b/plans/RESPONSIVENESS_PLAN.md
new file mode 100644
index 0000000..0ef2fec
--- /dev/null
+++ b/plans/RESPONSIVENESS_PLAN.md
@@ -0,0 +1,217 @@
+# Plano de Responsividade Mobile + Reutilizacao de Codigo
+
+## Breakpoints alvo
+
+| Nome  | Largura | Dispositivo                    |
+|-------|---------|--------------------------------|
+| xs    | < 640px | iPhone SE, pequenos            |
+| sm    | 640px+  | Smartphones grandes            |
+| md    | 768px+  | Tablets retrato                |
+| lg    | 1024px+ | Tablets paisagem / laptops     |
+
+---
+
+## Fase 0: Extrair componentes base (reutilizacao)
+
+Antes de aplicar responsividade, consolidar codigo duplicado.
+
+### 0.1 Componentes novos a criar
+
+| Componente           | Substitui                                      | Arquivos afetados |
+|----------------------|------------------------------------------------|-------------------|
+| `Modal`              | 11 copias do overlay `fixed inset-0 bg-black/50` | 11 arquivos       |
+| `TableWrapper`       | 9 wrappers identicos de tabela admin            | 9 arquivos        |
+| `MaterialsList`      | Listagem de materiais nos 3 ClassDetail         | 3 arquivos        |
+| `ClassHistoryList`   | 3 versoes (teacher/student/guardian)            | 3 arquivos        |
+| `PaymentForm` unificado | 2 PaymentForms 98% identicos                | 2 arquivos        |
+| `FormField`          | Padrao label+input+helper repetido em 4 forms   | 4 arquivos        |
+| `Spinner`            | SVG de loading copiado em 2+ arquivos           | 2+ arquivos       |
+
+### 0.2 Componentes existentes nao utilizados
+
+| Componente existente                              | Redefinido inline em                | Acao                      |
+|---------------------------------------------------|-------------------------------------|---------------------------|
+| `Card` (`dashboard/components/Card.jsx`)          | 20 ocorrencias em 10 arquivos       | Importar em vez de inline |
+| `Stat` (`dashboard/components/Stat.jsx`)          | Redefinido localmente em 2 arquivos | Importar                  |
+| `Row` (`dashboard/components/Row.jsx`)            | Redefinido em `StudentClassDetail`  | Importar                  |
+| `Button` (`shared/Button.jsx`)                    | Redefinido em `StudentClassDetail`  | Importar                  |
+| `DashboardLayout`                                 | Existe mas zero paginas usam        | Adotar ou remover         |
+| `dateUtils.js`                                    | `formatDateBR` redefinido em 12 arquivos (22 instancias) | Importar |
+
+### 0.3 Funcoes utilitarias a centralizar
+
+| Funcao             | Onde centralizar                   | Redefinida em       |
+|--------------------|------------------------------------|---------------------|
+| `formatDateBR`     | `@/app/lib/utils/dateUtils.js`     | 12 arquivos         |
+| `formatTime`       | `@/app/lib/utils/dateUtils.js`     | 2 ExamResults       |
+| `normalizeStatus`  | `@/app/lib/utils/statusPatterns.js`| 5 arquivos          |
+
+---
+
+## Fase 1: Layout responsivo global
+
+### 1.1 Admin Sidebar -- Drawer off-canvas
+
+**Arquivos**: `SideBarNav.jsx:7`, `admin/layout.jsx:22-28`
+
+**Problema**: Sidebar fixa `w-64` (256px) visivel em todas as telas. Em celulares de 375px, sobram ~119px para conteudo.
+
+**Solucao**:
+- Criar `MobileSidebarToggle` (hamburger button) visivel apenas em `md:hidden`
+- Sidebar: `hidden md:flex` + state para abrir/fechar no mobile com overlay
+- Usar `@headlessui/react` (ja no projeto) para o Dialog/Drawer
+- Drawer aberto: largura `w-72` + overlay escuro
+- Animação de slide-in/slide-out
+
+### 1.2 Page container padronizado
+
+**Problema**: 14+ paginas com container `max-w-6xl mx-auto p-6` hardcoded de formas inconsistentes.
+
+**Solucao**: Padronizar usando `MainSection` ou `DashboardLayout` com padding responsivo:
+```
+px-4 sm:px-6 lg:px-8 py-4 sm:py-6
+```
+
+| Pagina                     | Container atual                  | Correcao                   |
+|----------------------------|----------------------------------|----------------------------|
+| `student/StudentClassDetail` | `max-w-6xl p-6` (sem mx-auto) | Adicionar `mx-auto`        |
+| `guardian/GuardianClassDetail` | `w-full p-6`                  | `max-w-6xl mx-auto p-4 sm:p-6` |
+| `guardian/GuardianClassHistoryList` | `w-full` sem padding   | Adicionar `px-4 sm:px-6`   |
+| Todas as outras            | Variacoes de `max-w-6xl mx-auto p-6` | Padronizar via `MainSection` |
+
+### 1.3 `PageHeader` -- actions com wrap
+
+**Arquivo**: `shared/PageHeader.jsx:29`
+
+**Correcao**: Adicionar `flex-wrap` no div de actions. Resolve ~9 paginas de uma vez.
+
+---
+
+## Fase 2: Componentes responsivos (1 correcao aplica-se a N paginas)
+
+### 2.1 `Modal` (novo componente)
+
+```
+max-w-[95vw] sm:max-w-2xl md:max-w-4xl
+```
++ padding responsivo `p-4 sm:p-6`
+
+**Afeta**: 11 modais
+
+### 2.2 `TableWrapper` (novo componente)
+
+- `overflow-x-auto` por padrao
+- Borda e estilo consistentes
+
+**Afeta**: 9 tabelas admin
+
+### 2.3 `MainSection` -- padding responsivo
+
+```
+p-4 sm:p-6
+```
+
+**Afeta**: todas as paginas que usam `MainSection`
+
+---
+
+## Fase 3: Ajustes por componente
+
+### 3.1 Grids sem breakpoint responsivo
+
+| Arquivo                                  | Linha | Atual             | Correcao                        |
+|------------------------------------------|-------|-------------------|---------------------------------|
+| `teacher/ExamResults.jsx`                | 140   | `grid-cols-3`     | `grid-cols-1 sm:grid-cols-3`   |
+| `teacher/ExamResults.jsx`                | 251   | `grid-cols-2`     | `grid-cols-1 sm:grid-cols-2`   |
+| `exam-templates/TemplateForm.jsx`        | 485   | `grid-cols-2`     | `grid-cols-1 sm:grid-cols-2`   |
+| `exam-templates/AssignmentForm.jsx`      | 485   | `grid-cols-2`     | `grid-cols-1 sm:grid-cols-2`   |
+
+### 3.2 Tabela com overflow-hidden
+
+| Arquivo                    | Linha | Atual             | Correcao          |
+|----------------------------|-------|-------------------|-------------------|
+| `teacher/ClassDetail.jsx`  | 304   | `overflow-hidden` | `overflow-x-auto` |
+
+### 3.3 Flex layouts que transbordam
+
+| Arquivo                          | Linha    | Correcao                                    |
+|----------------------------------|----------|---------------------------------------------|
+| `student/TakeExam.jsx`           | 211      | `flex-wrap` + `gap-2`                       |
+| `dashboard/student/page.jsx`     | 29       | `flex-wrap` nos botoes                      |
+| `teacher/ExamResults.jsx`        | 169      | `flex-wrap` nos metadados                   |
+| `student/ExamResults.jsx`        | 269      | `flex-wrap gap-4` no resumo                 |
+| `lessons/LessonForm.jsx`         | 372-376  | `flex-col sm:flex-row`                      |
+| `teacher/AssignmentList.jsx`     | 127      | `flex-wrap gap-2`                           |
+| `exam-templates/TemplateList.jsx`| 153      | `flex-wrap` nos botoes                      |
+| `student/AvailableExams.jsx`     | 187, 231 | `flex-col sm:flex-row`                      |
+
+### 3.4 Texto longo sem quebra
+
+| Arquivo                                | Linha | Correcao            |
+|----------------------------------------|-------|---------------------|
+| `guardian/GuardianClassDetail.jsx`     | 40    | `break-words`       |
+| `teacher/class/[id]/page.jsx`         | 212   | Truncar no mobile   |
+
+### 3.5 Tabelas com muitas colunas -- ocultar no mobile
+
+| Arquivo                        | Colunas | Correcao                              |
+|--------------------------------|---------|---------------------------------------|
+| `teacher/ExamStatistics.jsx`   | 7       | `hidden sm:table-cell` nas colunas menos importantes |
+| `guardian/payments/page.jsx`   | 6       | Ocultar "Comprovante" no mobile       |
+
+### 3.6 Botoes que podem empilhar
+
+| Arquivo          | Linha | Correcao                |
+|------------------|-------|-------------------------|
+| `PaymentForm.jsx`| 193   | `flex-col sm:flex-row`  |
+| `RegisterForm.jsx`| 253  | `flex-col sm:flex-row`  |
+
+---
+
+## Header mobile -- ja parcialmente implementado
+
+O `Header.jsx` ja tem navegacao mobile (`md:hidden` com scroll horizontal). Pontos de melhoria:
+- Chips de navegacao mobile (linhas 147-162) poderiam usar icones maiores e mais touch-friendly
+- Considerar colapsar os chips em menu hamburger quando ha mais de 4 items (admin tem 6 links)
+
+---
+
+## Resumo de prioridade de execucao
+
+1. **Fase 0** -- Extrair componentes base (maior esforco, maior ganho em manutenibilidade)
+2. **Fase 1** -- Layout global responsivo (sidebar + containers + page header)
+3. **Fase 2** -- Componentes responsivos reutilizaveis (Modal + TableWrapper)
+4. **Fase 3** -- Ajustes pontuais por componente (grids, flex, tabelas)
+
+---
+
+## Metricas estimadas
+
+| Metricica                          | Valor                |
+|------------------------------------|----------------------|
+| Arquivos alterados                 | ~18                  |
+| Linhas removidas (duplicacao)      | ~800-1000            |
+| Componentes novos reutilizaveis    | 7                    |
+| Componentes importados (ja existiam)| 6                   |
+| Correcoes de responsividade        | ~26                  |
+| Modais afetados por 1 componente   | 11                   |
+| Tabelas afetadas por 1 componente  | 9                    |
+
+---
+
+## Componentes que NAO precisam de correcao de responsividade
+
+Ja estao corretos:
+- `page.jsx` (landing page) -- bem estruturado com breakpoints
+- `LoginForm.jsx` -- formulario centralizado simples
+- `ClassCard.jsx` -- card layout responsivo
+- `ClassCardsComponent.jsx` -- `grid-cols-1 sm:grid-cols-2`
+- `WardClassCardComponent.jsx` -- `grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`
+- `DashboardCard.jsx` -- card layout
+- `AdminDashboard.jsx` -- `grid-cols-1 sm:grid-cols-2`
+- `RoleDispatcher.jsx` -- `grid-cols-1 sm:grid-cols-2`
+- `ProfileForm.jsx` -- `grid-cols-1 md:grid-cols-2`
+- `PasswordUpdateForm.jsx` -- `grid-cols-1 md:grid-cols-2`
+- `AffiliateProductsSection.jsx` -- `grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`
+- `ToggleTheme.jsx` -- botao de tamanho fixo
+- `UserMenu.jsx` -- esconde nome em telas pequenas com `hidden sm:inline`
diff --git a/plans/dashboard-design-system.md b/plans/dashboard-design-system.md
new file mode 100644
index 0000000..03264eb
--- /dev/null
+++ b/plans/dashboard-design-system.md
@@ -0,0 +1,102 @@
+# Dashboard Design System - Standardization Plan
+
+## Problem Analysis
+
+Current dashboards have **inconsistent layouts** causing width and spacing issues:
+
+| Dashboard | Width Constraint | Padding | Layout Component |
+|-----------|------------------|---------|------------------|
+| Admin | `max-w-6xl mx-auto p-6` | 1.5rem | Page-level wrapper |
+| Teacher | None (uses MainSection) | 2rem (p-8) | MainSection with no max-width |
+| Student | `max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6` | Variable | Page-level wrapper |
+| Guardian | `max-w-5xl mx-auto` | 2rem (p-8) | MainSection + inner wrapper |
+
+### Additional Issues:
+1. **Global CSS** (lines 451-459) adds underline to all links on hover
+2. **ClassCardsComponent** has `lg:grid-cols-3` causing 3 cards per row on large screens
+3. **ClassCard** links have default underline on hover
+
+## Proposed Solution
+
+### 1. Update MainSection Component
+Add width constraint to standardize all dashboards using it:
+```jsx
+// Current
+<main className={`flex-1 p-8 overflow-y-auto ${className}`}>
+
+// Proposed
+<main className={`flex-1 p-6 overflow-y-auto ${className}`}>
+  <div className="max-w-7xl mx-auto">
+    {children}
+  </div>
+</main>
+```
+
+### 2. Remove Global Link Underline
+Remove hover underline from globals.css (lines 457-459):
+```css
+/* Remove these lines */
+a:hover {
+  text-decoration: underline;
+}
+```
+
+### 3. Standardize ClassCardsComponent Grid
+Change from 3 columns to max 2 columns:
+```jsx
+// Current
+<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+
+// Proposed
+<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+```
+
+### 4. Ensure ClassCard Has No Underline
+Keep the `no-underline` class on Link:
+```jsx
+<Link href={link} className="block no-underline">
+```
+
+### 5. Standard Dashboard Page Pattern
+All dashboard pages should follow this structure:
+```jsx
+<MainSection>
+  <div className="max-w-6xl mx-auto">
+    <PageTitle title="..." subTitle="..."/>
+    {/* Content */}
+  </div>
+</MainSection>
+```
+
+### 6. Create Shared DashboardLayout Component (Optional)
+For future consistency, create a reusable component:
+```jsx
+// src/app/(protected)/components/DashboardLayout.jsx
+export function DashboardLayout({ title, subtitle, children }) {
+  return (
+    <MainSection>
+      <div className="max-w-6xl mx-auto">
+        <PageTitle title={title} subTitle={subtitle}/>
+        {children}
+      </div>
+    </MainSection>
+  );
+}
+```
+
+## Files to Modify
+
+1. [`src/app/(protected)/components/shared/Main.jsx`](src/app/\(protected\)/components/shared/Main.jsx) - Add max-width wrapper
+2. [`src/app/globals.css`](src/app/globals.css) - Remove link hover underline
+3. [`src/app/(protected)/components/shared/ClassCardsComponent.jsx`](src/app/\(protected\)/components/shared/ClassCardsComponent.jsx) - Standardize grid
+4. [`src/app/(protected)/components/shared/ClassCard.jsx`](src/app/\(protected\)/components/shared/ClassCard.jsx) - Ensure no-underline
+5. [`src/app/(protected)/dashboard/teacher/page.jsx`](src/app/\(protected\)/dashboard/teacher/page.jsx) - Remove redundant wrapper
+6. (Optional) [`src/app/(protected)/components/DashboardLayout.jsx`](src/app/\(protected\)/components/DashboardLayout.jsx) - Create reusable component
+
+## After Changes
+
+All dashboards will:
+- Have consistent max-width (`max-w-6xl` ≈ 72rem / 1152px)
+- Use consistent padding (`p-6` ≈ 1.5rem)
+- Display max 2 cards per row
+- No underline on link hover
diff --git a/plans/payment-system-architecture.md b/plans/payment-system-architecture.md
new file mode 100644
index 0000000..4d01a52
--- /dev/null
+++ b/plans/payment-system-architecture.md
@@ -0,0 +1,177 @@
+# Payment Registration System Architecture
+
+## Overview
+A payment registration system that allows guardians/students to register payments for classes and enables admins to track payment status.
+
+## Requirements
+- **Users**: Guardians/students can register payments, admins can view payment status
+- **Payment Information**: Value, date/time, optional receipt image
+- **Access Control**: Only admins can view payment details; guardians/students can only register their own payments
+
+## Database Schema Design
+
+### Payment Model
+```javascript
+{
+  _id: ObjectId,
+  classId: ObjectId (ref: Class),
+  userId: ObjectId (ref: User),
+  amount: Number,
+  paymentDate: Date,
+  paymentMethod: String (e.g., "pix", "bank_transfer", "cash"),
+  status: String (enum: ["pending", "verified", "rejected"]),
+  receiptUrl: String (optional, from file upload),
+  notes: String (optional),
+  createdAt: Date,
+  updatedAt: Date
+}
+```
+
+### Key Features
+- **One-to-Many**: A class can have multiple payments (partial payments)
+- **Many-to-One**: A user can make multiple payments across different classes
+- **Status Tracking**: Pending → Verified/Rejected workflow
+
+## API Routes Structure
+
+### 1. Payment API Routes
+```
+/api/payments
+  GET    - List all payments (admin only)
+  POST   - Create new payment (guardian/student only)
+  GET/:id - Get single payment (admin only)
+  PUT/:id - Update payment status (admin only)
+  DELETE/:id - Delete payment (admin only)
+
+/api/payments/class/:classId
+  GET - Get all payments for a specific class (admin only)
+
+/api/payments/user/:userId
+  GET - Get all payments for a specific user (guardian/student only)
+```
+
+### 2. File Upload Integration
+- Use existing `/api/files` routes
+- Set `relatedToType` = "payment"
+- Set `relatedToId` = payment ID
+- Store receipt image URL in payment record
+
+## UI Components Structure
+
+### Admin Dashboard
+```
+/app/(protected)/admin/dashboard/payments/
+  page.jsx                    - Main payments dashboard
+  components/
+    PaymentsTable.jsx         - Table showing all payments
+    PaymentDetail.jsx         - Modal showing payment details
+    PaymentStats.jsx          - Statistics cards
+    VerifyPaymentButton.jsx   - Button to verify/reject payments
+```
+
+### Guardian Dashboard
+```
+/app/(protected)/dashboard/guardian/payments/
+  page.jsx                    - List of registered payments
+  register/
+    page.jsx                  - Payment registration form
+    components/
+      PaymentForm.jsx         - Form to register payment
+      ReceiptUpload.jsx       - File upload component
+
+/app/(protected)/dashboard/guardian/class/[id]/payments/
+  page.jsx                    - Payments for specific class
+```
+
+### Student Dashboard
+```
+/app/(protected)/dashboard/student/payments/
+  page.jsx                    - List of registered payments
+  register/
+    page.jsx                  - Payment registration form
+```
+
+## Payment Flow Diagram
+
+```mermaid
+sequenceDiagram
+    participant G as Guardian/Student
+    participant UI as UI Component
+    participant API as API Route
+    participant DB as Database
+    participant FS as File Storage
+
+    G->>UI: Submit payment form (amount, date, receipt)
+    UI->>API: POST /api/payments
+    API->>DB: Create payment record (status: pending)
+    API->>FS: Upload receipt image
+    API->>DB: Update payment with receipt URL
+    API-->>UI: Return payment confirmation
+    UI-->>G: Show success message
+
+    Note over Admin: Admin views dashboard
+    Admin->>UI: View payments dashboard
+    UI->>API: GET /api/payments
+    API-->>UI: Return all payments
+    UI-->>Admin: Display payment table with status
+```
+
+## Class View Integration
+
+### Guardian Class Detail Page
+- Add payment status indicator
+- Show "Register Payment" button if not paid
+- Show payment history for the class
+
+### Admin Class View
+- Show payment status for all students
+- Filter by payment status
+- Quick actions to verify/reject payments
+
+## Implementation Steps
+
+### Phase 1: Database & API
+1. Create Payment model
+2. Create API routes for payment CRUD operations
+3. Integrate with existing file upload system
+
+### Phase 2: Admin Dashboard
+1. Create payments dashboard page
+2. Build payments table with filtering
+3. Add payment detail modal
+4. Implement verify/reject functionality
+
+### Phase 3: Guardian/Student Interface
+1. Create payment registration form
+2. Build payment history view
+3. Integrate receipt upload
+4. Add payment status indicators
+
+### Phase 4: Integration
+1. Update class detail pages
+2. Add payment status to class cards
+3. Add payment reminders (optional)
+
+## Security Considerations
+- **Role-Based Access Control**: Only admins can view payment details
+- **Data Validation**: Validate payment amounts and dates
+- **File Upload Security**: Validate receipt images before storing
+- **User Authorization**: Users can only register payments for their own classes
+
+## Data Validation Rules
+- Amount: Must be positive number
+- Payment Date: Must be in the past or present
+- Receipt: Max file size, allowed image formats only
+- Payment Method: Must be from predefined list
+
+## Status Workflow
+```
+Pending (default) → Verified (admin approves) → Rejected (admin rejects)
+```
+
+## Future Enhancements
+- Payment reminders for pending payments
+- Payment history export
+- Bulk payment verification
+- Payment analytics and reports
+- Integration with payment gateways (optional)
diff --git a/plans/payment-system-implementation.md b/plans/payment-system-implementation.md
new file mode 100644
index 0000000..2a81927
--- /dev/null
+++ b/plans/payment-system-implementation.md
@@ -0,0 +1,1021 @@
+# Payment System Implementation Plan
+
+## File Structure Overview
+
+```
+src/
+├── app/
+│   ├── api/
+│   │   └── payments/
+│   │       ├── route.js                    # GET all, POST create
+│   │       ├── [id]/
+│   │       │   └── route.js                # GET, PUT, DELETE single payment
+│   │       ├── class/
+│   │       │   └── [classId]/
+│   │       │       └── route.js            # GET payments by class
+│   │       └── user/
+│   │           └── [userId]/
+│   │               └── route.js            # GET payments by user
+│   │
+│   ├── (protected)/
+│   │   ├── admin/
+│   │   │   └── dashboard/
+│   │   │       └── payments/
+│   │   │           ├── page.jsx            # Main dashboard
+│   │   │           ├── components/
+│   │   │           │   ├── PaymentsTable.jsx
+│   │   │           │   ├── PaymentDetail.jsx
+│   │   │           │   ├── PaymentStats.jsx
+│   │   │           │   └── VerifyPaymentButton.jsx
+│   │   │
+│   │   ├── dashboard/
+│   │   │   ├── guardian/
+│   │   │   │   ├── payments/
+│   │   │   │   │   ├── page.jsx
+│   │   │   │   │   └── register/
+│   │   │   │   │       ├── page.jsx
+│   │   │   │   │       └── components/
+│   │   │   │   │           ├── PaymentForm.jsx
+│   │   │   │   │           └── ReceiptUpload.jsx
+│   │   │   │   └── class/
+│   │   │   │       └── [id]/
+│   │   │   │           └── payments/
+│   │   │   │               └── page.jsx
+│   │   │   │
+│   │   │   └── student/
+│   │   │       └── payments/
+│   │   │           ├── page.jsx
+│   │   │           └── register/
+│   │   │               ├── page.jsx
+│   │   │               └── components/
+│   │   │                   ├── PaymentForm.jsx
+│   │   │                   └── ReceiptUpload.jsx
+│   │   │
+│   │   └── components/
+│   │       └── shared/
+│   │           └── PaymentStatusBadge.jsx  # Reusable badge component
+│   │
+│   └── (protected)/dashboard/guardian/class/[id]/
+│       └── page.jsx                        # Update to show payment status
+│
+├── models/
+│   └── Payment.js                          # New payment model
+│
+└── lib/
+    └── utils/
+        └── payments.js                     # Payment helper functions
+```
+
+## Detailed Implementation Steps
+
+### Step 1: Create Payment Model
+
+**File**: `src/app/models/Payment.js`
+
+```javascript
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const PaymentSchema = new mongoose.Schema({
+  classId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Class",
+    required: [true, "Class is required"],
+    index: true,
+  },
+  userId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+    required: [true, "User is required"],
+    index: true,
+  },
+  amount: {
+    type: Number,
+    required: [true, "Amount is required"],
+    min: [0, "Amount must be positive"],
+  },
+  paymentDate: {
+    type: Date,
+    required: [true, "Payment date is required"],
+    default: Date.now,
+  },
+  paymentMethod: {
+    type: String,
+    enum: ["pix", "bank_transfer", "cash", "credit_card", "debit_card"],
+    required: [true, "Payment method is required"],
+  },
+  status: {
+    type: String,
+    enum: ["pending", "verified", "rejected"],
+    default: "pending",
+    index: true,
+  },
+  receiptUrl: {
+    type: String,
+  },
+  notes: {
+    type: String,
+    maxlength: 500,
+  },
+  createdAt: { type: Date, default: Date.now },
+  updatedAt: { type: Date, default: Date.now },
+});
+
+PaymentSchema.index({ classId: 1, userId: 1 });
+PaymentSchema.index({ status: 1 });
+
+PaymentSchema.pre("save", function(next) {
+  this.updatedAt = Date.now();
+  next();
+});
+
+const getPaymentModel = async () => {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["Payment"];
+  }
+  return mongoose.models.Payment || mongoose.model("Payment", PaymentSchema);
+};
+
+export { PaymentSchema, getPaymentModel };
+```
+
+### Step 2: Create Payment API Routes
+
+#### 2.1 Main Payments Route
+
+**File**: `src/app/api/payments/route.js`
+
+```javascript
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET all payments (admin only)
+export async function GET(request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only admins can view all payments
+  if (!currentUser.roles.includes("admin")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const payments = await Payment.find({})
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return NextResponse.json(payments, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// POST create payment (guardian/student only)
+export async function POST(request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only guardians and students can create payments
+  if (!currentUser.roles.includes("guardian") && !currentUser.roles.includes("student")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const Class = await getClassModel();
+
+    const body = await request.json();
+    const { classId, amount, paymentDate, paymentMethod, receiptUrl, notes } = body;
+
+    // Validate class belongs to user's wards (if guardian) or is enrolled (if student)
+    const classData = await Class.findById(classId);
+    if (!classData) {
+      return NextResponse.json(
+        { success: false, message: "Class not found" },
+        { status: 404 }
+      );
+    }
+
+    // Check if user is guardian and class belongs to their ward
+    if (currentUser.roles.includes("guardian")) {
+      const isWard = currentUser.wardAccounts.some(wardId => wardId.toString() === classId);
+      if (!isWard) {
+        return NextResponse.json(
+          { success: false, message: "You can only register payments for your wards' classes" },
+          { status: 403 }
+        );
+      }
+    }
+
+    // Check if user is student and enrolled in class
+    if (currentUser.roles.includes("student")) {
+      const isEnrolled = classData.students.some(studentId =>
+        studentId.toString() === session.user.id
+      );
+      if (!isEnrolled) {
+        return NextResponse.json(
+          { success: false, message: "You are not enrolled in this class" },
+          { status: 403 }
+        );
+      }
+    }
+
+    const payment = await Payment.create({
+      classId,
+      userId: session.user.id,
+      amount,
+      paymentDate: new Date(paymentDate),
+      paymentMethod,
+      receiptUrl,
+      notes,
+    });
+
+    const populatedPayment = await Payment.findById(payment._id)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName")
+      .lean();
+
+    return NextResponse.json(
+      { success: true, message: "Payment registered successfully", data: populatedPayment },
+      { status: 201 }
+    );
+  } catch (error) {
+    console.error("Error creating payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error creating payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+```
+
+#### 2.2 Single Payment Route
+
+**File**: `src/app/api/payments/[id]/route.js`
+
+```javascript
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET single payment (admin only)
+export async function GET(request, { params }) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only admins can view payment details
+  if (!currentUser.roles.includes("admin")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const payment = await Payment.findById(params.id)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName")
+      .lean();
+
+    if (!payment) {
+      return NextResponse.json(
+        { success: false, message: "Payment not found" },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(payment, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// PUT update payment status (admin only)
+export async function PUT(request, { params }) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only admins can update payment status
+  if (!currentUser.roles.includes("admin")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+
+    const body = await request.json();
+    const { status, notes } = body;
+
+    const payment = await Payment.findByIdAndUpdate(
+      params.id,
+      { status, notes, updatedAt: Date.now() },
+      { new: true }
+    ).populate("classId", "classTitle").populate("userId", "fullName").lean();
+
+    if (!payment) {
+      return NextResponse.json(
+        { success: false, message: "Payment not found" },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: true, message: "Payment updated successfully", data: payment },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("Error updating payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error updating payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE payment (admin only)
+export async function DELETE(request, { params }) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only admins can delete payments
+  if (!currentUser.roles.includes("admin")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const payment = await Payment.findByIdAndDelete(params.id);
+
+    if (!payment) {
+      return NextResponse.json(
+        { success: false, message: "Payment not found" },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: true, message: "Payment deleted successfully" },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("Error deleting payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error deleting payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+```
+
+#### 2.3 Payments by Class Route
+
+**File**: `src/app/api/payments/class/[classId]/route.js`
+
+```javascript
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET payments for a specific class (admin only)
+export async function GET(request, { params }) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only admins can view class payments
+  if (!currentUser.roles.includes("admin")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const payments = await Payment.find({ classId: params.classId })
+      .populate("userId", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return NextResponse.json(payments, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching class payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+```
+
+#### 2.4 Payments by User Route
+
+**File**: `src/app/api/payments/user/[userId]/route.js`
+
+```javascript
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET payments for a specific user (guardian/student only)
+export async function GET(request, { params }) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+
+  // Only guardians and students can view their own payments
+  if (!currentUser.roles.includes("guardian") && !currentUser.roles.includes("student")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+
+    // If guardian, show payments for all their wards
+    if (currentUser.roles.includes("guardian")) {
+      const payments = await Payment.find({ userId: { $in: currentUser.wardAccounts } })
+        .populate("classId", "classTitle")
+        .sort({ createdAt: -1 })
+        .lean();
+      return NextResponse.json(payments, { status: 200 });
+    }
+
+    // If student, show only their own payments
+    if (currentUser.roles.includes("student")) {
+      const payments = await Payment.find({ userId: session.user.id })
+        .populate("classId", "classTitle")
+        .sort({ createdAt: -1 })
+        .lean();
+      return NextResponse.json(payments, { status: 200 });
+    }
+  } catch (error) {
+    console.error("Error fetching user payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+```
+
+### Step 3: Create Helper Functions
+
+**File**: `src/lib/utils/payments.js`
+
+```javascript
+import { getPaymentModel } from "@/app/models/Payment";
+import { getClassModel } from "@/app/models/Class";
+
+// Get payment status for a user in a class
+export async function getPaymentStatus(userId, classId) {
+  const Payment = await getPaymentModel();
+  const payment = await Payment.findOne({ userId, classId }).sort({ createdAt: -1 }).lean();
+
+  if (!payment) {
+    return { status: "not_paid", amount: null };
+  }
+
+  return {
+    status: payment.status,
+    amount: payment.amount,
+    paymentDate: payment.paymentDate,
+    paymentMethod: payment.paymentMethod,
+  };
+}
+
+// Get all payments for a class with user details
+export async function getClassPayments(classId) {
+  const Payment = await getPaymentModel();
+  const payments = await Payment.find({ classId })
+    .populate("userId", "fullName")
+    .sort({ createdAt: -1 })
+    .lean();
+
+  return payments;
+}
+
+// Get payment statistics
+export async function getPaymentStats() {
+  const Payment = await getPaymentModel();
+
+  const totalPayments = await Payment.countDocuments();
+  const verifiedPayments = await Payment.countDocuments({ status: "verified" });
+  const pendingPayments = await Payment.countDocuments({ status: "pending" });
+  const rejectedPayments = await Payment.countDocuments({ status: "rejected" });
+
+  return {
+    totalPayments,
+    verifiedPayments,
+    pendingPayments,
+    rejectedPayments,
+    verificationRate: totalPayments > 0 ? Math.round((verifiedPayments / totalPayments) * 100) : 0,
+  };
+}
+```
+
+### Step 4: Create Admin Dashboard Components
+
+#### 4.1 Payments Table
+
+**File**: `src/app/(protected)/admin/dashboard/payments/components/PaymentsTable.jsx`
+
+```javascript
+import { useState } from "react";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+
+export default function PaymentsTable({ payments }) {
+  const [filter, setFilter] = useState("all");
+
+  const filteredPayments = payments.filter(payment => {
+    if (filter === "all") return true;
+    return payment.status === filter;
+  });
+
+  const getStatusBadge = (status) => {
+    const styles = {
+      pending: "bg-yellow-100 text-yellow-800",
+      verified: "bg-green-100 text-green-800",
+      rejected: "bg-red-100 text-red-800",
+    };
+
+    return (
+      <span className={`px-2 py-1 rounded-full text-xs font-medium ${styles[status]}`}>
+        {status.charAt(0).toUpperCase() + status.slice(1)}
+      </span>
+    );
+  };
+
+  return (
+    <div className="overflow-x-auto">
+      <div className="flex gap-2 mb-4">
+        <button
+          onClick={() => setFilter("all")}
+          className={`px-4 py-2 rounded-lg text-sm font-medium ${
+            filter === "all" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700"
+          }`}
+        >
+          Todos
+        </button>
+        <button
+          onClick={() => setFilter("pending")}
+          className={`px-4 py-2 rounded-lg text-sm font-medium ${
+            filter === "pending" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700"
+          }`}
+        >
+          Pendentes
+        </button>
+        <button
+          onClick={() => setFilter("verified")}
+          className={`px-4 py-2 rounded-lg text-sm font-medium ${
+            filter === "verified" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700"
+          }`}
+        >
+          Verificados
+        </button>
+        <button
+          onClick={() => setFilter("rejected")}
+          className={`px-4 py-2 rounded-lg text-sm font-medium ${
+            filter === "rejected" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700"
+          }`}
+        >
+          Rejeitados
+        </button>
+      </div>
+
+      <table className="min-w-full divide-y divide-gray-200">
+        <thead className="bg-gray-50">
+          <tr>
+            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+              Aluno
+            </th>
+            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+              Classe
+            </th>
+            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+              Valor
+            </th>
+            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+              Data
+            </th>
+            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+              Método
+            </th>
+            <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+              Status
+            </th>
+          </tr>
+        </thead>
+        <tbody className="bg-white divide-y divide-gray-200">
+          {filteredPayments.map((payment) => (
+            <tr key={payment._id} className="hover:bg-gray-50">
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                {payment.userId?.fullName || "N/A"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                {payment.classId?.classTitle || "N/A"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                R$ {payment.amount.toFixed(2)}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                {format(new Date(payment.paymentDate), "dd/MM/yyyy", { locale: ptBR })}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                {payment.paymentMethod}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap">
+                {getStatusBadge(payment.status)}
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+
+      {filteredPayments.length === 0 && (
+        <div className="text-center py-8 text-gray-500">
+          Nenhum pagamento encontrado
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+#### 4.2 Payment Stats
+
+**File**: `src/app/(protected)/admin/dashboard/payments/components/PaymentStats.jsx`
+
+```javascript
+export default function PaymentStats({ stats }) {
+  const statsCards = [
+    {
+      title: "Total de Pagamentos",
+      value: stats.totalPayments,
+      color: "blue",
+      icon: "💳",
+    },
+    {
+      title: "Verificados",
+      value: stats.verifiedPayments,
+      color: "green",
+      icon: "✅",
+    },
+    {
+      title: "Pendentes",
+      value: stats.pendingPayments,
+      color: "yellow",
+      icon: "⏳",
+    },
+    {
+      title: "Rejeitados",
+      value: stats.rejectedPayments,
+      color: "red",
+      icon: "❌",
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
+      {statsCards.map((card) => (
+        <div
+          key={card.title}
+          className="bg-white rounded-lg shadow p-6 border-l-4 border-blue-500"
+        >
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-sm text-gray-500">{card.title}</p>
+              <p className="text-2xl font-bold text-gray-900 mt-1">
+                {card.value}
+              </p>
+            </div>
+            <span className="text-3xl">{card.icon}</span>
+          </div>
+        </div>
+      ))}
+      <div className="bg-white rounded-lg shadow p-6 border-l-4 border-purple-500">
+        <div className="flex items-center justify-between">
+          <div>
+            <p className="text-sm text-gray-500">Taxa de Verificação</p>
+            <p className="text-2xl font-bold text-gray-900 mt-1">
+              {stats.verificationRate}%
+            </p>
+          </div>
+          <span className="text-3xl">📊</span>
+        </div>
+      </div>
+    </div>
+  );
+}
+```
+
+### Step 5: Create Guardian Payment Interface
+
+#### 5.1 Payment Form
+
+**File**: `src/app/(protected)/dashboard/guardian/payments/register/components/PaymentForm.jsx`
+
+```javascript
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+
+export default function PaymentForm({ classId, className }) {
+  const router = useRouter();
+  const [formData, setFormData] = useState({
+    amount: "",
+    paymentDate: new Date().toISOString().split("T")[0],
+    paymentMethod: "pix",
+    receipt: null,
+    notes: "",
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("classId", classId);
+      formDataToSend.append("amount", parseFloat(formData.amount));
+      formDataToSend.append("paymentDate", formData.paymentDate);
+      formDataToSend.append("paymentMethod", formData.paymentMethod);
+      if (formData.receipt) {
+        formDataToSend.append("receipt", formData.receipt);
+      }
+      if (formData.notes) {
+        formDataToSend.append("notes", formData.notes);
+      }
+
+      const response = await fetch("/api/payments", {
+        method: "POST",
+        body: formDataToSend,
+      });
+
+      const data = await response.json();
+
+      if (!response.ok) {
+        throw new Error(data.message || "Erro ao registrar pagamento");
+      }
+
+      router.push(`/dashboard/guardian/payments?success=true`);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="max-w-2xl mx-auto">
+      <div className="bg-white rounded-lg shadow p-6">
+        <h2 className="text-2xl font-bold text-gray-900 mb-6">
+          Registrar Pagamento - {className}
+        </h2>
+
+        {error && (
+          <div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
+            {error}
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              Valor do Pagamento (R$)
+            </label>
+            <input
+              type="number"
+              step="0.01"
+              min="0"
+              required
+              value={formData.amount}
+              onChange={(e) => setFormData({ ...formData, amount: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+              placeholder="0,00"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              Data do Pagamento
+            </label>
+            <input
+              type="date"
+              required
+              value={formData.paymentDate}
+              onChange={(e) => setFormData({ ...formData, paymentDate: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              Método de Pagamento
+            </label>
+            <select
+              required
+              value={formData.paymentMethod}
+              onChange={(e) => setFormData({ ...formData, paymentMethod: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+            >
+              <option value="pix">PIX</option>
+              <option value="bank_transfer">Transferência Bancária</option>
+              <option value="cash">Dinheiro</option>
+              <option value="credit_card">Cartão de Crédito</option>
+              <option value="debit_card">Cartão de Débito</option>
+            </select>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              Comprovante (Opcional)
+            </label>
+            <input
+              type="file"
+              accept="image/*"
+              onChange={(e) => setFormData({ ...formData, receipt: e.target.files[0] })}
+              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+            />
+            <p className="text-sm text-gray-500 mt-1">
+              Formatos aceitos: JPG, PNG, PDF (máx. 5MB)
+            </p>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-2">
+              Observações (Opcional)
+            </label>
+            <textarea
+              rows={3}
+              value={formData.notes}
+              onChange={(e) => setFormData({ ...formData, notes: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+              placeholder="Informações adicionais sobre o pagamento..."
+            />
+          </div>
+
+          <div className="flex gap-4">
+            <button
+              type="submit"
+              disabled={loading}
+              className="flex-1 bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors"
+            >
+              {loading ? "Registrando..." : "Registrar Pagamento"}
+            </button>
+            <button
+              type="button"
+              onClick={() => router.back()}
+              className="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors"
+            >
+              Cancelar
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
+```
+
+### Step 6: Create Payment Status Badge Component
+
+**File**: `src/app/(protected)/components/shared/PaymentStatusBadge.jsx`
+
+```javascript
+export default function PaymentStatusBadge({ status }) {
+  const styles = {
+    pending: "bg-yellow-100 text-yellow-800 border-yellow-300",
+    verified: "bg-green-100 text-green-800 border-green-300",
+    rejected: "bg-red-100 text-red-800 border-red-300",
+    not_paid: "bg-gray-100 text-gray-800 border-gray-300",
+  };
+
+  const labels = {
+    pending: "Pendente",
+    verified: "Pago",
+    rejected: "Rejeitado",
+    not_paid: "Não Pago",
+  };
+
+  return (
+    <span
+      className={`px-2 py-1 rounded-full text-xs font-medium border ${styles[status]}`}
+    >
+      {labels[status]}
+    </span>
+  );
+}
+```
+
+## Integration Points
+
+### Update Guardian Class Detail Page
+
+Add payment status indicator to the class detail page:
+
+```javascript
+// In src/app/(protected)/dashboard/guardian/class/[id]/page.jsx
+import PaymentStatusBadge from "@/app/(protected)/components/shared/PaymentStatusBadge";
+
+// After fetching class data, add:
+const Payment = await getPaymentModel();
+const paymentStatus = await getPaymentStatus(session.user.id, id);
+
+// Add to cls object:
+cls.paymentStatus = paymentStatus.status;
+cls.paymentAmount = paymentStatus.amount;
+
+// In the JSX:
+<PaymentStatusBadge status={cls.paymentStatus} />
+```
+
+## Testing Checklist
+
+- [ ] Create payment model and verify database schema
+- [ ] Test payment creation API with guardian/student accounts
+- [ ] Test payment verification/rejection by admin
+- [ ] Test file upload for receipts
+- [ ] Verify role-based access control
+- [ ] Test payment status indicators in UI
+- [ ] Verify payment history display
+- [ ] Test payment filtering in admin dashboard
+- [ ] Verify payment statistics calculation
+- [ ] Test edge cases (invalid amounts, dates, etc.)
+
+## Notes
+
+- The system uses the existing file upload infrastructure
+- Payment status workflow: pending → verified/rejected
+- Guardians can only register payments for their wards' classes
+- Students can only register payments for their enrolled classes
+- All payment data is encrypted and secure
+- Receipt images are stored in the existing file storage system
diff --git a/plans/payment-system-summary.md b/plans/payment-system-summary.md
new file mode 100644
index 0000000..9d55fb4
--- /dev/null
+++ b/plans/payment-system-summary.md
@@ -0,0 +1,139 @@
+# Payment Registration System - Summary
+
+## Overview
+A complete payment registration system for your course platform that allows guardians/students to register payments and enables admins to track payment status.
+
+## What You'll Get
+
+### 1. **Database Model**
+- New [`Payment`](src/app/models/Payment.js) model with fields:
+  - `classId` - Reference to the class
+  - `userId` - Reference to the user (guardian/student)
+  - `amount` - Payment value
+  - `paymentDate` - Date and time of payment
+  - `paymentMethod` - Method (PIX, bank transfer, cash, etc.)
+  - `status` - Pending, Verified, or Rejected
+  - `receiptUrl` - Optional receipt image
+  - `notes` - Optional notes
+
+### 2. **API Routes**
+- [`/api/payments`](src/app/api/payments/route.js) - Create and list payments
+- [`/api/payments/[id]`](src/app/api/payments/[id]/route.js) - Get, update, delete single payment
+- [`/api/payments/class/[classId]`](src/app/api/payments/class/[classId]/route.js) - Get all payments for a class
+- [`/api/payments/user/[userId]`](src/app/api/payments/user/[userId]/route.js) - Get all payments for a user
+
+### 3. **Admin Dashboard**
+- [`/admin/dashboard/payments`](src/app/(protected)/admin/dashboard/payments/page.jsx) - Main dashboard
+- **Features**:
+  - View all payments in a table
+  - Filter by status (all, pending, verified, rejected)
+  - See payment statistics (total, verified, pending, rejected)
+  - Verify or reject payments
+  - View payment details
+
+### 4. **Guardian/Student Interface**
+- **Payment Registration**:
+  - Form to register payments with amount, date, method
+  - Optional receipt image upload
+  - Notes field for additional information
+- **Payment History**:
+  - View all registered payments
+  - See payment status for each class
+
+### 5. **Payment Status Indicators**
+- Reusable [`PaymentStatusBadge`](src/app/(protected)/components/shared/PaymentStatusBadge.jsx) component
+- Shows status: Not Paid, Pending, Paid, or Rejected
+- Color-coded badges for easy identification
+
+## How It Works
+
+### For Guardians/Students:
+1. Navigate to a class they're enrolled in or their ward is enrolled in
+2. Click "Registrar Pagamento" (Register Payment)
+3. Fill in payment details:
+   - Amount (R$)
+   - Payment date
+   - Payment method (PIX, bank transfer, cash, etc.)
+   - Optional: Upload receipt image
+   - Optional: Add notes
+4. Submit the form
+5. Payment status becomes "Pending" (waiting for admin verification)
+
+### For Admins:
+1. Navigate to Admin Dashboard → Payments
+2. View all payments in a table
+3. See payment statistics at the top
+4. Filter payments by status
+5. Click on a payment to see details
+6. Verify or reject the payment
+7. Payment status updates accordingly
+
+## File Structure
+
+```
+src/
+├── app/
+│   ├── api/payments/          # API routes
+│   ├── (protected)/
+│   │   ├── admin/dashboard/payments/  # Admin dashboard
+│   │   ├── dashboard/guardian/payments/  # Guardian interface
+│   │   └── dashboard/student/payments/  # Student interface
+│   └── components/shared/PaymentStatusBadge.jsx  # Reusable component
+├── models/Payment.js           # Payment model
+└── lib/utils/payments.js       # Helper functions
+```
+
+## Security Features
+
+- **Role-Based Access Control**:
+  - Only admins can view payment details
+  - Guardians can only register payments for their wards
+  - Students can only register payments for their enrolled classes
+- **Data Validation**:
+  - Amount must be positive
+  - Payment date must be valid
+  - File uploads are validated
+- **Data Integrity**:
+  - All payments are tracked with timestamps
+  - Payment status workflow is enforced
+
+## Integration with Existing System
+
+- Uses existing file upload infrastructure
+- Integrates with existing User and Class models
+- Follows existing API patterns
+- Uses existing UI components
+- Compatible with current role-based authentication
+
+## Next Steps
+
+1. **Review the plans**:
+   - [`payment-system-architecture.md`](plans/payment-system-architecture.md) - High-level architecture
+   - [`payment-system-implementation.md`](plans/payment-system-implementation.md) - Detailed implementation guide
+
+2. **Implementation order**:
+   - Create Payment model
+   - Create API routes
+   - Create admin dashboard
+   - Create guardian/student interface
+   - Integrate with class views
+   - Test the complete flow
+
+3. **Testing checklist**:
+   - Create payment with guardian account
+   - Verify payment with admin account
+   - Test file upload for receipts
+   - Verify role-based access control
+   - Test payment status indicators
+
+## Questions?
+
+The detailed implementation guide includes:
+- Complete code for all components
+- API route implementations
+- Database schema definitions
+- UI component code
+- Integration points
+- Testing checklist
+
+Would you like me to proceed with implementing this system? I can start by creating the Payment model and API routes.
diff --git a/plans/refatoracao-fases.md b/plans/refatoracao-fases.md
new file mode 100644
index 0000000..e45d3c8
--- /dev/null
+++ b/plans/refatoracao-fases.md
@@ -0,0 +1,283 @@
+# Plano de Refatoracao por Fases
+
+Este documento organiza a correcao do projeto em fases pequenas, verificaveis e sem ruptura grande.
+
+Objetivo principal:
+- estabilizar build e seguranca
+- migrar gradualmente de API Routes para Server Actions
+- eliminar conflitos de CSS global (sem `!important`)
+- aproximar o frontend de um estilo tipo shadcn (componentes reutilizaveis + tokens consistentes)
+
+---
+
+## Visao Geral das Fases
+
+1. Fase 0 - Baseline e congelamento
+2. Fase 1 - Build, auth e seguranca minima
+3. Fase 2 - Migracao API -> Server Actions
+4. Fase 3 - Reset de CSS global e fim de conflitos
+5. Fase 4 - Base de design system estilo shadcn
+6. Fase 5 - Refino visual da plataforma de ingles
+7. Fase 6 - Limpeza final e hardening
+
+Cada fase tem: escopo, tarefas, definicao de pronto e risco.
+
+### Status consolidado (fev/2026)
+- Fase 1: concluida.
+- Fase 2: concluida nos dominios planejados para fluxo interno (APIs legadas mantidas como fallback temporario).
+- Fase 3: concluida no objetivo principal (globals enxuto, sem `!important`, sem overrides globais agressivos).
+- Fase 4: concluida no escopo principal (base `ui` ativa + login/register + dashboards principais migrados).
+- Fase 5: pendente (refino visual mais amplo ainda nao iniciado de forma sistematica).
+- Fase 6: em andamento parcial (melhorias de feedback ao usuario e tratamento de erros em fluxos criticos).
+
+---
+
+## Fase 0 - Baseline e congelamento
+
+### Escopo
+Criar um ponto de partida confiavel antes de alterar arquitetura.
+
+### Tarefas
+- [ ] Registrar o estado atual (erros conhecidos, rotas criticas, telas criticas).
+- [ ] Salvar relatorio de build/lint/testes E2E atuais.
+- [ ] Definir branch de refatoracao (ex.: `refactor/phases`).
+- [ ] Congelar novas features ate concluir Fase 2.
+
+### Definicao de pronto
+- Baseline documentado e reproduzivel.
+- Time alinhado sobre prioridades e ordem de execucao.
+
+### Risco
+- Baixo. Sem mudanca de codigo de negocio.
+
+---
+
+## Fase 1 - Build, auth e seguranca minima
+
+### Escopo
+Resolver problemas que quebram producao/deploy e vazamentos de autorizacao.
+
+### Tarefas
+- [x] Corrigir middleware para nao importar auth/db de runtime Edge.
+  - Opcao recomendada: middleware apenas para roteamento simples.
+  - Verificacao de permissao real fica no server (Server Components/Server Actions).
+- [x] Revisar matcher do middleware para incluir rotas protegidas reais (`/admin/*`, `/dashboard/*`).
+- [x] Garantir bloqueio de acesso nas paginas sensiveis antes de carregar dados.
+- [x] Corrigir verificacao de role inconsistente (`role` vs `roles`).
+- [x] Revisar regra de arquivos legados: negar por padrao quando nao houver metadado de permissao.
+- [x] Remover/encerrar fluxo duplicado de auth (uma unica fonte de verdade do NextAuth).
+- [x] Padronizar variavel de ambiente do Mongo (`MONGODB_URI` ou `MONGO_URI`) e alinhar docs.
+
+### Definicao de pronto
+- `npm run build` passa sem erro.
+- Rotas protegidas retornam 401/403 corretamente.
+- Fluxo de login/logout unico e consistente.
+
+### Risco
+- Medio. Pode impactar acesso de usuarios se a regra de permissao nao for validada com cuidado.
+
+---
+
+## Fase 2 - Migracao API -> Server Actions
+
+### Escopo
+Migrar gradualmente endpoints de API para Server Actions, priorizando fluxo interno do app.
+
+### Principios
+- Evitar big-bang. Migrar por dominio funcional.
+- Manter API somente quando houver necessidade real externa (webhook, integracao de terceiros, upload streaming, callback externo).
+- Toda Action deve validar sessao e permissao no servidor.
+
+### Ordem recomendada de migracao
+1. **Pagamentos**
+2. **Turmas e atribuicoes/provas**
+3. **Arquivos e categorias**
+4. **Usuarios/guardian/wards**
+
+### Tarefas por dominio (template)
+- [ ] Criar `actions/` por dominio com funcoes server-only.
+- [ ] Mover validacoes de auth/autorizacao para as Actions.
+- [ ] Substituir chamadas `fetch('/api/...')` por invocacao direta de Action.
+- [ ] Padronizar retorno `{ success, data, message, fieldErrors }`.
+- [ ] Revalidar cache (`revalidatePath`/`revalidateTag`) quando necessario.
+- [ ] Manter fallback temporario para rotas antigas e remover ao final da fase.
+
+### Progresso atual (dominio: Pagamentos)
+- [x] Criadas Server Actions de pagamentos e dependentes.
+- [x] Auth/autorizacao centralizadas nas Actions de pagamentos.
+- [x] Telas de pagamentos de aluno/responsavel migradas de `fetch('/api/...')` para Actions.
+- [x] Formularios de registro de pagamento migrados para Actions.
+- [x] Retorno padronizado nas novas Actions (`success`, `data`, `message`, `fieldErrors`).
+- [x] Revalidacao aplicada para dashboards de pagamento apos envio.
+- [x] Fluxo admin de pagamentos migrado para Actions (criacao de obrigacao, aprovacao/rejeicao, consulta por obrigacao).
+- [x] Fallback temporario mantido: APIs antigas continuam disponiveis por compatibilidade e remocao gradual.
+
+### Progresso atual (dominio: Turmas e atribuicoes/provas)
+- [x] Criadas Server Actions para fluxo operacional de provas (listar atribuicoes por turma, iniciar tentativa, listar tentativas, detalhar tentativa, corrigir resposta).
+- [x] Componentes de aluno migrados para Actions (`AvailableExams`, `TakeExam`) sem dependencia de `/api/classes/*` e `/api/assignments/*` nesses fluxos.
+- [x] Componente de resultados para professor/admin migrado para Actions (`ExamResults`) sem dependencia de `/api/attempts/*`.
+- [x] Mantido fallback temporario: rotas API de provas continuam existentes para compatibilidade durante transicao.
+
+### Progresso atual (dominio: Arquivos e categorias)
+- [x] Criada Server Action para carregamento de categorias com migracao de `colorIndex` quando necessario.
+- [x] Formulario de upload de arquivos do admin migrado para Action de categorias, removendo dependencia de `/api/categories` no cliente.
+- [x] Ajuste de navegacao pos-upload para `router.push` em componentes cliente de upload (evitando uso indevido de `redirect`).
+- [x] Eliminadas chamadas `fetch('/api/...')` no frontend protegido; fluxo interno agora opera via Server Actions.
+
+### Progresso atual (dominio: Usuarios/guardian/wards)
+- [x] Criadas Server Actions de usuarios para dependentes (`getWardsAction`) e listagem admin (`getUsersForAdminAction`).
+- [x] Fluxo de pagamentos do responsavel desacoplado do dominio de pagamentos para usar Action de usuarios no carregamento de dependentes.
+- [x] Painel admin de usuarios passou a consumir Action de usuarios (sem dependencia de rota API interna).
+- [x] Harden de cadastro de estudante por responsavel: validacao de sessao/role, vinculo seguro de guardian e verificacao de unicidade (email/username).
+
+### Definicao de pronto
+- Fluxos internos principais sem dependencia de API Route.
+- Reducao significativa de codigo duplicado entre page/API.
+- Permissoes centralizadas em camada server.
+
+### Risco
+- Medio/alto. Erros de cache e invalidacao podem causar dados desatualizados.
+
+---
+
+## Fase 3 - Reset de CSS global e fim de conflitos
+
+### Escopo
+Reduzir `globals.css` ao minimo necessario e eliminar conflitos causados por regras globais.
+
+### Regras obrigatorias
+- Sem `!important`.
+- Sem redefinir utilitarios Tailwind manualmente (`.bg-*`, `.text-*`, etc.).
+- Sem estilos globais agressivos para `button`, `a`, `table`, `input` que mudem componentes inteiros.
+
+### Tarefas
+- [x] Criar backup do `globals.css` atual.
+- [x] Reescrever `globals.css` em blocos minimos:
+  - tokens CSS (`:root`, `.dark`)
+  - reset basico
+  - utilitarios realmente necessarios
+- [x] Extrair classes de componentes para componentes reais (Button, Input, Badge, Card, Alert).
+- [x] Remover gradualmente classes legadas utilitarias customizadas.
+- [x] Garantir fonte definida no layout e aplicada de forma unica.
+- [x] Revisar contraste, foco e estados disabled/hover.
+
+### Progresso atual (Fase 3)
+- [x] `globals.css` reduzido e sem `!important`.
+- [x] Removidos overrides manuais de utilitarios Tailwind (`.bg-*`, `.text-*`, `.border-*`).
+- [x] `Label` e `RoleCheckbox` migrados para variantes no componente (sem classes de tema globais acopladas).
+- [x] Continuar extracao para componentes de base (Button/Input/Badge/Card/Alert) e reduzir classes globais remanescentes.
+
+### Definicao de pronto
+- Arquivo global enxuto e previsivel.
+- Sem conflitos visuais entre telas por efeito colateral global.
+- Nenhum `!important` no codigo do app.
+
+### Risco
+- Medio. Pode quebrar aparencia de telas antigas sem componentes padronizados.
+
+---
+
+## Fase 4 - Base de design system estilo shadcn
+
+### Escopo
+Padronizar UI com componentes reutilizaveis, variantes e tokens.
+
+### Tarefas
+- [x] Criar base `components/ui` (Button, Input, Select, Textarea, Badge, Card, Dialog, Table).
+- [x] Adotar utilitario `cn` para composicao de classes.
+- [x] Adotar estrategia de variantes (ex.: cva) para reduzir classes repetidas.
+- [x] Padronizar espacamento, raio, sombras, tipografia e cores semanticas.
+- [x] Migrar telas mais usadas primeiro (login, register, dashboard admin/teacher/student).
+
+### Progresso atual (Fase 4)
+- [x] Estrutura inicial criada em `src/components/ui` com componentes base (Button, Input, Select, Textarea, Badge, Card, Alert).
+- [x] Utilitario `cn` criado e aplicado na base dos componentes UI.
+- [x] Primeira migracao pratica feita em formularios criticos (registro de estudante e pagamento aluno/responsavel).
+- [x] Migracao aplicada em login/register com padrao `components/ui` (Card/Input/Button/Alert) e layout alinhado.
+- [x] Dashboards principais ajustados para consistencia de componentes e estilos-base (admin/teacher/student/guardian).
+
+### Definicao de pronto
+- Componentes principais usados pela maioria das telas.
+- Queda relevante de duplicacao de classes Tailwind.
+- Visual consistente entre areas publicas e protegidas.
+
+### Risco
+- Medio. Requer disciplina para evitar voltar ao estilo ad-hoc por pagina.
+
+---
+
+## Fase 5 - Refino visual da plataforma de ingles
+
+### Escopo
+Dar identidade visual propria da escola, sem perder legibilidade e performance.
+
+### Tarefas
+- [ ] Definir direcao visual unica (paleta, tipografia, acentos, ilustracoes/fotos).
+- [ ] Revisar landing page e fluxo de autenticacao com hierarquia visual clara.
+- [ ] Melhorar componentes de conteudo educacional (cards de nivel, progresso, tarefas, feedback).
+- [ ] Garantir responsividade real (mobile-first) nas paginas criticas.
+- [ ] Revisar acessibilidade (foco visivel, contraste, labels, erros de formulario).
+
+### Definicao de pronto
+- Interface coerente com proposta de plataforma de ingles.
+- Melhor legibilidade e consistencia de interacao.
+
+### Risco
+- Baixo/medio. Principal risco e retrabalho visual sem criterios definidos.
+
+---
+
+## Fase 6 - Limpeza final e hardening
+
+### Escopo
+Fechamento tecnico para estabilidade de longo prazo.
+
+### Tarefas
+- [ ] Remover codigo morto (rotas API legadas, helpers nao usados, estilos antigos).
+- [~] Reduzir logs de debug e padronizar logger por ambiente.
+- [~] Revisar tratamento de erros (mensagem para usuario vs log tecnico).
+- [ ] Atualizar README e documentacao de arquitetura nova (Server Actions-first).
+- [ ] Validar testes E2E por papel (admin/teacher/student/guardian).
+- [ ] Revisar seguranca de upload/acesso a arquivos.
+
+### Progresso atual (Fase 6)
+- [x] Melhorado feedback de permissao no registro/edicao de aula (403 com mensagem clara no UI).
+- [x] Reduzido ruido de console no cliente para erros esperados (4xx) em `LessonForm`.
+- [x] Ajustados fluxos de navegacao que causavam 404 silencioso (links de upload/historico/resultados entre contextos admin/teacher).
+- [ ] Consolidar padrao unico de erros para todos os formularios com Server Actions e APIs legadas restantes.
+
+### Definicao de pronto
+- Build estavel, testes principais passando e documentacao atualizada.
+- Arquitetura mais simples para manutencao.
+
+### Risco
+- Baixo.
+
+---
+
+## Criterios tecnicos transversais (todas as fases)
+
+- Nao quebrar fluxo de login, registro e dispatcher.
+- Toda regra de permissao deve existir no servidor.
+- Alteracoes pequenas por PR, com escopo fechado.
+- Sempre validar com build + fluxo manual das telas afetadas.
+
+---
+
+## Checklist de execucao por fase
+
+Use este mini-checklist ao iniciar cada fase:
+
+1. Definir escopo exato da fase (o que entra e o que nao entra).
+2. Criar tarefas tecnicas pequenas (max 1-2 dias cada).
+3. Implementar em branch dedicada.
+4. Rodar `npm run lint` e `npm run build`.
+5. Validar fluxo funcional manual.
+6. Atualizar este documento marcando itens concluidos.
+
+---
+
+## Proxima acao recomendada
+
+Fechar a **Fase 4** (migracao de login/register/dashboards para componentes `ui` + padrao visual),
+e em seguida executar um passe objetivo da **Fase 6** para remover logs legados e fallbacks de API nao utilizados.
diff --git a/playwright.config.js b/playwright.config.js
new file mode 100644
index 0000000..31a0f91
--- /dev/null
+++ b/playwright.config.js
@@ -0,0 +1,45 @@
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:3000',
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+    {
+      name: 'Mobile Chrome',
+      use: { ...devices['Pixel 5'] },
+    },
+    {
+      name: 'Mobile Safari',
+      use: { ...devices['iPhone 13'] },
+    },
+  ],
+
+  webServer: {
+    command: 'npm run dev',
+    url: 'http://localhost:3000',
+    reuseExistingServer: !process.env.CI,
+    timeout: 120000,
+  },
+});
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..c7bcb4b
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,5 @@
+const config = {
+  plugins: ["@tailwindcss/postcss"],
+};
+
+export default config;
diff --git a/public/img/1.jpg b/public/img/1.jpg
new file mode 100644
index 0000000..dca1e08
Binary files /dev/null and b/public/img/1.jpg differ
diff --git a/public/img/vanzy.jpeg b/public/img/vanzy.jpeg
new file mode 100644
index 0000000..709a295
Binary files /dev/null and b/public/img/vanzy.jpeg differ
diff --git a/public/imgLogo.jpg b/public/imgLogo.jpg
new file mode 100644
index 0000000..4c41c06
Binary files /dev/null and b/public/imgLogo.jpg differ
diff --git a/public/imgLogoDark.jpg b/public/imgLogoDark.jpg
new file mode 100644
index 0000000..6b995ea
Binary files /dev/null and b/public/imgLogoDark.jpg differ
diff --git a/public/logobig.jpg b/public/logobig.jpg
new file mode 100644
index 0000000..05634e0
Binary files /dev/null and b/public/logobig.jpg differ
diff --git a/scripts/create-admin.js b/scripts/create-admin.js
new file mode 100644
index 0000000..c1ac182
--- /dev/null
+++ b/scripts/create-admin.js
@@ -0,0 +1,141 @@
+#!/usr/bin/env node
+/**
+ * Script para criar usuário administrador
+ *
+ * Uso:
+ *   node scripts/create-admin.js [username] [password] [email] [fullName]
+ *
+ * Exemplo:
+ *   node scripts/create-admin.js admin admin1234 admin@example.com "Administrador"
+ */
+
+import bcrypt from "bcryptjs";
+import mongoose from "mongoose";
+import dotenv from "dotenv";
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+function normalizeName(value) {
+  if (!value || typeof value !== "string") return "";
+  return value
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .toLowerCase()
+    .replace(/\s+/g, " ")
+    .trim();
+}
+
+// Carregar .env do diretório raiz
+dotenv.config({ path: join(__dirname, '../.env') });
+
+const MONGODB_URI = process.env.MONGODB_URI || process.env.MONGO_URI || "mongodb://localhost:27017/course-plat";
+
+// Schema do User (replicado para não depender do Next.js)
+const UserSchema = new mongoose.Schema({
+  username: {
+    type: String,
+    required: true,
+    unique: true,
+    trim: true,
+    lowercase: true,
+  },
+  passwordHash: {
+    type: String,
+    required: true,
+  },
+  email: {
+    type: String,
+    unique: true,
+    sparse: true,
+    trim: true,
+    lowercase: true,
+  },
+  fullName: {
+    type: String,
+    required: true,
+    trim: true,
+  },
+  dateOfBirth: {
+    type: Date,
+    required: true,
+  },
+  roles: {
+    type: [String],
+    enum: ["student", "parent", "guardian", "teacher", "admin"],
+    required: true,
+    default: ["student"],
+  },
+  guardiansAccounts: [{
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+  }],
+  wardAccounts: [{
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+  }],
+  createdAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+}, {
+  collection: 'users'  // Garantir que use a coleção correta
+});
+
+async function createAdmin(username, password, email, fullName) {
+  try {
+    console.log("Conectando ao MongoDB...");
+    console.log(`URI: ${MONGODB_URI.replace(/:[^:@]*@/, ':****@')}`);
+    await mongoose.connect(MONGODB_URI);
+    console.log("✓ Conectado!");
+
+    const User = mongoose.model('User', UserSchema);
+
+    const existingUser = await User.findOne({ username });
+    if (existingUser) {
+      // Adiciona role admin ao usuário existente
+      await User.updateOne(
+        { username },
+        { $addToSet: { roles: "admin" } }
+      );
+      console.log(`✓ Usuário "${username}" atualizado com role admin!`);
+    } else {
+      // Cria novo usuário admin
+      const passwordHash = await bcrypt.hash(password, 10);
+      await User.create({
+        username,
+        passwordHash,
+        email,
+        fullName,
+        dateOfBirth: new Date("1990-01-01"),
+        roles: ["admin"],
+      });
+      console.log(`✓ Usuário admin "${username}" criado com sucesso!`);
+      console.log(`  Email: ${email}`);
+      console.log(`  Senha: ${password}`);
+    }
+
+    // Verificar
+    const user = await User.findOne({ username });
+    console.log(`\nRoles atuais: ${user.roles.join(", ")}`);
+
+  } catch (error) {
+    console.error("Erro ao criar admin:", error);
+    process.exit(1);
+  } finally {
+    await mongoose.disconnect();
+  }
+}
+
+// Args da linha de comando ou valores padrão
+const args = process.argv.slice(2);
+const username = normalizeName(args[0] || "admin").replace(/\s+/g, "");
+const password = args[1] || "admin1234";
+const email = args[2] || "admin@example.com";
+const fullName = normalizeName(args[3] || "Administrador");
+
+console.log(`\nCriando admin: ${username}`);
+console.log(`Senha: ${password}`);
+console.log(`Email: ${email}\n`);
+
+createAdmin(username, password, email, fullName);
diff --git a/scripts/migrate-category-colors.js b/scripts/migrate-category-colors.js
new file mode 100644
index 0000000..4e88c4e
--- /dev/null
+++ b/scripts/migrate-category-colors.js
@@ -0,0 +1,61 @@
+/**
+ * One-time migration script to assign colorIndex to existing categories
+ * Run with: node scripts/migrate-category-colors.js
+ */
+
+const { MongoClient } = require('mongodb');
+
+const MONGODB_URI = process.env.MONGODB_URI || 'mongodb://localhost:27017/course-plat';
+const DB_NAME = 'course-plat'; // Adjust if needed
+
+async function migrate() {
+  const client = new MongoClient(MONGODB_URI);
+
+  try {
+    await client.connect();
+    console.log('Connected to MongoDB');
+
+    const db = client.db(DB_NAME);
+    const categories = db.collection('categories');
+
+    // Find all categories without colorIndex
+    const withoutColor = await categories.find({ colorIndex: { $exists: false } }).toArray();
+
+    if (withoutColor.length === 0) {
+      console.log('All categories already have colorIndex. Nothing to migrate.');
+      return;
+    }
+
+    console.log(`Found ${withoutColor.length} categories without colorIndex.`);
+
+    // Get current max colorIndex
+    const withColor = await categories.find({ colorIndex: { $exists: true } })
+      .sort({ colorIndex: -1 })
+      .limit(1)
+      .toArray();
+
+    let startIndex = withColor.length > 0 ? (withColor[0].colorIndex + 1) : 0;
+
+    // Update each category
+    for (const cat of withoutColor) {
+      const colorIndex = startIndex % 10; // Cycle through 10 colors
+      await categories.updateOne(
+        { _id: cat._id },
+        { $set: { colorIndex: colorIndex } }
+      );
+      console.log(`Updated "${cat.name}" -> colorIndex: ${colorIndex}`);
+      startIndex++;
+    }
+
+    console.log('Migration complete!');
+
+  } catch (error) {
+    console.error('Migration failed:', error);
+    process.exit(1);
+  } finally {
+    await client.close();
+    process.exit(0);
+  }
+}
+
+migrate();
diff --git a/src/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductForm.jsx b/src/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductForm.jsx
new file mode 100644
index 0000000..29f0e0a
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductForm.jsx
@@ -0,0 +1,335 @@
+"use client";
+
+import React, { useEffect, useState, useRef } from "react";
+import { useActionState } from "react";
+import saveAffiliateProductAction from "@/app/lib/affiliateProducts/saveAffiliateProductAction";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { useRouter } from "next/navigation";
+import { XMarkIcon, PhotoIcon } from "@heroicons/react/24/outline";
+import { getAllClassItems } from "@/app/lib/helpers/getItems";
+import { MAX_FILE_SIZE } from "@/app/lib/constants";
+
+function AffiliateProductForm({ product = {}, classTypes = [], categories = [], onCancel }) {
+  const router = useRouter();
+  const fileInputRef = useRef(null);
+
+  const [showMessage, setShowMessage] = useState(true);
+  const [selectedClassTypes, setSelectedClassTypes] = useState(
+    product.classTypes?.map((ct) => ct.toString()) || []
+  );
+  const [imageInputType, setImageInputType] = useState(
+    product.imageUrl?.startsWith("http") ? "url" : "upload"
+  );
+  const [imagePreview, setImagePreview] = useState(product.imageUrl || "");
+  const [uploadedFileName, setUploadedFileName] = useState("");
+
+  const initialState = {
+    success: false,
+    message: null,
+  };
+
+  const [state, action, isPending] = useActionState(
+    saveAffiliateProductAction,
+    initialState
+  );
+
+  useEffect(() => {
+    if (state.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => {
+        setShowMessage(false);
+      }, 5000);
+
+      return () => clearTimeout(timer);
+    }
+  }, [state.message]);
+
+  useEffect(() => {
+    if (state?.success && state.redirectTo) {
+      const timer = setTimeout(() => {
+        router.push(state.redirectTo);
+      }, 1500);
+
+      return () => clearTimeout(timer);
+    }
+  }, [state?.success, state?.redirectTo, router]);
+
+  const handleClassTypeToggle = (classTypeId) => {
+    setSelectedClassTypes((prev) => {
+      if (prev.includes(classTypeId)) {
+        return prev.filter((id) => id !== classTypeId);
+      } else {
+        return [...prev, classTypeId];
+      }
+    });
+  };
+
+  const handleFileChange = (e) => {
+    const file = e.target.files?.[0];
+    if (file) {
+      if (file.size > MAX_FILE_SIZE) {
+        const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
+        alert(`Arquivo "${file.name}" (${sizeMB}MB) excede o limite de 500MB.`);
+        e.target.value = "";
+        return;
+      }
+      setUploadedFileName(file.name);
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        setImagePreview(reader.result);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+
+  const clearImage = () => {
+    setImagePreview("");
+    setUploadedFileName("");
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+
+  return (
+    <div className="w-full max-w-2xl mx-auto">
+      {state?.message && showMessage && (
+        <FlashMessage
+          message={state?.message}
+          type={state.success ? "success" : "error"}
+        />
+      )}
+
+      <form
+        action={action}
+        className="bg-white dark:bg-neutral-800 p-8 rounded-lg shadow-md"
+      >
+        {isPending && <p className="text-center mb-4">Carregando...</p>}
+
+        {product._id && (
+          <input type="hidden" name="_id" value={product._id} />
+        )}
+
+        {/* Hidden inputs for selected class types */}
+        {selectedClassTypes.map((classTypeId) => (
+          <input
+            key={classTypeId}
+            type="hidden"
+            name="classTypeIds"
+            value={classTypeId}
+          />
+        ))}
+
+        <div className="space-y-6">
+          {/* Title */}
+          <div>
+            <label htmlFor="title" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Título <span className="text-red-500">*</span>
+            </label>
+            <input
+              type="text"
+              id="title"
+              name="title"
+              defaultValue={product.title || ""}
+              className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              placeholder="Ex: Livro de Gramática Essential"
+              required
+            />
+          </div>
+
+          {/* Description */}
+          <div>
+            <label htmlFor="description" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Descrição
+            </label>
+            <textarea
+              id="description"
+              name="description"
+              defaultValue={product.description || ""}
+              className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              rows="3"
+              placeholder="Breve descrição do produto..."
+            ></textarea>
+          </div>
+
+          {/* Image - Upload or URL */}
+          <div>
+            <label className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Imagem do Produto
+            </label>
+
+            {/* Toggle between upload and URL */}
+            <div className="flex gap-4 mb-3">
+              <label className="flex items-center gap-2 cursor-pointer">
+                <input
+                  type="radio"
+                  name="imageInputType"
+                  value="upload"
+                  checked={imageInputType === "upload"}
+                  onChange={() => setImageInputType("upload")}
+                  className="w-4 h-4 text-indigo-600 border-gray-300 focus:ring-indigo-500"
+                />
+                <span className="text-sm text-neutral-700 dark:text-neutral-300">Fazer upload</span>
+              </label>
+              <label className="flex items-center gap-2 cursor-pointer">
+                <input
+                  type="radio"
+                  name="imageInputType"
+                  value="url"
+                  checked={imageInputType === "url"}
+                  onChange={() => setImageInputType("url")}
+                  className="w-4 h-4 text-indigo-600 border-gray-300 focus:ring-indigo-500"
+                />
+                <span className="text-sm text-neutral-700 dark:text-neutral-300">Usar URL</span>
+              </label>
+            </div>
+
+            {/* Upload option */}
+            {imageInputType === "upload" && (
+              <div>
+                <input
+                  ref={fileInputRef}
+                  type="file"
+                  id="imageFile"
+                  name="imageFile"
+                  accept="image/*"
+                  onChange={handleFileChange}
+                  className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                />
+                {uploadedFileName && (
+                  <p className="mt-1 text-xs text-neutral-500 dark:text-neutral-400">
+                    Arquivo selecionado: {uploadedFileName}
+                  </p>
+                )}
+              </div>
+            )}
+
+            {/* URL option */}
+            {imageInputType === "url" && (
+              <input
+                type="url"
+                id="imageUrl"
+                name="imageUrl"
+                defaultValue={product.imageUrl || ""}
+                className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                placeholder="https://example.com/image.jpg"
+              />
+            )}
+
+            {/* Image Preview */}
+            {imagePreview && (
+              <div className="mt-3 relative">
+                <img
+                  src={imagePreview}
+                  alt="Preview"
+                  className="w-32 h-32 object-cover rounded-lg border border-neutral-200 dark:border-neutral-700"
+                />
+                <button
+                  type="button"
+                  onClick={clearImage}
+                  className="absolute -top-2 -right-2 p-1 bg-red-500 text-white rounded-full hover:bg-red-600 transition-colors"
+                  title="Remover imagem"
+                >
+                  <XMarkIcon className="w-4 h-4" />
+                </button>
+              </div>
+            )}
+          </div>
+
+          {/* Affiliate URL */}
+          <div>
+            <label htmlFor="affiliateUrl" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Link de Afiliado <span className="text-red-500">*</span>
+            </label>
+            <input
+              type="url"
+              id="affiliateUrl"
+              name="affiliateUrl"
+              defaultValue={product.affiliateUrl || ""}
+              className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              placeholder="https://amazon.com.br/..."
+              required
+            />
+          </div>
+
+          {/* Price and Category */}
+          <div>
+            <label htmlFor="category" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Categoria
+            </label>
+            <input
+              type="text"
+              id="category"
+              name="category"
+              defaultValue={product.category || ""}
+              className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              placeholder="Ex: Livros, Materiais, etc."
+            />
+          </div>
+
+          {/* Active */}
+          <div className="flex items-center gap-2">
+            <input
+              type="checkbox"
+              id="active"
+              name="active"
+              value="true"
+              defaultChecked={product.active !== undefined ? product.active : true}
+              className="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
+            />
+            <label htmlFor="active" className="text-neutral-700 dark:text-neutral-200 text-sm font-medium">
+              Produto ativo
+            </label>
+          </div>
+
+          {/* Class Types */}
+          {classTypes.length > 0 && (
+            <div>
+              <label className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                Tipos de Turma Relacionados
+              </label>
+              <div className="flex flex-wrap gap-2 max-h-40 overflow-y-auto p-3 border border-neutral-300 dark:border-neutral-600 rounded-lg bg-neutral-50 dark:bg-neutral-700">
+                {classTypes.map((classType) => (
+                  <button
+                    key={classType._id}
+                    type="button"
+                    onClick={() => handleClassTypeToggle(classType._id)}
+                    className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium border transition-all ${
+                      selectedClassTypes.includes(classType._id)
+                        ? "bg-indigo-600 text-white border-indigo-600"
+                        : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 border-neutral-300 dark:border-neutral-600 hover:border-indigo-400"
+                    }`}
+                  >
+                    {classType.title}
+                  </button>
+                ))}
+              </div>
+              <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">
+                O produto será exibido para estas turmas
+              </p>
+            </div>
+          )}
+        </div>
+
+        {/* Form Actions */}
+        <div className="flex items-center justify-end gap-3 mt-8 pt-6 border-t border-neutral-200 dark:border-neutral-700">
+          <button
+            type="button"
+            onClick={onCancel}
+            className="px-4 py-2 text-neutral-700 dark:text-neutral-300 font-medium rounded-lg border border-neutral-300 dark:border-neutral-600 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Cancelar
+          </button>
+          <button
+            type="submit"
+            disabled={isPending}
+            className="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white font-medium rounded-lg disabled:opacity-50 transition-colors"
+          >
+            {isPending ? "Salvando..." : "Salvar"}
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default AffiliateProductForm;
diff --git a/src/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductsTable.jsx b/src/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductsTable.jsx
new file mode 100644
index 0000000..30b499d
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductsTable.jsx
@@ -0,0 +1,140 @@
+"use client";
+
+import { deleteAffiliateProductAction } from "@/app/lib/affiliateProducts/deleteAffiliateProductAction";
+import { useActionState, useEffect, useState } from "react";
+import Link from "next/link";
+import { FaEdit, FaTrash } from "react-icons/fa";
+import Label from "@/app/(protected)/components/shared/Label";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+
+export default function AffiliateProductsTable({ products = [] }) {
+  const initialState = { success: false, message: null };
+  const [state, action, isPending] = useActionState(
+    deleteAffiliateProductAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  return (
+    <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+      {showMessage && state?.message && (
+        <div className="px-6 pt-4">
+          <FlashMessage
+            message={state.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+      <table className="w-full text-sm">
+        <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs align-top">
+          <tr>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-left">
+              Produto
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell text-left">
+              Categoria
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center">
+              Status
+            </th>
+            <th className="px-4 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center whitespace-nowrap w-px">
+              Ações
+            </th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800 align-top">
+          {products.length === 0 ? (
+            <tr>
+              <td colSpan="4" className="px-6 py-8 text-center text-neutral-500 dark:text-neutral-400">
+                Nenhum produto cadastrado ainda.
+              </td>
+            </tr>
+          ) : (
+            products.map((product) => (
+              <tr
+                key={product._id}
+                className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+              >
+                <td className="px-6 py-3.5 text-neutral-900 dark:text-neutral-100 align-top text-left">
+                  <div className="flex items-center gap-3">
+                    {product.imageUrl && (
+                      <img
+                        src={product.imageUrl}
+                        alt={product.title}
+                        className="w-12 h-12 rounded-lg object-cover border border-neutral-200 dark:border-neutral-700"
+                      />
+                    )}
+                    <div>
+                      <p className="font-medium">{product.title}</p>
+                      {product.description && (
+                        <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1 line-clamp-1">
+                          {product.description}
+                        </p>
+                      )}
+                    </div>
+                  </div>
+                </td>
+                <td className="px-6 py-3.5 hidden md:table-cell text-neutral-700 dark:text-neutral-300 align-top">
+                  {product.category || "-"}
+                </td>
+                <td className="px-6 py-3.5 text-center align-top">
+                  {product.active ? (
+                    <Label color="emerald" size="sm">Ativo</Label>
+                  ) : (
+                    <Label color="red" size="sm">Inativo</Label>
+                  )}
+                </td>
+                <td className="px-4 py-3.5 align-top whitespace-nowrap">
+                  <div className="flex items-center gap-2">
+                    <Link
+                      href={`/admin/dashboard/affiliate-products/edit/${product._id.toString()}`}
+                      title="Editar"
+                      className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+                    >
+                      <FaEdit className="text-lg" />
+                    </Link>
+                    <form action={action} className="inline">
+                      <input
+                        type="hidden"
+                        name="_id"
+                        value={product._id || "nada"}
+                      />
+                      <button
+                        type="submit"
+                        title="Excluir"
+                        disabled={isPending}
+                        className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                        onClick={(e) => {
+                          if (!confirm('Tem certeza que deseja deletar este produto?')) {
+                            e.preventDefault();
+                          }
+                        }}
+                      >
+                        {isPending ? (
+                          <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                            <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                            <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                          </svg>
+                        ) : (
+                          <FaTrash className="text-lg" />
+                        )}
+                      </button>
+                    </form>
+                  </div>
+                </td>
+              </tr>
+            ))
+          )}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/affiliate-products/add/page.jsx b/src/app/(protected)/admin/dashboard/affiliate-products/add/page.jsx
new file mode 100644
index 0000000..ef31d13
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/affiliate-products/add/page.jsx
@@ -0,0 +1,25 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import AffiliateProductForm from "../AffiliateProductForm";
+import { getAllClassItems } from "@/app/lib/helpers/getItems";
+import { redirect } from "next/navigation";
+import { auth } from "@/auth";
+
+export default async function AddAffiliateProductPage() {
+  const session = await auth();
+  if (!session?.user?.roles?.includes("admin")) {
+    redirect("/auth/login");
+  }
+
+  const classTypes = await getAllClassItems();
+
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader
+        title="Adicionar Produto de Afiliado"
+        subtitle="Cadastre um novo produto de afiliado"
+      />
+      <AffiliateProductForm classTypes={classTypes} />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/affiliate-products/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/affiliate-products/edit/[id]/page.jsx
new file mode 100644
index 0000000..ccc137c
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/affiliate-products/edit/[id]/page.jsx
@@ -0,0 +1,47 @@
+import AffiliateProductForm from "@/app/(protected)/admin/dashboard/affiliate-products/AffiliateProductForm";
+import { getAffiliateProductById } from "@/app/lib/affiliateProducts/getAffiliateProductsAction";
+import { getAllClassItems } from "@/app/lib/helpers/getItems";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { redirect } from "next/navigation";
+import { auth } from "@/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function EditAffiliateProductPage({ params }) {
+  const session = await auth();
+  if (!session?.user?.roles?.includes("admin")) {
+    redirect("/auth/login");
+  }
+
+  const awaitedParams = await params;
+  const id = awaitedParams.id;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const productResult = await getAffiliateProductById(id);
+  const product = productResult.success ? productResult.data : null;
+  const classTypes = await getAllClassItems();
+
+  if (!product) {
+    redirect("/admin/dashboard/affiliate-products");
+  }
+
+  product._id = product._id.toString();
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Editar Produto de Afiliado"
+        subtitle="Atualize as informações do produto"
+      />
+      <div className="flex justify-center">
+        <AffiliateProductForm product={product} classTypes={classTypes} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/affiliate-products/page.jsx b/src/app/(protected)/admin/dashboard/affiliate-products/page.jsx
new file mode 100644
index 0000000..e6aa7a5
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/affiliate-products/page.jsx
@@ -0,0 +1,26 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import AffiliateProductsTable from "./AffiliateProductsTable";
+import { getAllAffiliateProductsForAdmin } from "@/app/lib/affiliateProducts/getAffiliateProductsAction";
+
+export default async function AffiliateProductsPage() {
+  const result = await getAllAffiliateProductsForAdmin();
+  const products = result.success ? result.data : [];
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Gerenciar Produtos de Afiliados"
+        subtitle="Gerencie os produtos de afiliados que serão exibidos para os estudantes"
+        actions={
+          <Link href="/admin/dashboard/affiliate-products/add">
+            <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+              + Adicionar Produto
+            </button>
+          </Link>
+        }
+      />
+      <AffiliateProductsTable products={products} />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/assignments/[id]/results/page.jsx b/src/app/(protected)/admin/dashboard/assignments/[id]/results/page.jsx
new file mode 100644
index 0000000..04dd5e0
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/assignments/[id]/results/page.jsx
@@ -0,0 +1,81 @@
+import { getExamAssignmentById } from "@/app/lib/actions/examActions";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import ExamResults from "@/app/(protected)/components/teacher/ExamResults";
+import { auth } from "@/app/lib/utils/auth";
+import { redirect } from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { getClassModel } from "@/app/models/Class";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function AdminAssignmentResultsPage({ params }) {
+  const { id: assignmentId } = await params || {};
+
+  if (!isValidObjectId(assignmentId)) {
+    return (
+      <MainSection>
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+        </div>
+      </MainSection>
+    );
+  }
+
+  const session = await auth();
+
+  if (!session?.user?.id) {
+    redirect("/auth/login");
+  }
+
+  const userRoles = Array.isArray(session.user.roles) ? session.user.roles : [];
+  const isAdmin =
+    userRoles.includes("admin") ||
+    userRoles.includes("superadmin") ||
+    session.user.role === "admin" ||
+    session.user.role === "superadmin";
+  if (!isAdmin) {
+    return <NotAuthorized />;
+  }
+
+  const result = await getExamAssignmentById(assignmentId);
+  if (!result.success) {
+    return (
+      <MainSection>
+        <div className="max-w-6xl mx-auto p-6">
+          <h1 className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+            Resultados da prova
+          </h1>
+          <p className="text-sm text-red-600 dark:text-red-400 mt-2">
+            {result.error || "Não foi possível carregar os resultados desta prova."}
+          </p>
+        </div>
+      </MainSection>
+    );
+  }
+  const assignment = result.success ? result.data : null;
+
+  // Check if current user is a teacher of the class
+  let canGrade = false;
+  if (session?.user?.id && assignment?.classId) {
+    const Class = await getClassModel();
+    const classRef = assignment.classId?._id || assignment.classId;
+    const classData = await Class.findById(classRef).lean();
+    const teacherIds = classData?.teachers?.map((t) => t.toString()) || [];
+    canGrade = teacherIds.includes(session.user.id);
+  }
+
+  return (
+    <MainSection>
+      <div className="max-w-6xl mx-auto p-6">
+        <div className="mb-6">
+          <h1 className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+            {assignment?.title || "Prova"}
+          </h1>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+            Resultados e correção das provas
+          </p>
+        </div>
+        <ExamResults assignmentId={assignmentId} assignmentTitle={assignment?.title} canGrade={canGrade} />
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/assignments/page.jsx b/src/app/(protected)/admin/dashboard/assignments/page.jsx
new file mode 100644
index 0000000..05ec017
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/assignments/page.jsx
@@ -0,0 +1,30 @@
+import { getExamAssignments, getExamTemplates, getClasses } from '@/app/lib/actions/examActions';
+import AssignmentList from '@/app/(protected)/components/teacher/AssignmentList';
+import AssignmentFormWrapper from '@/app/(protected)/components/exam-templates/AssignmentFormWrapper';
+
+export default async function AssignmentsPage() {
+  const [assignmentsResult, templatesResult, classesResult] = await Promise.all([
+    getExamAssignments(),
+    getExamTemplates(),
+    getClasses()
+  ]);
+  
+  const assignments = assignmentsResult.success ? assignmentsResult.data : [];
+  const templates = templatesResult.success ? templatesResult.data : [];
+  const classes = classesResult.success ? classesResult.data : [];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex justify-between items-center">
+        <h1 className="text-2xl font-bold">Exam Assignments</h1>
+      </div>
+
+      <AssignmentList
+        initialAssignments={assignments}
+        basePath="/admin/dashboard"
+      />
+      
+      <AssignmentFormWrapper templates={templates} classes={classes} />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/categories/CategoriesTable.jsx b/src/app/(protected)/admin/dashboard/categories/CategoriesTable.jsx
new file mode 100644
index 0000000..87e1074
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/categories/CategoriesTable.jsx
@@ -0,0 +1,105 @@
+"use client";
+
+import { deleteCategory } from "@/app/lib/categories/deleteCategory";
+import { useActionState, useEffect, useState } from "react";
+import Link from "next/link";
+import { FaEdit, FaTrash } from "react-icons/fa";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+
+export default function CategoriesTable({ categories }) {
+  const initialState = { success: false, message: null };
+  const [state, action, isPending] = useActionState(
+    deleteCategory,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  return (
+    <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+      {showMessage && state?.message && (
+        <div className="px-6 pt-4">
+          <FlashMessage
+            message={state.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+      <table className="w-full text-sm text-left">
+        <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs">
+          <tr>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Nome da Categoria
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell">
+              Descrição
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 text-right">
+              Ações
+            </th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+          {categories.map((category) => (
+            <tr
+              key={category._id}
+              className="hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors"
+            >
+              <td className="px-6 py-4 text-neutral-900 dark:text-neutral-100 font-medium">
+                {category.name}
+              </td>
+              <td className="px-6 py-4 hidden md:table-cell text-neutral-700 dark:text-neutral-300">
+                {category.description || "-"}
+              </td>
+              <td className="px-6 py-4 text-right">
+                <div className="flex justify-end items-center gap-2">
+                  <Link
+                    href={`/admin/dashboard/categories/edit/${category._id}`}
+                    title="Editar"
+                    className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+                  >
+                    <FaEdit className="text-lg" />
+                  </Link>
+                  <form action={action} className="inline">
+                    <input
+                      type="hidden"
+                      name="categoryId"
+                      value={category._id || "nada"}
+                    />
+                    <button
+                      type="submit"
+                      title="Excluir"
+                      disabled={isPending}
+                      className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                      onClick={(e) => {
+                        if (!confirm('Tem certeza que deseja deletar esta categoria?')) {
+                          e.preventDefault();
+                        }
+                      }}
+                    >
+                      {isPending ? (
+                        <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                          <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                          <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                        </svg>
+                      ) : (
+                        <FaTrash className="text-lg" />
+                      )}
+                    </button>
+                  </form>
+                </div>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/categories/CategoryForm.jsx b/src/app/(protected)/admin/dashboard/categories/CategoryForm.jsx
new file mode 100644
index 0000000..acbb2aa
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/categories/CategoryForm.jsx
@@ -0,0 +1,111 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { useActionState } from "react";
+import saveCategoryAction from "@/app/lib/categories/saveCategoryAction";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { useRouter } from "next/navigation";
+
+function CategoryForm({ category = {}, onCancel }) {
+  const router = useRouter();
+
+  const [showMessage, setShowMessage] = useState(true);
+  const initialState = {
+    success: false,
+    message: null,
+  };
+
+  const [state, action, isPending] = useActionState(
+    saveCategoryAction,
+    initialState
+  );
+
+  useEffect(() => {
+    if (state.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => {
+        setShowMessage(false);
+      }, 5000);
+
+      return () => clearTimeout(timer);
+    }
+  }, [state.message]);
+
+  useEffect(() => {
+    if (state?.success) {
+      router.push("/admin/dashboard/categories");
+    }
+  }, [state?.success, router]);
+
+  return (
+    <div className="w-full">
+      {state?.message && showMessage && (
+        <div className="max-w-screen-xl mx-auto w-full">
+          <FlashMessage
+            message={state?.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+
+      <form
+        action={action}
+        className="bg-white dark:bg-gray-800 p-8 rounded-lg shadow-md max-w-lg mx-auto"
+      >
+        {isPending && <p>Carregando...</p>}
+
+        {category._id && (
+          <input type="hidden" name="_id" value={category._id} />
+        )}
+
+        <div className="mb-4">
+          <label htmlFor="name" className="block text-gray-700 dark:text-gray-300 text-sm font-bold mb-2">
+            Nome da Categoria:
+          </label>
+          <input
+            type="text"
+            id="name"
+            name="name"
+            defaultValue={category.name || ""}
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 dark:text-gray-200 leading-tight focus:outline-none focus:shadow-outline dark:bg-gray-700 dark:border-gray-600"
+            placeholder="Ex: Documentos, Imagens, Vídeos"
+            required
+          />
+        </div>
+
+        <div className="mb-4">
+          <label htmlFor="description" className="block text-gray-700 dark:text-gray-300 text-sm font-bold mb-2">
+            Descrição:
+          </label>
+          <textarea
+            id="description"
+            name="description"
+            defaultValue={category.description || ""}
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 dark:text-gray-200 leading-tight focus:outline-none focus:shadow-outline dark:bg-gray-700 dark:border-gray-600"
+            rows="3"
+            placeholder="Descrição opcional da categoria..."
+          ></textarea>
+        </div>
+
+        <div className="flex items-center justify-between">
+          <button
+            type="submit"
+            disabled={isPending}
+            className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200"
+          >
+            {isPending ? "Salvando..." : "Salvar"}
+          </button>
+          <button
+            type="button"
+            onClick={onCancel}
+            className="bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline transition-colors duration-200"
+          >
+            Cancelar
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default CategoryForm;
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/categories/add/page.jsx b/src/app/(protected)/admin/dashboard/categories/add/page.jsx
new file mode 100644
index 0000000..e6d5d17
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/categories/add/page.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import CategoryForm from "../CategoryForm";
+
+function AddCategory() {
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader title="Adicionar Categoria" subtitle="Crie uma nova categoria de arquivos" />
+      <CategoryForm />
+    </div>
+  );
+}
+
+export default AddCategory;
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/categories/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/categories/edit/[id]/page.jsx
new file mode 100644
index 0000000..b524666
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/categories/edit/[id]/page.jsx
@@ -0,0 +1,35 @@
+import CategoryForm from "@/app/(protected)/admin/dashboard/categories/CategoryForm";
+import { getCategoryById } from "@/app/lib/helpers/getItems";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function EditCategoryPage({ params }) {
+  const awaitedParams = await params;
+  const id = awaitedParams.id;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const category = await getCategoryById(id);
+
+  if (!category) {
+    return <div>Categoria não encontrada</div>;
+  }
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Editar Categoria"
+        subtitle="Atualize as informações da categoria"
+      />
+      <div className="flex justify-center">
+        <CategoryForm category={category} />
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/categories/page.jsx b/src/app/(protected)/admin/dashboard/categories/page.jsx
new file mode 100644
index 0000000..7889655
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/categories/page.jsx
@@ -0,0 +1,25 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import CategoriesTable from "./CategoriesTable";
+import { getAllCategories } from "@/app/lib/helpers/getItems";
+
+export default async function CategoriesPage() {
+  const categories = await getAllCategories();
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Gerenciar Categorias de Arquivos"
+        subtitle="Organize e gerencie as categorias de arquivos do sistema"
+        actions={
+          <Link href={`/admin/dashboard/categories/add`}>
+            <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+              + Adicionar Nova Categoria
+            </button>
+          </Link>
+        }
+      />
+      <CategoriesTable categories={categories} />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/class/add/page.jsx b/src/app/(protected)/admin/dashboard/class/add/page.jsx
new file mode 100644
index 0000000..afc9fd3
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/add/page.jsx
@@ -0,0 +1,27 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import ClassForm from "@/app/(protected)/admin/dashboard/class/components/ClassForm";
+import { getUsersByRole } from "@/app/lib/users/getUsersByRole";
+import { getClassTypes } from "@/app/lib/classes/getClassTypes";
+
+async function AddClass() {
+  const teachersResult = await getUsersByRole(["teacher"]);
+  const teachers = teachersResult.success ? teachersResult.data : [];
+  const studentsResult = await getUsersByRole(["student"]);
+  const students = studentsResult.success ? studentsResult.data : [];
+  const classTypesResult = await getClassTypes();
+  const classTypes = classTypesResult.success ? classTypesResult.data : [];
+
+  return (
+    <div className="flex flex-col w-full px-4 sm:px-6 lg:px-8">
+      <PageHeader title="Adicionar Turma" subtitle="Crie uma nova turma no sistema" />
+      <ClassForm
+        classTypes={classTypes}
+        teachers={teachers}
+        students={students}
+      />
+    </div>
+  );
+}
+
+export default AddClass;
diff --git a/src/app/(protected)/admin/dashboard/class/components/ClassForm.jsx b/src/app/(protected)/admin/dashboard/class/components/ClassForm.jsx
new file mode 100644
index 0000000..72e1776
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/ClassForm.jsx
@@ -0,0 +1,417 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { useActionState } from "react";
+import saveClassAction from "@/app/lib/classes/saveClassAction";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import RoleCheckbox from "@/app/(protected)/components/shared/RoleCheckbox";
+import FormCheckbox from "./FormCheckbox";
+import { DAYS } from "@/app/lib/utils/days";
+
+function ClassForm({
+  classData = {},
+  onCancel,
+  classTypes = [],
+  teachers = [],
+  students = [],
+}) {
+  const initialState = { success: false, message: null };
+
+  const [state, action, isPending] = useActionState(
+    saveClassAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+
+  const initialData = classData
+    ? {
+        ...classData,
+        classType:
+          typeof classData.classType === "object"
+            ? String(classData.classType?._id ?? "")
+            : String(classData.classType ?? ""),
+        startDate: classData.startDate?.split("T")[0],
+        endDate: classData.endDate?.split("T")[0],
+      }
+    : {};
+
+  const [inputs, setInputs] = useState(state?.inputs || initialData || {});
+
+  useEffect(() => {
+    if (state?.inputs) {
+      setInputs((prev) => ({
+        ...prev,
+        ...state.inputs,
+        classType: String(state.inputs.classType ?? ""),
+      }));
+    }
+  }, [state?.inputs]);
+
+  useEffect(() => {
+    if (state.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 15000);
+      return () => clearTimeout(timer);
+    } else {
+      setShowMessage(false);
+    }
+  }, [state.message]);
+
+  const onClassTypeChange = (e) => {
+    const value = String(e.target.value);
+    const ct = classTypes.find((x) => String(x._id) === e.target.value);
+    setInputs((prev) => {
+      const next = { ...prev, classType: value, price: ct?.price ?? "" };
+      return next;
+    });
+  };
+
+  const onCheckboxChange = (field, value) => (e) => {
+    const currentArray = inputs[field] || [];
+    if (e.target.checked) {
+      setInputs({ ...inputs, [field]: [...currentArray, value] });
+    } else {
+      setInputs({ ...inputs, [field]: currentArray.filter((v) => v !== value) });
+    }
+  };
+
+  return (
+    <div className="w-full">
+      {/* FlashMessage outside form for better visibility */}
+      {state?.message && showMessage && (
+        <div className="max-w-4xl mx-auto mb-4">
+          <FlashMessage
+            message={state?.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+
+      <form action={action} className="max-w-4xl mx-auto">
+        {isPending && (
+          <div className="mb-4 p-4 bg-neutral-100 dark:bg-neutral-800 rounded-lg text-center">
+            <p className="text-neutral-600 dark:text-neutral-300">Salvando...</p>
+          </div>
+        )}
+
+        {classData._id && <input type="hidden" name="_id" value={classData._id} />}
+
+        {/* Hidden inputs for form submission */}
+        {(inputs.teachers || []).map((t) => (
+          <input key={`teacher-${t}`} type="hidden" name="teachers" value={t} />
+        ))}
+        {(inputs.students || []).map((s) => (
+          <input key={`student-${s}`} type="hidden" name="students" value={s} />
+        ))}
+        {(inputs.schedule?.days || []).map((d) => (
+          <input key={`day-${d}`} type="hidden" name="days" value={d} />
+        ))}
+        <input type="hidden" name="status" value="active" />
+
+        {/* Main Form - Grid Layout */}
+        <div className="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 shadow-sm overflow-hidden">
+
+          {/* Header Section */}
+          <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-b border-neutral-200 dark:border-neutral-700">
+            <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+              {classData._id ? "Editar Turma" : "Nova Turma"}
+            </h2>
+          </div>
+
+          {/* Form Content */}
+          <div className="p-6">
+            {/* 2-Column Grid */}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+
+              {/* Tipo de Classe */}
+              <div className="space-y-2">
+                <label htmlFor="classType" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Tipo de Classe <span className="text-red-500">*</span>
+                </label>
+                <select
+                  id="classType"
+                  name="classType"
+                  required
+                  value={inputs?.classType || ""}
+                  onChange={onClassTypeChange}
+                  className="select-contrast w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                >
+                  <option value="">Selecione...</option>
+                  {classTypes.map((ct) => {
+                    const id = typeof ct._id === "string" ? ct._id : String(ct._id);
+                    return (
+                      <option key={id} value={id}>
+                        {ct.name || ct.title || ct.label || id}
+                      </option>
+                    );
+                  })}
+                </select>
+              </div>
+
+              {/* Título */}
+              <div className="space-y-2">
+                <label htmlFor="classTitle" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Título <span className="text-red-500">*</span>
+                </label>
+                <input
+                  type="text"
+                  id="classTitle"
+                  name="classTitle"
+                  value={inputs?.classTitle || ""}
+                  onChange={(e) => setInputs({ ...inputs, classTitle: e.target.value })}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                  placeholder="Ex: Starters 1 - 2025"
+                />
+              </div>
+
+              {/* Data de Início */}
+              <div className="space-y-2">
+                <label htmlFor="startDate" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Data de Início <span className="text-red-500">*</span>
+                </label>
+                <input
+                  type="date"
+                  lang="pt-BR"
+                  id="startDate"
+                  name="startDate"
+                  value={inputs?.startDate || ""}
+                  onChange={(e) => setInputs({ ...inputs, startDate: e.target.value })}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+              </div>
+
+              {/* Data de Término */}
+              <div className="space-y-2">
+                <label htmlFor="endDate" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Data de Término
+                </label>
+                <input
+                  type="date"
+                  lang="pt-BR"
+                  id="endDate"
+                  name="endDate"
+                  value={inputs?.endDate || ""}
+                  onChange={(e) => setInputs({ ...inputs, endDate: e.target.value })}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+              </div>
+
+              {/* Horário */}
+              <div className="space-y-2">
+                <label htmlFor="time" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Horário <span className="text-red-500">*</span>
+                </label>
+                <input
+                  type="time"
+                  id="time"
+                  name="time"
+                  value={inputs?.schedule?.time || ""}
+                  onChange={(e) => setInputs({ ...inputs, schedule: { ...inputs.schedule, time: e.target.value } })}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+              </div>
+
+              {/* Mensalidade */}
+              <div className="space-y-2">
+                <label htmlFor="price" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Mensalidade
+                </label>
+                <input
+                  type="text"
+                  id="price"
+                  name="price"
+                  value={inputs?.price || ""}
+                  onChange={(e) => setInputs({ ...inputs, price: e.target.value })}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                  placeholder="Ex: 50,00"
+                />
+              </div>
+
+              {/* Link */}
+              <div className="space-y-2 md:col-span-2">
+                <label htmlFor="link" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Link (Zoom, Meet, etc.)
+                </label>
+                <input
+                  type="text"
+                  id="link"
+                  name="link"
+                  value={inputs?.link || ""}
+                  onChange={(e) => setInputs({ ...inputs, link: e.target.value })}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                  placeholder="https://..."
+                />
+              </div>
+
+            </div>
+
+            {/* Professores - Full Width */}
+            <div className="mt-6 space-y-3">
+              <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                Professores <span className="text-red-500">*</span>
+              </label>
+              <div className="flex flex-wrap gap-3">
+                {teachers.length === 0 ? (
+                  <p className="text-sm text-amber-600 dark:text-amber-400">
+                    Nenhum professor cadastrado.
+                  </p>
+                ) : (
+                  teachers.map((teacher) => {
+                    const id = typeof teacher._id === "string" ? teacher._id : String(teacher._id);
+                    const isChecked = (inputs.teachers || []).some((t) => (typeof t === "string" ? t : String(t)) === id);
+                    return (
+                      <RoleCheckbox
+                        key={id}
+                        value={id}
+                        label={teacher.fullName}
+                        color="indigo"
+                        checked={isChecked}
+                        onChange={onCheckboxChange("teachers", id)}
+                      />
+                    );
+                  })
+                )}
+              </div>
+            </div>
+
+            {/* Alunos - Select Multi with Search (for many students) */}
+            <div className="mt-6 space-y-3">
+              <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                Alunos
+              </label>
+
+              {/* Selected Students as Removable Tags */}
+              {(inputs.students || []).length > 0 && (
+                <div className="flex flex-wrap gap-2 p-3 rounded-lg bg-neutral-50 dark:bg-neutral-900/50 border border-neutral-200 dark:border-neutral-700">
+                  {inputs.students.map((studentId) => {
+                    const idStr = typeof studentId === "string" ? studentId : String(studentId);
+                    const student = students.find((s) => (typeof s._id === "string" ? s._id : String(s._id)) === idStr);
+                    return (
+                      <span
+                        key={idStr}
+                        className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-medium ${
+                          student ? "student-tag" : "bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-300 border border-red-300 dark:border-red-700"
+                        }`}
+                      >
+                        {student ? student.fullName : `ID: ${idStr.slice(-6)}… (removido)`}
+                        <button
+                          type="button"
+                          onClick={() => {
+                            setInputs({
+                              ...inputs,
+                              students: (inputs.students || []).filter((s) => (typeof s === "string" ? s : String(s)) !== idStr)
+                            });
+                          }}
+                        >
+                          ×
+                        </button>
+                      </span>
+                    );
+                  })}
+                </div>
+              )}
+
+              {/* Add Students */}
+              <div className="flex gap-2">
+                <select
+                  value=""
+                  onChange={(e) => {
+                    if (e.target.value) {
+                      setInputs({
+                        ...inputs,
+                        students: [...(inputs.students || []), e.target.value]
+                      });
+                    }
+                  }}
+                  className="select-contrast flex-1 h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm focus:outline-none focus:ring-2 focus:ring-emerald-500"
+                >
+                  <option value="">Adicionar aluno...</option>
+                  {students
+                    .filter((s) => !(inputs.students || []).some((selectedId) => (typeof s._id === "string" ? s._id : String(s._id)) === (typeof selectedId === "string" ? selectedId : String(selectedId))))
+                    .map((student) => {
+                      const id = typeof student._id === "string" ? student._id : String(student._id);
+                      return (
+                        <option key={id} value={id}>
+                          {student.fullName}
+                        </option>
+                      );
+                    })
+                  }
+                </select>
+              </div>
+
+              {students.length === 0 && (
+                <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                  Nenhum aluno cadastrado.
+                </p>
+              )}
+            </div>
+
+            {/* Dias da Semana - Full Width */}
+            <div className="mt-6 space-y-3">
+              <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                Dias da Semana <span className="text-red-500">*</span>
+              </label>
+              <div className="flex flex-wrap gap-3">
+                {DAYS.map((day) => {
+                  const isChecked = (inputs.schedule?.days || []).includes(day);
+                  return (
+                    <RoleCheckbox
+                      key={day}
+                      value={day}
+                      label={day}
+                      color="amber"
+                      checked={isChecked}
+                      onChange={(e) => {
+                        const currentDays = inputs.schedule?.days || [];
+                        const newDays = e.target.checked
+                          ? [...currentDays, day]
+                          : currentDays.filter((d) => d !== day);
+                        setInputs({ ...inputs, schedule: { ...inputs.schedule, days: newDays } });
+                      }}
+                    />
+                  );
+                })}
+              </div>
+            </div>
+
+            {/* Herdar Arquivos - Only for new classes */}
+            {!classData._id && (
+              <div className="mt-6">
+                <FormCheckbox
+                  name="inheritFiles"
+                  label="Herdar arquivos do tipo de turma"
+                  description="Ao criar a turma, herdam-se os arquivos daquele tipo de classe."
+                  checked={inputs?.inheritFiles ?? true}
+                  onChange={(e) => setInputs({ ...inputs, inheritFiles: e.target.checked })}
+                />
+              </div>
+            )}
+
+          </div>
+
+          {/* Action Buttons */}
+          <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-t border-neutral-200 dark:border-neutral-700 flex gap-3 justify-end">
+            <button
+              type="button"
+              onClick={onCancel}
+              className="px-6 py-2.5 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 text-sm font-medium hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+            >
+              Cancelar
+            </button>
+            <button
+              type="submit"
+              disabled={isPending}
+              className="px-6 py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {isPending ? "Salvando..." : "Salvar"}
+            </button>
+          </div>
+
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default ClassForm;
diff --git a/src/app/(protected)/admin/dashboard/class/components/ClassesTable.jsx b/src/app/(protected)/admin/dashboard/class/components/ClassesTable.jsx
new file mode 100644
index 0000000..2642374
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/ClassesTable.jsx
@@ -0,0 +1,28 @@
+import { ClassRow } from "@/app/(protected)/admin/dashboard/class/components/classRow";
+
+export default function ClassesTable({classes}) {
+
+  return (
+    <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+      <table className="w-full text-sm text-left">
+        <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs">
+          <tr>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">Título</th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell">Professores</th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden lg:table-cell">Início</th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 text-center">Status</th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 text-right">Ações</th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+          {classes.map((classItem) => (
+            <ClassRow 
+              key={classItem._id} 
+              classData={classItem}
+            />
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/class/components/DaysMultiSelect.jsx b/src/app/(protected)/admin/dashboard/class/components/DaysMultiSelect.jsx
new file mode 100644
index 0000000..9b1f751
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/DaysMultiSelect.jsx
@@ -0,0 +1,117 @@
+"use client";
+import { useState, useEffect } from "react";
+import {
+  Combobox,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+  ComboboxButton,
+} from "@headlessui/react";
+import { CheckIcon, ChevronUpDownIcon } from "@heroicons/react/24/solid";
+import { DAYS } from "@/app/lib/utils/days";
+
+export default function DaysMultiSelect({ defaultSelectedDays = [], onRemove }) {
+  const [query, setQuery] = useState("");
+
+  const [selected, setSelected] = useState(
+    DAYS.filter((d) => defaultSelectedDays.includes(d))
+  );
+
+  useEffect(() => {
+    const newSelected = DAYS.filter((d) => defaultSelectedDays.includes(d));
+    setSelected(newSelected);
+  }, [defaultSelectedDays]);
+
+  const filtered =
+    query === ""
+      ? DAYS
+      : DAYS.filter((day) =>
+          day.toLowerCase().includes(query.toLowerCase())
+        );
+
+  const handleRemove = (day) => {
+    setSelected((prev) => prev.filter((d) => d !== day));
+    onRemove && onRemove(day);
+  };
+
+  return (
+    <div className="mb-4">
+      <label className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+        Dias da Semana <span className="text-red-500">*</span>:
+      </label>
+
+      <Combobox
+        multiple
+        value={selected}
+        onChange={setSelected}
+        onClose={() => setQuery("")}
+      >
+        <div className="relative">
+          <div
+            className="relative max-w-lg cursor-default overflow-hidden rounded border
+                       border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700
+                       text-left focus:outline-none focus:ring-2 focus:ring-indigo-500"
+          >
+            <div className="flex flex-wrap gap-1 p-2">
+              {selected.map((d) => (
+                <span
+                  key={d}
+                  className="flex items-center gap-1 rounded-full bg-indigo-600 px-2 py-0.5 text-xs
+                             text-white dark:bg-indigo-900/40 dark:text-indigo-300"
+                >
+                  {d}
+                  <button
+                    type="button"
+                    className="rounded p-0.5 hover:bg-indigo-200 dark:hover:bg-indigo-800"
+                    onMouseDown={(e) => e.preventDefault()}
+                    onClick={() => handleRemove(d)}
+                    aria-label={`Remover ${d}`}
+                  >
+                    <CheckIcon className="h-3 w-3 rotate-45" />
+                  </button>
+                </span>
+              ))}
+            </div>
+
+            <ComboboxInput
+              aria-label="days"
+              className="w-full border-none py-2 pl-3 pr-8 text-neutral-900 dark:text-neutral-200 bg-transparent focus:outline-none"
+              onChange={(e) => setQuery(e.target.value)}
+              placeholder="Selecione os dias..."
+            />
+
+            <ComboboxButton className="absolute inset-y-0 right-0 flex items-center pr-2">
+              <ChevronUpDownIcon className="h-5 w-5 text-neutral-400" />
+            </ComboboxButton>
+          </div>
+
+          <ComboboxOptions
+            anchor={{ to: "bottom", gap: "0.5rem" }}
+            className="border mt-1 max-h-60 overflow-auto rounded
+                       border-neutral-200 dark:border-neutral-600 bg-white dark:bg-neutral-800 shadow-lg"
+          >
+            {filtered.map((day) => (
+              <ComboboxOption
+                key={day}
+                value={day}
+                className="data-[focus]:bg-indigo-600 data-[focus]:dark:bg-indigo-600
+                           data-[focus]:dark:text-white cursor-pointer select-none px-3 py-2"
+              >
+                {({ selected }) => (
+                  <div className="flex items-center justify-between">
+                    <span>{day}</span>
+                    {selected && <CheckIcon className="ml-1 h-4 w-4" />}
+                  </div>
+                )}
+              </ComboboxOption>
+            ))}
+          </ComboboxOptions>
+        </div>
+      </Combobox>
+
+      {selected.map((day) => (
+        <input key={day} type="hidden" name="days" value={day} />
+      ))}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/class/components/DeleteClassButton.jsx b/src/app/(protected)/admin/dashboard/class/components/DeleteClassButton.jsx
new file mode 100644
index 0000000..c5b617f
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/DeleteClassButton.jsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { FaTrash } from "react-icons/fa";
+import { deleteClass } from "@/app/lib/classes/deleteClass";
+
+export default function DeleteClassButton({ classId, classTitle }) {
+  return (
+    <form action={deleteClass} className="inline">
+      <input type="hidden" name="classId" value={classId} />
+      <button
+        type="submit"
+        title="Excluir"
+        className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors"
+        aria-label={`Excluir turma ${classTitle}`}
+        onClick={(e) => {
+          if (!confirm('Tem certeza que deseja deletar esta turma?')) {
+            e.preventDefault();
+          }
+        }}
+      >
+        <FaTrash className="text-lg" />
+      </button>
+    </form>
+  );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/class/components/FormCheckbox.jsx b/src/app/(protected)/admin/dashboard/class/components/FormCheckbox.jsx
new file mode 100644
index 0000000..3b1431e
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/FormCheckbox.jsx
@@ -0,0 +1,50 @@
+export default function FormCheckbox({
+  id,
+  name,
+  label,
+  description,
+  checked,
+  onChange,
+  defaultChecked,
+  required = false,
+  disabled = false,
+  className = "",
+}) {
+  const inputId = id || name;
+
+  return (
+    <div className={`mb-4 ${className}`}>
+      <div className="flex items-start gap-3">
+        <input
+          id={inputId}
+          name={name}
+          type="checkbox"
+          {...(checked !== undefined
+            ? { checked, onChange }
+            : { defaultChecked })}
+          required={required}
+          disabled={disabled}
+          aria-describedby={description ? `${inputId}-desc` : undefined}
+          className="mt-1 h-5 w-5 rounded border-neutral-300 dark:border-neutral-600
+                     bg-white dark:bg-neutral-700
+                     accent-indigo-600
+                     focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400
+                     disabled:opacity-50"
+        />
+        <div className="leading-tight">
+          <label
+            htmlFor={inputId}
+            className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold"
+          >
+            {label}
+          </label>
+          {description && (
+            <p id={`${inputId}-desc`} className="mt-0.5 text-xs text-neutral-500 dark:text-neutral-400">
+              {description}
+            </p>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/class/components/ToggleClassStatusButton.jsx b/src/app/(protected)/admin/dashboard/class/components/ToggleClassStatusButton.jsx
new file mode 100644
index 0000000..f0f29c0
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/ToggleClassStatusButton.jsx
@@ -0,0 +1,54 @@
+"use client";
+
+import { FaPowerOff } from "react-icons/fa";
+import { toggleClassStatus } from "@/app/lib/classes/toggleClassStatus";
+import { useState } from "react";
+
+export default function ToggleClassStatusButton({ classId, classTitle, isActive }) {
+  const [isPending, setIsPending] = useState(false);
+
+  const handleToggle = async (e) => {
+    e.preventDefault();
+    const action = isActive ? "desativar" : "ativar";
+
+    if (!confirm(`Tem certeza que deseja ${action} a turma "${classTitle}"?`)) {
+      return;
+    }
+
+    setIsPending(true);
+
+    try {
+      const formData = new FormData();
+      formData.append("classId", classId);
+      const result = await toggleClassStatus(formData);
+
+      if (result.success) {
+        // Reload the page to show updated status
+        window.location.reload();
+      } else {
+        alert(result.message || "Erro ao alterar status da turma.");
+      }
+    } catch (error) {
+      alert("Erro ao alterar status da turma.");
+    } finally {
+      setIsPending(false);
+    }
+  };
+
+  return (
+    <button
+      type="button"
+      onClick={handleToggle}
+      disabled={isPending}
+      title={isActive ? "Desativar" : "Ativar"}
+      className={`p-2 transition-colors ${
+        isActive
+          ? "text-emerald-500 hover:text-emerald-700 dark:hover:text-emerald-300"
+          : "text-neutral-400 hover:text-emerald-600 dark:hover:text-emerald-400"
+      } ${isPending ? "opacity-50 cursor-not-allowed" : ""}`}
+      aria-label={`${isActive ? "Desativar" : "Ativar"} turma ${classTitle}`}
+    >
+      <FaPowerOff className="text-lg" />
+    </button>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/class/components/UsersMultiSelect.jsx b/src/app/(protected)/admin/dashboard/class/components/UsersMultiSelect.jsx
new file mode 100644
index 0000000..03e8d2f
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/UsersMultiSelect.jsx
@@ -0,0 +1,110 @@
+"use client";
+import { useState, useEffect } from "react";
+import {
+  Combobox,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+  ComboboxButton,
+} from "@headlessui/react";
+import { CheckIcon, ChevronUpDownIcon } from "@heroicons/react/24/solid";
+
+export default function UsersMultiSelect({
+  label = "Usuários",
+  inputName = "users[]",
+  users = [],
+  defaultSelectedIds = [],
+  onRemove,
+  onSelectionChange,
+}) {
+  const [query, setQuery] = useState("");
+
+  const selected = defaultSelectedIds
+    .map((id) => users.find((us) => us._id === id))
+    .filter(Boolean);
+
+  const filtered =
+    query === ""
+      ? users
+      : users.filter((u) =>
+          u.fullName.toLowerCase().includes(query.toLowerCase())
+        );
+
+  return (
+    <div className="mb-4">
+      <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 mb-2 block">
+        {label}
+      </label>
+      <Combobox
+        multiple
+        value={selected}
+        onChange={(newSelected) => onSelectionChange(newSelected.map(u => u._id))}
+        onClose={() => setQuery("")}
+      >
+        <div className="relative">
+          <div
+            className="relative max-w-200 cursor-default overflow-hidden rounded-md border border-input bg-background text-left focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2"
+          >
+            {selected.length > 0 && (
+              <div className="flex flex-wrap gap-1 p-1.5">
+                {selected.map((u) => (
+                  <span
+                    key={u._id}
+                    className="inline-flex items-center gap-1 rounded-full bg-secondary px-2.5 py-0.5 text-xs font-semibold text-secondary-foreground"
+                  >
+                    {u.fullName}
+                    <button
+                      type="button"
+                      className="rounded-full p-0.5 hover:bg-muted"
+                      onMouseDown={(e) => e.preventDefault()}
+                      onClick={() => onRemove(u._id, inputName)}
+                      aria-label={`Remover ${u.fullName}`}
+                    >
+                      <CheckIcon className="h-3 w-3" />
+                    </button>
+                  </span>
+                ))}
+              </div>
+            )}
+            <ComboboxInput
+              aria-label={label}
+              displayValue={(user) => user?.fullName}
+              onChange={(event) => setQuery(event.target.value)}
+              className="w-full border-none bg-transparent py-2 pl-3 pr-8 text-sm outline-none placeholder:text-muted-foreground"
+            />
+            <ComboboxButton className="absolute inset-y-0 right-0 flex items-center pr-2">
+              <ChevronUpDownIcon className="h-5 w-5 text-muted-foreground" />
+            </ComboboxButton>
+          </div>
+          <ComboboxOptions
+            anchor={{ to: "bottom", gap: "0.25rem" }}
+            className="border rounded-md shadow-lg max-h-60 overflow-auto bg-popover text-popover-foreground"
+          >
+            {filtered.map((u) => (
+              <ComboboxOption
+                key={u._id}
+                value={u}
+                className="data-[focus]:bg-accent data-[focus]:text-accent-foreground cursor-pointer select-none px-3 py-2"
+              >
+                {({ selected }) => (
+                  <div className="flex items-center justify-between">
+                    <span className="truncate">{u.fullName}</span>
+                    {selected && <CheckIcon className="h-4 w-4" />}
+                  </div>
+                )}
+              </ComboboxOption>
+            ))}
+            {filtered.length === 0 && query !== "" && (
+              <div className="py-2 px-3 text-sm text-muted-foreground">
+                Nenhum resultado encontrado
+              </div>
+            )}
+          </ComboboxOptions>
+        </div>
+      </Combobox>
+      {selected.map((s) => (
+        <input key={s._id} type="hidden" name={inputName} value={s._id} />
+      ))}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/class/components/classRow.js b/src/app/(protected)/admin/dashboard/class/components/classRow.js
new file mode 100644
index 0000000..66dd0dc
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/components/classRow.js
@@ -0,0 +1,71 @@
+import { getUserModel } from "@/app/models/User";
+import { getFieldItemByItem } from "@/app/lib/helpers/getItems"
+import { FaEdit, FaTrash } from "react-icons/fa";
+import Link from "next/link";
+import { FaFileCirclePlus } from "react-icons/fa6";
+import DeleteClassButton from "./DeleteClassButton";
+import { deleteClass } from "@/app/lib/classes/deleteClass";
+import Label from "@/app/(protected)/components/shared/Label";
+import ToggleClassStatusButton from "./ToggleClassStatusButton";
+
+export async function ClassRow({ classData }) {
+  const User = await getUserModel();
+
+  return (
+    <tr className="hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors">
+      <td className="px-6 py-4 text-neutral-900 dark:text-neutral-100 font-medium">
+        <Link
+          href={`/admin/dashboard/class/files/${classData._id}`}
+          className="hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors underline-offset-2 hover:underline"
+          title="Abrir dashboard da turma"
+        >
+          {classData?.classTitle}
+        </Link>
+      </td>
+      <td className="px-6 py-4 hidden md:table-cell text-neutral-700 dark:text-neutral-300">
+        {(
+          await Promise.all(
+            classData.teachers.map((t) =>
+              getFieldItemByItem(User, t._id, "fullName")
+            )
+          )
+        ).join(", ")}
+      </td>
+      <td className="px-6 py-4 hidden lg:table-cell text-neutral-700 dark:text-neutral-300">
+        {new Date(classData.startDate).toLocaleDateString('pt-BR')}
+      </td>
+      <td className="px-6 py-4 text-center">
+        <Label
+          color={classData.status === 'active' ? 'emerald' : 'red'}
+          size="sm"
+        >
+          {classData.status === 'active' ? 'Ativa' : 'Inativa'}
+        </Label>
+      </td>
+      <td className="px-6 py-4 text-right">
+        <div className="flex justify-end items-center gap-2">
+          <ToggleClassStatusButton
+            classId={classData._id.toString()}
+            classTitle={classData.classTitle}
+            isActive={classData.status === 'active'}
+          />
+          <Link
+            href={`/admin/dashboard/files/class/${classData._id}/add`}
+            title="Adicionar Arquivo"
+            className="p-2 text-neutral-500 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
+          >
+            <FaFileCirclePlus className="text-lg" />
+          </Link>
+          <Link
+            href={`/admin/dashboard/class/edit/${classData._id}`}
+            title="Editar"
+            className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+          >
+            <FaEdit className="text-lg" />
+          </Link>
+          <DeleteClassButton classId={classData._id.toString()} classTitle={classData.classTitle} />
+        </div>
+      </td>
+    </tr>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/class/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/class/edit/[id]/page.jsx
new file mode 100644
index 0000000..e353aaa
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/edit/[id]/page.jsx
@@ -0,0 +1,55 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import ClassForm from "@/app/(protected)/admin/dashboard/class/components/ClassForm";
+import {getUsersByRole} from "@/app/lib/users/getUsersByRole";
+import {getClassTypes} from "@/app/lib/classes/getClassTypes";
+import {getClassModel} from "@/app/models/Class";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+async function EditClass({params}) {
+    const {id} = await params;
+
+    if (!isValidObjectId(id)) {
+        return (
+            <div className="flex flex-col items-center justify-center py-20">
+                <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+            </div>
+        );
+    }
+
+    const teachersResult = await getUsersByRole(["teacher"]);
+    const teachers = teachersResult.success ? teachersResult.data : [];
+    const studentsResult = await getUsersByRole(["student"]);
+    const students = studentsResult.success ? studentsResult.data : [];
+    const classTypesResult = await getClassTypes();
+    const classTypes = classTypesResult.success ? classTypesResult.data : [];
+    const Class = await getClassModel();
+    const classData = await Class.findOne({_id: id}).lean();
+
+    if (!classData) {
+        return (
+            <div className="flex flex-col w-full text-center p-8">
+                <PageHeader title="Turma não encontrada..." />
+                <p className="text-gray-600 dark:text-gray-400">
+                    A turma que você está tentando editar não existe ou foi excluída.
+                </p>
+            </div>
+        );
+    }
+    //TODO usar a função toPlain
+    const plainClassData = JSON.parse(JSON.stringify(classData));
+
+    return (
+        <div className="flex flex-col w-full">
+            <PageHeader title="Editar Turma" subtitle="Atualize as informações da turma" />
+            <ClassForm
+                classData={plainClassData || null}
+                classTypes={classTypes}
+                teachers={teachers}
+                students={students}
+            />
+        </div>
+    );
+}
+
+export default EditClass;
diff --git a/src/app/(protected)/admin/dashboard/class/files/[id]/page.jsx b/src/app/(protected)/admin/dashboard/class/files/[id]/page.jsx
new file mode 100644
index 0000000..09ddada
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/files/[id]/page.jsx
@@ -0,0 +1,164 @@
+import mongoose from "mongoose";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import ClassDetail from "@/app/(protected)/components/teacher/ClassDetail";
+import { getClassModel } from "@/app/models/Class";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { getLessonModel } from "@/app/models/Lesson";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getUserModel } from "@/app/models/User";
+import { toPlain } from "@/app/lib/helpers/toPlain";
+import { retrieveFiles } from "@/app/lib/helpers/retriveFiles";
+
+async function ClassFilesPage({ params }) {
+  const { id: classId } = await params;
+
+  if (!mongoose.Types.ObjectId.isValid(classId)) {
+    return (
+      <MainSection>
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-lg text-neutral-500 dark:text-neutral-400">Turma não encontrada.</p>
+        </div>
+      </MainSection>
+    );
+  }
+
+  await getFileModel();
+  await getUserModel();
+  await getLessonModel();
+  await getExamAttemptModel();
+
+  const ClassModel = await getClassModel();
+
+  try {
+    const theClass = await ClassModel
+      .findById(classId)
+      .populate([
+        {
+          path: "files",
+          select: "title url size description uploadedAt mimetype category",
+          populate: {
+            path: "category",
+            select: "name colorIndex"
+          }
+        },
+        {
+          path: "students",
+          select: "fullName"
+        },
+        {
+          path: "teachers",
+          select: "fullName"
+        }
+      ])
+      .lean();
+
+    if (!theClass) {
+      return <div>Class not found.</div>;
+    }
+
+    const plainClassData = toPlain(theClass);
+    const rawFiles = Array.isArray(plainClassData?.files) ? plainClassData.files : [];
+    const filesData = retrieveFiles(rawFiles);
+
+    const totalStudents = new Set((plainClassData?.students || []).map((s) => s._id)).size;
+
+    const LessonModel = await getLessonModel();
+    const lessons = await LessonModel.find({ classId }).sort({ date: -1 }).lean();
+    const plainLessons = toPlain(lessons);
+
+    const classStudentIds = new Set((plainClassData?.students || []).map((s) => s._id));
+    let totalPresent = 0;
+    let totalLate = 0;
+    let totalAttendanceRecords = 0;
+    const studentAttendance = {};
+
+    plainLessons.forEach((lesson) => {
+      lesson.attendance?.forEach((a) => {
+        const attendanceStudentId = a?.studentId?._id || a?.studentId;
+        if (classStudentIds.has(attendanceStudentId)) {
+          totalAttendanceRecords += 1;
+          if (a.status === "present") totalPresent += 1;
+          if (a.status === "late") totalLate += 1;
+
+          if (!studentAttendance[attendanceStudentId]) {
+            studentAttendance[attendanceStudentId] = { present: 0, late: 0, total: 0 };
+          }
+          studentAttendance[attendanceStudentId].total += 1;
+          if (a.status === "present") studentAttendance[attendanceStudentId].present += 1;
+          if (a.status === "late") studentAttendance[attendanceStudentId].late += 1;
+        }
+      });
+    });
+
+    const attendanceRate = totalAttendanceRecords > 0
+      ? Math.round(((totalPresent + totalLate) / totalAttendanceRecords) * 100)
+      : 0;
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempts = await ExamAttempt.find({ classId }).lean();
+    const plainAttempts = toPlain(attempts);
+    const studentExamStats = {};
+
+    plainAttempts.forEach((attempt) => {
+      const studentId = attempt.studentId?._id || attempt.studentId;
+      if (!studentExamStats[studentId]) {
+        studentExamStats[studentId] = { totalScore: 0, totalPoints: 0 };
+      }
+      if (attempt.score !== undefined && attempt.totalPoints) {
+        studentExamStats[studentId].totalScore += attempt.score;
+        studentExamStats[studentId].totalPoints += attempt.totalPoints;
+      }
+    });
+
+    const studentsWithData = (plainClassData?.students || []).map((student) => {
+      const att = studentAttendance[student._id] || { present: 0, late: 0, total: 0 };
+      const studentAttRate = att.total > 0 ? Math.round(((att.present + att.late) / att.total) * 100) : 0;
+
+      const examStats = studentExamStats[student._id] || { totalScore: 0, totalPoints: 0 };
+      const avgScore = examStats.totalPoints > 0
+        ? (examStats.totalScore / examStats.totalPoints * 10).toFixed(1)
+        : "-";
+
+      return {
+        ...student,
+        attendanceRate: studentAttRate,
+        avgScore,
+      };
+    });
+
+    const cls = {
+      id: classId,
+      classTitle: plainClassData?.classTitle || "",
+      teachers: plainClassData?.teachers?.map(t => t.fullName) || [],
+      status: plainClassData?.status,
+      schedule: { days: plainClassData?.schedule?.days || [], time: plainClassData?.schedule?.time || [] },
+      stats: {
+        students: totalStudents,
+        attendanceRate,
+        avgScore: "-",
+        pendingSubmissions: plainClassData?.pendingSubmissions || 0,
+      },
+      materials: filesData.files || {},  // Pass only the grouped files
+    };
+
+    return (
+      <MainSection>
+        <ClassDetail
+          clsData={cls}
+          filesData={filesData.files || {}}
+          categories={filesData.categories || {}}
+          students={studentsWithData}
+          classId={classId}
+          uploadAddPath={`/admin/dashboard/files/class/${classId}/add`}
+          historyPath={`/admin/dashboard/class/history/${classId}`}
+          assignmentResultsBasePath="/admin/dashboard"
+        />
+      </MainSection>
+    );
+  } catch (err) {
+    console.error("Error fetching class files:", err);
+    return <div>Error loading files.</div>;
+  }
+}
+
+export default ClassFilesPage;
diff --git a/src/app/(protected)/admin/dashboard/class/history/[id]/page.jsx b/src/app/(protected)/admin/dashboard/class/history/[id]/page.jsx
new file mode 100644
index 0000000..f77b0dd
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/history/[id]/page.jsx
@@ -0,0 +1,51 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import ClassHistoryList from "@/app/(protected)/components/teacher/ClassHistoryList";
+import { getClassModel } from "@/app/models/Class";
+import { getLessonModel } from "@/app/models/Lesson";
+import { toPlain } from "@/app/lib/helpers/toPlain";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+import { getUserModel } from "@/app/models/User";
+
+export default async function AdminClassHistoryPage({ params }) {
+  const { id } = await params;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <MainSection>
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+        </div>
+      </MainSection>
+    );
+  }
+
+  const ClassModel = await getClassModel();
+  const LessonModel = await getLessonModel();
+  await getUserModel();
+
+  const classData = await ClassModel.findById(id)
+    .populate("students", "fullName _id")
+    .lean();
+  const plainClassData = toPlain(classData);
+
+  const lessons = await LessonModel.find({ classId: id })
+    .sort({ date: -1 })
+    .populate("teacherId", "fullName")
+    .populate("attendance.studentId", "fullName")
+    .lean();
+
+  const plainLessons = toPlain(lessons);
+
+  return (
+    <MainSection>
+      <ClassHistoryList
+        classId={id}
+        classTitle={plainClassData?.classTitle || ""}
+        lessons={plainLessons}
+        totalStudents={plainClassData?.students?.length || 0}
+        students={plainClassData?.students || []}
+        backHref={`/admin/dashboard/class/files/${id}`}
+      />
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/class/page.jsx b/src/app/(protected)/admin/dashboard/class/page.jsx
new file mode 100644
index 0000000..3600b9a
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/class/page.jsx
@@ -0,0 +1,33 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { getClassModel } from "@/app/models/Class";
+import ClassesTable from "./components/ClassesTable";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+
+export default async function ClassesPage({ searchParams }) {
+  const params = await searchParams;
+  const Classes = await getClassModel();
+  const classes = await Classes.find({}).lean();
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Gerenciar Turmas"
+        subtitle="Gerencie as turmas ativas atualmente, bem como as arquivadas"
+        actions={
+          <Link href="/admin/dashboard/class/add">
+            <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+              + Adicionar Nova Turma
+            </button>
+          </Link>
+        }
+      />
+      {params?.warn && (
+        <div className="mb-4">
+          <FlashMessage message={decodeURIComponent(params.warn)} type="warning" />
+        </div>
+      )}
+      <ClassesTable classes={classes} />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/classTypes/ClassTypeForm.jsx b/src/app/(protected)/admin/dashboard/classTypes/ClassTypeForm.jsx
new file mode 100644
index 0000000..faa8b7f
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/ClassTypeForm.jsx
@@ -0,0 +1,139 @@
+"use client";
+
+import React, { useEffect, useState } from "react";
+import { useActionState } from "react";
+import saveClassTypeAction from "@/app/lib/classes/saveClassTypeAction";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { useRouter } from "next/navigation";
+
+function ClassTypeForm({ classType = {}, onCancel }) {
+  const router = useRouter();
+
+  const [showMessage, setShowMessage] = useState(true);
+  const initialState = {
+    success: false,
+    message: null,
+  };
+
+  const [state, action, isPending] = useActionState(
+    saveClassTypeAction,
+    initialState
+  );
+
+  useEffect(() => {
+    if (state.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => {
+        setShowMessage(false);
+      }, 5000);
+
+      return () => clearTimeout(timer);
+    }
+  }, [state.message]);
+
+  useEffect(() => {
+    if (state?.success && state.redirectTo) {
+      router.push(state.redirectTo);
+    }
+  }, [state?.success, state?.redirectTo, router]);
+
+  return (
+    <div className="w-full">
+      {state?.message && showMessage && (
+        <div className="max-w-screen-xl mx-auto w-full">
+          <FlashMessage
+            message={state?.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+
+      <form
+        action={action}
+        className="bg-white dark:bg-neutral-800 p-8 rounded-lg shadow-md max-w-lg mx-auto"
+      >
+        {isPending && <p>Carregando...</p>}
+
+        {classType._id && (
+          <input type="hidden" name="_id" value={classType._id} />
+        )}
+
+        <div className="mb-4">
+          <label htmlFor="title" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+            Título:
+          </label>
+          <input
+            type="text"
+            id="title"
+            name="title"
+            defaultValue={classType.title || ""}
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:shadow-outline dark:bg-neutral-700 dark:border-neutral-600"
+            placeholder="Ex: Aula de Gramática Avançada"
+          />
+        </div>
+
+        <div className="mb-4">
+          <label htmlFor="description" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+            Descrição:
+          </label>
+          <textarea
+            id="description"
+            name="description"
+            defaultValue={classType.description || ""}
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:shadow-outline dark:bg-neutral-700 dark:border-neutral-600"
+            rows="3"
+            placeholder="Detalhes sobre o conteúdo da aula..."
+          ></textarea>
+        </div>
+
+        <div className="mb-4">
+          <label htmlFor="ageRange" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+            Faixa Etária:
+          </label>
+          <input
+            type="text"
+            id="ageRange"
+            name="ageRange"
+            defaultValue={classType.ageRange || ""}
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:shadow-outline dark:bg-neutral-700 dark:border-neutral-600"
+            placeholder="Ex: 8-12 anos, Adultos, etc."
+          />
+        </div>
+
+        <div className="mb-6">
+          <label htmlFor="price" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+            Preço:
+          </label>
+          <input
+            type="number"
+            id="price"
+            name="price"
+            step="0.01"
+            defaultValue={classType.price || ""}
+            className="shadow appearance-none border rounded w-full py-2 px-3 text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:shadow-outline dark:bg-neutral-700 dark:border-neutral-600"
+            placeholder="Ex: 50.00"
+          />
+        </div>
+
+        <div className="flex items-center justify-between">
+          <button
+            type="submit"
+            disabled={isPending}
+            className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200"
+          >
+            {isPending ? "Salvando..." : "Salvar"}
+          </button>
+          <button
+            type="button"
+            onClick={onCancel}
+            className="bg-neutral-500 hover:bg-neutral-600 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline transition-colors duration-200"
+          >
+            Cancelar
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default ClassTypeForm;
diff --git a/src/app/(protected)/admin/dashboard/classTypes/ClassTypesTable.jsx b/src/app/(protected)/admin/dashboard/classTypes/ClassTypesTable.jsx
new file mode 100644
index 0000000..9e8e22e
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/ClassTypesTable.jsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { deleteClassTypeAction } from "@/app/lib/classes/deleteClassType";
+import { useActionState, useEffect, useState } from "react";
+import Link from "next/link";
+import { FaEdit, FaTrash } from "react-icons/fa";
+import { FaFileCirclePlus } from "react-icons/fa6";
+import { LuFileStack } from "react-icons/lu";
+import { relatedToTitleUrl } from "@/app/lib/helpers/generalUtils";
+import Label from "@/app/(protected)/components/shared/Label";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+
+export default function ClassTypesTable({ classTypes }) {
+  const initialState = { success: false, message: null };
+  const [state, action, isPending] = useActionState(
+    deleteClassTypeAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  return (
+    <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+      {showMessage && state?.message && (
+        <div className="px-6 pt-4">
+          <FlashMessage
+            message={state.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+      <table className="w-full text-sm">
+        <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs align-top">
+          <tr>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-left">
+              Tipo de Turma
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell text-left">
+              Faixa Etária
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell text-left min-w-[120px]">
+              Preço
+            </th>
+            <th className="px-4 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center whitespace-nowrap w-px">
+              Ações
+            </th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800 align-top">
+          {classTypes.map((type) => (
+            <tr
+              key={type._id}
+              className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+            >
+              <td className="px-6 py-3.5 text-neutral-900 dark:text-neutral-100 font-medium align-top text-left">
+                {type.title}
+              </td>
+              <td className="px-6 py-3.5 hidden md:table-cell text-neutral-700 dark:text-neutral-300 align-top">
+                {type.ageRange || "-"}
+              </td>
+              <td className="px-6 py-3.5 hidden md:table-cell text-neutral-700 dark:text-neutral-300 align-top whitespace-nowrap">
+                <Label color="emerald" size="md" className="gap-1">
+                  <span className="text-xs">R$</span>
+                  {type.price?.toFixed(2) || "-"}
+                </Label>
+              </td>
+              <td className="px-4 py-3.5 align-top whitespace-nowrap">
+                <div className="flex items-center gap-2">
+                  <Link
+                    href={`/admin/dashboard/files/${relatedToTitleUrl(
+                      "classTypes"
+                    )}/${type._id}/add`}
+                    title="Adicionar Arquivo"
+                    className="p-2 text-neutral-500 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
+                  >
+                    <FaFileCirclePlus className="text-lg" />
+                  </Link>
+                  <Link
+                    href={`/admin/dashboard/${relatedToTitleUrl(
+                      "classTypes"
+                    )}/files/${type._id}`}
+                    title="Ver Arquivos"
+                    className="p-2 text-neutral-500 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
+                  >
+                    <LuFileStack className="text-lg" />
+                  </Link>
+                  <Link
+                    href={`/admin/dashboard/${relatedToTitleUrl(
+                      "classTypes"
+                    )}/edit/${type._id.toString()}`}
+                    title="Editar"
+                    className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+                  >
+                    <FaEdit className="text-lg" />
+                  </Link>
+                  <form action={action} className="inline">
+                    <input
+                      type="hidden"
+                      name="_id"
+                      value={type._id || "nada"}
+                    />
+                    <button
+                      type="submit"
+                      title="Excluir"
+                      disabled={isPending}
+                      className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                      onClick={(e) => {
+                        if (!confirm('Tem certeza que deseja deletar este tipo de turma?')) {
+                          e.preventDefault();
+                        }
+                      }}
+                    >
+                      {isPending ? (
+                        <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                          <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                          <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                        </svg>
+                      ) : (
+                        <FaTrash className="text-lg" />
+                      )}
+                    </button>
+                  </form>
+                </div>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/classTypes/add/AddClassTypeForm.jsx b/src/app/(protected)/admin/dashboard/classTypes/add/AddClassTypeForm.jsx
new file mode 100644
index 0000000..c7cd8da
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/add/AddClassTypeForm.jsx
@@ -0,0 +1,5 @@
+import ClassTypeForm from "../ClassTypeForm";
+
+export default function AddClassTypeForm() {
+  return <ClassTypeForm />;
+}
\ No newline at end of file
diff --git a/src/app/(protected)/admin/dashboard/classTypes/add/page.jsx b/src/app/(protected)/admin/dashboard/classTypes/add/page.jsx
new file mode 100644
index 0000000..fe6403e
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/add/page.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import AddClassTypeForm from "./AddClassTypeForm";
+
+function AddClassType() {
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader title="Adicionar Tipo de Turma" subtitle="Crie um novo tipo de turma" />
+      <AddClassTypeForm />
+    </div>
+  );
+}
+
+export default AddClassType;
diff --git a/src/app/(protected)/admin/dashboard/classTypes/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/classTypes/edit/[id]/page.jsx
new file mode 100644
index 0000000..b96560d
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/edit/[id]/page.jsx
@@ -0,0 +1,41 @@
+import ClassTypeForm from "@/app/(protected)/admin/dashboard/classTypes/ClassTypeForm";
+import { getTypeClassAsPlainObject } from "@/app/lib/helpers/getItems";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function EditClassTypePage({ params }) {
+  const awaitedParams = await params;
+  const id = awaitedParams.id;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const classType = await getTypeClassAsPlainObject(id);
+
+  if (!classType) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  classType._id = classType._id.toString();
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Editar Tipo de Turma"
+        subtitle="Atualize as informações do tipo de turma"
+      />
+      <div className="flex justify-center">
+        <ClassTypeForm classType={classType} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/classTypes/files/[id]/page.jsx b/src/app/(protected)/admin/dashboard/classTypes/files/[id]/page.jsx
new file mode 100644
index 0000000..4b6ed66
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/files/[id]/page.jsx
@@ -0,0 +1,74 @@
+import { getClassTypeModel } from "@/app/models/ClassType";
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Link from "next/link";
+import FilesTable from "@/app/(protected)/admin/dashboard/components/FilesTable";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { relatedToTitleUrl } from "@/app/lib/helpers/generalUtils";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+async function ClassTypeFilesPage({ params }) {
+  const { id: classTypeId } = await params;
+
+  if (!isValidObjectId(classTypeId)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  await getFileModel();
+
+  const classTypeModel = await getClassTypeModel();
+
+  try {
+    const classType = await classTypeModel
+      .findById(classTypeId)
+      .populate("files")
+      .lean();
+
+    if (!classType) {
+      return <div>Class Type not found.</div>;
+    }
+
+    const simplifiedFiles = classType.files.map((file) => ({
+      ...file,
+      _id: file._id.toString(),
+      uploadedBy: file.uploadedBy.toString(),
+      modifiedAt: file.modifiedAt.toString(),
+      relatedToId: file.relatedToId ? file.relatedToId.toString() : null,
+      category: file.category ? file.category.toString() : null,
+      url: getFileUrl(file.url), // Converte URL para proxy
+    }));
+
+    return (
+      <div className="w-full mt-3">
+        <PageHeader
+          title={`Arquivos da Classe ${classType.title}`}
+          subtitle="Gerencie os arquivos associados a este tipo de turma"
+          actions={
+            <Link
+              href={`/admin/dashboard/files/${relatedToTitleUrl(
+                "classTypes"
+              )}/${classType._id}/add`}
+            >
+              <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+                Adicionar Arquivo
+              </button>
+            </Link>
+          }
+        />
+        <div>
+          <FilesTable files={simplifiedFiles}></FilesTable>
+        </div>
+      </div>
+    );
+  } catch (err) {
+    console.error("Error fetching class type and files:", err);
+    return <div>Error loading files.</div>;
+  }
+}
+
+export default ClassTypeFilesPage;
diff --git a/src/app/(protected)/admin/dashboard/classTypes/files/page.jsx b/src/app/(protected)/admin/dashboard/classTypes/files/page.jsx
new file mode 100644
index 0000000..5f01907
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/files/page.jsx
@@ -0,0 +1,22 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { relatedToTitleUrl } from "@/app/lib/helpers/generalUtils";
+
+
+export default async function ClassTypesPage() {
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Arquivos de Tipos de Turmas"
+        subtitle="Gerencie os arquivos associados aos tipos de turmas"
+        actions={
+          <Link href={`/admin/dashboard/${relatedToTitleUrl("classTypes")}/add`}>
+            <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+              + Adicionar Novo Tipo
+            </button>
+          </Link>
+        }
+      />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/classTypes/page.jsx b/src/app/(protected)/admin/dashboard/classTypes/page.jsx
new file mode 100644
index 0000000..0142408
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/classTypes/page.jsx
@@ -0,0 +1,26 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import ClassTypesTable from "./ClassTypesTable";
+import { getAllClassItems } from "@/app/lib/helpers/getItems";
+import { relatedToTitleUrl } from "@/app/lib/helpers/generalUtils";
+
+export default async function ClassTypesPage() {
+  const classTypes = await getAllClassItems();
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Gerenciar Tipos de Turmas"
+        subtitle="Gerencie os tipos de turmas, como 'Starters' etc."
+        actions={
+          <Link href={`/admin/dashboard/${relatedToTitleUrl("classTypes")}/add`}>
+            <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+              + Adicionar Novo Tipo
+            </button>
+          </Link>
+        }
+      />
+      <ClassTypesTable classTypes={classTypes} />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/components/FilesTable.jsx b/src/app/(protected)/admin/dashboard/components/FilesTable.jsx
new file mode 100644
index 0000000..8ba81ce
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/components/FilesTable.jsx
@@ -0,0 +1,177 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import React, { useState } from "react";
+import { useTransition } from "react";
+import { FaEdit, FaTrash, FaDownload } from "react-icons/fa";
+import { IoCalendarOutline } from "react-icons/io5";
+import { usePathname } from "next/navigation";
+import { deleteFile } from "@/app/lib/generalActions/deleteFile";
+
+export default function FilesTable({ files, relatedTo, relatedToId }) {
+  const [clientFiles, setClientFiles] = useState(files);
+  const router = useRouter();
+  const [isPending, startTransition] = useTransition();
+  const pathname = usePathname();
+  const [confirmationFile, setConfirmationFile] = useState(null);
+  const [errorMessage, setErrorMessage] = useState(null);
+
+  const onEditFile = (id) => {
+    router.push(`/admin/dashboard/files/edit/${id.toString()}`);
+  };
+
+  const handleDeleteFile = (file) => {
+    // Always show confirmation dialog first
+    setConfirmationFile(file);
+  };
+
+  const handleConfirmDelete = () => {
+    if (!confirmationFile) return;
+
+    startTransition(async () => {
+      const result = await deleteFile({
+        _id: confirmationFile._id,
+        redirectTo: pathname,
+        relatedTo,
+        relatedToId,
+        force: true,
+      });
+
+      if (result.success) {
+        setClientFiles((prev) => prev.filter((file) => file._id !== confirmationFile._id));
+        setConfirmationFile(null);
+        setErrorMessage(null);
+      } else {
+        setErrorMessage(result.message || "Erro ao deletar arquivo");
+        setConfirmationFile(null);
+      }
+    });
+  };
+
+  const handleCancelDelete = () => {
+    setConfirmationFile(null);
+    setErrorMessage(null);
+  };
+
+  return (
+    <>
+      <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+        <table className="w-full text-sm text-left">
+          <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs">
+            <tr>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+                Título do Arquivo
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell">
+                Tipo
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell text-center">
+                Tamanho
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden lg:table-cell text-center">
+                Enviado
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 text-right">
+                Ações
+              </th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+            {clientFiles &&
+              clientFiles.map((file) => (
+                <tr
+                  key={file._id}
+                  className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+                >
+                  <td className="px-6 py-4 text-neutral-900 dark:text-neutral-100 font-medium">
+                    {file.title}
+                  </td>
+                  <td className="px-6 py-4 hidden md:table-cell text-neutral-700 dark:text-neutral-300">
+                    {file.mimetype || "-"}
+                  </td>
+                  <td className="px-6 py-4 hidden md:table-cell text-neutral-700 dark:text-neutral-300 text-center">
+                    {file.size ? `${(file.size / 1024).toFixed(2)} KB` : "-"}
+                  </td>
+                  <td className="px-6 py-4 hidden lg:table-cell text-neutral-700 dark:text-neutral-300 text-center">
+                    <span className="inline-flex items-center gap-1.5">
+                      <IoCalendarOutline className="text-neutral-400" />
+                      {new Date(file.uploadedAt).toLocaleDateString("pt-BR")}
+                    </span>
+                  </td>
+                  <td className="px-6 py-4 text-right">
+                    <div className="flex justify-end items-center gap-2">
+                      {file.url && (
+                        <a
+                          href={file.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          title="Download"
+                          className="p-2 text-neutral-500 hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
+                        >
+                          <FaDownload className="text-lg" />
+                        </a>
+                      )}
+                      <button
+                        type="button"
+                        title="Editar"
+                        onClick={() => onEditFile(file._id)}
+                        className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+                      >
+                        <FaEdit className="text-lg" />
+                      </button>
+                      <button
+                        type="button"
+                        title="Excluir"
+                        disabled={isPending}
+                        onClick={() => handleDeleteFile(file)}
+                        className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50"
+                      >
+                        <FaTrash className="text-lg" />
+                      </button>
+                    </div>
+                  </td>
+                </tr>
+              ))}
+          </tbody>
+        </table>
+      </div>
+
+      {/* Error Message */}
+      {errorMessage && (
+        <div className="mt-4 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg">
+          <p className="text-sm text-red-800 dark:text-red-200">{errorMessage}</p>
+        </div>
+      )}
+
+      {/* Confirmation Modal */}
+      {confirmationFile && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+          <div className="bg-white dark:bg-neutral-800 rounded-xl p-6 max-w-md mx-4 shadow-xl">
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-2">
+              Confirmar Exclusão
+            </h3>
+            <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-4">
+              Tem certeza que deseja excluir o arquivo <span className="font-semibold">"{confirmationFile.title}"</span>? Esta ação não pode ser desfeita.
+            </p>
+            <div className="flex gap-3 justify-end">
+              <button
+                onClick={handleCancelDelete}
+                disabled={isPending}
+                className="px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-600 transition-colors disabled:opacity-50"
+              >
+                Cancelar
+              </button>
+              <button
+                onClick={handleConfirmDelete}
+                disabled={isPending}
+                className="px-4 py-2 text-sm font-medium text-white bg-red-600 rounded-lg hover:bg-red-700 transition-colors disabled:opacity-50"
+              >
+                {isPending ? "Excluindo..." : "Confirmar Exclusão"}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/error.jsx b/src/app/(protected)/admin/dashboard/error.jsx
new file mode 100644
index 0000000..1cb5908
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/error.jsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function Error({ error, reset }) {
+  useEffect(() => {
+    console.error("Erro no painel administrativo:", error);
+  }, [error]);
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] p-8">
+      <div className="max-w-md w-full text-center">
+        <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/30">
+          <svg className="h-8 w-8 text-red-600 dark:text-red-400" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+          </svg>
+        </div>
+        <h2 className="text-xl font-bold text-neutral-900 dark:text-neutral-100 mb-2">
+          Erro no painel
+        </h2>
+        <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-6">
+          Ocorreu um erro ao carregar os dados do painel administrativo. Tente novamente.
+        </p>
+        <div className="flex gap-3 justify-center">
+          <button
+            onClick={reset}
+            className="px-5 py-2.5 text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 rounded-lg transition-colors"
+          >
+            Tentar novamente
+          </button>
+          <button
+            onClick={() => window.location.href = "/admin/dashboard"}
+            className="px-5 py-2.5 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Painel admin
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/exam-templates/ExamTemplatesPage.jsx b/src/app/(protected)/admin/dashboard/exam-templates/ExamTemplatesPage.jsx
new file mode 100644
index 0000000..899cd3d
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/exam-templates/ExamTemplatesPage.jsx
@@ -0,0 +1,66 @@
+"use client";
+
+import React, { useState, useEffect, useCallback } from "react";
+import TemplateList from "@/app/(protected)/components/exam-templates/TemplateList";
+import TemplateForm from "@/app/(protected)/components/exam-templates/TemplateForm";
+
+export default function ExamTemplatesPage({ initialTemplates }) {
+  const [templates, setTemplates] = useState(initialTemplates);
+  const [isFormOpen, setIsFormOpen] = useState(false);
+  const [editingTemplate, setEditingTemplate] = useState(null);
+
+  // Callback to update templates from child components
+  const updateTemplates = useCallback((updater) => {
+    setTemplates(updater);
+  }, []);
+
+  useEffect(() => {
+    const handleOpenForm = (e) => {
+      setEditingTemplate(e.detail);
+      setIsFormOpen(true);
+    };
+
+    const handleCloseForm = () => {
+      setIsFormOpen(false);
+      setEditingTemplate(null);
+    };
+
+    const handleTemplatesUpdate = (e) => {
+      if (e.detail) {
+        setTemplates(e.detail);
+      }
+    };
+
+    window.addEventListener('open-template-form', handleOpenForm);
+    window.addEventListener('closeTemplateModal', handleCloseForm);
+    window.addEventListener('templates-updated', handleTemplatesUpdate);
+    return () => {
+      window.removeEventListener('open-template-form', handleOpenForm);
+      window.removeEventListener('closeTemplateModal', handleCloseForm);
+      window.removeEventListener('templates-updated', handleTemplatesUpdate);
+    };
+  }, []);
+
+  return (
+    <div className="space-y-6">
+      <div className="flex justify-between items-center">
+        <h1 className="text-2xl font-bold">Templates de Provas</h1>
+      </div>
+
+      <div className="grid gap-6">
+        <div>
+          <TemplateList
+            templates={templates}
+            setTemplates={updateTemplates}
+          />
+        </div>
+        <div>
+          <TemplateForm
+            isOpen={isFormOpen}
+            template={editingTemplate}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/exam-templates/page.jsx b/src/app/(protected)/admin/dashboard/exam-templates/page.jsx
new file mode 100644
index 0000000..7f8884e
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/exam-templates/page.jsx
@@ -0,0 +1,9 @@
+import { getExamTemplates } from '@/app/lib/actions/examActions';
+import ExamTemplatesPage from './ExamTemplatesPage';
+
+export default async function Page() {
+  const result = await getExamTemplates();
+  const templates = result.success ? result.data : [];
+
+  return <ExamTemplatesPage initialTemplates={templates} />;
+}
diff --git a/src/app/(protected)/admin/dashboard/exams/page.jsx b/src/app/(protected)/admin/dashboard/exams/page.jsx
new file mode 100644
index 0000000..9ef3bb9
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/exams/page.jsx
@@ -0,0 +1,56 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import {
+  AcademicCapIcon,
+  DocumentDuplicateIcon,
+  ChartBarIcon,
+} from "@heroicons/react/24/outline";
+
+export default function ExamsPage() {
+  return (
+    <div className="space-y-6">
+      <PageHeader title="Gerenciamento de Provas" subtitle="Gerencie as provas, modelos, atribuições e estatísticas" />
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        <Link
+          href="/admin/dashboard/exam-templates"
+          className="p-6 border border-neutral-200 dark:border-neutral-800 rounded-lg hover-card-light"
+        >
+          <div className="flex items-center gap-3 mb-3">
+            <AcademicCapIcon className="w-8 h-8 text-indigo-600 dark:text-indigo-400" />
+            <h2 className="text-lg font-semibold">Modelos de Prova</h2>
+          </div>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Crie e gerencie modelos de prova reutilizáveis com questões
+          </p>
+        </Link>
+
+        <Link
+          href="/admin/dashboard/assignments"
+          className="p-6 border border-neutral-200 dark:border-neutral-800 rounded-lg hover-card-light"
+        >
+          <div className="flex items-center gap-3 mb-3">
+            <DocumentDuplicateIcon className="w-8 h-8 text-emerald-600 dark:text-emerald-400" />
+            <h2 className="text-lg font-semibold">Atribuições de Provas</h2>
+          </div>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Atribua modelos de prova às turmas com cronogramas e configurações
+          </p>
+        </Link>
+
+        <Link
+          href="/admin/dashboard/statistics/exams"
+          className="p-6 border border-neutral-200 dark:border-neutral-800 rounded-lg hover-card-light"
+        >
+          <div className="flex items-center gap-3 mb-3">
+            <ChartBarIcon className="w-8 h-8 text-amber-600 dark:text-amber-400" />
+            <h2 className="text-lg font-semibold">Estatísticas de Provas</h2>
+          </div>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Visualize estatísticas agregadas e métricas de desempenho
+          </p>
+        </Link>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/files/[relatedToType]/[relatedToId]/add/page.jsx b/src/app/(protected)/admin/dashboard/files/[relatedToType]/[relatedToId]/add/page.jsx
new file mode 100644
index 0000000..0183bce
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/files/[relatedToType]/[relatedToId]/add/page.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+
+async function AddFileClass({ params }) {
+  const { relatedToType, relatedToId } = await params;
+  console.log("Rel type: ", relatedToType)
+
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader title="Adicionar Arquivo" subtitle="Faça upload de um novo arquivo" />
+      <FileUploadComponent relType={relatedToType} relId={relatedToId} />
+    </div>
+  );
+}
+
+export default AddFileClass;
diff --git a/src/app/(protected)/admin/dashboard/files/add/page.jsx b/src/app/(protected)/admin/dashboard/files/add/page.jsx
new file mode 100644
index 0000000..2b1ad88
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/files/add/page.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+
+function AddFileClass() {
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader title="Adicionar Arquivo" subtitle="Faça upload de um novo arquivo" />
+      <FileUploadComponent />
+    </div>
+  );
+}
+
+export default AddFileClass;
diff --git a/src/app/(protected)/admin/dashboard/files/components/FileUploadForm.jsx b/src/app/(protected)/admin/dashboard/files/components/FileUploadForm.jsx
new file mode 100644
index 0000000..2265da9
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/files/components/FileUploadForm.jsx
@@ -0,0 +1,298 @@
+"use client";
+
+import React, { useEffect, useState, useRef } from "react";
+import { useActionState } from "react";
+import { saveFileAction } from "@/app/lib/generalActions/saveFileAction";
+import { relatedToTitleUrl, relatedToTitle } from "@/app/lib/helpers/generalUtils";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+import { getCategoriesAction } from "@/app/lib/categories/getCategoriesAction";
+
+const initialState = {
+  success: false,
+  message: null,
+  inputs: {},
+};
+
+const MAX_FILE_SIZE = 500 * 1024 * 1024; // 500MB
+
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+}
+
+export default function FileUploadComponent({
+  relType = null,
+  relId = null,
+  file = null,
+  redirectUrl = null,
+}) {
+  const router = useRouter();
+  const fileInputRef = useRef(null);
+
+  const [state, formAction, isPending] = useActionState(
+    saveFileAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+
+  const [type] = useState(relType);
+  const [catId] = useState(relId);
+  const [editing] = useState(file ? true : false);
+  const [categories, setCategories] = useState([]);
+  const [selectedCategory, setSelectedCategory] = useState(editing ? file?.category || "" : "");
+
+  // File validation states
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [fileError, setFileError] = useState("");
+  const [fileSize, setFileSize] = useState("");
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      // Only redirect/clear on success, keep error message visible
+      if (state.success) {
+        const timer = setTimeout(() => {
+          setShowMessage(false);
+          if (file) {
+            const relatedToType = relatedToTitleUrl(file.relatedToType);
+            router.push(`/admin/dashboard/${relatedToType}/files/${file.relatedToId}`);
+          } else {
+            initialState.inputs = {};
+            // Reset file input
+            if (fileInputRef.current) {
+              fileInputRef.current.value = "";
+              setSelectedFile(null);
+              setFileSize("");
+              setFileError("");
+            }
+          }
+        }, 1500);
+        return () => clearTimeout(timer);
+      }
+      // On error, keep message visible until user submits again
+    }
+  }, [state?.message, file, router]);
+
+  useEffect(() => {
+    const fetchCategories = async () => {
+      const result = await getCategoriesAction();
+      if (!result.success) {
+        return;
+      }
+
+      setCategories(result.data || []);
+      if (editing && file?.category) {
+        setSelectedCategory(file.category);
+      }
+    };
+    fetchCategories();
+  }, [editing, file?.category]);
+
+  const handleFileChange = (e) => {
+    const file = e.target.files?.[0];
+    setFileError("");
+    setSelectedFile(null);
+    setFileSize("");
+
+    if (!file) return;
+
+    // Validate file size
+    if (file.size > MAX_FILE_SIZE) {
+      setFileError(`Arquivo muito grande! Máximo permitido: ${formatFileSize(MAX_FILE_SIZE)}`);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+      return;
+    }
+
+    setSelectedFile(file);
+    setFileSize(formatFileSize(file.size));
+  };
+
+  return (
+    <form
+      action={formAction}
+      className="bg-white dark:bg-gray-800 p-6 rounded shadow-md max-w-lg mx-auto"
+    >
+      <h2 className="text-xl font-bold mb-4 text-gray-800 dark:text-gray-100">
+        Enviar Arquivo{" "}
+        {relType && relId && <span>para {relatedToTitle(relType)}</span>}
+      </h2>
+      {type && catId && (
+        <>
+          <input type="hidden" name="relatedToType" value={type} />
+          <input type="hidden" name="relatedToId" value={catId} />
+        </>
+      )}
+      {editing && (
+        <>
+          <input type="hidden" name="id" value={file.id} />
+        </>
+      )}
+      {redirectUrl && (
+        <input type="hidden" name="redirectUrl" value={redirectUrl} />
+      )}
+
+      {/* Server response message */}
+      {showMessage && state?.message && (
+        <div
+          className={`mb-4 p-3 rounded-lg text-sm font-medium ${
+            state.success
+              ? "bg-emerald-50 dark:bg-emerald-900/20 text-emerald-700 dark:text-emerald-300 border border-emerald-200 dark:border-emerald-700"
+              : "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-300 border border-red-200 dark:border-red-700"
+          }`}
+        >
+          <p className="flex items-center gap-2">
+            {state.success ? (
+              <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+              </svg>
+            ) : (
+              <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" />
+              </svg>
+            )}
+            {state.message}
+          </p>
+        </div>
+      )}
+
+      {editing && file && (
+        <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
+          Arquivo atual: {file.title} (
+          <Link
+            href={file.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-500 hover:underline"
+          >
+            Ver
+          </Link>
+          )
+        </p>
+      )}
+
+      {/* File input with validation */}
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-200 label-dark font-semibold mb-2">
+          Arquivo <span className="text-red-500">*</span>
+          <span className="text-xs font-normal text-gray-500 dark:text-gray-400 ml-2">
+            (Máximo: {formatFileSize(MAX_FILE_SIZE)})
+          </span>
+        </label>
+        <input
+          ref={fileInputRef}
+          type="file"
+          name="file"
+          required={!editing}
+          onChange={handleFileChange}
+          disabled={isPending}
+          className={`w-full text-sm file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold ${
+            fileError
+              ? "file:bg-red-50 file:text-red-700 dark:file:bg-red-900/30 dark:file:text-red-300"
+              : "file:bg-indigo-50 file:text-indigo-700 dark:file:bg-indigo-900/30 dark:file:text-indigo-300 hover:file:bg-indigo-100"
+          } ${isPending ? "opacity-50 cursor-not-allowed" : ""}`}
+        />
+        {/* File info / error */}
+        {fileError && (
+          <p className="mt-2 text-sm text-red-600 dark:text-red-400 flex items-center gap-1">
+            <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+              <path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
+            </svg>
+            {fileError}
+          </p>
+        )}
+        {selectedFile && !fileError && (
+          <p className="mt-2 text-sm text-emerald-600 dark:text-emerald-400 flex items-center gap-1">
+            <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+              <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+            </svg>
+            {selectedFile.name} ({fileSize})
+          </p>
+        )}
+      </div>
+
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-200 label-dark font-semibold mb-2">
+          Título <span className="text-red-500">*</span>:
+        </label>
+        <input
+          type="text"
+          name="title"
+          required
+          disabled={isPending}
+          className="w-full border rounded px-3 py-2 text-gray-800 dark:text-gray-100 dark:bg-gray-700 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+          placeholder="Título do arquivo"
+          defaultValue={editing ? file.title : state?.inputs?.file}
+        />
+      </div>
+
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-200 label-dark font-semibold mb-2">
+          Descrição:
+        </label>
+        <input
+          type="text"
+          name="description"
+          disabled={isPending}
+          className="w-full border rounded px-3 py-2 text-gray-800 dark:text-gray-100 dark:bg-gray-700 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+          placeholder="Descrição opcional..."
+          defaultValue={editing ? file.description : state?.inputs?.description}
+        />
+      </div>
+
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-200 label-dark font-semibold mb-2">
+          Categoria:
+        </label>
+        <select
+          name="category"
+          value={selectedCategory}
+          onChange={(e) => setSelectedCategory(e.target.value)}
+          disabled={isPending}
+          className="w-full border rounded px-3 py-2 text-gray-800 dark:text-gray-100 dark:bg-gray-700 dark:border-gray-600 mb-2 disabled:opacity-50 disabled:cursor-not-allowed"
+        >
+          <option value="">Selecione uma categoria (opcional)</option>
+          {categories.map((cat) => (
+            <option key={cat._id} value={cat._id}>
+              {cat.name}
+            </option>
+          ))}
+        </select>
+        <input
+          type="text"
+          name="newCategoryName"
+          disabled={isPending}
+          className="w-full border rounded px-3 py-2 text-gray-800 dark:text-gray-100 dark:bg-gray-700 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+          placeholder="Ou digite uma nova categoria (opcional)"
+          defaultValue={state?.inputs?.newCategoryName || ""}
+        />
+      </div>
+
+      {/* Submit button with loading state */}
+      <button
+        type="submit"
+        disabled={isPending || !!fileError}
+        className="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2"
+      >
+        {isPending ? (
+          <>
+            <svg className="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+              <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+              <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg>
+            {editing ? "Atualizando..." : "Enviando..."}
+          </>
+        ) : (
+          <>
+            {editing ? "Atualizar" : "Enviar Arquivo"}
+          </>
+        )}
+      </button>
+    </form>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/files/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/files/edit/[id]/page.jsx
new file mode 100644
index 0000000..de91e25
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/files/edit/[id]/page.jsx
@@ -0,0 +1,41 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+import { getItemById } from "@/app/lib/helpers/getItems";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+async function EditFile({ params }) {
+  const {id} = await params;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const fileModel = await getFileModel();
+  const file = await fileModel.findById(id);
+    const shapedFile = file
+    ? JSON.parse(JSON.stringify({
+        id: file._id.toString() || id,
+        title: file.title,
+        description: file.description,
+        relatedToType: file.relatedToType,
+        relatedToId: file.relatedToId ? file.relatedToId.toString() : null,
+        url: file.url,
+        category: file.category ? file.category.toString() : null
+      }))
+    : null;
+
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader title="Editar Arquivo" subtitle="Atualize as informações do arquivo" />
+      <FileUploadComponent file={shapedFile}/>
+    </div>
+  );
+}
+
+export default EditFile;
diff --git a/src/app/(protected)/admin/dashboard/files/page.jsx b/src/app/(protected)/admin/dashboard/files/page.jsx
new file mode 100644
index 0000000..8985473
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/files/page.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+
+function AddFileClass() {
+  return (
+    <div className="flex flex-col w-full">
+      <PageHeader title="Adicionar Arquivo" />
+      {/* <FileUploadComponent /> */}
+      SÓ PÁGINA
+    </div>
+  );
+}
+
+export default AddFileClass;
diff --git a/src/app/(protected)/admin/dashboard/messages/components/MessageDetailModal.jsx b/src/app/(protected)/admin/dashboard/messages/components/MessageDetailModal.jsx
new file mode 100644
index 0000000..bd129aa
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/messages/components/MessageDetailModal.jsx
@@ -0,0 +1,315 @@
+"use client";
+
+import React, { useState } from "react";
+import {
+  XMarkIcon,
+  CheckCircleIcon,
+  EyeIcon,
+  PencilSquareIcon,
+  TrashIcon,
+} from "@heroicons/react/24/outline";
+import { EnvelopeIcon, PhoneIcon } from "@heroicons/react/24/outline";
+
+function WhatsAppIcon(props) {
+  return (
+    <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
+      <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
+    </svg>
+  );
+}
+
+const statusLabels = {
+  new: "Nova",
+  read: "Lida",
+  replied: "Respondida",
+};
+
+const statusColors = {
+  new: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+  read: "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-400",
+  replied:
+    "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+};
+
+const contactLabels = {
+  email: "Email",
+  whatsapp: "WhatsApp",
+  phone: "Telefone",
+};
+
+export default function MessageDetailModal({ message, onClose, onStatusChange, onDelete }) {
+  const [adminNotes, setAdminNotes] = useState(message.adminNotes || "");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+
+  function formatDate(dateStr) {
+    if (!dateStr) return "—";
+    return new Date(dateStr).toLocaleString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  }
+
+  function buildWhatsAppLink() {
+    let phone = (message.phone || "").replace(/\D/g, "");
+    if (phone && !phone.startsWith("55")) {
+      phone = "55" + phone;
+    }
+    const text = encodeURIComponent(
+      `Olá ${message.name}! Recebemos sua mensagem sobre "${message.subject}". `
+    );
+    return phone ? `https://wa.me/${phone}?text=${text}` : null;
+  }
+
+  async function handleSaveNotes() {
+    setSaving(true);
+    setError(null);
+    try {
+      const res = await fetch(`/api/contact-messages/${message._id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ adminNotes }),
+      });
+      const data = await res.json();
+      if (data.success && onStatusChange) {
+        onStatusChange();
+      } else if (!data.success) {
+        setError(data.error || "Erro ao salvar notas.");
+      }
+    } catch {
+      setError("Erro ao salvar notas. Verifique sua conexão e tente novamente.");
+    }
+    setSaving(false);
+  }
+
+  async function handleUpdateStatus(newStatus) {
+    setSaving(true);
+    setError(null);
+    try {
+      const res = await fetch(`/api/contact-messages/${message._id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ status: newStatus }),
+      });
+      const data = await res.json();
+      if (data.success && onStatusChange) {
+        onStatusChange();
+        onClose();
+      } else if (!data.success) {
+        setError(data.error || "Erro ao atualizar status.");
+      }
+    } catch {
+      setError("Erro ao atualizar status. Verifique sua conexão e tente novamente.");
+    }
+    setSaving(false);
+  }
+
+  async function handleDelete() {
+    if (!confirm("Deseja realmente excluir esta mensagem?")) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const res = await fetch(`/api/contact-messages/${message._id}`, {
+        method: "DELETE",
+      });
+      const data = await res.json();
+      if (data.success && onDelete) {
+        onDelete();
+        onClose();
+      } else if (!data.success) {
+        setError(data.error || "Erro ao excluir mensagem.");
+      }
+    } catch {
+      setError("Erro ao excluir mensagem. Verifique sua conexão e tente novamente.");
+    }
+    setSaving(false);
+  }
+
+  const whatsappLink = buildWhatsAppLink();
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div
+        className="absolute inset-0 bg-black/50 backdrop-blur-sm"
+        onClick={onClose}
+      />
+      <div className="relative bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl max-w-2xl w-full max-h-[90vh] overflow-y-auto border border-neutral-200 dark:border-neutral-700">
+        <div className="sticky top-0 bg-white dark:bg-neutral-900 border-b border-neutral-200 dark:border-neutral-700 p-5 flex items-center justify-between rounded-t-2xl">
+          <div className="flex items-center gap-3">
+            <h2 className="text-lg font-bold text-neutral-900 dark:text-white">
+              Mensagem
+            </h2>
+            <span
+              className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${statusColors[message.status]}`}
+            >
+              {statusLabels[message.status]}
+            </span>
+          </div>
+          <button
+            onClick={onClose}
+            className="p-1.5 rounded-lg text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
+          >
+            <XMarkIcon className="w-5 h-5" />
+          </button>
+        </div>
+
+        <div className="p-5 space-y-5">
+          <div className="grid sm:grid-cols-2 gap-4">
+            <div>
+              <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+                Nome
+              </p>
+              <p className="text-sm font-semibold text-neutral-900 dark:text-white">
+                {message.name}
+              </p>
+            </div>
+            <div>
+              <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+                Contato preferido
+              </p>
+              <p className="text-sm font-semibold text-neutral-900 dark:text-white">
+                {contactLabels[message.preferredContact] || message.preferredContact}
+              </p>
+            </div>
+            <div>
+              <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+                Email
+              </p>
+              <a
+                href={`mailto:${message.email}`}
+                className="text-sm text-indigo-600 dark:text-indigo-400 hover:underline inline-flex items-center gap-1"
+              >
+                <EnvelopeIcon className="w-3.5 h-3.5" />
+                {message.email}
+              </a>
+            </div>
+            {message.phone && (
+              <div>
+                <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+                  Telefone / WhatsApp
+                </p>
+                <a
+                  href={`tel:${message.phone}`}
+                  className="text-sm text-neutral-700 dark:text-neutral-300 hover:underline inline-flex items-center gap-1"
+                >
+                  <PhoneIcon className="w-3.5 h-3.5" />
+                  {message.phone}
+                </a>
+              </div>
+            )}
+          </div>
+
+          <div>
+            <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+              Assunto
+            </p>
+            <p className="text-sm font-semibold text-neutral-900 dark:text-white">
+              {message.subject}
+            </p>
+          </div>
+
+          <div>
+            <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+              Mensagem
+            </p>
+            <div className="text-sm text-neutral-700 dark:text-neutral-300 whitespace-pre-wrap bg-neutral-50 dark:bg-neutral-800 rounded-xl p-4 border border-neutral-200 dark:border-neutral-700 leading-relaxed">
+              {message.message}
+            </div>
+          </div>
+
+          <div>
+            <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+              Recebida em
+            </p>
+            <p className="text-sm text-neutral-700 dark:text-neutral-300">
+              {formatDate(message.createdAt)}
+            </p>
+          </div>
+
+          <div>
+            <label className="block text-xs font-medium text-neutral-500 dark:text-neutral-400 mb-1">
+              Notas internas
+            </label>
+            <textarea
+              value={adminNotes}
+              onChange={(e) => setAdminNotes(e.target.value)}
+              rows={3}
+              className="w-full rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all resize-y"
+              placeholder="Adicione notas sobre o atendimento..."
+            />
+            <button
+              onClick={handleSaveNotes}
+              disabled={saving}
+              className="mt-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors disabled:opacity-50"
+            >
+              <PencilSquareIcon className="w-3.5 h-3.5" />
+              Salvar notas
+            </button>
+          </div>
+        </div>
+
+        <div className="sticky bottom-0 bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700 p-5 flex flex-col gap-3 rounded-b-2xl">
+          {error && (
+            <div className="rounded-xl p-3 text-sm font-medium bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800">
+              {error}
+            </div>
+          )}
+          <div className="flex flex-wrap gap-2">
+          {whatsappLink && (
+            <a
+              href={whatsappLink}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium bg-green-600 hover:bg-green-700 text-white transition-colors"
+            >
+              <WhatsAppIcon className="w-4 h-4" />
+              Abrir WhatsApp
+            </a>
+          )}
+          <a
+            href={`mailto:${message.email}`}
+            className="inline-flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium bg-indigo-600 hover:bg-indigo-700 text-white transition-colors"
+          >
+            <EnvelopeIcon className="w-4 h-4" />
+            Enviar Email
+          </a>
+
+          <div className="flex-1" />
+
+          {message.status === "new" && (
+            <button
+              onClick={() => handleUpdateStatus("read")}
+              disabled={saving}
+              className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm font-medium bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors disabled:opacity-50"
+            >
+              <EyeIcon className="w-4 h-4" />
+              Marcar como lida
+            </button>
+          )}
+          {message.status !== "replied" && (
+            <button
+              onClick={() => handleUpdateStatus("replied")}
+              disabled={saving}
+              className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400 hover:bg-blue-200 dark:hover:bg-blue-900/50 transition-colors disabled:opacity-50"
+            >
+              <CheckCircleIcon className="w-4 h-4" />
+              Marcar respondida
+            </button>
+          )}
+          <button
+            onClick={handleDelete}
+            disabled={saving}
+            className="inline-flex items-center gap-1.5 px-3 py-2 rounded-xl text-sm font-medium bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 hover:bg-red-100 dark:hover:bg-red-900/30 transition-colors disabled:opacity-50"
+          >
+            <TrashIcon className="w-4 h-4" />
+            Excluir
+           </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/messages/components/MessagesTable.jsx b/src/app/(protected)/admin/dashboard/messages/components/MessagesTable.jsx
new file mode 100644
index 0000000..23508e3
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/messages/components/MessagesTable.jsx
@@ -0,0 +1,248 @@
+"use client";
+
+import React, { useState, useTransition } from "react";
+import {
+  EyeIcon,
+  TrashIcon,
+  MagnifyingGlassIcon,
+  FunnelIcon,
+} from "@heroicons/react/24/outline";
+import MessageDetailModal from "./MessageDetailModal";
+
+const statusLabels = {
+  new: "Nova",
+  read: "Lida",
+  replied: "Respondida",
+};
+
+const statusColors = {
+  new: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+  read: "bg-neutral-100 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-400",
+  replied:
+    "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400",
+};
+
+const contactIcons = {
+  email: "📧",
+  whatsapp: "💬",
+  phone: "📞",
+};
+
+export default function MessagesTable({ messages: initialMessages }) {
+  const [messages, setMessages] = useState(initialMessages);
+  const [selectedMessage, setSelectedMessage] = useState(null);
+  const [filterStatus, setFilterStatus] = useState("all");
+  const [search, setSearch] = useState("");
+  const [refreshError, setRefreshError] = useState(false);
+  const [isPending, startTransition] = useTransition();
+
+  function formatDate(dateStr) {
+    if (!dateStr) return "—";
+    return new Date(dateStr).toLocaleString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  }
+
+  function refreshMessages() {
+    setRefreshError(false);
+    startTransition(async () => {
+      try {
+        const res = await fetch("/api/contact-messages");
+        const data = await res.json();
+        if (data.success) {
+          setMessages(
+            data.data.map((m) => ({
+              ...m,
+              _id: m._id.toString(),
+              createdAt: m.createdAt,
+              repliedAt: m.repliedAt,
+            }))
+          );
+        } else {
+          setRefreshError(true);
+        }
+      } catch {
+        console.error("Erro ao atualizar lista de mensagens.");
+        setRefreshError(true);
+      }
+    });
+  }
+
+  function handleDelete() {
+    refreshMessages();
+  }
+
+  const filtered = messages.filter((m) => {
+    const matchesStatus =
+      filterStatus === "all" || m.status === filterStatus;
+    const matchesSearch =
+      !search ||
+      m.name.toLowerCase().includes(search.toLowerCase()) ||
+      m.email.toLowerCase().includes(search.toLowerCase()) ||
+      m.subject.toLowerCase().includes(search.toLowerCase());
+    return matchesStatus && matchesSearch;
+  });
+
+  const counts = {
+    all: messages.length,
+    new: messages.filter((m) => m.status === "new").length,
+    read: messages.filter((m) => m.status === "read").length,
+    replied: messages.filter((m) => m.status === "replied").length,
+  };
+
+  return (
+    <div className="space-y-4">
+      {refreshError && (
+        <div className="rounded-xl p-3 text-sm font-medium bg-amber-50 dark:bg-amber-900/20 text-amber-700 dark:text-amber-400 border border-amber-200 dark:border-amber-800">
+          Não foi possível atualizar a lista de mensagens. Recarregue a página.
+        </div>
+      )}
+      <div className="flex flex-col sm:flex-row gap-3 items-start sm:items-center">
+        <div className="relative flex-1 max-w-xs">
+          <MagnifyingGlassIcon className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-neutral-400" />
+          <input
+            type="text"
+            placeholder="Buscar por nome, email ou assunto..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="w-full pl-9 pr-4 py-2 rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all"
+          />
+        </div>
+        <div className="flex items-center gap-1.5">
+          <FunnelIcon className="w-4 h-4 text-neutral-400" />
+          {["all", "new", "read", "replied"].map((status) => (
+            <button
+              key={status}
+              onClick={() => setFilterStatus(status)}
+              className={`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-all ${
+                filterStatus === status
+                  ? "bg-indigo-600 text-white"
+                  : "bg-neutral-100 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 hover:bg-neutral-200 dark:hover:bg-neutral-700"
+              }`}
+            >
+              {status === "all" ? "Todas" : statusLabels[status]}
+              <span
+                className={`inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full text-[10px] font-bold ${
+                  filterStatus === status
+                    ? "bg-white/20 text-white"
+                    : "bg-neutral-200 dark:bg-neutral-700 text-neutral-600 dark:text-neutral-400"
+                }`}
+              >
+                {counts[status]}
+              </span>
+            </button>
+          ))}
+        </div>
+      </div>
+
+      <div className="rounded-xl border border-neutral-200 dark:border-neutral-700 overflow-hidden">
+        <div className="overflow-x-auto">
+          <table className="w-full text-sm">
+            <thead>
+              <tr className="bg-neutral-50 dark:bg-neutral-800 border-b border-neutral-200 dark:border-neutral-700">
+                <th className="text-left px-4 py-3 font-medium text-neutral-500 dark:text-neutral-400">
+                  Data
+                </th>
+                <th className="text-left px-4 py-3 font-medium text-neutral-500 dark:text-neutral-400">
+                  Nome
+                </th>
+                <th className="text-left px-4 py-3 font-medium text-neutral-500 dark:text-neutral-400">
+                  Contato
+                </th>
+                <th className="text-left px-4 py-3 font-medium text-neutral-500 dark:text-neutral-400">
+                  Assunto
+                </th>
+                <th className="text-left px-4 py-3 font-medium text-neutral-500 dark:text-neutral-400">
+                  Status
+                </th>
+                <th className="text-right px-4 py-3 font-medium text-neutral-500 dark:text-neutral-400">
+                  Ações
+                </th>
+              </tr>
+            </thead>
+            <tbody className="divide-y divide-neutral-100 dark:divide-neutral-800">
+              {filtered.length === 0 ? (
+                <tr>
+                  <td
+                    colSpan={6}
+                    className="px-4 py-8 text-center text-neutral-400 dark:text-neutral-500"
+                  >
+                    Nenhuma mensagem encontrada.
+                  </td>
+                </tr>
+              ) : (
+                filtered.map((msg) => (
+                  <tr
+                    key={msg._id}
+                    className={`hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors ${
+                      msg.status === "new"
+                        ? "bg-blue-50/50 dark:bg-blue-900/5"
+                        : ""
+                    }`}
+                  >
+                    <td className="px-4 py-3 text-neutral-600 dark:text-neutral-400 whitespace-nowrap">
+                      {formatDate(msg.createdAt)}
+                    </td>
+                    <td className="px-4 py-3">
+                      <span className="font-medium text-neutral-900 dark:text-white">
+                        {msg.name}
+                      </span>
+                    </td>
+                    <td className="px-4 py-3">
+                      <div className="flex items-center gap-1.5">
+                        <span className="text-sm">
+                          {contactIcons[msg.preferredContact] || "📧"}
+                        </span>
+                        <span className="text-neutral-600 dark:text-neutral-400 text-xs max-w-[180px] truncate">
+                          {msg.preferredContact === "whatsapp" || msg.preferredContact === "phone"
+                            ? msg.phone || msg.email
+                            : msg.email}
+                        </span>
+                      </div>
+                    </td>
+                    <td className="px-4 py-3">
+                      <span className="text-neutral-700 dark:text-neutral-300 max-w-[200px] truncate block">
+                        {msg.subject}
+                      </span>
+                    </td>
+                    <td className="px-4 py-3">
+                      <span
+                        className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${statusColors[msg.status]}`}
+                      >
+                        {statusLabels[msg.status]}
+                      </span>
+                    </td>
+                    <td className="px-4 py-3 text-right">
+                      <div className="inline-flex items-center gap-1">
+                        <button
+                          onClick={() => setSelectedMessage(msg)}
+                          className="p-1.5 rounded-lg text-neutral-400 hover:text-indigo-600 dark:hover:text-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-900/20 transition-colors"
+                          title="Ver detalhes"
+                        >
+                          <EyeIcon className="w-4 h-4" />
+                        </button>
+                      </div>
+                    </td>
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      {selectedMessage && (
+        <MessageDetailModal
+          message={selectedMessage}
+          onClose={() => setSelectedMessage(null)}
+          onStatusChange={refreshMessages}
+          onDelete={handleDelete}
+        />
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/messages/page.jsx b/src/app/(protected)/admin/dashboard/messages/page.jsx
new file mode 100644
index 0000000..0528818
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/messages/page.jsx
@@ -0,0 +1,33 @@
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import MessagesTable from "./components/MessagesTable";
+import { getContactMessageModel } from "@/app/models/ContactMessage";
+import { EnvelopeIcon } from "@heroicons/react/24/outline";
+
+export const dynamic = "force-dynamic";
+
+async function MessagesAdminPage() {
+  const ContactMessage = await getContactMessageModel();
+  const messages = await ContactMessage.find({})
+    .sort({ createdAt: -1 })
+    .lean();
+
+  const serialized = messages.map((m) => ({
+    ...m,
+    _id: m._id.toString(),
+    createdAt: m.createdAt?.toISOString() || null,
+    repliedAt: m.repliedAt?.toISOString() || null,
+  }));
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Mensagens de Contato"
+        subtitle="Gerencie as mensagens recebidas pelo formulário de contato."
+        icon={<EnvelopeIcon className="w-6 h-6" />}
+      />
+      <MessagesTable messages={serialized} />
+    </div>
+  );
+}
+
+export default MessagesAdminPage;
diff --git a/src/app/(protected)/admin/dashboard/page.jsx b/src/app/(protected)/admin/dashboard/page.jsx
new file mode 100644
index 0000000..ff050ba
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/page.jsx
@@ -0,0 +1,24 @@
+import AdminDashboard from "@/app/(protected)/components/AdminDashboard";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { auth } from "@/app/lib/utils/auth";
+import { redirect } from "next/navigation";
+
+async function AdminDasBoard() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+  const roles = Array.isArray(session.user.roles) ? session.user.roles : [];
+  const role = session.user.role;
+  const isAdmin = roles.includes("admin") || roles.includes("superadmin") || role === "admin" || role === "superadmin";
+
+  if (isAdmin) {
+    return <AdminDashboard />;
+  } else {
+    return (
+      <>
+        <NotAuthorized />
+      </>
+    );
+  }
+}
+
+export default AdminDasBoard;
diff --git a/src/app/(protected)/admin/dashboard/payments/by-class/page.jsx b/src/app/(protected)/admin/dashboard/payments/by-class/page.jsx
new file mode 100644
index 0000000..64705e3
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/by-class/page.jsx
@@ -0,0 +1,86 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { getClassModel } from "@/app/models/Class";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { redirect } from "next/navigation";
+import PaymentsByClass from "../components/PaymentsByClass";
+
+function serializePayment(payment) {
+  return {
+    _id: payment._id?.toString(),
+    classId: payment.classId
+      ? {
+          _id: payment.classId._id?.toString(),
+          classTitle: payment.classId.classTitle,
+        }
+      : null,
+    userId: payment.userId
+      ? {
+          _id: payment.userId._id?.toString(),
+          fullName: payment.userId.fullName,
+          email: payment.userId.email,
+        }
+      : null,
+    type: payment.type,
+    amount: payment.amount,
+    status: payment.status,
+    paymentDate: payment.paymentDate,
+    dueDate: payment.dueDate,
+    description: payment.description,
+    paymentMethod: payment.paymentMethod,
+    receiptUrl: payment.receiptUrl,
+    notes: payment.notes,
+    createdBy: payment.createdBy?.toString(),
+    createdAt: payment.createdAt?.toISOString(),
+    updatedAt: payment.updatedAt?.toISOString(),
+    relatedObligationId: payment.relatedObligationId?.toString(),
+  };
+}
+
+export default async function AdminPaymentsByClassPage() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const currentUser = await UserModel.findOne({ _id: session.user.id });
+
+  // Only admins can access this page
+  if (!currentUser.roles.includes("admin")) {
+    return <NotAuthorized />;
+  }
+
+  const Payment = await getPaymentModel();
+  const Class = await getClassModel();
+
+  // Fetch all payments and obligations
+  const payments = await Payment.find({})
+    .populate("classId", "classTitle")
+    .populate("userId", "fullName email")
+    .sort({ createdAt: -1 })
+    .lean();
+
+  // Serialize data for client components
+  const serializedPayments = payments.map(serializePayment);
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Pagamentos por Turma"
+        subtitle="Visualização agrupada de obrigações e movimentações financeiras"
+        actions={
+          <a
+            href="/admin/dashboard/payments"
+            className="inline-flex items-center gap-2 px-4 py-2 rounded-lg border border-gray-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 text-sm font-medium label-dark hover:bg-gray-50 dark:hover:bg-neutral-600 transition-colors"
+          >
+            ← Voltar para Pagamentos
+          </a>
+        }
+      />
+
+      <PaymentsByClass payments={serializedPayments} />
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/components/CreateObligationForm.jsx b/src/app/(protected)/admin/dashboard/payments/components/CreateObligationForm.jsx
new file mode 100644
index 0000000..ba50f51
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/components/CreateObligationForm.jsx
@@ -0,0 +1,217 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { createObligationAction } from "@/app/lib/payments/actions";
+
+export default function CreateObligationForm({ classes, users }) {
+  const router = useRouter();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [success, setSuccess] = useState("");
+  const [classStudents, setClassStudents] = useState([]);
+  const [formData, setFormData] = useState({
+    classId: "",
+    userId: "",
+    amount: "",
+    dueDate: "",
+    description: "",
+    createForAll: false,
+  });
+
+  // Effect to update students when class changes
+  useEffect(() => {
+    const selectedClass = classes.find(cls => cls._id === formData.classId);
+    if (selectedClass && selectedClass.students) {
+      // Filter users that are in the selected class
+      const students = users.filter(user => 
+        selectedClass.students.includes(user._id)
+      );
+      setClassStudents(students);
+    } else {
+      setClassStudents([]);
+    }
+    
+    // Reset userId when class changes
+    setFormData(prev => ({ ...prev, userId: "" }));
+  }, [formData.classId, classes, users]);
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+    setSuccess("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("classId", formData.classId);
+      formDataToSend.append("amount", parseFloat(formData.amount));
+      
+      if (!formData.createForAll) {
+        formDataToSend.append("userId", formData.userId);
+      }
+      
+      if (formData.dueDate) {
+        formDataToSend.append("dueDate", formData.dueDate);
+      }
+      
+      if (formData.description) {
+        formDataToSend.append("description", formData.description);
+      }
+
+      const result = await createObligationAction(formDataToSend);
+
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao criar obrigação");
+      }
+
+      setSuccess(result.message);
+      setFormData({
+        classId: "",
+        userId: "",
+        amount: "",
+        dueDate: "",
+        description: "",
+        createForAll: false,
+      });
+      router.refresh();
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6">
+      <h2 className="text-xl font-semibold text-gray-900 dark:text-neutral-100 mb-4">
+        Criar Obrigação de Pagamento
+      </h2>
+
+      {error && (
+        <div className="bg-red-600 dark:bg-red-900/50 border border-red-600 dark:border-red-600 text-white dark:text-red-200 px-4 py-3 rounded mb-4">
+          {error}
+        </div>
+      )}
+
+      {success && (
+        <div className="bg-emerald-600 dark:bg-emerald-900/50 border border-emerald-600 dark:border-emerald-600 text-white dark:text-emerald-200 px-4 py-3 rounded mb-4">
+          {success}
+        </div>
+      )}
+
+      <form onSubmit={handleSubmit} className="space-y-4">
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Classe *
+            </label>
+            <select
+              required
+              value={formData.classId}
+              onChange={(e) => setFormData({ ...formData, classId: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+            >
+              <option value="">Selecione uma classe</option>
+              {classes.map((cls) => (
+                <option key={cls._id} value={cls._id}>
+                  {cls.classTitle}
+                </option>
+              ))}
+            </select>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Aluno (deixe vazio para todos)
+            </label>
+            <select
+              value={formData.userId}
+              onChange={(e) => setFormData({ ...formData, userId: e.target.value })}
+              disabled={formData.createForAll || !formData.classId}
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 disabled:opacity-50"
+            >
+              <option value="">Selecione um aluno (opcional)</option>
+              {classStudents.map((user) => (
+                <option key={user._id} value={user._id}>
+                  {user.fullName}
+                </option>
+              ))}
+              {formData.classId && classStudents.length === 0 && (
+                <option value="" disabled>
+                  Nenhum aluno encontrado nesta turma
+                </option>
+              )}
+            </select>
+          </div>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Valor (R$) *
+            </label>
+            <input
+              type="number"
+              step="0.01"
+              min="0"
+              required
+              value={formData.amount}
+              onChange={(e) => setFormData({ ...formData, amount: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+              placeholder="0,00"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Data de Vencimento
+            </label>
+            <input
+              type="date"
+              lang="pt-BR"
+              value={formData.dueDate}
+              onChange={(e) => setFormData({ ...formData, dueDate: e.target.value })}
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+            />
+          </div>
+        </div>
+
+        <div>
+          <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+            Descrição (ex: "Mensalidade Janeiro 2025")
+          </label>
+          <input
+            type="text"
+            maxLength="200"
+            value={formData.description}
+            onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+            className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+            placeholder="Descrição da obrigação"
+          />
+        </div>
+
+        <div className="flex items-center">
+          <input
+            type="checkbox"
+            id="createForAll"
+            checked={formData.createForAll}
+            onChange={(e) => setFormData({ ...formData, createForAll: e.target.checked, userId: "" })}
+            className="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"
+          />
+          <label htmlFor="createForAll" className="ml-2 block text-sm text-gray-700 dark:text-gray-200 label-dark">
+            Criar para todos os alunos da turma
+          </label>
+        </div>
+
+        <button
+          type="submit"
+          disabled={loading}
+          className="bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors"
+        >
+          {loading ? "Criando..." : "Criar Obrigação"}
+        </button>
+      </form>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/components/EditObligationModal.jsx b/src/app/(protected)/admin/dashboard/payments/components/EditObligationModal.jsx
new file mode 100644
index 0000000..ba38b83
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/components/EditObligationModal.jsx
@@ -0,0 +1,214 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { updateObligation, deleteObligation } from "@/app/lib/actions/paymentActions";
+import { FaEdit, FaTrash, FaSave, FaTimes } from "react-icons/fa";
+
+export default function EditObligationModal({ obligation, isOpen, onClose, onSuccess }) {
+  const [formData, setFormData] = useState({
+    amount: "",
+    description: "",
+    dueDate: "",
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
+
+  // Update form data when obligation changes
+  useEffect(() => {
+    if (obligation) {
+      setFormData({
+        amount: obligation.amount?.toString() || "",
+        description: obligation.description || "",
+        dueDate: obligation.dueDate
+          ? new Date(obligation.dueDate).toISOString().split("T")[0]
+          : "",
+      });
+    }
+  }, [obligation]);
+
+  if (!isOpen || !obligation) return null;
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const result = await updateObligation(obligation._id, {
+        amount: parseFloat(formData.amount),
+        description: formData.description,
+        dueDate: formData.dueDate || null,
+      });
+
+      if (result.success) {
+        onSuccess?.();
+        onClose();
+      } else {
+        setError(result.error || "Erro ao atualizar obrigação");
+      }
+    } catch (err) {
+      setError(err.message || "Erro ao atualizar obrigação");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDelete = async () => {
+    setLoading(true);
+    setError("");
+
+    try {
+      const result = await deleteObligation(obligation._id);
+
+      if (result.success) {
+        onSuccess?.();
+        onClose();
+      } else {
+        setError(result.error || "Erro ao excluir obrigação");
+      }
+    } catch (err) {
+      setError(err.message || "Erro ao excluir obrigação");
+    } finally {
+      setLoading(false);
+      setShowDeleteConfirm(false);
+    }
+  };
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+      <div className="bg-white dark:bg-neutral-800 rounded-xl shadow-xl w-full max-w-md border border-gray-200 dark:border-neutral-700">
+        {/* Header */}
+        <div className="flex items-center justify-between p-6 border-b border-gray-200 dark:border-neutral-700">
+          <h2 className="text-xl font-semibold text-gray-900 dark:text-neutral-100">
+            Editar Obrigação
+          </h2>
+          <button
+            onClick={onClose}
+            className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
+          >
+            <FaTimes className="w-5 h-5" />
+          </button>
+        </div>
+
+        {/* Form */}
+        <form onSubmit={handleSubmit} className="p-6 space-y-4">
+          {error && (
+            <div className="bg-red-600 dark:bg-red-900/50 border border-red-600 dark:border-red-600 text-white dark:text-red-200 px-4 py-3 rounded">
+              {error}
+            </div>
+          )}
+
+          {/* Amount */}
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Valor (R$)
+            </label>
+            <input
+              type="number"
+              step="0.01"
+              min="0"
+              value={formData.amount}
+              onChange={(e) => setFormData({ ...formData, amount: e.target.value })}
+              className="w-full border border-gray-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+              required
+            />
+          </div>
+
+          {/* Due Date */}
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Data de Vencimento
+            </label>
+            <input
+              type="date"
+              lang="pt-BR"
+              value={formData.dueDate}
+              onChange={(e) => setFormData({ ...formData, dueDate: e.target.value })}
+              className="w-full border border-gray-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+            />
+          </div>
+
+          {/* Description */}
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-200 label-dark mb-1">
+              Descrição
+            </label>
+            <textarea
+              value={formData.description}
+              onChange={(e) => setFormData({ ...formData, description: e.target.value })}
+              className="w-full border border-gray-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+              rows={3}
+              maxLength={200}
+              placeholder="Descrição da obrigação..."
+            />
+            <p className="text-xs text-gray-500 dark:text-gray-200 label-dark mt-1">
+              {formData.description.length}/200 caracteres
+            </p>
+          </div>
+
+          {/* Actions */}
+          <div className="flex gap-3 pt-4">
+            <button
+              type="button"
+              onClick={() => setShowDeleteConfirm(true)}
+              disabled={loading}
+              className="flex items-center gap-2 px-4 py-2 text-white bg-red-600 border border-red-600 rounded-lg hover:bg-red-700 dark:bg-red-900/20 dark:text-red-300 dark:border-red-800 dark:hover:bg-red-900/30 disabled:opacity-50"
+            >
+              <FaTrash className="w-4 h-4" />
+              Excluir
+            </button>
+            <div className="flex-1"></div>
+            <button
+              type="button"
+              onClick={onClose}
+              disabled={loading}
+              className="px-4 py-2 text-gray-700 dark:text-gray-200 label-dark bg-white dark:bg-neutral-700 border border-gray-300 dark:border-neutral-600 rounded-lg hover:bg-gray-50 dark:hover:bg-neutral-600 disabled:opacity-50"
+            >
+              Cancelar
+            </button>
+            <button
+              type="submit"
+              disabled={loading}
+              className="flex items-center gap-2 px-4 py-2 text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 disabled:opacity-50"
+            >
+              <FaSave className="w-4 h-4" />
+              {loading ? "Salvando..." : "Salvar"}
+            </button>
+          </div>
+        </form>
+
+        {/* Delete Confirmation Modal */}
+        {showDeleteConfirm && (
+          <div className="absolute inset-0 bg-black/60 flex items-center justify-center z-10 rounded-xl">
+            <div className="bg-white dark:bg-neutral-800 rounded-lg p-6 m-4 max-w-sm border border-gray-200 dark:border-neutral-700 shadow-xl">
+              <h3 className="text-lg font-semibold text-gray-900 dark:text-neutral-100 mb-2">
+                Confirmar Exclusão
+              </h3>
+              <p className="text-gray-600 dark:text-gray-200 label-dark mb-4">
+                Tem certeza que deseja excluir esta obrigação? Esta ação não pode ser desfeita.
+              </p>
+              <div className="flex gap-3 justify-end">
+                <button
+                  onClick={() => setShowDeleteConfirm(false)}
+                  disabled={loading}
+                  className="px-4 py-2 text-gray-700 dark:text-gray-200 label-dark bg-white dark:bg-neutral-700 border border-gray-300 dark:border-neutral-600 rounded-lg hover:bg-gray-50 dark:hover:bg-neutral-600 disabled:opacity-50"
+                >
+                  Cancelar
+                </button>
+                <button
+                  onClick={handleDelete}
+                  disabled={loading}
+                  className="flex items-center gap-2 px-4 py-2 text-white bg-red-600 rounded-lg hover:bg-red-700 disabled:opacity-50"
+                >
+                  <FaTrash className="w-4 h-4" />
+                  {loading ? "Excluindo..." : "Excluir"}
+                </button>
+              </div>
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/components/ObligationDetails.jsx b/src/app/(protected)/admin/dashboard/payments/components/ObligationDetails.jsx
new file mode 100644
index 0000000..421b67c
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/components/ObligationDetails.jsx
@@ -0,0 +1,164 @@
+"use client";
+
+import { useState } from "react";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import Label from "@/app/(protected)/components/shared/Label";
+import { getPaymentsByObligationAction } from "@/app/lib/payments/actions";
+
+export default function ObligationDetails({ obligations }) {
+  const [expandedObligation, setExpandedObligation] = useState(null);
+  const [obligationPayments, setObligationPayments] = useState({});
+  const [loading, setLoading] = useState(false);
+
+  // Group obligations by their reference (description + dueDate)
+  const groupedObligations = obligations.reduce((acc, obligation) => {
+    const key = `${obligation.description || "Pagamento"}_${obligation.dueDate || obligation.createdAt}`;
+    if (!acc[key]) {
+      acc[key] = {
+        ...obligation,
+        users: [],
+      };
+    }
+    acc[key].users.push(obligation);
+    return acc;
+  }, {});
+
+  const groupedList = Object.values(groupedObligations);
+
+  const fetchPaymentsForObligation = async (obligation) => {
+    setLoading(true);
+    try {
+      const result = await getPaymentsByObligationAction(obligation._id);
+      if (result.success) {
+        setObligationPayments(prev => ({
+          ...prev,
+          [obligation._id]: result.data || [],
+        }));
+      }
+    } catch (error) {
+      console.error("Error fetching payments:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleToggleExpand = (obligation) => {
+    if (expandedObligation === obligation._id) {
+      setExpandedObligation(null);
+    } else {
+      setExpandedObligation(obligation._id);
+      if (!obligationPayments[obligation._id]) {
+        fetchPaymentsForObligation(obligation);
+      }
+    }
+  };
+
+  const getStatusBadge = (userObligation) => {
+    const payments = obligationPayments[userObligation._id] || [];
+    const hasVerified = payments.some(p => p.status === "verified");
+    const hasPending = payments.some(p => p.status === "pending_verification");
+
+    if (hasVerified) {
+      return <Label color="emerald" size="sm">✓ Pago</Label>;
+    }
+    if (hasPending) {
+      return <Label color="blue" size="sm">Aguardando Verificação</Label>;
+    }
+    return <Label color="amber" size="sm">Aguardando Pagamento</Label>;
+  };
+
+  if (obligations.length === 0) {
+    return (
+      <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6 text-center text-gray-500 dark:text-gray-200 label-dark">
+        Nenhuma obrigação de pagamento criada ainda.
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      {groupedList.map((group) => (
+        <div
+          key={group._id}
+          className="bg-white dark:bg-neutral-800 rounded-lg shadow overflow-hidden"
+        >
+          {/* Group Header */}
+          <div
+            className="p-4 cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-700/50 transition-colors"
+            onClick={() => handleToggleExpand(group)}
+          >
+            <div className="flex justify-between items-center">
+              <div>
+                <h3 className="font-semibold text-gray-900 dark:text-neutral-100">
+                  {group.description || "Pagamento"}
+                </h3>
+                <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">
+                  Vencimento: {format(new Date(group.dueDate || group.createdAt), "dd/MM/yyyy", { locale: ptBR })}
+                </p>
+              </div>
+              <div className="flex items-center gap-4">
+                <div className="text-right">
+                  <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">
+                    {group.users.length} {group.users.length === 1 ? "aluno" : "alunos"}
+                  </p>
+                  <p className="text-lg font-bold text-gray-900 dark:text-neutral-100">
+                    R$ {group.amount?.toFixed(2)}
+                  </p>
+                </div>
+                <span className="text-gray-400 dark:text-neutral-500">
+                  {expandedObligation === group._id ? "▼" : "▶"}
+                </span>
+              </div>
+            </div>
+          </div>
+
+          {/* Expanded Details */}
+          {expandedObligation === group._id && (
+            <div className="border-t border-gray-200 dark:border-neutral-700">
+              <table className="min-w-full divide-y divide-gray-200 dark:divide-neutral-700">
+                <thead className="bg-gray-50 dark:bg-neutral-700">
+                  <tr>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase tracking-wider">
+                      Aluno
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase tracking-wider">
+                      Email
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase tracking-wider">
+                      Valor
+                    </th>
+                    <th className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase tracking-wider">
+                      Status
+                    </th>
+                  </tr>
+                </thead>
+                <tbody className="bg-white dark:bg-neutral-800 divide-y divide-gray-200 dark:divide-neutral-700">
+                  {group.users.map((userObligation) => (
+                    <tr
+                      key={userObligation._id}
+                      className="hover:bg-gray-50 dark:hover:bg-neutral-700/50"
+                    >
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                        {userObligation.userId?.fullName || "N/A"}
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-200 label-dark">
+                        {userObligation.userId?.email || "N/A"}
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100 font-medium">
+                        R$ {userObligation.amount?.toFixed(2) || "0.00"}
+                      </td>
+                      <td className="px-6 py-4 whitespace-nowrap">
+                        {getStatusBadge(userObligation)}
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          )}
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/components/PaymentStats.jsx b/src/app/(protected)/admin/dashboard/payments/components/PaymentStats.jsx
new file mode 100644
index 0000000..a95f226
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/components/PaymentStats.jsx
@@ -0,0 +1,60 @@
+export default function PaymentStats({ stats }) {
+  const statsCards = [
+    {
+      title: "Total de Obrigações",
+      value: stats.totalObligations || 0,
+      color: "yellow",
+      icon: "📋",
+    },
+    {
+      title: "Aguardando Pagamento",
+      value: stats.pendingObligations || 0,
+      color: "yellow",
+      icon: "⏳",
+    },
+    {
+      title: "Pagamentos Enviados",
+      value: stats.pendingPayments || 0,
+      color: "blue",
+      icon: "📤",
+    },
+    {
+      title: "Pagamentos Verificados",
+      value: stats.verifiedPayments || 0,
+      color: "green",
+      icon: "✅",
+    },
+    {
+      title: "Pagamentos Rejeitados",
+      value: stats.rejectedPayments || 0,
+      color: "red",
+      icon: "❌",
+    },
+  ];
+
+  return (
+    <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-8">
+      {statsCards.map((card) => (
+        <div
+          key={card.title}
+          className={`bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 ${
+            card.color === "yellow" ? "border-amber-500 dark:border-amber-400" :
+            card.color === "blue" ? "border-blue-500 dark:border-blue-400" :
+            card.color === "green" ? "border-emerald-500 dark:border-emerald-400" :
+            "border-red-500 dark:border-red-400"
+          }`}
+        >
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-xs text-gray-500 dark:text-gray-200 label-dark">{card.title}</p>
+              <p className="text-xl font-bold text-gray-900 dark:text-neutral-100 mt-1">
+                {card.value}
+              </p>
+            </div>
+            <span className="text-2xl">{card.icon}</span>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/components/PaymentsByClass.jsx b/src/app/(protected)/admin/dashboard/payments/components/PaymentsByClass.jsx
new file mode 100644
index 0000000..d89a07c
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/components/PaymentsByClass.jsx
@@ -0,0 +1,767 @@
+"use client";
+
+import { useState, useMemo } from "react";
+import { useRouter } from "next/navigation";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { FaCheck, FaTimes, FaEye, FaEdit, FaList, FaFileInvoiceDollar } from "react-icons/fa";
+import EditObligationModal from "./EditObligationModal";
+import Label from "@/app/(protected)/components/shared/Label";
+import Button from "@/app/(protected)/components/shared/Button";
+import { updatePaymentStatusAction } from "@/app/lib/payments/actions";
+
+function PaymentStatusBadge({ status, type }) {
+  const getStatusConfig = (status, type) => {
+    if (type === "obligation") {
+      switch (status) {
+        case "paid":
+          return { color: "emerald", label: "Paga" };
+        case "partially_paid":
+          return { color: "blue", label: "Parcialmente Paga" };
+        default:
+          return { color: "amber", label: "Pendente" };
+      }
+    }
+    switch (status) {
+      case "verified":
+        return { color: "emerald", label: "Confirmado" };
+      case "pending_verification":
+        return { color: "blue", label: "Aguardando Verificação" };
+      case "rejected":
+        return { color: "red", label: "Rejeitado" };
+      default:
+        return { color: "gray", label: "Pendente" };
+    }
+  };
+
+  const config = getStatusConfig(status, type);
+  return (
+    <Label color={config.color} size="sm">
+      {config.label}
+    </Label>
+  );
+}
+
+// ============ OBRIGAÇÕES VIEW ============
+function ObligationsCard({ classData, isExpanded, onToggle, obligations, statusFilter, onEditObligation }) {
+  // Filter obligations based on status
+  const filteredObligations = useMemo(() => {
+    if (statusFilter === "all") return obligations;
+    return obligations.filter(o => {
+      if (statusFilter === "pending") return o.status === "pending";
+      if (statusFilter === "partially_paid") return o.status === "partially_paid";
+      if (statusFilter === "paid") return o.status === "paid";
+      return true;
+    });
+  }, [obligations, statusFilter]);
+
+  const pendingCount = obligations.filter(o => o.status === "pending").length;
+  const partiallyPaidCount = obligations.filter(o => o.status === "partially_paid").length;
+  const paidCount = obligations.filter(o => o.status === "paid").length;
+  const totalPendingAmount = obligations
+    .filter(o => o.status === "pending")
+    .reduce((sum, o) => sum + (o.remainingAmount || o.amount || 0), 0);
+
+  return (
+    <div className="bg-white dark:bg-neutral-800 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-neutral-700">
+      <div className="p-4 cursor-pointer hover-card-light" onClick={onToggle}>
+        <div className="flex justify-between items-center">
+          <div>
+            <h3 className="font-semibold text-gray-900 dark:text-neutral-100">
+              {classData.classTitle}
+            </h3>
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">
+              {filteredObligations.length} obrigação(ões)
+            </p>
+          </div>
+          <div className="flex items-center gap-4">
+            <div className="text-right text-sm">
+              <span className="block text-amber-600 dark:text-amber-400">
+                {pendingCount} pendente{totalPendingAmount > 0 && ` (R$ ${totalPendingAmount.toFixed(2)})`}
+              </span>
+              <span className="block text-blue-600 dark:text-blue-400">
+                {partiallyPaidCount} parcial
+              </span>
+              <span className="block text-emerald-600 dark:text-emerald-400">
+                {paidCount} paga
+              </span>
+            </div>
+            <span className="text-gray-400 dark:text-neutral-500 text-lg">
+              {isExpanded ? "▼" : "▶"}
+            </span>
+          </div>
+        </div>
+      </div>
+
+      {isExpanded && (
+        <div className="border-t border-gray-200 dark:border-neutral-700">
+          {filteredObligations.length === 0 ? (
+            <div className="p-4 text-center text-gray-500 dark:text-gray-200 label-dark">
+              Nenhuma obrigação encontrada com o filtro aplicado.
+            </div>
+          ) : (
+            <div className="divide-y divide-gray-200 dark:divide-neutral-700">
+              {filteredObligations.map((obligation) => (
+                <ObligationRow
+                  key={obligation._id}
+                  obligation={obligation}
+                  onEdit={onEditObligation}
+                />
+              ))}
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ObligationRow({ obligation, onEdit }) {
+  const [showPayments, setShowPayments] = useState(false);
+  const paidAmount = obligation.payments
+    ?.filter(p => p.status === "verified")
+    .reduce((sum, p) => sum + (p.amount || 0), 0) || 0;
+  const remainingAmount = (obligation.amount || 0) - paidAmount;
+  const percentage = obligation.amount > 0 ? (paidAmount / obligation.amount) * 100 : 0;
+
+  return (
+    <div className="p-4">
+      <div className="flex items-start justify-between gap-4">
+        <div className="flex-1">
+          <div className="flex items-center gap-3 mb-2">
+            <h4 className="font-medium text-gray-900 dark:text-neutral-100">
+              {obligation.userId?.fullName || "N/A"}
+            </h4>
+            <PaymentStatusBadge status={obligation.status} type="obligation" />
+          </div>
+          <p className="text-sm text-gray-500 dark:text-gray-200 label-dark mb-2">
+            {obligation.description || "Mensalidade"} • Vencimento: {obligation.dueDate ? format(new Date(obligation.dueDate), "dd/MM/yyyy", { locale: ptBR }) : "N/A"}
+          </p>
+          <div className="flex items-center gap-4 text-sm">
+            <span className="text-gray-900 dark:text-neutral-100">
+              Total: <strong>R$ {obligation.amount?.toFixed(2) || "0.00"}</strong>
+            </span>
+            <span className="text-emerald-600 dark:text-emerald-400">
+              Pago: R$ {paidAmount.toFixed(2)}
+            </span>
+            {remainingAmount > 0 && (
+              <span className="text-amber-600 dark:text-amber-400">
+                Restante: R$ {remainingAmount.toFixed(2)}
+              </span>
+            )}
+          </div>
+          {/* Progress bar */}
+          <div className="mt-2 w-full bg-gray-200 dark:bg-neutral-700 rounded-full h-2">
+            <div
+              className="bg-emerald-500 h-2 rounded-full transition-all"
+              style={{ width: `${Math.min(percentage, 100)}%` }}
+            />
+          </div>
+        </div>
+        <div className="flex items-center gap-2">
+          {obligation.payments && obligation.payments.length > 0 && (
+            <button
+              onClick={() => setShowPayments(!showPayments)}
+              className="px-3 py-1 text-sm border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-neutral-600 transition-colors"
+            >
+              {showPayments ? "Ocultar" : "Ver"} {obligation.payments.length} { obligation.payments.length > 1 ? "movimentações " : "movimentação"}
+            </button>
+          )}
+          <button
+            onClick={() => onEdit(obligation)}
+            title="Editar obrigação"
+            className="p-2 text-neutral-500 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
+          >
+            <FaEdit className="text-lg" />
+          </button>
+        </div>
+      </div>
+
+      {/* Payment History */}
+      {showPayments && obligation.payments && obligation.payments.length > 0 && (
+        <div className="mt-4 pl-4 border-l-4 border-emerald-500">
+          <p className="text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase mb-2">Histórico do Pagamento</p>
+          <div className="space-y-2">
+            {obligation.payments.map((payment) => (
+              <div key={payment._id} className="flex items-center justify-between text-sm p-2 bg-gray-50 dark:bg-neutral-700 rounded">
+                <div className="flex items-center gap-3">
+                  <PaymentStatusBadge status={payment.status} type="payment" />
+                  <span className="text-gray-900 dark:text-neutral-100">
+                    {payment.paymentDate ? format(new Date(payment.paymentDate), "dd/MM/yyyy", { locale: ptBR }) : "N/A"}
+                  </span>
+                  <span className="text-gray-500 dark:text-gray-200 label-dark">
+                    {payment.paymentMethod === "pix" ? "PIX" :
+                     payment.paymentMethod === "bank_transfer" ? "Transferência" :
+                     payment.paymentMethod === "cash" ? "Dinheiro" :
+                     payment.paymentMethod}
+                  </span>
+                </div>
+                <span className="font-medium text-gray-900 dark:text-neutral-100">
+                  R$ {payment.amount?.toFixed(2) || "0.00"}
+                </span>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ============ HISTÓRICO VIEW ============
+function TransactionsCard({ classData, isExpanded, onToggle, transactions, statusFilter, onVerify, onRejectClick, processingId, onViewReceipt }) {
+  // Filter transactions based on status
+  const filteredTransactions = useMemo(() => {
+    if (statusFilter === "all") return transactions;
+    return transactions.filter(t => {
+      if (statusFilter === "pending_verification") return t.status === "pending_verification";
+      if (statusFilter === "verified") return t.status === "verified";
+      if (statusFilter === "rejected") return t.status === "rejected";
+      return true;
+    });
+  }, [transactions, statusFilter]);
+
+  const pendingCount = transactions.filter(t => t.status === "pending_verification").length;
+  const verifiedCount = transactions.filter(t => t.status === "verified").length;
+  const rejectedCount = transactions.filter(t => t.status === "rejected").length;
+  const totalVerified = transactions
+    .filter(t => t.status === "verified")
+    .reduce((sum, t) => sum + (t.amount || 0), 0);
+
+  return (
+    <div className="bg-white dark:bg-neutral-800 rounded-lg shadow overflow-hidden border border-gray-200 dark:border-neutral-700">
+      <div className="p-4 cursor-pointer hover-card-light" onClick={onToggle}>
+        <div className="flex justify-between items-center">
+          <div>
+            <h3 className="font-semibold text-gray-900 dark:text-neutral-100">
+              {classData.classTitle}
+            </h3>
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">
+              {filteredTransactions.length} movimentação(ões)
+            </p>
+          </div>
+          <div className="flex items-center gap-4">
+            <div className="text-right text-sm">
+              <span className="block text-blue-600 dark:text-blue-400">
+                {pendingCount} em verificação
+              </span>
+              <span className="block text-emerald-600 dark:text-emerald-400">
+                {verifiedCount} confirmado
+              </span>
+              <span className="block text-red-600 dark:text-red-400">
+                {rejectedCount} rejeitado
+              </span>
+            </div>
+            <span className="text-gray-400 dark:text-neutral-500 text-lg">
+              {isExpanded ? "▼" : "▶"}
+            </span>
+          </div>
+        </div>
+      </div>
+
+      {isExpanded && (
+        <div className="border-t border-gray-200 dark:border-neutral-700">
+          {filteredTransactions.length === 0 ? (
+            <div className="p-4 text-center text-gray-500 dark:text-gray-200 label-dark">
+              Nenhuma movimentação encontrada com o filtro aplicado.
+            </div>
+          ) : (
+            <div className="overflow-x-auto">
+              <table className="min-w-full divide-y divide-gray-200 dark:divide-neutral-700">
+                <thead className="bg-gray-50 dark:bg-neutral-700">
+                  <tr>
+                    <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase">Data</th>
+                    <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase">Aluno</th>
+                    <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase">Método</th>
+                    <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase">Valor</th>
+                    <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase">Status</th>
+                    <th className="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-200 label-dark uppercase">Ações</th>
+                  </tr>
+                </thead>
+                <tbody className="bg-white dark:bg-neutral-800 divide-y divide-gray-200 dark:divide-neutral-700">
+                  {filteredTransactions.map((transaction) => (
+                    <tr key={transaction._id} className="hover-card-light">
+                      <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-200 label-dark">
+                        {transaction.paymentDate ? format(new Date(transaction.paymentDate), "dd/MM/yyyy", { locale: ptBR }) : "N/A"}
+                      </td>
+                      <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                        {transaction.userId?.fullName || "N/A"}
+                      </td>
+                      <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-200 label-dark">
+                        {transaction.paymentMethod === "pix" ? "PIX" :
+                         transaction.paymentMethod === "bank_transfer" ? "Transferência" :
+                         transaction.paymentMethod === "cash" ? "Dinheiro" :
+                         transaction.paymentMethod === "credit_card" ? "Cartão Crédito" :
+                         transaction.paymentMethod === "debit_card" ? "Cartão Débito" :
+                         transaction.paymentMethod || "-"}
+                      </td>
+                      <td className="px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100 font-medium">
+                        R$ {transaction.amount?.toFixed(2) || "0.00"}
+                      </td>
+                      <td className="px-4 py-3 whitespace-nowrap">
+                        <PaymentStatusBadge status={transaction.status} type="payment" />
+                      </td>
+                      <td className="px-4 py-3 whitespace-nowrap text-sm text-right">
+                        <div className="flex justify-end gap-2 items-center">
+                          {transaction.receiptUrl ? (
+                            <button
+                              onClick={() => onViewReceipt(transaction.receiptUrl)}
+                              title="Ver comprovante"
+                              className="p-2 text-blue-500 hover:text-blue-700 dark:hover:text-blue-400 transition-colors"
+                            >
+                              <FaEye className="text-lg" />
+                            </button>
+                          ) : (
+                            <span className="text-neutral-400 dark:text-neutral-500 text-xs italic">Sem comp.</span>
+                          )}
+                          {transaction.status === "pending_verification" && (
+                            <>
+                              <button
+                                onClick={() => onVerify(transaction._id, "verified")}
+                                disabled={processingId === transaction._id}
+                                title="Aprovar"
+                                className="p-2 text-neutral-500 hover:text-emerald-600 dark:hover:text-emerald-400 transition-colors disabled:opacity-50"
+                              >
+                                <FaCheck className="text-lg" />
+                              </button>
+                              <button
+                                onClick={() => onRejectClick(transaction._id)}
+                                disabled={processingId === transaction._id}
+                                title="Rejeitar"
+                                className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50"
+                              >
+                                <FaTimes className="text-lg" />
+                              </button>
+                            </>
+                          )}
+                        </div>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default function PaymentsByClass({ payments, classes }) {
+  const router = useRouter();
+  const [viewMode, setViewMode] = useState("obligations"); // "obligations" or "transactions"
+  const [expandedClasses, setExpandedClasses] = useState({});
+  const [searchTerm, setSearchTerm] = useState("");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [processingId, setProcessingId] = useState(null);
+  const [rejectModal, setRejectModal] = useState({ open: false, paymentId: null, notes: "" });
+  const [receiptModal, setReceiptModal] = useState({ open: false, url: null });
+  const [editModal, setEditModal] = useState({ open: false, obligation: null });
+
+  // Separate obligations and payments, and link them
+  const { obligationsByClass, transactionsByClass } = useMemo(() => {
+    const obligations = {};
+    const transactions = {};
+
+    payments.forEach((payment) => {
+      const classId = payment.classId?._id || "unknown";
+
+      if (payment.type === "obligation") {
+        // Initialize obligation entry if needed
+        if (!obligations[classId]) {
+          obligations[classId] = {
+            classId: payment.classId,
+            classTitle: payment.classId?.classTitle || "Turma Desconhecida",
+            obligations: [],
+          };
+        }
+
+        // Calculate paid amount and status
+        const relatedPayments = payments.filter(
+          p => p.type === "payment" && p.relatedObligationId?.toString() === payment._id?.toString()
+        );
+        const paidAmount = relatedPayments
+          .filter(p => p.status === "verified")
+          .reduce((sum, p) => sum + (p.amount || 0), 0);
+        const remainingAmount = (payment.amount || 0) - paidAmount;
+
+        let status = "pending";
+        if (paidAmount >= payment.amount) {
+          status = "paid";
+        } else if (paidAmount > 0) {
+          status = "partially_paid";
+        }
+
+        obligations[classId].obligations.push({
+          ...payment,
+          payments: relatedPayments,
+          paidAmount,
+          remainingAmount,
+          status,
+        });
+      } else if (payment.type === "payment") {
+        // Group transactions by class
+        if (!transactions[classId]) {
+          transactions[classId] = {
+            classId: payment.classId,
+            classTitle: payment.classId?.classTitle || "Turma Desconhecida",
+            transactions: [],
+          };
+        }
+        transactions[classId].transactions.push(payment);
+      }
+    });
+
+    return { obligationsByClass: obligations, transactionsByClass: transactions };
+  }, [payments]);
+
+  // Get current data based on view mode
+  const currentData = viewMode === "obligations" ? obligationsByClass : transactionsByClass;
+
+  // Filter classes based on search and status
+  const filteredClasses = useMemo(() => {
+    const classesList = Object.values(currentData);
+    if (statusFilter === "all") {
+      return classesList.filter(cls =>
+        cls.classTitle.toLowerCase().includes(searchTerm.toLowerCase())
+      );
+    }
+    return classesList.filter(cls => {
+      const items = viewMode === "obligations" ? cls.obligations : cls.transactions;
+      const hasMatchingStatus = items.some(item => {
+        if (viewMode === "obligations") {
+          if (statusFilter === "pending") return item.status === "pending";
+          if (statusFilter === "partially_paid") return item.status === "partially_paid";
+          if (statusFilter === "paid") return item.status === "paid";
+        } else {
+          if (statusFilter === "pending_verification") return item.status === "pending_verification";
+          if (statusFilter === "verified") return item.status === "verified";
+          if (statusFilter === "rejected") return item.status === "rejected";
+        }
+        return true;
+      });
+      return hasMatchingStatus && cls.classTitle.toLowerCase().includes(searchTerm.toLowerCase());
+    });
+  }, [currentData, searchTerm, statusFilter, viewMode]);
+
+  // Get filter options based on view mode
+  const filterOptions = viewMode === "obligations"
+    ? [
+        { value: "all", label: "Todos os status" },
+        { value: "pending", label: "Pendentes" },
+        { value: "partially_paid", label: "Parcialmente Pagas" },
+        { value: "paid", label: "Pagas" },
+      ]
+    : [
+        { value: "all", label: "Todos os status" },
+        { value: "pending_verification", label: "Aguardando Verificação" },
+        { value: "verified", label: "Confirmados" },
+        { value: "rejected", label: "Rejeitados" },
+      ];
+
+  const toggleClass = (classId) => {
+    setExpandedClasses(prev => ({
+      ...prev,
+      [classId]: !prev[classId],
+    }));
+  };
+
+  const expandAll = () => {
+    const allExpanded = {};
+    filteredClasses.forEach(cls => {
+      allExpanded[cls.classId?._id || "unknown"] = true;
+    });
+    setExpandedClasses(allExpanded);
+  };
+
+  const collapseAll = () => {
+    setExpandedClasses({});
+  };
+
+  const handleVerify = async (id, status, notes = "") => {
+    setProcessingId(id);
+    try {
+      const result = await updatePaymentStatusAction(id, { status, notes });
+
+      if (result.success) {
+        router.refresh();
+      }
+    } catch (error) {
+      console.error("Error updating payment:", error);
+    } finally {
+      setProcessingId(null);
+      setRejectModal({ open: false, paymentId: null, notes: "" });
+    }
+  };
+
+  const handleRejectClick = (paymentId) => {
+    setRejectModal({ open: true, paymentId, notes: "" });
+  };
+
+  const confirmReject = () => {
+    if (rejectModal.paymentId) {
+      handleVerify(rejectModal.paymentId, "rejected", rejectModal.notes);
+    }
+  };
+
+  const handleEditObligation = (obligation) => {
+    setEditModal({ open: true, obligation });
+  };
+
+  const handleCloseEditModal = () => {
+    setEditModal({ open: false, obligation: null });
+  };
+
+  const handleEditSuccess = () => {
+    router.refresh();
+  };
+
+  if (payments.length === 0) {
+    return (
+      <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6 text-center text-gray-500 dark:text-gray-200 label-dark">
+        Nenhum pagamento encontrado.
+      </div>
+    );
+  }
+
+  // Calculate summary stats
+  const obligationStats = {
+    pending: Object.values(obligationsByClass).flatMap(c => c.obligations).filter(o => o.status === "pending").length,
+    partiallyPaid: Object.values(obligationsByClass).flatMap(c => c.obligations).filter(o => o.status === "partially_paid").length,
+    paid: Object.values(obligationsByClass).flatMap(c => c.obligations).filter(o => o.status === "paid").length,
+  };
+  const transactionStats = {
+    pendingVerification: Object.values(transactionsByClass).flatMap(c => c.transactions).filter(t => t.status === "pending_verification").length,
+    verified: Object.values(transactionsByClass).flatMap(c => c.transactions).filter(t => t.status === "verified").length,
+    rejected: Object.values(transactionsByClass).flatMap(c => c.transactions).filter(t => t.status === "rejected").length,
+  };
+
+  return (
+    <div>
+      {/* View Mode Toggle */}
+      <div className="flex flex-wrap gap-4 mb-6">
+        <div className="flex-1 min-w-[200px]">
+          <input
+            type="text"
+            placeholder="Buscar turma..."
+            value={searchTerm}
+            onChange={(e) => setSearchTerm(e.target.value)}
+            className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+          />
+        </div>
+        <div className="flex rounded-lg overflow-hidden border border-gray-300 dark:border-neutral-600">
+          <button
+            onClick={() => { setViewMode("obligations"); setStatusFilter("all"); }}
+            className={`px-4 py-2 flex items-center gap-2 text-sm font-medium transition-colors ${
+              viewMode === "obligations"
+                ? "bg-indigo-600 dark:bg-indigo-900/50 text-white dark:text-indigo-200"
+                : "bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-neutral-600"
+            }`}
+          >
+            <FaFileInvoiceDollar />
+            Obrigações
+          </button>
+          <button
+            onClick={() => { setViewMode("transactions"); setStatusFilter("all"); }}
+            className={`px-4 py-2 flex items-center gap-2 text-sm font-medium transition-colors ${
+              viewMode === "transactions"
+                ? "bg-indigo-600 dark:bg-indigo-900/50 text-white dark:text-indigo-200"
+                : "bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-neutral-600"
+            }`}
+          >
+            <FaList />
+            Movimentações
+          </button>
+        </div>
+        <select
+          value={statusFilter}
+          onChange={(e) => setStatusFilter(e.target.value)}
+          className="px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+        >
+          {filterOptions.map(opt => (
+            <option key={opt.value} value={opt.value}>{opt.label}</option>
+          ))}
+        </select>
+        <div className="flex gap-2">
+          <button
+            onClick={expandAll}
+            className="px-4 py-2 rounded-lg bg-blue-600 dark:bg-blue-900/50 text-white dark:text-blue-200 text-sm font-medium hover:bg-blue-700 dark:hover:bg-blue-900/70 transition-colors"
+          >
+            Expandir Todos
+          </button>
+          <button
+            onClick={collapseAll}
+            className="px-4 py-2 rounded-lg border border-gray-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 text-sm font-medium hover:bg-gray-50 dark:hover:bg-neutral-600 transition-colors"
+          >
+            Recolher Todos
+          </button>
+        </div>
+      </div>
+
+      {/* Summary Stats */}
+      {viewMode === "obligations" ? (
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-amber-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Pendentes</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">{obligationStats.pending}</p>
+          </div>
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-blue-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Parcialmente Pagas</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">{obligationStats.partiallyPaid}</p>
+          </div>
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-emerald-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Pagas</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">{obligationStats.paid}</p>
+          </div>
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-gray-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Total de Obrigações</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">
+              {obligationStats.pending + obligationStats.partiallyPaid + obligationStats.paid}
+            </p>
+          </div>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-blue-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Aguardando Verificação</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">{transactionStats.pendingVerification}</p>
+          </div>
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-emerald-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Confirmadas</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">{transactionStats.verified}</p>
+          </div>
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-red-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Rejeitadas</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">{transactionStats.rejected}</p>
+          </div>
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-4 border-l-4 border-gray-500">
+            <p className="text-sm text-gray-500 dark:text-gray-200 label-dark">Total de Movimentações</p>
+            <p className="text-2xl font-bold text-gray-900 dark:text-neutral-100">
+              {transactionStats.pendingVerification + transactionStats.verified + transactionStats.rejected}
+            </p>
+          </div>
+        </div>
+      )}
+
+      {/* Classes List */}
+      <div className="space-y-4">
+        {filteredClasses.length === 0 ? (
+          <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6 text-center text-gray-500 dark:text-gray-200 label-dark">
+            Nenhuma turma encontrada com os filtros aplicados.
+          </div>
+        ) : (
+          filteredClasses.map((classData) => (
+            viewMode === "obligations" ? (
+              <ObligationsCard
+                key={classData.classId?._id || "unknown"}
+                classData={classData}
+                isExpanded={!!expandedClasses[classData.classId?._id || "unknown"]}
+                onToggle={() => toggleClass(classData.classId?._id || "unknown")}
+                obligations={classData.obligations}
+                statusFilter={statusFilter}
+                onEditObligation={handleEditObligation}
+              />
+            ) : (
+              <TransactionsCard
+                key={classData.classId?._id || "unknown"}
+                classData={classData}
+                isExpanded={!!expandedClasses[classData.classId?._id || "unknown"]}
+                onToggle={() => toggleClass(classData.classId?._id || "unknown")}
+                transactions={classData.transactions}
+                statusFilter={statusFilter}
+                onVerify={handleVerify}
+                onRejectClick={handleRejectClick}
+                processingId={processingId}
+                onViewReceipt={(url) => setReceiptModal({ open: true, url })}
+              />
+            )
+          ))
+        )}
+      </div>
+
+      {/* Reject Modal */}
+      {rejectModal.open && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+          <div className="bg-white dark:bg-neutral-800 rounded-lg p-6 w-full max-w-md mx-4">
+            <h3 className="text-lg font-semibold mb-4 text-gray-900 dark:text-neutral-100">
+              Motivo da Rejeição
+            </h3>
+            <textarea
+              value={rejectModal.notes}
+              onChange={(e) => setRejectModal({ ...rejectModal, notes: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm mb-4"
+              rows={3}
+              placeholder="Informe o motivo da rejeição (opcional)"
+            />
+            <div className="flex gap-2 justify-end">
+              <Button
+                variant="secondary"
+                onClick={() => setRejectModal({ open: false, paymentId: null, notes: "" })}
+              >
+                Cancelar
+              </Button>
+              <Button
+                variant="danger"
+                onClick={confirmReject}
+                disabled={processingId !== null}
+              >
+                Confirmar Rejeição
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Receipt Modal */}
+      {receiptModal.open && (
+        <div className="fixed inset-0 bg-black/70 flex items-center justify-center z-50 p-4" onClick={() => setReceiptModal({ open: false, url: null })}>
+          <div className="relative max-w-4xl max-h-[90vh] w-full" onClick={(e) => e.stopPropagation()}>
+            <button
+              onClick={() => setReceiptModal({ open: false, url: null })}
+              className="absolute -top-10 right-0 text-white hover:text-gray-300 transition-colors text-sm"
+            >
+              ✕ Fechar
+            </button>
+            {receiptModal.url?.includes("application/pdf") || receiptModal.url?.endsWith(".pdf") || receiptModal.url?.includes("data:application/pdf") ? (
+              <iframe
+                src={receiptModal.url}
+                className="w-full h-[85vh] rounded-lg shadow-xl"
+                title="Comprovante de pagamento"
+              />
+            ) : (
+              <img
+                src={receiptModal.url}
+                alt="Comprovante de pagamento"
+                className="w-full h-auto max-h-[85vh] object-contain rounded-lg shadow-xl"
+              />
+            )}
+            <div className="mt-4 flex justify-center gap-3">
+              <a
+                href={receiptModal.url}
+                download="comprovante"
+                className="px-4 py-2 rounded-lg bg-blue-600 dark:bg-blue-900/50 text-white dark:text-blue-200 text-sm font-medium hover:bg-blue-700 dark:hover:bg-blue-900/70 transition-colors"
+              >
+                Download
+              </a>
+              <Button
+                variant="secondary"
+                onClick={() => setReceiptModal({ open: false, url: null })}
+              >
+                Fechar
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Edit Obligation Modal */}
+      <EditObligationModal
+        obligation={editModal.obligation}
+        isOpen={editModal.open}
+        onClose={handleCloseEditModal}
+        onSuccess={handleEditSuccess}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/components/PaymentsTable.jsx b/src/app/(protected)/admin/dashboard/payments/components/PaymentsTable.jsx
new file mode 100644
index 0000000..6743813
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/components/PaymentsTable.jsx
@@ -0,0 +1,382 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { FaEye } from "react-icons/fa";
+import Label from "@/app/(protected)/components/shared/Label";
+import { updatePaymentStatusAction } from "@/app/lib/payments/actions";
+
+export default function PaymentsTable({ payments }) {
+  const router = useRouter();
+  // Debug: log payments with receipt info
+  payments.forEach(p => {
+    if (p.type === "payment") {
+      console.log(`Payment ${p._id}:`, {
+        type: p.type,
+        status: p.status,
+        receiptUrl: p.receiptUrl,
+        hasReceipt: !!p.receiptUrl,
+      });
+    }
+  });
+
+  const [filter, setFilter] = useState("all");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [processingId, setProcessingId] = useState(null);
+  const [rejectModal, setRejectModal] = useState({ open: false, paymentId: null, notes: "" });
+  const [receiptModal, setReceiptModal] = useState({ open: false, url: null });
+
+  const filteredPayments = payments.filter((payment) => {
+    if (filter !== "all" && payment.type !== filter) return false;
+    if (statusFilter !== "all" && payment.status !== statusFilter) return false;
+    return true;
+  });
+
+  const getStatusBadge = (payment) => {
+    if (payment.type === "obligation") {
+      return <Label color="amber" size="sm">Aguardando Pagamento</Label>;
+    }
+
+    const statusConfig = {
+      pending_verification: { color: "blue", label: "Aguardando Verificação" },
+      verified: { color: "emerald", label: "Pago" },
+      rejected: { color: "red", label: "Rejeitado" },
+    };
+
+    const config = statusConfig[payment.status];
+    if (!config) return <Label color="gray" size="sm">{payment.status}</Label>;
+
+    return <Label color={config.color} size="sm">{config.label}</Label>;
+  };
+
+  const handleVerify = async (id, status, notes = "") => {
+    setProcessingId(id);
+    try {
+      const result = await updatePaymentStatusAction(id, { status, notes });
+
+      if (result.success) {
+        router.refresh();
+      }
+    } catch (error) {
+      console.error("Error updating payment:", error);
+    } finally {
+      setProcessingId(null);
+      setRejectModal({ open: false, paymentId: null, notes: "" });
+    }
+  };
+
+  const handleRejectClick = (paymentId) => {
+    setRejectModal({ open: true, paymentId, notes: "" });
+  };
+
+  const confirmReject = () => {
+    if (rejectModal.paymentId) {
+      handleVerify(rejectModal.paymentId, "rejected", rejectModal.notes);
+    }
+  };
+
+  const getTypeLabel = (type) => {
+    return type === "obligation" ? "Obrigação" : "Pagamento";
+  };
+
+  return (
+    <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+      <div className="p-4 border-b border-neutral-200 dark:border-neutral-800 flex gap-2 flex-wrap bg-neutral-50 dark:bg-neutral-800/50">
+        <button
+          onClick={() => {
+            setFilter("all");
+            setStatusFilter("all");
+          }}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+            filter === "all" && statusFilter === "all"
+              ? "bg-blue-600 text-white"
+              : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+          }`}
+        >
+          Todos
+        </button>
+        <button
+          onClick={() => {
+            setFilter("obligation");
+            setStatusFilter("all");
+          }}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+            filter === "obligation"
+              ? "bg-amber-500 text-white"
+              : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+          }`}
+        >
+          Obrigações
+        </button>
+        <button
+          onClick={() => {
+            setFilter("payment");
+            setStatusFilter("all");
+          }}
+          className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+            filter === "payment"
+              ? "bg-emerald-600 text-white"
+              : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+          }`}
+        >
+          Pagamentos
+        </button>
+
+        {filter === "payment" && (
+          <div className="flex gap-2 ml-auto">
+            <button
+              onClick={() => setStatusFilter("all")}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                statusFilter === "all"
+                  ? "bg-blue-600 text-white"
+                  : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+              }`}
+            >
+              Todos Status
+            </button>
+            <button
+              onClick={() => setStatusFilter("pending_verification")}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                statusFilter === "pending_verification"
+                  ? "bg-blue-500 text-white"
+                  : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+              }`}
+            >
+              Pendentes
+            </button>
+            <button
+              onClick={() => setStatusFilter("verified")}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                statusFilter === "verified"
+                  ? "bg-emerald-600 text-white"
+                  : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+              }`}
+            >
+              Verificados
+            </button>
+            <button
+              onClick={() => setStatusFilter("rejected")}
+              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
+                statusFilter === "rejected"
+                  ? "bg-red-600 text-white"
+                  : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-gray-200 label-dark border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-700"
+              }`}
+            >
+              Rejeitados
+            </button>
+          </div>
+        )}
+      </div>
+
+      <table className="w-full text-sm text-left">
+        <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-gray-200 label-dark font-semibold uppercase text-xs">
+          <tr>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Tipo
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Aluno
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Grupo
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Pagador
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Valor
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Data
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+              Status
+            </th>
+            <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 text-right">
+              Ações
+            </th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+          {filteredPayments.map((payment) => (
+            <tr
+              key={payment._id}
+              className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+            >
+              <td className="px-6 py-4 whitespace-nowrap text-sm">
+                <Label
+                  color={
+                    payment.type === "obligation"
+                      ? "amber"
+                      : payment.status === "rejected"
+                      ? "red"
+                      : "emerald"
+                  }
+                  size="sm"
+                >
+                  {payment.type === "obligation" ? "Obrigação" : payment.status === "rejected" ? "Pagamento Rejeitado" : "Pagamento"}
+                </Label>
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                {payment.userId?.fullName || "N/A"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                {payment.classId?.classTitle || "N/A"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                {payment.payerName || "-"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100 font-medium">
+                R$ {payment.amount?.toFixed(2) || "0.00"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-gray-200 label-dark">
+                {payment.paymentDate
+                  ? format(new Date(payment.paymentDate), "dd/MM/yyyy", { locale: ptBR })
+                  : payment.dueDate
+                    ? `Venc: ${format(new Date(payment.dueDate), "dd/MM/yyyy", { locale: ptBR })}`
+                    : "N/A"}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap">
+                {getStatusBadge(payment)}
+              </td>
+              <td className="px-6 py-4 whitespace-nowrap text-sm text-right">
+                {payment.type === "payment" ? (
+                  <div className="flex justify-end gap-2 items-center">
+                    {payment.receiptUrl ? (
+                      <button
+                        onClick={() => setReceiptModal({ open: true, url: payment.receiptUrl })}
+                        title="Ver comprovante"
+                        className="p-2 text-blue-500 hover:text-blue-700 dark:hover:text-blue-400 transition-colors"
+                      >
+                        <FaEye className="text-lg" />
+                      </button>
+                    ) : (
+                      <span
+                        title="Sem comprovante anexado"
+                        className="text-neutral-400 dark:text-neutral-500 text-xs italic"
+                      >
+                        Sem comp.
+                      </span>
+                    )}
+                    {payment.status === "pending_verification" && (
+                      <>
+                        <button
+                          onClick={() => handleVerify(payment._id, "verified")}
+                          disabled={processingId === payment._id}
+                          title="Aprovar"
+                          className="p-2 text-neutral-500 hover:text-emerald-600 dark:hover:text-emerald-400 transition-colors disabled:opacity-50"
+                        >
+                          <span className="text-lg font-bold">✓</span>
+                        </button>
+                        <button
+                          onClick={() => handleRejectClick(payment._id)}
+                          disabled={processingId === payment._id}
+                          title="Rejeitar"
+                          className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50"
+                        >
+                          <span className="text-lg font-bold">✗</span>
+                        </button>
+                      </>
+                    )}
+                    {payment.status === "verified" && (
+                      <Label color="emerald" size="sm">✓ Verificado</Label>
+                    )}
+                    {payment.status === "rejected" && (
+                      <Label color="red" size="sm">✗ Rejeitado</Label>
+                    )}
+                  </div>
+                ) : (
+                  <span className="text-neutral-700 dark:text-gray-200 label-dark text-xs italic">
+                    Aguardando pagamento
+                  </span>
+                )}
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+
+      {filteredPayments.length === 0 && (
+        <div className="text-center py-8 text-gray-700 dark:text-gray-200 label-dark">
+          Nenhum registro encontrado
+        </div>
+      )}
+
+      {rejectModal.open && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+          <div className="bg-white dark:bg-neutral-800 rounded-lg p-6 w-full max-w-md mx-4">
+            <h3 className="text-lg font-semibold mb-4 text-gray-900 dark:text-neutral-100">
+              Motivo da Rejeição
+            </h3>
+            <textarea
+              value={rejectModal.notes}
+              onChange={(e) => setRejectModal({ ...rejectModal, notes: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm mb-4"
+              rows={3}
+              placeholder="Informe o motivo da rejeição (opcional)"
+            />
+            <div className="flex gap-2 justify-end">
+              <button
+                onClick={() => setRejectModal({ open: false, paymentId: null, notes: "" })}
+                className="px-4 py-2 rounded-lg border border-gray-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 text-sm font-medium hover:bg-gray-50 dark:hover:bg-neutral-600 transition-colors"
+              >
+                Cancelar
+              </button>
+              <button
+                onClick={confirmReject}
+                disabled={processingId !== null}
+                className="px-4 py-2 rounded-lg bg-red-600 dark:bg-red-900/50 text-white dark:text-red-200 text-sm font-medium hover:bg-red-700 dark:hover:bg-red-900/70 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+              >
+                Confirmar Rejeição
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* Receipt Modal */}
+      {receiptModal.open && (
+        <div className="fixed inset-0 bg-black/70 flex items-center justify-center z-50 p-4" onClick={() => setReceiptModal({ open: false, url: null })}>
+          <div className="relative max-w-4xl max-h-[90vh] w-full" onClick={(e) => e.stopPropagation()}>
+            <button
+              onClick={() => setReceiptModal({ open: false, url: null })}
+              className="absolute -top-10 right-0 text-white hover:text-gray-300 transition-colors text-sm"
+            >
+              ✕ Fechar
+            </button>
+            {receiptModal.url?.includes("application/pdf") || receiptModal.url?.endsWith(".pdf") || receiptModal.url?.includes("data:application/pdf") ? (
+              <iframe
+                src={receiptModal.url}
+                className="w-full h-[85vh] rounded-lg shadow-xl"
+                title="Comprovante de pagamento"
+              />
+            ) : (
+              <img
+                src={receiptModal.url}
+                alt="Comprovante de pagamento"
+                className="w-full h-auto max-h-[85vh] object-contain rounded-lg shadow-xl"
+              />
+            )}
+            <div className="mt-4 flex justify-center gap-3">
+              <a
+                href={receiptModal.url}
+                download="comprovante"
+                className="px-4 py-2 rounded-lg bg-blue-600 dark:bg-blue-900/50 text-white dark:text-blue-200 text-sm font-medium hover:bg-blue-700 dark:hover:bg-blue-900/70 transition-colors"
+              >
+                Download
+              </a>
+              <button
+                onClick={() => setReceiptModal({ open: false, url: null })}
+                className="px-4 py-2 rounded-lg border border-gray-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-200 text-sm font-medium hover:bg-gray-50 dark:hover:bg-neutral-600 transition-colors"
+              >
+                Fechar
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/payments/page.jsx b/src/app/(protected)/admin/dashboard/payments/page.jsx
new file mode 100644
index 0000000..457520a
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/payments/page.jsx
@@ -0,0 +1,148 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { getClassModel } from "@/app/models/Class";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { redirect } from "next/navigation";
+import PaymentStats from "./components/PaymentStats";
+import CreateObligationForm from "./components/CreateObligationForm";
+
+function serializePayment(payment) {
+  return {
+    _id: payment._id?.toString(),
+    classId: payment.classId
+      ? {
+          _id: payment.classId._id?.toString(),
+          classTitle: payment.classId.classTitle,
+        }
+      : null,
+    userId: payment.userId
+      ? {
+          _id: payment.userId._id?.toString(),
+          fullName: payment.userId.fullName,
+          email: payment.userId.email,
+        }
+      : null,
+    type: payment.type,
+    amount: payment.amount,
+    status: payment.status,
+    paymentDate: payment.paymentDate,
+    dueDate: payment.dueDate,
+    description: payment.description,
+    paymentMethod: payment.paymentMethod,
+    receiptUrl: payment.receiptUrl,
+    notes: payment.notes,
+    createdBy: payment.createdBy?.toString(),
+    createdAt: payment.createdAt?.toISOString(),
+    updatedAt: payment.updatedAt?.toISOString(),
+    relatedObligationId: payment.relatedObligationId?.toString(),
+  };
+}
+
+function serializeClass(cls) {
+  return {
+    _id: cls._id?.toString(),
+    classTitle: cls.classTitle,
+    students: cls.students?.map(student => student._id?.toString()) || [],
+  };
+}
+
+function serializeUser(user) {
+  return {
+    _id: user._id?.toString(),
+    fullName: user.fullName,
+    email: user.email,
+  };
+}
+
+export default async function AdminPaymentsPage() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const currentUser = await UserModel.findOne({ _id: session.user.id });
+
+  // Only admins can access this page
+  if (!currentUser.roles.includes("admin")) {
+    return <NotAuthorized />;
+  }
+
+  const Payment = await getPaymentModel();
+  const Class = await getClassModel();
+
+  // Fetch all payments and obligations
+  const payments = await Payment.find({})
+    .populate("classId", "classTitle")
+    .populate("userId", "fullName email")
+    .sort({ createdAt: -1 })
+    .lean();
+
+  // Fetch classes with their students for the obligation creation form
+  const classes = await Class.find({})
+    .populate("students", "fullName email _id")
+    .lean();
+
+  // Get all students for the user selection dropdown
+  const allUsers = await UserModel.find({
+    $or: [
+      { roles: "student" },
+      { roles: "guardian" }
+    ]
+  }).select("fullName email _id").lean();
+
+  // Serialize data for client components
+  const serializedPayments = payments.map(serializePayment);
+  const serializedClasses = classes.map(serializeClass);
+  const serializedUsers = allUsers.map(serializeUser);
+
+  // Separate obligations and payments
+  const obligations = serializedPayments.filter(p => p.type === "obligation");
+  const userPayments = serializedPayments.filter(p => p.type === "payment");
+
+  // Calculate stats
+  const totalObligations = obligations.length;
+  const pendingObligations = obligations.filter(o => o.status === "pending").length;
+  const pendingPayments = userPayments.filter(p => p.status === "pending_verification").length;
+  const verifiedPayments = userPayments.filter(p => p.status === "verified").length;
+  const rejectedPayments = userPayments.filter(p => p.status === "rejected").length;
+
+  const stats = {
+    totalObligations,
+    pendingObligations,
+    pendingPayments,
+    verifiedPayments,
+    rejectedPayments,
+  };
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Pagamentos"
+        subtitle="Gerenciamento de obrigações e pagamentos"
+        actions={
+          <a
+            href="/admin/dashboard/payments/by-class"
+            className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium bg-primary text-primary-foreground hover:opacity-90 transition-opacity"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+              <path d="M3 3v18h18"/>
+              <path d="m19 9-5 5-4-4-3 3"/>
+            </svg>
+            Ver Pagamentos por Turma
+          </a>
+        }
+      />
+
+      <PaymentStats stats={stats} />
+
+      <div className="mb-8">
+        <CreateObligationForm
+          classes={serializedClasses}
+          users={serializedUsers}
+        />
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/pedidos/OrdersTable.jsx b/src/app/(protected)/admin/dashboard/pedidos/OrdersTable.jsx
new file mode 100644
index 0000000..4801a26
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/pedidos/OrdersTable.jsx
@@ -0,0 +1,396 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { updateOrderStatusAction } from "@/app/lib/orders/actions";
+import Label from "@/app/(protected)/components/shared/Label";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+import ProductImage from "@/app/(protected)/components/shared/ProductImage";
+
+const STATUS_CONFIG = {
+  pending: { label: "Pendente", color: "gray" },
+  pending_verification: { label: "Aguardando Verificação", color: "amber" },
+  approved: { label: "Aprovado", color: "emerald" },
+  rejected: { label: "Rejeitado", color: "red" },
+  cancelled: { label: "Cancelado", color: "red" },
+};
+
+const formatPrice = (price) =>
+  new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(price);
+
+const formatDate = (date) => {
+  if (!date) return "-";
+  return new Intl.DateTimeFormat("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  }).format(new Date(date));
+};
+
+export default function OrdersTable({ orders = [], stats = {} }) {
+  const [statusFilter, setStatusFilter] = useState("all");
+  const [productFilter, setProductFilter] = useState("all");
+  const [actionState, setActionState] = useState({ loading: false, message: null, type: null });
+  const [selectedOrder, setSelectedOrder] = useState(null);
+  const [rejectionReason, setRejectionReason] = useState("");
+
+  const productIds = [...new Set(orders.map((o) => o.productId?._id).filter(Boolean))];
+  const productNames = {};
+  orders.forEach((o) => {
+    if (o.productId?._id && o.productId?.title) {
+      productNames[o.productId._id] = o.productId.title;
+    }
+  });
+
+  let filteredOrders = orders;
+  if (statusFilter !== "all") {
+    filteredOrders = filteredOrders.filter((o) => o.status === statusFilter);
+  }
+  if (productFilter !== "all") {
+    filteredOrders = filteredOrders.filter((o) => o.productId?._id === productFilter);
+  }
+
+  const handleAction = async (orderId, status) => {
+    setActionState({ loading: true, message: null, type: null });
+    const result = await updateOrderStatusAction(orderId, {
+      status,
+      rejectionReason: status === "rejected" ? rejectionReason : undefined,
+    });
+    setActionState({
+      loading: false,
+      message: result.message,
+      type: result.success ? "success" : "error",
+    });
+    if (result.success) {
+      setSelectedOrder(null);
+      setRejectionReason("");
+    }
+  };
+
+  useEffect(() => {
+    if (actionState.message) {
+      const timer = setTimeout(() => setActionState((s) => ({ ...s, message: null })), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [actionState.message]);
+
+  return (
+    <div className="mt-6 space-y-4">
+      {actionState.message && (
+        <FlashMessage message={actionState.message} type={actionState.type} />
+      )}
+
+      <div className="grid grid-cols-2 md:grid-cols-5 gap-4">
+        <button
+          onClick={() => setStatusFilter(statusFilter === "all" ? null : "all")}
+          className={`rounded-xl p-4 text-center transition-colors cursor-pointer ${
+            statusFilter === "all"
+              ? "bg-indigo-50 dark:bg-indigo-900/20 border-2 border-indigo-400"
+              : "bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800"
+          }`}
+        >
+          <p className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">{stats.total || 0}</p>
+          <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">Total</p>
+        </button>
+        <button
+          onClick={() => setStatusFilter(statusFilter === "pending" ? "all" : "pending")}
+          className={`rounded-xl p-4 text-center transition-colors cursor-pointer ${
+            statusFilter === "pending"
+              ? "bg-gray-50 dark:bg-gray-900/20 border-2 border-gray-400"
+              : "bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800"
+          }`}
+        >
+          <p className="text-2xl font-bold text-gray-600 dark:text-gray-400">{stats.pendingNoProof || 0}</p>
+          <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">Sem Comprovante</p>
+        </button>
+        <button
+          onClick={() => setStatusFilter(statusFilter === "pending_verification" ? "all" : "pending_verification")}
+          className={`rounded-xl p-4 text-center transition-colors cursor-pointer ${
+            statusFilter === "pending_verification"
+              ? "bg-amber-50 dark:bg-amber-900/20 border-2 border-amber-400"
+              : "bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800"
+          }`}
+        >
+          <p className="text-2xl font-bold text-amber-600 dark:text-amber-400">{stats.pending || 0}</p>
+          <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">Pendentes</p>
+        </button>
+        <button
+          onClick={() => setStatusFilter(statusFilter === "approved" ? "all" : "approved")}
+          className={`rounded-xl p-4 text-center transition-colors cursor-pointer ${
+            statusFilter === "approved"
+              ? "bg-emerald-50 dark:bg-emerald-900/20 border-2 border-emerald-400"
+              : "bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800"
+          }`}
+        >
+          <p className="text-2xl font-bold text-emerald-600 dark:text-emerald-400">{stats.approved || 0}</p>
+          <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">Aprovados</p>
+        </button>
+        <button
+          onClick={() => setStatusFilter(statusFilter === "rejected" ? "all" : "rejected")}
+          className={`rounded-xl p-4 text-center transition-colors cursor-pointer ${
+            statusFilter === "rejected"
+              ? "bg-red-50 dark:bg-red-900/20 border-2 border-red-400"
+              : "bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800"
+          }`}
+        >
+          <p className="text-2xl font-bold text-red-600 dark:text-red-400">{stats.rejected || 0}</p>
+          <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">Rejeitados</p>
+        </button>
+      </div>
+
+      <div className="flex items-center gap-3">
+        <label className="text-sm text-neutral-500 dark:text-neutral-400">Filtrar por produto:</label>
+        <select
+          value={productFilter}
+          onChange={(e) => setProductFilter(e.target.value)}
+          className="px-3 py-1.5 border border-neutral-300 dark:border-neutral-600 rounded-lg text-sm text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-800"
+        >
+          <option value="all">Todos os produtos</option>
+          {productIds.map((id) => (
+            <option key={id} value={id}>
+              {productNames[id] || "Produto removido"}
+            </option>
+          ))}
+        </select>
+        {(statusFilter !== "all" || productFilter !== "all") && (
+          <button
+            onClick={() => { setStatusFilter("all"); setProductFilter("all"); }}
+            className="text-xs text-indigo-600 dark:text-indigo-400 hover:underline cursor-pointer"
+          >
+            Limpar filtros
+          </button>
+        )}
+      </div>
+
+      <div className="overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+        <table className="w-full text-sm">
+          <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs">
+            <tr>
+              <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-left">
+                Produto
+              </th>
+              <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-left">
+                Aluno
+              </th>
+              <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-right">
+                Valor
+              </th>
+              <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center">
+                Status
+              </th>
+              <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center">
+                Data
+              </th>
+              <th className="px-4 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center w-px">
+                Ações
+              </th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+            {filteredOrders.length === 0 ? (
+              <tr>
+                <td colSpan="6" className="px-6 py-8 text-center text-neutral-500 dark:text-neutral-400">
+                  Nenhum pedido encontrado.
+                </td>
+              </tr>
+            ) : (
+              filteredOrders.map((order) => {
+                const statusCfg = STATUS_CONFIG[order.status] || { label: order.status, color: "gray" };
+                return (
+                  <tr
+                    key={order._id}
+                    className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+                  >
+                    <td className="px-6 py-3.5 text-left">
+                      <div className="flex items-center gap-3">
+                        <ProductImage
+                          src={getFileUrl(order.productId.imageUrl)}
+                          alt={order.productId?.title}
+                          className="w-10 h-10 rounded-lg object-cover border border-neutral-200 dark:border-neutral-700"
+                          size="sm"
+                        />
+                        <div>
+                          <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                            {order.productId?.title || "Produto removido"}
+                          </p>
+                        </div>
+                      </div>
+                    </td>
+                    <td className="px-6 py-3.5 text-neutral-700 dark:text-neutral-300 text-left">
+                      <p className="font-medium">{order.userId?.fullName || "-"}</p>
+                      <p className="text-xs text-neutral-500">{order.userId?.email || ""}</p>
+                    </td>
+                    <td className="px-6 py-3.5 text-right font-semibold text-neutral-900 dark:text-neutral-100">
+                      {formatPrice(order.amount)}
+                    </td>
+                    <td className="px-6 py-3.5 text-center">
+                      <Label color={statusCfg.color} size="sm">
+                        {statusCfg.label}
+                      </Label>
+                    </td>
+                    <td className="px-6 py-3.5 text-center text-neutral-500 dark:text-neutral-400 text-xs">
+                      {formatDate(order.createdAt)}
+                    </td>
+                    <td className="px-4 py-3.5 text-center whitespace-nowrap">
+                      <button
+                        onClick={() => setSelectedOrder(order)}
+                        className="text-xs px-3 py-1.5 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors cursor-pointer"
+                      >
+                        Ver
+                      </button>
+                    </td>
+                  </tr>
+                );
+              })
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      {selectedOrder && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+          <div className="bg-white dark:bg-neutral-900 rounded-2xl shadow-2xl max-w-lg w-full max-h-[90vh] overflow-y-auto">
+            <div className="p-6">
+              <div className="flex items-center justify-between mb-4">
+                <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+                  Detalhes do Pedido
+                </h3>
+                <button
+                  onClick={() => { setSelectedOrder(null); setRejectionReason(""); }}
+                  className="text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-200 transition-colors cursor-pointer"
+                >
+                  <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                    <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
+                  </svg>
+                </button>
+              </div>
+
+              <div className="space-y-4">
+                <div className="flex items-center gap-3 pb-4 border-b border-neutral-200 dark:border-neutral-700">
+                  <ProductImage
+                    src={getFileUrl(selectedOrder.productId.imageUrl)}
+                    alt={selectedOrder.productId.title}
+                    className="w-16 h-16 rounded-lg object-cover border border-neutral-200 dark:border-neutral-700"
+                  />
+                  <div>
+                    <p className="font-semibold text-neutral-900 dark:text-neutral-100">
+                      {selectedOrder.productId?.title || "Produto removido"}
+                    </p>
+                    <p className="text-lg font-bold text-indigo-600 dark:text-indigo-400">
+                      {formatPrice(selectedOrder.amount)}
+                    </p>
+                  </div>
+                </div>
+
+                <div className="grid grid-cols-2 gap-3 text-sm">
+                  <div>
+                    <p className="text-neutral-500 dark:text-neutral-400">Aluno</p>
+                    <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                      {selectedOrder.userId?.fullName}
+                    </p>
+                  </div>
+                  <div>
+                    <p className="text-neutral-500 dark:text-neutral-400">Status</p>
+                    <Label color={(STATUS_CONFIG[selectedOrder.status] || { color: "gray" }).color} size="sm">
+                      {(STATUS_CONFIG[selectedOrder.status] || { label: selectedOrder.status }).label}
+                    </Label>
+                  </div>
+                  <div>
+                    <p className="text-neutral-500 dark:text-neutral-400">Método</p>
+                    <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                      {selectedOrder.paymentMethod || "-"}
+                    </p>
+                  </div>
+                  <div>
+                    <p className="text-neutral-500 dark:text-neutral-400">Data do Pagamento</p>
+                    <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                      {formatDate(selectedOrder.paymentDate)}
+                    </p>
+                  </div>
+                  <div>
+                    <p className="text-neutral-500 dark:text-neutral-400">Data do Pedido</p>
+                    <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                      {formatDate(selectedOrder.createdAt)}
+                    </p>
+                  </div>
+                  {selectedOrder.payerName && (
+                    <div>
+                      <p className="text-neutral-500 dark:text-neutral-400">Quem pagou</p>
+                      <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                        {selectedOrder.payerName}
+                      </p>
+                    </div>
+                  )}
+                </div>
+
+                {selectedOrder.receiptUrl && (
+                  <div>
+                    <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-2">Comprovante</p>
+                    <img
+                      src={selectedOrder.receiptUrl}
+                      alt="Comprovante"
+                      className="max-w-full rounded-lg border border-neutral-200 dark:border-neutral-700"
+                    />
+                  </div>
+                )}
+
+                {selectedOrder.rejectionReason && (
+                  <div className="p-3 bg-red-50 dark:bg-red-900/10 rounded-lg border border-red-200 dark:border-red-800">
+                    <p className="text-sm text-red-700 dark:text-red-300">
+                      <strong>Motivo da rejeição:</strong> {selectedOrder.rejectionReason}
+                    </p>
+                  </div>
+                )}
+
+                {selectedOrder.status === "pending_verification" && (
+                  <>
+                    <div>
+                      <label className="block text-sm text-neutral-500 dark:text-neutral-400 mb-1">
+                        Motivo da rejeição (se aplicável)
+                      </label>
+                      <textarea
+                        value={rejectionReason}
+                        onChange={(e) => setRejectionReason(e.target.value)}
+                        className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-800"
+                        rows="2"
+                        placeholder="Informe o motivo caso vá rejeitar..."
+                      ></textarea>
+                    </div>
+
+                    <div className="flex gap-3 pt-4 border-t border-neutral-200 dark:border-neutral-700">
+                      <button
+                        onClick={() => handleAction(selectedOrder._id, "approved")}
+                        disabled={actionState.loading}
+                        className="flex-1 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg disabled:opacity-50 transition-colors cursor-pointer"
+                      >
+                        Aprovar
+                      </button>
+                      <button
+                        onClick={() => handleAction(selectedOrder._id, "rejected")}
+                        disabled={actionState.loading}
+                        className="flex-1 px-4 py-2 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg disabled:opacity-50 transition-colors cursor-pointer"
+                      >
+                        Rejeitar
+                      </button>
+                    </div>
+                  </>
+                )}
+              </div>
+
+              <div className="flex justify-end mt-4">
+                <button
+                  onClick={() => { setSelectedOrder(null); setRejectionReason(""); }}
+                  className="px-4 py-2 border border-neutral-300 dark:border-neutral-600 text-neutral-700 dark:text-neutral-300 font-medium rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors cursor-pointer"
+                >
+                  Fechar
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/pedidos/page.jsx b/src/app/(protected)/admin/dashboard/pedidos/page.jsx
new file mode 100644
index 0000000..1613c22
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/pedidos/page.jsx
@@ -0,0 +1,41 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import OrdersTable from "./OrdersTable";
+import { getOrdersAction } from "@/app/lib/orders/actions";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+
+export default async function AdminOrdersPage() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const currentUser = await UserModel.findOne({ _id: session.user.id });
+
+  if (!currentUser.roles.includes("admin")) {
+    return <NotAuthorized />;
+  }
+
+  const result = await getOrdersAction({});
+  const orders = result.success ? result.data : [];
+
+  const pending = orders.filter((o) => o.status === "pending_verification").length;
+  const pendingNoProof = orders.filter((o) => o.status === "pending").length;
+  const approved = orders.filter((o) => o.status === "approved").length;
+  const rejected = orders.filter((o) => o.status === "rejected").length;
+  const total = orders.length;
+
+  const stats = { total, pending, pendingNoProof, approved, rejected };
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Pedidos"
+        subtitle="Gerencie pedidos de compra dos alunos"
+      />
+      <OrdersTable orders={orders} stats={stats} />
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/produtos/ProductForm.jsx b/src/app/(protected)/admin/dashboard/produtos/ProductForm.jsx
new file mode 100644
index 0000000..77539aa
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/produtos/ProductForm.jsx
@@ -0,0 +1,508 @@
+"use client";
+
+import React, { useEffect, useState, useRef } from "react";
+import { useActionState } from "react";
+import { saveProductAction } from "@/app/lib/products/actions";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { useRouter } from "next/navigation";
+import { XMarkIcon } from "@heroicons/react/24/outline";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+
+function ProductForm({ product = {}, classTypes = [], classes = [], onCancel }) {
+  const router = useRouter();
+  const fileInputRef = useRef(null);
+  const formRef = useRef(null);
+
+  const MAX_FILE_SIZE = 500 * 1024 * 1024;
+  const [showMessage, setShowMessage] = useState(true);
+  const [saleType, setSaleType] = useState(product.saleType || "direct");
+  const [isFree, setIsFree] = useState(product.price === 0 && product.saleType === "direct");
+  const [imageInputType, setImageInputType] = useState(
+    product.imageUrl?.startsWith("http") ? "url" : "upload"
+  );
+  const [imagePreview, setImagePreview] = useState(product.imageUrl ? getFileUrl(product.imageUrl) : "");
+  const [uploadedFileName, setUploadedFileName] = useState("");
+
+  const initialState = { success: false, message: null };
+
+  const [state, action, isPending] = useActionState(saveProductAction, initialState);
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  useEffect(() => {
+    if (state?.success) {
+      router.push("/admin/dashboard/produtos");
+    }
+  }, [state?.success, router]);
+
+  const handleFileChange = (e) => {
+    const file = e.target.files?.[0];
+    if (file) {
+      if (file.size > MAX_FILE_SIZE) {
+        const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
+        alert(`Arquivo "${file.name}" (${sizeMB}MB) excede o limite de 500MB.`);
+        e.target.value = "";
+        return;
+      }
+      setUploadedFileName(file.name);
+      const reader = new FileReader();
+      reader.onloadend = () => setImagePreview(reader.result);
+      reader.readAsDataURL(file);
+    }
+  };
+
+  const clearImage = () => {
+    setImagePreview("");
+    setUploadedFileName("");
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+
+  const handleSubmit = (e) => {
+    const formData = new FormData(formRef.current);
+    const productFiles = formData.getAll("productFiles");
+    for (const file of productFiles) {
+      if (file && file.size > MAX_FILE_SIZE) {
+        const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
+        alert(`Arquivo "${file.name}" (${sizeMB}MB) excede o limite de 500MB.`);
+        e.preventDefault();
+        return;
+      }
+    }
+  };
+
+  return (
+    <div className="w-full max-w-2xl mx-auto">
+      {state?.message && showMessage && (
+        <FlashMessage
+          message={state?.message}
+          type={state.success ? "success" : "error"}
+        />
+      )}
+
+      <form ref={formRef} action={action} onSubmit={handleSubmit} className="bg-white dark:bg-neutral-800 p-8 rounded-lg shadow-md">
+        {isPending && <p className="text-center mb-4">Salvando...</p>}
+
+        {product._id && <input type="hidden" name="_id" value={product._id} />}
+        <input type="hidden" name="saleType" value={saleType} />
+
+        <div className="space-y-6">
+          {/* Sale Type Toggle */}
+          <div>
+            <label className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-3">
+              Tipo de Venda <span className="text-red-500">*</span>
+            </label>
+            <div className="grid grid-cols-2 gap-3">
+              <button
+                type="button"
+                onClick={() => setSaleType("direct")}
+                className={`p-4 rounded-xl border-2 transition-all text-left cursor-pointer ${
+                  saleType === "direct"
+                    ? "border-indigo-500 bg-indigo-50 dark:bg-indigo-900/20"
+                    : "border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600"
+                }`}
+              >
+                <div className="flex items-center gap-3">
+                  <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${
+                    saleType === "direct"
+                      ? "bg-indigo-600 text-white"
+                      : "bg-neutral-100 dark:bg-neutral-700 text-neutral-500"
+                  }`}>
+                    <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                      <path strokeLinecap="round" strokeLinejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z" />
+                    </svg>
+                  </div>
+                  <div>
+                    <p className={`font-semibold text-sm ${saleType === "direct" ? "text-indigo-700 dark:text-indigo-300" : "text-neutral-700 dark:text-neutral-300"}`}>
+                      Venda Direta
+                    </p>
+                    <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                      Compra no app, pagamento verificado
+                    </p>
+                  </div>
+                </div>
+              </button>
+
+              <button
+                type="button"
+                onClick={() => setSaleType("affiliate")}
+                className={`p-4 rounded-xl border-2 transition-all text-left cursor-pointer ${
+                  saleType === "affiliate"
+                    ? "border-amber-500 bg-amber-50 dark:bg-amber-900/20"
+                    : "border-neutral-200 dark:border-neutral-700 hover:border-neutral-300 dark:hover:border-neutral-600"
+                }`}
+              >
+                <div className="flex items-center gap-3">
+                  <div className={`w-10 h-10 rounded-lg flex items-center justify-center ${
+                    saleType === "affiliate"
+                      ? "bg-amber-600 text-white"
+                      : "bg-neutral-100 dark:bg-neutral-700 text-neutral-500"
+                  }`}>
+                    <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                      <path strokeLinecap="round" strokeLinejoin="round" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />
+                    </svg>
+                  </div>
+                  <div>
+                    <p className={`font-semibold text-sm ${saleType === "affiliate" ? "text-amber-700 dark:text-amber-300" : "text-neutral-700 dark:text-neutral-300"}`}>
+                      Afiliado
+                    </p>
+                    <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                      Link externo (Amazon, etc.)
+                    </p>
+                  </div>
+                </div>
+              </button>
+            </div>
+          </div>
+
+          <div>
+            <label htmlFor="title" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Título <span className="text-red-500">*</span>
+            </label>
+            <input
+              type="text"
+              id="title"
+              name="title"
+              defaultValue={product.title || ""}
+              className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              placeholder="Ex: Material Complementar de Gramática"
+              required
+            />
+          </div>
+
+          <div>
+            <label htmlFor="description" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Descrição
+            </label>
+            <textarea
+              id="description"
+              name="description"
+              defaultValue={product.description || ""}
+              className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              rows="3"
+              placeholder="Descrição do produto..."
+            ></textarea>
+          </div>
+
+          {/* Image */}
+          <div>
+            <label className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Imagem do Produto
+            </label>
+            <div className="flex gap-4 mb-3">
+              <label className="flex items-center gap-2 cursor-pointer">
+                <input
+                  type="radio"
+                  name="imageInputType"
+                  value="upload"
+                  checked={imageInputType === "upload"}
+                  onChange={() => setImageInputType("upload")}
+                  className="w-4 h-4 text-indigo-600 border-gray-300 focus:ring-indigo-500"
+                />
+                <span className="text-sm text-neutral-700 dark:text-neutral-300">Fazer upload</span>
+              </label>
+              <label className="flex items-center gap-2 cursor-pointer">
+                <input
+                  type="radio"
+                  name="imageInputType"
+                  value="url"
+                  checked={imageInputType === "url"}
+                  onChange={() => setImageInputType("url")}
+                  className="w-4 h-4 text-indigo-600 border-gray-300 focus:ring-indigo-500"
+                />
+                <span className="text-sm text-neutral-700 dark:text-neutral-300">Usar URL</span>
+              </label>
+            </div>
+
+            {imageInputType === "upload" && (
+              <div>
+                <input
+                  ref={fileInputRef}
+                  type="file"
+                  id="imageFile"
+                  name="imageFile"
+                  accept="image/*"
+                  onChange={handleFileChange}
+                  className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                />
+                {uploadedFileName && (
+                  <p className="mt-1 text-xs text-neutral-500 dark:text-neutral-400">
+                    Arquivo: {uploadedFileName}
+                  </p>
+                )}
+              </div>
+            )}
+
+            {imageInputType === "url" && (
+              <input
+                type="url"
+                id="imageUrl"
+                name="imageUrl"
+                defaultValue={product.imageUrl || ""}
+                className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                placeholder="https://example.com/image.jpg"
+              />
+            )}
+
+            {imagePreview && (
+              <div className="mt-3 relative inline-block">
+                <img
+                  src={imagePreview}
+                  alt="Preview"
+                  className="w-32 h-32 object-cover rounded-lg border border-neutral-200 dark:border-neutral-700"
+                />
+                <button
+                  type="button"
+                  onClick={clearImage}
+                  className="absolute -top-2 -right-2 p-1 bg-red-500 text-white rounded-full hover:bg-red-600 transition-colors"
+                  title="Remover imagem"
+                >
+                  <XMarkIcon className="w-4 h-4" />
+                </button>
+              </div>
+            )}
+          </div>
+
+          {/* Affiliate-specific fields */}
+          {saleType === "affiliate" && (
+            <div>
+              <label htmlFor="affiliateUrl" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                Link de Afiliado <span className="text-red-500">*</span>
+              </label>
+              <input
+                type="url"
+                id="affiliateUrl"
+                name="affiliateUrl"
+                defaultValue={product.affiliateUrl || ""}
+                className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                placeholder="https://amazon.com.br/..."
+                required
+              />
+              <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">
+                O aluno será redirecionado para este link ao clicar
+              </p>
+            </div>
+          )}
+
+          {/* Price - visible for both, required for direct */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              {saleType === "direct" && (
+                <div className="flex items-center gap-2 mb-2">
+                  <label htmlFor="price" className="text-neutral-700 dark:text-neutral-200 text-sm font-bold">
+                    Preço (R$) {!isFree && <span className="text-red-500">*</span>}
+                  </label>
+                  <button
+                    type="button"
+                    onClick={() => setIsFree(!isFree)}
+                    className={`ml-auto text-xs px-2.5 py-1 rounded-full border transition-colors cursor-pointer ${
+                      isFree
+                        ? "bg-emerald-50 dark:bg-emerald-900/20 border-emerald-300 dark:border-emerald-700 text-emerald-700 dark:text-emerald-300"
+                        : "border-neutral-300 dark:border-neutral-600 text-neutral-500 dark:text-neutral-400 hover:border-neutral-400"
+                    }`}
+                  >
+                    {isFree ? "Gratuito" : "Marcar como gratuito"}
+                  </button>
+                </div>
+              )}
+              {saleType === "affiliate" && (
+                <label htmlFor="price" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                  Preço (R$)
+                </label>
+              )}
+              <input
+                type="number"
+                id="price"
+                name="price"
+                defaultValue={product.price ?? ""}
+                step="0.01"
+                min="0"
+                disabled={isFree}
+                className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed"
+                placeholder={isFree ? "Gratuito" : "49.90"}
+                required={saleType === "direct" && !isFree}
+              />
+              {isFree && <input type="hidden" name="price" value="0" />}
+              {saleType === "affiliate" && (
+                <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">
+                  Preço de referência (apenas exibição)
+                </p>
+              )}
+              {isFree && (
+                <p className="text-xs text-emerald-600 dark:text-emerald-400 mt-1">
+                  Produto gratuito — acesso será liberado imediatamente após "compra"
+                </p>
+              )}
+            </div>
+
+            {/* Type - only for direct */}
+            {saleType === "direct" && (
+              <div>
+                <label htmlFor="type" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                  Categoria
+                </label>
+                <select
+                  id="type"
+                  name="type"
+                  defaultValue={product.type || "digital"}
+                  className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                >
+                  <option value="digital">Digital</option>
+                  <option value="physical">Físico</option>
+                  <option value="course_access">Acesso a Curso</option>
+                </select>
+              </div>
+            )}
+          </div>
+
+          {/* Stock & Active - only relevant for direct */}
+          {saleType === "direct" && (
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label htmlFor="stock" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                  Estoque (vazio = ilimitado)
+                </label>
+                <input
+                  type="number"
+                  id="stock"
+                  name="stock"
+                  defaultValue={product.stock ?? ""}
+                  min="0"
+                  className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                  placeholder="Deixe vazio para ilimitado"
+                />
+              </div>
+
+              <div className="flex items-center gap-2 pt-6">
+                <input
+                  type="checkbox"
+                  id="active"
+                  name="active"
+                  value="true"
+                  defaultChecked={product.active !== undefined ? product.active : true}
+                  className="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
+                />
+                <label htmlFor="active" className="text-neutral-700 dark:text-neutral-200 text-sm font-medium">
+                  Produto ativo
+                </label>
+              </div>
+            </div>
+          )}
+
+          {saleType === "affiliate" && (
+            <div className="flex items-center gap-2">
+              <input
+                type="checkbox"
+                id="active"
+                name="active"
+                value="true"
+                defaultChecked={product.active !== undefined ? product.active : true}
+                className="w-4 h-4 text-indigo-600 border-gray-300 rounded focus:ring-indigo-500"
+              />
+              <label htmlFor="active" className="text-neutral-700 dark:text-neutral-200 text-sm font-medium">
+                Produto ativo
+              </label>
+            </div>
+          )}
+
+          {/* Class linking - only for direct */}
+          {saleType === "direct" && classes.length > 0 && (
+            <div>
+              <label htmlFor="relatedClass" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                Turma Vinculada (opcional)
+              </label>
+              <select
+                id="relatedClass"
+                name="relatedClass"
+                defaultValue={product.relatedClass || ""}
+                className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              >
+                <option value="">Nenhuma</option>
+                {classes.map((cls) => (
+                  <option key={cls._id} value={cls._id}>
+                    {cls.classTitle}
+                  </option>
+                ))}
+              </select>
+              <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">
+                Ao aprovar a compra, o usuário será matriculado nesta turma automaticamente
+              </p>
+            </div>
+          )}
+
+          {saleType === "direct" && classTypes.length > 0 && (
+            <div>
+              <label htmlFor="relatedClassType" className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+                Tipo de Turma Vinculado (opcional)
+              </label>
+              <select
+                id="relatedClassType"
+                name="relatedClassType"
+                defaultValue={product.relatedClassType || ""}
+                className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 leading-tight focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+              >
+                <option value="">Nenhum</option>
+                {classTypes.map((ct) => (
+                  <option key={ct._id} value={ct._id}>
+                    {ct.title}
+                  </option>
+                ))}
+              </select>
+            </div>
+          )}
+        </div>
+
+        {saleType === "direct" && (
+          <div>
+            <label className="block text-neutral-700 dark:text-neutral-200 text-sm font-bold mb-2">
+              Arquivos do Produto
+            </label>
+            <p className="text-xs text-neutral-500 dark:text-neutral-400 mb-2">
+              Estes arquivos serão liberados ao comprador após aprovação do pagamento
+            </p>
+            <input
+              type="file"
+              name="productFiles"
+              multiple
+              className="w-full text-sm text-neutral-700 dark:text-neutral-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-indigo-50 dark:file:bg-indigo-900/20 file:text-indigo-700 dark:file:text-indigo-300 hover:file:bg-indigo-100"
+            />
+            {product.files && product.files.length > 0 && (
+              <div className="mt-3 space-y-2">
+                <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                  Arquivos já anexados ({product.files.length}):
+                </p>
+                <p className="text-xs text-neutral-400 dark:text-neutral-500">
+                  Para remover arquivos, use a gestão de arquivos do sistema.
+                </p>
+              </div>
+            )}
+          </div>
+        )}
+
+        <div className="flex items-center justify-end gap-3 mt-8 pt-6 border-t border-neutral-200 dark:border-neutral-700">
+          <button
+            type="button"
+            onClick={onCancel || (() => router.push("/admin/dashboard/produtos"))}
+            className="px-4 py-2 text-neutral-700 dark:text-neutral-300 font-medium rounded-lg border border-neutral-300 dark:border-neutral-600 hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Cancelar
+          </button>
+          <button
+            type="submit"
+            disabled={isPending}
+            className="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white font-medium rounded-lg disabled:opacity-50 transition-colors cursor-pointer"
+          >
+            {isPending ? "Salvando..." : "Salvar"}
+          </button>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default ProductForm;
diff --git a/src/app/(protected)/admin/dashboard/produtos/ProductsTable.jsx b/src/app/(protected)/admin/dashboard/produtos/ProductsTable.jsx
new file mode 100644
index 0000000..d2d0e99
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/produtos/ProductsTable.jsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { deleteProductAction } from "@/app/lib/products/actions";
+import { useActionState, useEffect, useState } from "react";
+import Link from "next/link";
+import { FaEdit, FaTrash } from "react-icons/fa";
+import Label from "@/app/(protected)/components/shared/Label";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+import ProductImage from "@/app/(protected)/components/shared/ProductImage";
+
+const TYPE_LABELS = {
+  digital: "Digital",
+  physical: "Físico",
+  course_access: "Acesso a Curso",
+};
+
+const SALE_TYPE_LABELS = {
+  direct: { label: "Venda Direta", color: "indigo" },
+  affiliate: { label: "Afiliado", color: "amber" },
+};
+
+const formatPrice = (price) => {
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL",
+  }).format(price);
+};
+
+export default function ProductsTable({ products = [] }) {
+  const initialState = { success: false, message: null };
+  const [state, action, isPending] = useActionState(deleteProductAction, initialState);
+  const [showMessage, setShowMessage] = useState(false);
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  return (
+    <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+      {showMessage && state?.message && (
+        <div className="px-6 pt-4">
+          <FlashMessage
+            message={state.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+      <table className="w-full text-sm">
+        <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs align-top">
+          <tr>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-left">
+              Produto
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-left">
+              Tipo
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-right">
+              Preço
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell text-center">
+              Estoque
+            </th>
+            <th className="px-6 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center">
+              Status
+            </th>
+            <th className="px-4 py-3.5 border-b border-neutral-200 dark:border-neutral-800 text-center whitespace-nowrap w-px">
+              Ações
+            </th>
+          </tr>
+        </thead>
+        <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800 align-top">
+          {products.length === 0 ? (
+            <tr>
+              <td colSpan="6" className="px-6 py-8 text-center text-neutral-500 dark:text-neutral-400">
+                Nenhum produto cadastrado ainda.
+              </td>
+            </tr>
+          ) : (
+            products.map((product) => (
+              <tr
+                key={product._id}
+                className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+              >
+                <td className="px-6 py-3.5 text-neutral-900 dark:text-neutral-100 align-top text-left">
+                  <div className="flex items-center gap-3">
+                    <ProductImage
+                      src={getFileUrl(product.imageUrl)}
+                      alt={product.title}
+                      className="w-12 h-12 rounded-lg object-cover border border-neutral-200 dark:border-neutral-700"
+                      size="sm"
+                    />
+                    <div>
+                      <p className="font-medium">{product.title}</p>
+                      {product.description && (
+                        <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1 line-clamp-1">
+                          {product.description}
+                        </p>
+                      )}
+                    </div>
+                  </div>
+                </td>
+                <td className="px-6 py-3.5 text-neutral-700 dark:text-neutral-300 align-top">
+                  {(() => {
+                    const st = SALE_TYPE_LABELS[product.saleType] || SALE_TYPE_LABELS.direct;
+                    return <Label color={st.color} size="sm">{st.label}</Label>;
+                  })()}
+                </td>
+                <td className="px-6 py-3.5 text-neutral-900 dark:text-neutral-100 align-top text-right font-semibold">
+                  {formatPrice(product.price)}
+                </td>
+                <td className="px-6 py-3.5 hidden md:table-cell text-center align-top text-neutral-700 dark:text-neutral-300">
+                  {product.stock === null ? (
+                    <Label color="blue" size="sm">Ilimitado</Label>
+                  ) : (
+                    <span>{product.stock}</span>
+                  )}
+                </td>
+                <td className="px-6 py-3.5 text-center align-top">
+                  {product.active ? (
+                    <Label color="emerald" size="sm">Ativo</Label>
+                  ) : (
+                    <Label color="red" size="sm">Inativo</Label>
+                  )}
+                </td>
+                <td className="px-4 py-3.5 align-top whitespace-nowrap">
+                  <div className="flex items-center gap-2">
+                    <Link
+                      href={`/admin/dashboard/produtos/edit/${product._id}`}
+                      title="Editar"
+                      className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+                    >
+                      <FaEdit className="text-lg" />
+                    </Link>
+                    <form action={action} className="inline">
+                      <input type="hidden" name="_id" value={product._id} />
+                      <button
+                        type="submit"
+                        title="Excluir"
+                        disabled={isPending}
+                        className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                        onClick={(e) => {
+                          if (!confirm("Tem certeza que deseja excluir este produto?")) {
+                            e.preventDefault();
+                          }
+                        }}
+                      >
+                        {isPending ? (
+                          <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                            <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                            <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                          </svg>
+                        ) : (
+                          <FaTrash className="text-lg" />
+                        )}
+                      </button>
+                    </form>
+                  </div>
+                </td>
+              </tr>
+            ))
+          )}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/produtos/add/page.jsx b/src/app/(protected)/admin/dashboard/produtos/add/page.jsx
new file mode 100644
index 0000000..a4363ee
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/produtos/add/page.jsx
@@ -0,0 +1,27 @@
+import ProductForm from "../ProductForm";
+import { getAllClassItems } from "@/app/lib/helpers/getItems";
+import { getClassModel } from "@/app/models/Class";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+
+export default async function AddProductPage() {
+  const classTypes = await getAllClassItems();
+  const ClassModel = await getClassModel();
+  const classesRaw = await ClassModel.find({}).select("classTitle").lean();
+  const classes = classesRaw.map((c) => ({
+    _id: c._id.toString(),
+    classTitle: c.classTitle,
+  }));
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Adicionar Produto"
+        subtitle="Crie um novo produto para venda direta"
+      />
+      <div className="mt-6">
+        <ProductForm classTypes={classTypes} classes={classes} />
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/produtos/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/produtos/edit/[id]/page.jsx
new file mode 100644
index 0000000..59e6061
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/produtos/edit/[id]/page.jsx
@@ -0,0 +1,49 @@
+import ProductForm from "../../ProductForm";
+import { getProductByIdAction } from "@/app/lib/products/actions";
+import { getAllClassItems } from "@/app/lib/helpers/getItems";
+import { getClassModel } from "@/app/models/Class";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { notFound } from "next/navigation";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function EditProductPage({ params }) {
+  const { id } = await params;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <MainSection>
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+        </div>
+      </MainSection>
+    );
+  }
+
+  const result = await getProductByIdAction(id);
+
+  if (!result.success || !result.data) {
+    notFound();
+  }
+
+  const product = result.data;
+  const classTypes = await getAllClassItems();
+  const ClassModel = await getClassModel();
+  const classesRaw = await ClassModel.find({}).select("classTitle").lean();
+  const classes = classesRaw.map((c) => ({
+    _id: c._id.toString(),
+    classTitle: c.classTitle,
+  }));
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Editar Produto"
+        subtitle={`Editando: ${product.title}`}
+      />
+      <div className="mt-6">
+        <ProductForm product={product} classTypes={classTypes} classes={classes} />
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/produtos/page.jsx b/src/app/(protected)/admin/dashboard/produtos/page.jsx
new file mode 100644
index 0000000..9efb160
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/produtos/page.jsx
@@ -0,0 +1,41 @@
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import ProductsTable from "./ProductsTable";
+import { getProductsAction } from "@/app/lib/products/actions";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+
+export default async function AdminProductsPage() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const currentUser = await UserModel.findOne({ _id: session.user.id });
+
+  if (!currentUser.roles.includes("admin")) {
+    return <NotAuthorized />;
+  }
+
+  const result = await getProductsAction({ active: undefined });
+  const products = result.success ? result.data : [];
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Gerenciar Produtos"
+        subtitle="Gerencie os produtos disponíveis para compra direta"
+        actions={
+          <Link href="/admin/dashboard/produtos/add">
+            <button className="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg transition-colors duration-300 cursor-pointer">
+              + Adicionar Produto
+            </button>
+          </Link>
+        }
+      />
+      <ProductsTable products={products} />
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/statistics/exams/page.jsx b/src/app/(protected)/admin/dashboard/statistics/exams/page.jsx
new file mode 100644
index 0000000..bb2bf13
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/statistics/exams/page.jsx
@@ -0,0 +1,32 @@
+import { getExamStatistics } from '@/app/lib/actions/examActions';
+import ExamStatistics from '@/app/(protected)/components/teacher/ExamStatistics';
+import PageHeader from '@/app/(protected)/components/shared/PageHeader';
+import { ChartBarIcon } from '@heroicons/react/24/outline';
+
+export default async function ExamStatisticsPage({
+  searchParams,
+}) {
+  const filters = {
+    classId: searchParams.classId,
+    studentId: searchParams.studentId,
+    templateId: searchParams.templateId,
+    startDate: searchParams.startDate,
+    endDate: searchParams.endDate,
+    page: parseInt(searchParams.page) || 1,
+    limit: parseInt(searchParams.limit) || 20,
+  };
+
+  const statistics = await getExamStatistics(filters);
+
+  return (
+    <div className="space-y-6">
+      <PageHeader
+        title="Estatísticas de Provas"
+        subtitle="Visualize estatísticas agregadas e métricas de desempenho"
+        icon={<ChartBarIcon className="w-6 h-6" />}
+      />
+
+      <ExamStatistics statistics={statistics} filters={filters} />
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/users/components/UpdateUserForm.jsx b/src/app/(protected)/admin/dashboard/users/components/UpdateUserForm.jsx
new file mode 100644
index 0000000..3151510
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/users/components/UpdateUserForm.jsx
@@ -0,0 +1,483 @@
+"use client";
+
+import { useState, useActionState, useEffect } from "react";
+import updateUserData from "@/app/lib/users/updateUserAction";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import RoleCheckbox from "@/app/(protected)/components/shared/RoleCheckbox";
+import Label from "@/app/(protected)/components/shared/Label";
+import Link from "next/link";
+import { formatDateToBR, maskDateToBR } from "@/app/lib/utils/dateUtils";
+import { sanitizeUsername, sanitizeFullName, hasInvalidUsernameChars, hasInvalidFullNameChars } from "@/app/lib/utils/stringUtils";
+
+const initialState = {
+  success: false,
+  message: "",
+  inputs: {},
+};
+
+const ROLE_OPTIONS = [
+  { value: "student", label: "Estudante", color: "emerald" },
+  { value: "parent", label: "Responsável", color: "blue" },
+  { value: "teacher", label: "Professor", color: "amber" },
+  { value: "admin", label: "Administrador", color: "red" },
+];
+
+function UpdateUserForm({ user, parents = [], students = [], isAdmin = false }) {
+  const [state, action, isPending] = useActionState(
+    updateUserData,
+    initialState
+  );
+
+  const [showMessage, setShowMessage] = useState(false);
+  const [fullNameWarning, setFullNameWarning] = useState(false);
+  const [usernameWarning, setUsernameWarning] = useState(false);
+  const [inputs, setInputs] = useState({
+    fullName: user?.fullName || "",
+    username: user?.username || "",
+    email: user?.email || "",
+    dateOfBirth: formatDateToBR(user?.dateOfBirth),
+    roles: user?.roles || ["student"],
+    guardiansAccounts: (user?.guardiansAccounts || []).map((g) =>
+      typeof g === "string" ? g : g.toString()
+    ),
+    wardAccounts: (user?.wardAccounts || []).map((w) =>
+      typeof w === "string" ? w : w.toString()
+    ),
+  });
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 15000);
+      return () => clearTimeout(timer);
+    } else {
+      setShowMessage(false);
+    }
+  }, [state.message]);
+
+  const onRoleChange = (role) => (e) => {
+    const currentRoles = inputs.roles || [];
+    const newRoles = e.target.checked
+      ? [...currentRoles, role]
+      : currentRoles.filter((r) => r !== role);
+    setInputs({ ...inputs, roles: newRoles });
+  };
+
+  const onAddGuardian = (guardianId) => {
+    setInputs({
+      ...inputs,
+      guardiansAccounts: [...(inputs.guardiansAccounts || []), guardianId],
+    });
+  };
+
+  const onRemoveGuardian = (guardianId) => {
+    setInputs({
+      ...inputs,
+      guardiansAccounts: (inputs.guardiansAccounts || []).filter(
+        (id) => id !== guardianId
+      ),
+    });
+  };
+
+  const onAddWard = (wardId) => {
+    setInputs({
+      ...inputs,
+      wardAccounts: [...(inputs.wardAccounts || []), wardId],
+    });
+  };
+
+  const onRemoveWard = (wardId) => {
+    setInputs({
+      ...inputs,
+      wardAccounts: (inputs.wardAccounts || []).filter(
+        (id) => id !== wardId
+      ),
+    });
+  };
+
+  const getRoleColor = (role) => {
+    return ROLE_OPTIONS.find((r) => r.value === role)?.color || "gray";
+  };
+
+  return (
+    <div className="w-full max-w-4xl mx-auto">
+      {/* FlashMessage */}
+      {state?.message && showMessage && (
+        <div className="mb-4">
+          <FlashMessage
+            message={state?.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+
+      <form action={action} className="max-w-4xl mx-auto">
+        {isPending && (
+          <div className="mb-4 p-4 bg-neutral-100 dark:bg-neutral-800 rounded-lg text-center">
+            <p className="text-neutral-600 dark:text-neutral-300">Salvando...</p>
+          </div>
+        )}
+
+        <input type="hidden" name="_id" value={user._id} />
+
+        {/* Hidden inputs for arrays */}
+        {(inputs.roles || []).map((role) => (
+          <input key={`role-${role}`} type="hidden" name="roles" value={role} />
+        ))}
+        {(inputs.guardiansAccounts || []).map((guardianId) => (
+          <input
+            key={`guardian-${guardianId}`}
+            type="hidden"
+            name="guardiansAccounts"
+            value={guardianId}
+          />
+        ))}
+        {(inputs.wardAccounts || []).map((wardId) => (
+          <input
+            key={`ward-${wardId}`}
+            type="hidden"
+            name="wardAccounts"
+            value={wardId}
+          />
+        ))}
+
+        {/* Main Form - Card Layout */}
+        <div className="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 shadow-sm overflow-hidden">
+          {/* Header */}
+          <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-b border-neutral-200 dark:border-neutral-700">
+            <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+              Editar Usuário
+            </h2>
+          </div>
+
+          {/* Form Content */}
+          <div className="p-6">
+            {/* 2-Column Grid */}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              {/* Nome Completo */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="fullName"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Nome Completo <span className="text-red-500">*</span>
+                </label>
+                <input
+                  id="fullName"
+                  name="fullName"
+                  required
+                  value={inputs.fullName}
+                  onChange={(e) => {
+                    const raw = e.target.value;
+                    const clean = sanitizeFullName(raw);
+                    setInputs({ ...inputs, fullName: clean });
+                    setFullNameWarning(hasInvalidFullNameChars(raw));
+                  }}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+                {fullNameWarning && (
+                  <p className="text-xs text-amber-600 dark:text-amber-400">
+                    Acentos, caracteres especiais e maiúsculas são removidos automaticamente. Use apenas letras sem acento.
+                  </p>
+                )}
+              </div>
+
+              {/* Nome de Usuário */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="username"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Nome de Usuário <span className="text-red-500">*</span>
+                </label>
+                <input
+                  id="username"
+                  name="username"
+                  required
+                  value={inputs.username}
+                  onChange={(e) => {
+                    const raw = e.target.value;
+                    const clean = sanitizeUsername(raw);
+                    setInputs({ ...inputs, username: clean });
+                    setUsernameWarning(hasInvalidUsernameChars(raw));
+                  }}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+                {usernameWarning && (
+                  <p className="text-xs text-amber-600 dark:text-amber-400">
+                    Acentos, espaços e maiúsculas são removidos automaticamente. Use apenas letras, números e _.
+                  </p>
+                )}
+              </div>
+
+              {/* Email */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="email"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Email
+                </label>
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  value={inputs.email}
+                  onChange={(e) =>
+                    setInputs({ ...inputs, email: e.target.value })
+                  }
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                  placeholder="email@exemplo.com"
+                />
+              </div>
+
+              {/* Data de Nascimento */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="dateOfBirth"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Data de Nascimento <span className="text-red-500">*</span>
+                </label>
+                <input
+                  type="text"
+                  id="dateOfBirth"
+                  name="dateOfBirth"
+                  required
+                  value={inputs.dateOfBirth}
+                  onChange={(e) =>
+                    setInputs({ ...inputs, dateOfBirth: maskDateToBR(e.target.value) })
+                  }
+                  placeholder="DD/MM/AAAA"
+                  inputMode="numeric"
+                  maxLength={10}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+              </div>
+            </div>
+
+            {/* Admin Only Section */}
+            {isAdmin && (
+              <>
+                {/* Roles - Checkboxes */}
+                <div className="mt-6 space-y-3">
+                  <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                    Funções <span className="text-red-500">*</span>
+                  </label>
+                  <div className="flex flex-wrap gap-3">
+                    {ROLE_OPTIONS.map((roleOption) => {
+                      const isChecked = (inputs.roles || []).includes(
+                        roleOption.value
+                      );
+                      return (
+                        <RoleCheckbox
+                          key={roleOption.value}
+                          value={roleOption.value}
+                          label={roleOption.label}
+                          color={roleOption.color}
+                          checked={isChecked}
+                          onChange={onRoleChange(roleOption.value)}
+                        />
+                      );
+                    })}
+                  </div>
+                </div>
+
+                {/* Guardians - Only for students */}
+                {(inputs.roles || []).includes("student") && (
+                  <div className="mt-6 space-y-3">
+                    <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                      Responsáveis (Guardians)
+                    </label>
+
+                    {/* Selected Guardians as Removable Tags */}
+                    {(inputs.guardiansAccounts || []).length > 0 && (
+                      <div className="flex flex-wrap gap-2 p-3 rounded-lg bg-neutral-50 dark:bg-neutral-900/50 border border-neutral-200 dark:border-neutral-700">
+                        {inputs.guardiansAccounts.map((guardianId) => {
+                          const guardian = parents.find(
+                            (p) =>
+                              (typeof p._id === "string"
+                                ? p._id
+                                : p._id.toString()) ===
+                              (typeof guardianId === "string"
+                                ? guardianId
+                                : guardianId.toString())
+                          );
+                          if (!guardian) return null;
+                          return (
+                            <Label
+                              key={
+                                typeof guardianId === "string"
+                                  ? guardianId
+                                  : guardianId.toString()
+                              }
+                              color="blue"
+                              className="font-medium"
+                              onRemove={() => onRemoveGuardian(guardianId)}
+                            >
+                              {guardian.fullName}
+                            </Label>
+                          );
+                        })}
+                      </div>
+                    )}
+
+                    {/* Add Guardian Dropdown */}
+                    <div className="flex gap-2">
+                      <select
+                        value=""
+                        onChange={(e) => {
+                          if (e.target.value) {
+                            onAddGuardian(e.target.value);
+                          }
+                        }}
+                        className="flex-1 h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                      >
+                        <option value="">Adicionar responsável...</option>
+                        {parents
+                          .filter(
+                            (p) =>
+                              !(inputs.guardiansAccounts || []).some(
+                                (selectedId) =>
+                                  (typeof p._id === "string"
+                                    ? p._id
+                                    : p._id.toString()) ===
+                                  (typeof selectedId === "string"
+                                    ? selectedId
+                                    : selectedId.toString())
+                              )
+                          )
+                          .map((parent) => {
+                            const id =
+                              typeof parent._id === "string"
+                                ? parent._id
+                                : parent._id.toString();
+                            return (
+                              <option key={id} value={id}>
+                                {parent.fullName}
+                              </option>
+                            );
+                          })}
+                      </select>
+                    </div>
+
+                    {parents.length === 0 && (
+                      <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                        Nenhum responsável cadastrado.
+                      </p>
+                    )}
+                  </div>
+                )}
+
+                {/* Wards - Only for parents/guardians */}
+                {(inputs.roles || []).includes("parent") && (
+                  <div className="mt-6 space-y-3">
+                    <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                      Estudantes sob Responsabilidade (Wards)
+                    </label>
+
+                    {/* Selected Wards as Removable Tags */}
+                    {(inputs.wardAccounts || []).length > 0 && (
+                      <div className="flex flex-wrap gap-2 p-3 rounded-lg bg-neutral-50 dark:bg-neutral-900/50 border border-neutral-200 dark:border-neutral-700">
+                        {inputs.wardAccounts.map((wardId) => {
+                          const ward = students.find(
+                            (s) =>
+                              (typeof s._id === "string"
+                                ? s._id
+                                : s._id.toString()) ===
+                              (typeof wardId === "string"
+                                ? wardId
+                                : wardId.toString())
+                          );
+                          if (!ward) return null;
+                          return (
+                            <Label
+                              key={
+                                typeof wardId === "string"
+                                  ? wardId
+                                  : wardId.toString()
+                              }
+                              color="emerald"
+                              className="font-medium"
+                              onRemove={() => onRemoveWard(wardId)}
+                            >
+                              {ward.fullName}
+                            </Label>
+                          );
+                        })}
+                      </div>
+                    )}
+
+                    {/* Add Ward Dropdown */}
+                    <div className="flex gap-2">
+                      <select
+                        value=""
+                        onChange={(e) => {
+                          if (e.target.value) {
+                            onAddWard(e.target.value);
+                          }
+                        }}
+                        className="flex-1 h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-emerald-500"
+                      >
+                        <option value="">Adicionar estudante...</option>
+                        {students
+                          .filter(
+                            (s) =>
+                              !(inputs.wardAccounts || []).some(
+                                (selectedId) =>
+                                  (typeof s._id === "string"
+                                    ? s._id
+                                    : s._id.toString()) ===
+                                  (typeof selectedId === "string"
+                                    ? selectedId
+                                    : selectedId.toString())
+                              )
+                          )
+                          .map((student) => {
+                            const id =
+                              typeof student._id === "string"
+                                ? student._id
+                                : student._id.toString();
+                            return (
+                              <option key={id} value={id}>
+                                {student.fullName}
+                              </option>
+                            );
+                          })}
+                      </select>
+                    </div>
+
+                    {students.length === 0 && (
+                      <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                        Nenhum estudante cadastrado.
+                      </p>
+                    )}
+                  </div>
+                )}
+              </>
+            )}
+          </div>
+
+          {/* Action Buttons */}
+          <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-t border-neutral-200 dark:border-neutral-700 flex gap-3 justify-between">
+            <Link
+              href="/admin/dashboard/users"
+              className="px-6 py-2.5 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 text-sm font-medium hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+            >
+              Voltar
+            </Link>
+            <button
+              type="submit"
+              disabled={isPending}
+              className="px-6 py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {isPending ? "Salvando..." : "Salvar"}
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default UpdateUserForm;
diff --git a/src/app/(protected)/admin/dashboard/users/components/UsersTable.jsx b/src/app/(protected)/admin/dashboard/users/components/UsersTable.jsx
new file mode 100644
index 0000000..98913b8
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/users/components/UsersTable.jsx
@@ -0,0 +1,385 @@
+"use client";
+
+import { deleteUser } from "@/app/lib/users/deleteUser";
+import { generatePasswordResetTokenAction } from "@/app/lib/users/resetPasswordActions";
+import { useActionState } from "react";
+import { useEffect, useState, useRef, useMemo } from "react";
+import Link from "next/link";
+import { FaEdit, FaTrash, FaKey, FaSearch, FaChevronLeft, FaChevronRight } from "react-icons/fa";
+import { IoCalendarOutline } from "react-icons/io5";
+import Label from "@/app/(protected)/components/shared/Label";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+
+const ITEMS_PER_PAGE = 15;
+
+export default function UsersTable({ users }) {
+  const deleteInitialState = { success: false, message: null };
+  const [state, action, isPending] = useActionState(deleteUser, deleteInitialState);
+  const [showMessage, setShowMessage] = useState(false);
+  const [resetModal, setResetModal] = useState({ open: false, userId: null, userName: "" });
+  const [resetLoading, setResetLoading] = useState(false);
+  const [resetResult, setResetResult] = useState(null);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [currentPage, setCurrentPage] = useState(1);
+  const linkRef = useRef(null);
+
+  const sortedUsers = useMemo(() => {
+    return [...users].sort((a, b) =>
+      a.fullName.localeCompare(b.fullName, "pt-BR", { sensitivity: "base" })
+    );
+  }, [users]);
+
+  const filteredUsers = useMemo(() => {
+    if (!searchTerm.trim()) return sortedUsers;
+    const term = searchTerm.toLowerCase().trim();
+    return sortedUsers.filter(
+      (user) =>
+        user.fullName.toLowerCase().includes(term) ||
+        user.username.toLowerCase().includes(term) ||
+        (user.email && user.email.toLowerCase().includes(term))
+    );
+  }, [sortedUsers, searchTerm]);
+
+  const totalPages = Math.max(1, Math.ceil(filteredUsers.length / ITEMS_PER_PAGE));
+  const safePage = Math.min(currentPage, totalPages);
+  const paginatedUsers = filteredUsers.slice(
+    (safePage - 1) * ITEMS_PER_PAGE,
+    safePage * ITEMS_PER_PAGE
+  );
+
+  useEffect(() => {
+    setCurrentPage(1);
+  }, [searchTerm]);
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 5000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  const handleGenerateResetLink = async () => {
+    if (!resetModal.userId) return;
+    setResetLoading(true);
+    setResetResult(null);
+
+    try {
+      const result = await generatePasswordResetTokenAction(resetModal.userId);
+      setResetResult(result);
+    } catch {
+      setResetResult({ success: false, message: "Erro inesperado." });
+    } finally {
+      setResetLoading(false);
+    }
+  };
+
+  const handleCopyLink = () => {
+    if (linkRef.current) {
+      navigator.clipboard.writeText(linkRef.current.value);
+    }
+  };
+
+  const closeResetModal = () => {
+    setResetModal({ open: false, userId: null, userName: "" });
+    setResetResult(null);
+    setResetLoading(false);
+  };
+
+  return (
+    <>
+      <div className="w-full mt-6 overflow-x-auto rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-sm">
+        {showMessage && state?.message && (
+          <div className="px-6 pt-4">
+            <FlashMessage
+              message={state.message}
+              type={state.success ? "success" : "error"}
+            />
+          </div>
+        )}
+
+        <div className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3">
+          <div className="relative w-full sm:w-80">
+            <FaSearch className="absolute left-3 top-1/2 -translate-y-1/2 text-neutral-400 text-sm" />
+            <input
+              type="text"
+              placeholder="Buscar por nome, usuário ou email..."
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
+              className="w-full pl-9 pr-4 py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 dark:placeholder:text-neutral-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-colors"
+            />
+          </div>
+          <span className="text-xs text-neutral-500 dark:text-neutral-400 whitespace-nowrap">
+            {filteredUsers.length} usuário{filteredUsers.length !== 1 ? "s" : ""} encontrado{filteredUsers.length !== 1 ? "s" : ""}
+          </span>
+        </div>
+
+        <table className="w-full text-sm text-left">
+          <thead className="bg-neutral-100 dark:bg-neutral-800/70 text-neutral-800 dark:text-neutral-200 font-semibold uppercase text-xs">
+            <tr>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800">
+                Nome Completo
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell">
+                Nome de Usuário
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden md:table-cell">
+                Email
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden lg:table-cell text-center">
+                Data de Nascimento
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 hidden lg:table-cell">
+                Funções
+              </th>
+              <th className="px-6 py-4 border-b border-neutral-200 dark:border-neutral-800 text-right">
+                Ações
+              </th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+            {paginatedUsers.length === 0 ? (
+              <tr>
+                <td colSpan={6} className="px-6 py-12 text-center text-neutral-400 dark:text-neutral-500">
+                  Nenhum usuário encontrado.
+                </td>
+              </tr>
+            ) : (
+              paginatedUsers.map((user) => (
+              <tr
+                key={user._id}
+                className="hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors"
+              >
+                <td className="px-6 py-4 text-neutral-900 dark:text-neutral-100 font-medium">
+                  {user.fullName}
+                </td>
+                <td className="px-6 py-4 hidden md:table-cell text-neutral-700 dark:text-neutral-300">
+                  {user.username}
+                </td>
+                <td className="px-6 py-4 hidden md:table-cell text-neutral-700 dark:text-neutral-300">
+                  {user.email || "-"}
+                </td>
+                <td className="px-6 py-4 hidden lg:table-cell text-neutral-700 dark:text-neutral-300 text-center">
+                  <span className="inline-flex items-center gap-1.5">
+                    <IoCalendarOutline className="text-neutral-400" />
+                    {new Date(user.dateOfBirth).toLocaleDateString('pt-BR', {timeZone: 'UTC'})}
+                  </span>
+                </td>
+                <td className="px-6 py-4 hidden lg:table-cell text-neutral-700 dark:text-neutral-300">
+                  <div className="flex flex-wrap gap-1.5">
+                    {user.roles.length > 0 ? (
+                      user.roles.map(role => {
+                        const roleColors = {
+                          student: "emerald",
+                          parent: "blue",
+                          teacher: "amber",
+                          admin: "red",
+                        };
+                        return (
+                          <Label key={role} color={roleColors[role] || "gray"} size="sm" uppercase>
+                            {role}
+                          </Label>
+                        );
+                      })
+                    ) : (
+                      <span className="text-neutral-400 dark:text-neutral-600">-</span>
+                    )}
+                  </div>
+                </td>
+                <td className="px-6 py-4 text-right">
+                  <div className="flex justify-end items-center gap-2">
+                    <button
+                      type="button"
+                      title="Resetar Senha"
+                      className="p-2 text-neutral-500 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
+                      onClick={() => setResetModal({ open: true, userId: user._id, userName: user.fullName })}
+                    >
+                      <FaKey className="text-lg" />
+                    </button>
+                    <Link
+                      href={`/admin/dashboard/users/edit/${user._id}`}
+                      title="Editar"
+                      className="p-2 text-neutral-500 hover:text-amber-600 dark:hover:text-amber-400 transition-colors"
+                    >
+                      <FaEdit className="text-lg" />
+                    </Link>
+                    <form action={action} className="inline">
+                      <input type="hidden" name="userId" value={user._id} />
+                      <button
+                        type="submit"
+                        title="Excluir"
+                        disabled={isPending}
+                        className="p-2 text-neutral-500 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                        aria-label={`Excluir usuário ${user.username}`}
+                        onClick={(e) => {
+                          if (!confirm('Tem certeza que deseja deletar este usuário?')) {
+                            e.preventDefault();
+                          }
+                        }}
+                      >
+                        {isPending ? (
+                          <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                            <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                            <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                          </svg>
+                        ) : (
+                          <FaTrash className="text-lg" />
+                        )}
+                      </button>
+                    </form>
+                  </div>
+                </td>
+              </tr>
+            ))
+            )}
+          </tbody>
+        </table>
+
+        {totalPages > 1 && (
+          <div className="px-6 py-4 border-t border-neutral-200 dark:border-neutral-800 flex items-center justify-between">
+            <span className="text-xs text-neutral-500 dark:text-neutral-400">
+              Página {safePage} de {totalPages}
+            </span>
+            <div className="flex items-center gap-1">
+              <button
+                onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}
+                disabled={safePage <= 1}
+                className="p-2 rounded-lg text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
+              >
+                <FaChevronLeft className="text-xs" />
+              </button>
+              {Array.from({ length: totalPages }, (_, i) => i + 1)
+                .filter((page) => {
+                  if (totalPages <= 7) return true;
+                  if (page === 1 || page === totalPages) return true;
+                  if (Math.abs(page - safePage) <= 1) return true;
+                  return false;
+                })
+                .reduce((acc, page, idx, arr) => {
+                  if (idx > 0 && page - arr[idx - 1] > 1) {
+                    acc.push("...");
+                  }
+                  acc.push(page);
+                  return acc;
+                }, [])
+                .map((item, idx) =>
+                  item === "..." ? (
+                    <span key={`ellipsis-${idx}`} className="px-2 text-neutral-400 text-xs">...</span>
+                  ) : (
+                    <button
+                      key={item}
+                      onClick={() => setCurrentPage(item)}
+                      className={`min-w-[32px] h-8 rounded-lg text-xs font-medium transition-colors ${
+                        safePage === item
+                          ? "bg-indigo-600 text-white"
+                          : "text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800"
+                      }`}
+                    >
+                      {item}
+                    </button>
+                  )
+                )}
+              <button
+                onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}
+                disabled={safePage >= totalPages}
+                className="p-2 rounded-lg text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-800 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
+              >
+                <FaChevronRight className="text-xs" />
+              </button>
+            </div>
+          </div>
+        )}
+      </div>
+
+      {resetModal.open && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" onClick={closeResetModal}>
+          <div className="bg-white dark:bg-neutral-800 rounded-2xl shadow-2xl max-w-lg w-full p-6" onClick={(e) => e.stopPropagation()}>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-bold text-neutral-900 dark:text-neutral-100">
+                Resetar Senha
+              </h3>
+              <button onClick={closeResetModal} className="text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-200 transition-colors">
+                <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" d="M6 18 18 6M6 6l12 12" />
+                </svg>
+              </button>
+            </div>
+
+            <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-4">
+              Gerar link de redefinição de senha para <strong className="text-neutral-900 dark:text-neutral-100">{resetModal.userName}</strong>.
+              O link é válido por 24 horas e deve ser enviado manualmente ao usuário.
+            </p>
+
+            {!resetResult && (
+              <button
+                onClick={handleGenerateResetLink}
+                disabled={resetLoading}
+                className="w-full py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-semibold transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2"
+              >
+                {resetLoading ? (
+                  <>
+                    <svg className="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                      <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                      <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                    </svg>
+                    Gerando...
+                  </>
+                ) : (
+                  <>
+                    <FaKey className="text-sm" />
+                    Gerar Link de Reset
+                  </>
+                )}
+              </button>
+            )}
+
+            {resetResult?.success && resetResult.data && (
+              <div className="space-y-3">
+                <div className="p-3 rounded-lg bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-700">
+                  <p className="text-sm text-emerald-700 dark:text-emerald-300 font-medium">
+                    Link gerado com sucesso! Expira em 24 horas.
+                  </p>
+                </div>
+                <div className="flex gap-2">
+                  <input
+                    ref={linkRef}
+                    type="text"
+                    readOnly
+                    value={resetResult.data.resetLink}
+                    className="flex-1 h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-700 text-xs text-neutral-900 dark:text-neutral-100 font-mono"
+                  />
+                  <button
+                    onClick={handleCopyLink}
+                    className="px-4 h-10 rounded-lg bg-neutral-100 dark:bg-neutral-700 border border-neutral-300 dark:border-neutral-600 text-sm font-medium text-neutral-700 dark:text-neutral-200 hover:bg-neutral-200 dark:hover:bg-neutral-600 transition-colors whitespace-nowrap"
+                  >
+                    Copiar
+                  </button>
+                </div>
+                <button
+                  onClick={closeResetModal}
+                  className="w-full py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 text-sm font-medium text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+                >
+                  Fechar
+                </button>
+              </div>
+            )}
+
+            {resetResult && !resetResult.success && (
+              <div className="space-y-3">
+                <div className="p-3 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-700">
+                  <p className="text-sm text-red-700 dark:text-red-300">{resetResult.message}</p>
+                </div>
+                <button
+                  onClick={() => setResetResult(null)}
+                  className="w-full py-2 rounded-lg border border-neutral-300 dark:border-neutral-600 text-sm font-medium text-neutral-700 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+                >
+                  Tentar novamente
+                </button>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/users/edit/[id]/page.jsx b/src/app/(protected)/admin/dashboard/users/edit/[id]/page.jsx
new file mode 100644
index 0000000..0350cba
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/users/edit/[id]/page.jsx
@@ -0,0 +1,66 @@
+import { getUserModel } from "@/app/models/User";
+import UpdateUserForm from "@/app/(protected)/admin/dashboard/users/components/UpdateUserForm";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { toPlain } from "@/app/lib/helpers/toPlain";
+import { getUsersByRole } from "@/app/lib/users/getUsersByRole";
+import { auth } from "@/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function UpdateUserPage({ params }) {
+  const { id } = await params;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const session = await auth();
+
+  const User = await getUserModel();
+  const userDoc = await User.findById(id)
+    .select("-passwordHash -createdAt -modifiedAt -__v")
+    .lean();
+
+  if (!userDoc) {
+    return <NotAuthorized />;
+  }
+
+  if (!session) {
+    return <NotAuthorized />;
+  }
+
+  const user = toPlain(userDoc);
+  user._id = user._id.toString();
+
+  const isOwner = session.user.id === id;
+  const isGuardian = user.guardiansAccounts.some(g => g.toString() === session.user.id);
+
+  // Check admin role regardless of owner/guardian status
+  const sessionUser = await User.findById(session.user.id).select("roles").lean();
+  const isAdmin = sessionUser?.roles?.includes("admin") || false;
+
+  if (!isOwner && !isGuardian && !isAdmin) {
+    return <NotAuthorized />;
+  }
+
+  const parentsResult = await getUsersByRole(["parent"]);
+  const parents = parentsResult.success ? parentsResult.data : [];
+  const studentsResult = await getUsersByRole(["student"]);
+  const students = studentsResult.success ? studentsResult.data : [];
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Editar Usuário"
+        subtitle="Atualize as informações e permissões do usuário"
+      />
+      <div className="flex justify-center">
+        <UpdateUserForm user={user} parents={parents} students={students} isAdmin={isAdmin} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/dashboard/users/page.jsx b/src/app/(protected)/admin/dashboard/users/page.jsx
new file mode 100644
index 0000000..2fa9e7a
--- /dev/null
+++ b/src/app/(protected)/admin/dashboard/users/page.jsx
@@ -0,0 +1,18 @@
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import UsersTable from "./components/UsersTable";
+import { getUsersForAdminAction } from "@/app/lib/users/actions";
+
+export default async function UsersAdminPage() {
+  const result = await getUsersForAdminAction();
+  const users = result.success ? result.data : [];
+
+  return (
+    <div className="w-full mt-3">
+      <PageHeader
+        title="Gerenciar Usuários e Papéis"
+        subtitle="Configure permissões e gerencie contas de professores e alunos"
+      />
+      <UsersTable users={users}/>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/admin/layout.jsx b/src/app/(protected)/admin/layout.jsx
new file mode 100644
index 0000000..461ba20
--- /dev/null
+++ b/src/app/(protected)/admin/layout.jsx
@@ -0,0 +1,31 @@
+import SideBarNav from "../components/shared/SideBarNav";
+import { auth } from "@/app/lib/utils/auth";
+import { redirect } from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+
+export default async function AdminLayout({ children }) {
+  const session = await auth();
+
+  // If not authenticated, redirect to login
+  if (!session?.user?.id) {
+    redirect("/auth/login");
+  }
+
+  // If not admin, render without sidebar
+  const isAdmin = session.user.roles?.includes("admin");
+
+  if (!isAdmin) {
+    return <NotAuthorized />;
+  }
+
+  return (
+    <div className="flex h-screen overflow-hidden bg-white dark:bg-neutral-950 text-neutral-900 dark:text-neutral-100">
+      <SideBarNav />
+      <div className="flex-1 min-w-0 overflow-x-hidden overflow-y-auto">
+        <div className="w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/AdminDashboard.jsx b/src/app/(protected)/components/AdminDashboard.jsx
new file mode 100644
index 0000000..5ea44d1
--- /dev/null
+++ b/src/app/(protected)/components/AdminDashboard.jsx
@@ -0,0 +1,85 @@
+import {
+  BookmarkIcon,
+  UserGroupIcon,
+  UsersIcon,
+  CurrencyDollarIcon,
+  AcademicCapIcon,
+  ChatBubbleLeftRightIcon,
+} from "@heroicons/react/24/outline";
+import DashboardCard from "./shared/DashboardCard";
+import PageHeader from "./shared/PageHeader";
+import { relatedToTitleUrl } from "@/app/lib/helpers/generalUtils";
+import { getContactMessageModel } from "@/app/models/ContactMessage";
+
+export const dynamic = "force-dynamic";
+
+async function AdminDashboard() {
+  const ContactMessage = await getContactMessageModel();
+  const unreadCount = await ContactMessage.countDocuments({ status: "new" });
+  return (
+    <div className="max-w-6xl mx-auto p-6">
+      <PageHeader
+        title="Dashboard Administrativo"
+        subtitle="Gerencie os gêneros de classes, classes, usuários e seus papéis."
+      />
+
+      <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+        <DashboardCard
+          title="Tipos de Turmas"
+          description="Gerencie os tipos de turmas, como 'Starters' etc."
+          buttonText="Gerenciar"
+          buttonColor="indigo"
+          link={`/admin/dashboard/${relatedToTitleUrl("classTypes")}`}
+          icon={BookmarkIcon}
+        />
+
+        <DashboardCard
+          title="Turmas"
+          description="Gerencie as turmas ativas atualmente, bem como as arquivadas."
+          buttonText="Gerenciar"
+          buttonColor="emerald"
+          link="/admin/dashboard/class"
+          icon={UserGroupIcon}
+        />
+
+        <DashboardCard
+          title="Usuários & Papéis"
+          description="Configure permissões e gerencie contas de professores e alunos."
+          buttonText="Gerenciar Usuários"
+          buttonColor="purple"
+          link="/admin/dashboard/users"
+          icon={UsersIcon}
+        />
+
+        <DashboardCard
+          title="Pagamentos"
+          description="Visualize e gerencie os pagamentos realizados e pendentes dos alunos."
+          buttonText="Ver Pagamentos"
+          buttonColor="amber"
+          link="/admin/dashboard/payments"
+          icon={CurrencyDollarIcon}
+        />
+
+        <DashboardCard
+          title="Provas"
+          description="Gerencie as provas, crie novas provas e visualize os resultados."
+          buttonText="Gerenciar Provas"
+          buttonColor="blue"
+          link="/admin/dashboard/exams"
+          icon={AcademicCapIcon}
+        />
+
+        <DashboardCard
+          title={unreadCount > 0 ? `Mensagens (${unreadCount} novas)` : "Mensagens"}
+          description="Visualize e responda as mensagens recebidas pelo formulário de contato."
+          buttonText="Ver Mensagens"
+          buttonColor="rose"
+          link="/admin/dashboard/messages"
+          icon={ChatBubbleLeftRightIcon}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default AdminDashboard;
diff --git a/src/app/(protected)/components/DashboardLayout.jsx b/src/app/(protected)/components/DashboardLayout.jsx
new file mode 100644
index 0000000..1a299be
--- /dev/null
+++ b/src/app/(protected)/components/DashboardLayout.jsx
@@ -0,0 +1,10 @@
+import PageTitle from "./shared/PageTitle";
+
+export function DashboardLayout({ title, subtitle, children, className = "" }) {
+  return (
+    <div className={`max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 ${className}`}>
+      {title && <PageTitle title={title} subTitle={subtitle} />}
+      {children}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/exam-templates/AssignmentForm.jsx b/src/app/(protected)/components/exam-templates/AssignmentForm.jsx
new file mode 100644
index 0000000..b05a5a9
--- /dev/null
+++ b/src/app/(protected)/components/exam-templates/AssignmentForm.jsx
@@ -0,0 +1,598 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { XMarkIcon, PlusIcon, TrashIcon } from "@heroicons/react/24/outline";
+import { createExamAssignment, updateExamAssignment } from "@/app/lib/actions/examActions";
+
+export default function AssignmentForm({
+  isOpen,
+  classId: initialClassId,
+  templates = [],
+  classes = [],
+  assignment = null, // For editing mode
+  isEditing = false,
+}) {
+  const router = useRouter();
+  const [isPending, setIsPending] = useState(false);
+  const [selectedClassId, setSelectedClassId] = useState(initialClassId || "");
+  const [selectedTemplateId, setSelectedTemplateId] = useState("");
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [instructions, setInstructions] = useState("");
+  const [startDate, setStartDate] = useState("");
+  const [endDate, setEndDate] = useState("");
+  const [timeLimit, setTimeLimit] = useState("");
+  const [allowRetakes, setAllowRetakes] = useState(false);
+  const [maxAttempts, setMaxAttempts] = useState("1");
+  const [showResultsAfterGrading, setShowResultsAfterGrading] = useState(true);
+  const [status, setStatus] = useState("active");
+  
+  // Custom questions state
+  const [useCustomQuestions, setUseCustomQuestions] = useState(false);
+  const [customQuestions, setCustomQuestions] = useState([]);
+
+  const handleClose = () => {
+    window.dispatchEvent(new CustomEvent('closeAssignmentModal'));
+  };
+
+  // Initialize form when editing
+  useEffect(() => {
+    if (isEditing && assignment) {
+      setSelectedClassId(assignment.classId?._id || assignment.classId || "");
+      setSelectedTemplateId(assignment.examTemplateId?._id || assignment.examTemplateId || "");
+      setTitle(assignment.title || "");
+      setDescription(assignment.description || "");
+      setInstructions(assignment.instructions || "");
+      setStartDate(assignment.startDate ? new Date(assignment.startDate).toISOString().slice(0, 16) : "");
+      setEndDate(assignment.endDate ? new Date(assignment.endDate).toISOString().slice(0, 16) : "");
+      setTimeLimit(assignment.timeLimit ? String(assignment.timeLimit) : "");
+      setAllowRetakes(assignment.allowRetakes || false);
+      setMaxAttempts(String(assignment.maxAttempts || 1));
+      setShowResultsAfterGrading(assignment.showResultsAfterGrading !== false);
+      setStatus(assignment.status || "active");
+      setUseCustomQuestions(assignment.useCustomQuestions || false);
+      setCustomQuestions(assignment.customQuestions?.map((q, idx) => ({
+        ...q,
+        _id: q._id || `temp-${idx}`,
+        options: q.options?.map((opt, optIdx) => ({
+          ...opt,
+          _id: opt._id || `temp-opt-${idx}-${optIdx}`,
+        })) || [],
+      })) || []);
+    } else if (isOpen && !isEditing) {
+      // Reset form for new assignment
+      const now = new Date();
+      const tomorrow = new Date(now);
+      tomorrow.setDate(tomorrow.getDate() + 7);
+      setStartDate(now.toISOString().slice(0, 16));
+      setEndDate(tomorrow.toISOString().slice(0, 16));
+      setTitle("");
+      setDescription("");
+      setInstructions("");
+      setSelectedTemplateId("");
+      setTimeLimit("");
+      setAllowRetakes(false);
+      setMaxAttempts("1");
+      setShowResultsAfterGrading(true);
+      setStatus("active");
+      setUseCustomQuestions(false);
+      setCustomQuestions([]);
+    }
+  }, [isOpen, isEditing, assignment]);
+
+  const handleTemplateChange = (e) => {
+    const templateId = e.target.value;
+    setSelectedTemplateId(templateId);
+
+    const template = templates.find(t => t._id === templateId);
+    if (template && !isEditing) {
+      setTitle(template.title);
+      setDescription(template.description || "");
+      setInstructions(template.instructions || "");
+      setTimeLimit(template.timeLimit ? String(template.timeLimit) : "");
+      
+      // Always initialize custom questions from template
+      // This allows the teacher to customize (edit/delete/add) when they enable the toggle
+      if (template.questions) {
+        setCustomQuestions(template.questions.map((q, idx) => ({
+          _id: `temp-${idx}`,
+          questionText: q.questionText,
+          questionType: q.questionType,
+          options: q.options?.map((opt, optIdx) => ({
+            _id: `temp-opt-${idx}-${optIdx}`,
+            optionText: opt.optionText,
+            isCorrect: opt.isCorrect,
+          })) || [],
+          points: q.points || 1,
+          order: q.order || idx,
+        })));
+      } else {
+        setCustomQuestions([]);
+      }
+      
+      // Reset useCustomQuestions to false when changing template
+      // Teacher needs to explicitly enable it to use custom questions
+      setUseCustomQuestions(false);
+    }
+  };
+
+  // Question management functions
+  const addQuestion = () => {
+    setCustomQuestions([...customQuestions, {
+      _id: `temp-${Date.now()}`,
+      questionText: "",
+      questionType: "multiple_choice",
+      options: [
+        { _id: `temp-opt-${Date.now()}-0`, optionText: "", isCorrect: false },
+        { _id: `temp-opt-${Date.now()}-1`, optionText: "", isCorrect: false },
+      ],
+      points: 1,
+      order: customQuestions.length,
+    }]);
+  };
+
+  const removeQuestion = (questionIndex) => {
+    const newQuestions = customQuestions.filter((_, idx) => idx !== questionIndex);
+    // Reorder remaining questions
+    newQuestions.forEach((q, idx) => { q.order = idx; });
+    setCustomQuestions(newQuestions);
+  };
+
+  const updateQuestion = (questionIndex, field, value) => {
+    const newQuestions = [...customQuestions];
+    newQuestions[questionIndex][field] = value;
+    setCustomQuestions(newQuestions);
+  };
+
+  const addOption = (questionIndex) => {
+    const newQuestions = [...customQuestions];
+    newQuestions[questionIndex].options.push({
+      _id: `temp-opt-${Date.now()}`,
+      optionText: "",
+      isCorrect: false,
+    });
+    setCustomQuestions(newQuestions);
+  };
+
+  const removeOption = (questionIndex, optionIndex) => {
+    const newQuestions = [...customQuestions];
+    newQuestions[questionIndex].options = newQuestions[questionIndex].options.filter((_, idx) => idx !== optionIndex);
+    setCustomQuestions(newQuestions);
+  };
+
+  const updateOption = (questionIndex, optionIndex, field, value) => {
+    const newQuestions = [...customQuestions];
+    newQuestions[questionIndex].options[optionIndex][field] = value;
+    setCustomQuestions(newQuestions);
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsPending(true);
+
+    const assignmentData = {
+      examTemplateId: selectedTemplateId,
+      title,
+      description,
+      instructions,
+      startDate: new Date(startDate).toISOString(),
+      endDate: new Date(endDate).toISOString(),
+      timeLimit: timeLimit ? parseInt(timeLimit) : null,
+      allowRetakes,
+      maxAttempts: parseInt(maxAttempts),
+      showResultsAfterGrading,
+      status,
+      useCustomQuestions,
+      customQuestions: useCustomQuestions ? customQuestions.map(q => ({
+        questionText: q.questionText,
+        questionType: q.questionType,
+        options: q.options.map(opt => ({
+          optionText: opt.optionText,
+          isCorrect: opt.isCorrect,
+        })),
+        points: q.points,
+        order: q.order,
+      })) : [],
+    };
+
+    try {
+      let result;
+      if (isEditing && assignment) {
+        result = await updateExamAssignment(assignment._id, assignmentData);
+      } else {
+        result = await createExamAssignment(selectedClassId, assignmentData);
+      }
+      
+      if (result.success) {
+        handleClose();
+        router.refresh();
+      } else {
+        alert(result.error || `Erro ao ${isEditing ? 'atualizar' : 'atribuir'} prova.`);
+      }
+    } catch (error) {
+      console.error(`Erro ao ${isEditing ? 'atualizar' : 'atribuir'} prova:`, error);
+      alert(error.message || `Erro ao ${isEditing ? 'atualizar' : 'atribuir'} prova.`);
+    } finally {
+      setIsPending(false);
+    }
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+      <div className="bg-white dark:bg-neutral-900 rounded-xl shadow-xl w-full max-w-4xl max-h-[90vh] overflow-hidden border border-neutral-200 dark:border-neutral-800 flex flex-col">
+        <div className="flex items-center justify-between p-6 border-b border-neutral-200 dark:border-neutral-800 shrink-0">
+          <h2 className="text-xl font-semibold text-neutral-900 dark:text-neutral-100">
+            {isEditing ? "Editar Prova" : "Atribuir Prova à Turma"}
+          </h2>
+          <button onClick={handleClose} className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
+            <XMarkIcon className="w-6 h-6" />
+          </button>
+        </div>
+
+        <form onSubmit={handleSubmit} className="flex-1 overflow-y-auto p-6 space-y-6">
+          {/* Select Class - hidden when editing or when classId is pre-selected */}
+          {!initialClassId && !isEditing && (
+            <div>
+              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                Selecionar Turma *
+              </label>
+              <select
+                value={selectedClassId}
+                onChange={(e) => setSelectedClassId(e.target.value)}
+                required
+                className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+              >
+                <option value="">Escolha uma turma...</option>
+                {classes.map((cls) => (
+                  <option key={cls._id} value={cls._id}>
+                    {cls.classTitle}
+                  </option>
+                ))}
+              </select>
+            </div>
+          )}
+          {(initialClassId || isEditing) && (
+            <input type="hidden" name="classId" value={selectedClassId} />
+          )}
+
+          {/* Select Template */}
+          <div>
+            <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+              Selecionar Template *
+            </label>
+            <select
+              value={selectedTemplateId}
+              onChange={handleTemplateChange}
+              required
+              disabled={isEditing}
+              className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent disabled:opacity-60"
+            >
+              <option value="">Escolha um template...</option>
+              {templates.map((template) => (
+                <option key={template._id} value={template._id}>
+                  {template.title} ({template.questions?.length || 0} questões, {template.totalPoints || 0} pts)
+                </option>
+              ))}
+            </select>
+          </div>
+
+          {selectedTemplateId && (
+            <>
+              {/* Title and Description */}
+              <div className="space-y-4">
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Título da Prova *
+                  </label>
+                  <input
+                    type="text"
+                    value={title}
+                    onChange={(e) => setTitle(e.target.value)}
+                    required
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                  />
+                </div>
+
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Descrição (opcional, substitui a do template)
+                  </label>
+                  <textarea
+                    value={description}
+                    onChange={(e) => setDescription(e.target.value)}
+                    rows={2}
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+                  />
+                </div>
+
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Instruções (opcional, substitui as do template)
+                  </label>
+                  <textarea
+                    value={instructions}
+                    onChange={(e) => setInstructions(e.target.value)}
+                    rows={3}
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+                  />
+                </div>
+              </div>
+
+              {/* Schedule */}
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Data/Hora Início *
+                  </label>
+                  <input
+                    type="datetime-local"
+                    value={startDate}
+                    onChange={(e) => setStartDate(e.target.value)}
+                    required
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Data/Hora Fim *
+                  </label>
+                  <input
+                    type="datetime-local"
+                    value={endDate}
+                    onChange={(e) => setEndDate(e.target.value)}
+                    required
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                  />
+                </div>
+              </div>
+
+              {/* Settings */}
+              <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Tempo (min)
+                  </label>
+                  <input
+                    type="number"
+                    value={timeLimit}
+                    onChange={(e) => setTimeLimit(e.target.value)}
+                    min="1"
+                    placeholder="Override"
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                  />
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Máx. Tentativas
+                  </label>
+                  <input
+                    type="number"
+                    value={maxAttempts}
+                    onChange={(e) => setMaxAttempts(e.target.value)}
+                    min="1"
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                  />
+                </div>
+                <div className="flex items-center gap-2">
+                  <input
+                    type="checkbox"
+                    id="allowRetakes"
+                    checked={allowRetakes}
+                    onChange={(e) => setAllowRetakes(e.target.checked)}
+                    className="rounded border-neutral-300 text-indigo-600 focus:ring-indigo-500"
+                  />
+                  <label htmlFor="allowRetakes" className="text-sm text-neutral-700 dark:text-neutral-300">
+                    Permitir repetições
+                  </label>
+                </div>
+                <div>
+                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+                    Status
+                  </label>
+                  <select
+                    value={status}
+                    onChange={(e) => setStatus(e.target.value)}
+                    className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                  >
+                    <option value="active">Ativo</option>
+                    <option value="archived">Arquivado</option>
+                  </select>
+                </div>
+              </div>
+
+              {/* Custom Questions Toggle */}
+              <div className="border-t border-neutral-200 dark:border-neutral-700 pt-6">
+                <div className="flex items-center justify-between">
+                  <div>
+                    <h3 className="text-lg font-medium text-neutral-900 dark:text-neutral-100">
+                      Questões Customizadas
+                    </h3>
+                    <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                      Ative para personalizar as questões desta prova específica
+                    </p>
+                  </div>
+                  <label className="relative inline-flex items-center cursor-pointer">
+                    <input
+                      type="checkbox"
+                      checked={useCustomQuestions}
+                      onChange={(e) => setUseCustomQuestions(e.target.checked)}
+                      className="sr-only peer"
+                    />
+                    <div className="w-11 h-6 bg-neutral-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-indigo-300 dark:peer-focus:ring-indigo-800 rounded-full peer dark:bg-neutral-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-indigo-600"></div>
+                  </label>
+                </div>
+              </div>
+
+              {/* Custom Questions Editor */}
+              {useCustomQuestions && (
+                <div className="space-y-4">
+                  <div className="flex items-center justify-between">
+                    <h4 className="text-md font-medium text-neutral-900 dark:text-neutral-100">
+                      Questões ({customQuestions.length})
+                    </h4>
+                    <button
+                      type="button"
+                      onClick={addQuestion}
+                      className="flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 dark:bg-indigo-900/20 dark:text-indigo-300 dark:hover:bg-indigo-900/30"
+                    >
+                      <PlusIcon className="w-4 h-4" />
+                      Adicionar Questão
+                    </button>
+                  </div>
+
+                  {customQuestions.length === 0 ? (
+                    <p className="text-sm text-neutral-500 dark:text-neutral-400 text-center py-8">
+                      Nenhuma questão adicionada. Clique em "Adicionar Questão" para começar.
+                    </p>
+                  ) : (
+                    <div className="space-y-4">
+                      {customQuestions.map((question, qIndex) => (
+                        <div
+                          key={question._id}
+                          className="p-4 border border-neutral-200 dark:border-neutral-700 rounded-lg bg-neutral-50 dark:bg-neutral-800/50"
+                        >
+                          <div className="flex items-start justify-between gap-4 mb-3">
+                            <span className="text-sm font-medium text-neutral-500 dark:text-neutral-400">
+                              Questão {qIndex + 1}
+                            </span>
+                            <button
+                              type="button"
+                              onClick={() => removeQuestion(qIndex)}
+                              className="text-red-500 hover:text-red-600"
+                            >
+                              <TrashIcon className="w-4 h-4" />
+                            </button>
+                          </div>
+
+                          <div className="space-y-3">
+                            {/* Question Text */}
+                            <div>
+                              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                                Texto da Questão *
+                              </label>
+                              <textarea
+                                value={question.questionText}
+                                onChange={(e) => updateQuestion(qIndex, 'questionText', e.target.value)}
+                                rows={2}
+                                required
+                                className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+                              />
+                            </div>
+
+                            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                              {/* Question Type */}
+                              <div>
+                                <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                                  Tipo *
+                                </label>
+                                <select
+                                  value={question.questionType}
+                                  onChange={(e) => updateQuestion(qIndex, 'questionType', e.target.value)}
+                                  className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                                >
+                                  <option value="multiple_choice">Múltipla Escolha</option>
+                                  <option value="text">Texto</option>
+                                </select>
+                              </div>
+
+                              {/* Points */}
+                              <div>
+                                <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                                  Pontos *
+                                </label>
+                                <input
+                                  type="number"
+                                  value={question.points}
+                                  onChange={(e) => updateQuestion(qIndex, 'points', parseInt(e.target.value) || 1)}
+                                  min="1"
+                                  className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                                />
+                              </div>
+                            </div>
+
+                            {/* Options for multiple choice */}
+                            {question.questionType === 'multiple_choice' && (
+                              <div className="space-y-2">
+                                <div className="flex items-center justify-between">
+                                  <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300">
+                                    Opções *
+                                  </label>
+                                  <button
+                                    type="button"
+                                    onClick={() => addOption(qIndex)}
+                                    className="text-xs text-indigo-600 hover:text-indigo-700 font-medium"
+                                  >
+                                    + Adicionar Opção
+                                  </button>
+                                </div>
+                                {question.options.map((option, oIndex) => (
+                                  <div key={option._id} className="flex items-center gap-2">
+                                    <input
+                                      type="radio"
+                                      name={`correct-${qIndex}`}
+                                      checked={option.isCorrect}
+                                      onChange={() => {
+                                        const newQuestions = [...customQuestions];
+                                        newQuestions[qIndex].options.forEach((opt, idx) => {
+                                          opt.isCorrect = idx === oIndex;
+                                        });
+                                        setCustomQuestions(newQuestions);
+                                      }}
+                                      className="w-4 h-4 text-indigo-600 border-neutral-300 focus:ring-indigo-500"
+                                    />
+                                    <input
+                                      type="text"
+                                      value={option.optionText}
+                                      onChange={(e) => updateOption(qIndex, oIndex, 'optionText', e.target.value)}
+                                      placeholder={`Opção ${oIndex + 1}`}
+                                      required
+                                      className="flex-1 border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-1.5 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 text-sm focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                                    />
+                                    {question.options.length > 2 && (
+                                      <button
+                                        type="button"
+                                        onClick={() => removeOption(qIndex, oIndex)}
+                                        className="text-red-500 hover:text-red-600"
+                                      >
+                                        <TrashIcon className="w-4 h-4" />
+                                      </button>
+                                    )}
+                                  </div>
+                                ))}
+                              </div>
+                            )}
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  )}
+                </div>
+              )}
+            </>
+          )}
+        </form>
+
+        <div className="flex justify-end gap-3 p-6 border-t border-neutral-200 dark:border-neutral-800 shrink-0">
+          <button
+            type="button"
+            onClick={handleClose}
+            className="px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Cancelar
+          </button>
+          <button
+            type="submit"
+            onClick={handleSubmit}
+            disabled={isPending || !selectedTemplateId || (useCustomQuestions && customQuestions.length === 0)}
+            className="px-4 py-2 text-sm font-medium text-white bg-indigo-600 border border-transparent rounded-lg hover:bg-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+          >
+            {isPending ? "Salvando..." : (isEditing ? "Atualizar Prova" : "Atribuir Prova")}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/exam-templates/AssignmentFormWrapper.jsx b/src/app/(protected)/components/exam-templates/AssignmentFormWrapper.jsx
new file mode 100644
index 0000000..6889322
--- /dev/null
+++ b/src/app/(protected)/components/exam-templates/AssignmentFormWrapper.jsx
@@ -0,0 +1,83 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import AssignmentForm from "./AssignmentForm";
+import { getExamAssignmentById } from "@/app/lib/actions/examActions";
+
+export default function AssignmentFormWrapper({ templates, classes }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [selectedClassId, setSelectedClassId] = useState("");
+  const [editingAssignment, setEditingAssignment] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+
+  useEffect(() => {
+    const handleOpen = async (e) => {
+      const { classId, assignmentId } = e.detail || {};
+      
+      if (assignmentId) {
+        // Edit mode
+        setIsLoading(true);
+        setIsEditing(true);
+        try {
+          const result = await getExamAssignmentById(assignmentId);
+          if (result.success) {
+            setEditingAssignment(result.data);
+            setSelectedClassId(result.data.classId?._id || result.data.classId || "");
+            setIsOpen(true);
+          } else {
+            console.error("Error loading assignment:", result.error);
+            alert("Erro ao carregar prova para edição.");
+          }
+        } catch (error) {
+          console.error("Error loading assignment:", error);
+          alert("Erro ao carregar prova para edição.");
+        } finally {
+          setIsLoading(false);
+        }
+      } else {
+        // Create mode
+        setIsEditing(false);
+        setEditingAssignment(null);
+        setSelectedClassId(classId || "");
+        setIsOpen(true);
+      }
+    };
+
+    const handleClose = () => {
+      setIsOpen(false);
+      setIsEditing(false);
+      setEditingAssignment(null);
+      setSelectedClassId("");
+    };
+
+    window.addEventListener('open-assignment-form', handleOpen);
+    window.addEventListener('closeAssignmentModal', handleClose);
+    
+    return () => {
+      window.removeEventListener('open-assignment-form', handleOpen);
+      window.removeEventListener('closeAssignmentModal', handleClose);
+    };
+  }, []);
+
+  if (isLoading) {
+    return (
+      <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+        <div className="bg-white dark:bg-neutral-900 rounded-xl p-6">
+          <p className="text-neutral-600 dark:text-neutral-400">Carregando...</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <AssignmentForm
+      isOpen={isOpen}
+      classId={selectedClassId}
+      templates={templates}
+      classes={classes}
+      assignment={editingAssignment}
+      isEditing={isEditing}
+    />
+  );
+}
diff --git a/src/app/(protected)/components/exam-templates/TemplateForm.jsx b/src/app/(protected)/components/exam-templates/TemplateForm.jsx
new file mode 100644
index 0000000..15510c9
--- /dev/null
+++ b/src/app/(protected)/components/exam-templates/TemplateForm.jsx
@@ -0,0 +1,432 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { XMarkIcon, PlusIcon, TrashIcon } from "@heroicons/react/24/outline";
+import { createExamTemplate, updateExamTemplate } from "@/app/lib/actions/examActions";
+
+export default function TemplateForm({
+  isOpen,
+  template = null
+}) {
+  const router = useRouter();
+  const [isPending, setIsPending] = useState(false);
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [instructions, setInstructions] = useState("");
+  const [timeLimit, setTimeLimit] = useState("");
+  const [category, setCategory] = useState("");
+  const [tags, setTags] = useState("");
+  const [isPublic, setIsPublic] = useState(false);
+  const [questions, setQuestions] = useState([]);
+
+  const handleClose = () => {
+    window.dispatchEvent(new CustomEvent('closeTemplateModal'));
+  };
+
+  useEffect(() => {
+    if (template) {
+      setTitle(template.title || "");
+      setDescription(template.description || "");
+      setInstructions(template.instructions || "");
+      setTimeLimit(template.timeLimit || "");
+      setCategory(template.category || "");
+      setTags(template.tags?.join(", ") || "");
+      setIsPublic(template.isPublic || false);
+      setQuestions(template.questions || []);
+    } else {
+      resetForm();
+    }
+  }, [template, isOpen]);
+
+  const resetForm = () => {
+    setTitle("");
+    setDescription("");
+    setInstructions("");
+    setTimeLimit("");
+    setCategory("");
+    setTags("");
+    setIsPublic(false);
+    setQuestions([]);
+  };
+
+  const addQuestion = () => {
+    const newQuestion = {
+      questionText: "",
+      questionType: "multiple_choice",
+      options: [
+        { optionText: "", isCorrect: false },
+        { optionText: "", isCorrect: false },
+      ],
+      points: 1,
+      order: questions.length,
+    };
+    setQuestions([...questions, newQuestion]);
+  };
+
+  const updateQuestion = (index, field, value) => {
+    const updated = [...questions];
+    updated[index][field] = value;
+    setQuestions(updated);
+  };
+
+  const deleteQuestion = (index) => {
+    const updated = questions.filter((_, i) => i !== index);
+    updated.forEach((q, i) => q.order = i);
+    setQuestions(updated);
+  };
+
+  const addOption = (questionIndex) => {
+    const updated = [...questions];
+    updated[questionIndex].options.push({ optionText: "", isCorrect: false });
+    setQuestions(updated);
+  };
+
+  const updateOption = (questionIndex, optionIndex, field, value) => {
+    const updated = [...questions];
+    updated[questionIndex].options[optionIndex][field] = value;
+    if (field === "isCorrect" && value === true) {
+      updated[questionIndex].options.forEach((opt, i) => {
+        if (i !== optionIndex) opt.isCorrect = false;
+      });
+    }
+    setQuestions(updated);
+  };
+
+  const deleteOption = (questionIndex, optionIndex) => {
+    const updated = [...questions];
+    updated[questionIndex].options = updated[questionIndex].options.filter(
+      (_, i) => i !== optionIndex
+    );
+    setQuestions(updated);
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsPending(true);
+
+    // Filter out empty questions
+    const validQuestions = questions.filter(q => q.questionText.trim() !== "");
+
+    for (const q of validQuestions) {
+      if (q.questionType === "multiple_choice") {
+        const validOptions = q.options.filter(o => o.optionText.trim() !== "");
+        if (validOptions.length < 2) {
+          alert("Cada questão de múltipla escolha deve ter pelo menos 2 opções.");
+          setIsPending(false);
+          return;
+        }
+      }
+    }
+
+    const templateData = {
+      title,
+      description,
+      instructions,
+      questions: validQuestions.map((q, i) => ({
+        ...q,
+        order: i,
+      })),
+      timeLimit: timeLimit ? parseInt(timeLimit) : null,
+      category: category || null,
+      tags: tags ? tags.split(",").map(t => t.trim()).filter(Boolean) : [],
+      isPublic,
+    };
+
+    try {
+      const result = template
+        ? await updateExamTemplate(template._id, templateData)
+        : await createExamTemplate(templateData);
+
+      if (result.success) {
+        handleClose();
+        resetForm();
+        router.refresh();
+      } else {
+        alert(result.error || "Erro ao salvar template.");
+      }
+    } catch (error) {
+      console.error("Erro ao salvar template:", error);
+      alert("Erro ao salvar template.");
+    } finally {
+      setIsPending(false);
+    }
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+      <div className="bg-white dark:bg-neutral-900 rounded-xl shadow-xl w-full max-w-4xl max-h-[90vh] overflow-hidden border border-neutral-200 dark:border-neutral-800 flex flex-col">
+        <div className="flex items-center justify-between p-4 border-b border-neutral-200 dark:border-neutral-800 shrink-0">
+          <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+            {template ? "Editar Template" : "Novo Template de Prova"}
+          </h2>
+          <button onClick={handleClose} className="text-neutral-400 hover:text-neutral-600 dark:hover:text-neutral-300">
+            <XMarkIcon className="w-5 h-5" />
+          </button>
+        </div>
+
+        <form onSubmit={handleSubmit} className="flex-1 overflow-y-auto p-4 space-y-4">
+          {/* Basic Info */}
+          <div className="space-y-3">
+            <div>
+              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                Título do Template *
+              </label>
+              <input
+                type="text"
+                value={title}
+                onChange={(e) => setTitle(e.target.value)}
+                required
+                placeholder="Ex: Prova de Inglês - Unidade 1"
+                className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+              />
+            </div>
+
+            <div>
+              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                Descrição
+              </label>
+              <textarea
+                value={description}
+                onChange={(e) => setDescription(e.target.value)}
+                rows={2}
+                placeholder="Breve descrição do template..."
+                className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+              />
+            </div>
+
+            <div>
+              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                Instruções para os alunos
+              </label>
+              <textarea
+                value={instructions}
+                onChange={(e) => setInstructions(e.target.value)}
+                rows={2}
+                placeholder="Leia atentamente todas as questões antes de responder..."
+                className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+              />
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-3">
+              <div>
+                <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                  Tempo Limite (minutos)
+                </label>
+                <input
+                  type="number"
+                  value={timeLimit}
+                  onChange={(e) => setTimeLimit(e.target.value)}
+                  min="1"
+                  placeholder="Ex: 60"
+                  className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                  Categoria
+                </label>
+                <input
+                  type="text"
+                  value={category}
+                  onChange={(e) => setCategory(e.target.value)}
+                  placeholder="Ex: Inglês, Matemática"
+                  className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                  Tags (separadas por vírgula)
+                </label>
+                <input
+                  type="text"
+                  value={tags}
+                  onChange={(e) => setTags(e.target.value)}
+                  placeholder="Ex: básico, revisão"
+                  className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                />
+              </div>
+            </div>
+
+            <div className="flex items-center gap-2">
+              <input
+                type="checkbox"
+                id="isPublic"
+                checked={isPublic}
+                onChange={(e) => setIsPublic(e.target.checked)}
+                className="rounded border-neutral-300 dark:border-neutral-600 text-indigo-600 focus:ring-indigo-500"
+              />
+              <label htmlFor="isPublic" className="text-sm text-neutral-700 dark:text-neutral-300">
+                Tornar público (outros professores podem usar)
+              </label>
+            </div>
+          </div>
+
+          {/* Questions */}
+          <div>
+            <div className="flex items-center justify-between mb-3">
+              <h3 className="text-base font-medium text-neutral-900 dark:text-neutral-100">
+                Questões
+              </h3>
+              <button
+                type="button"
+                onClick={addQuestion}
+                className="flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 transition-colors"
+              >
+                <PlusIcon className="w-4 h-4" />
+                Adicionar Questão
+              </button>
+            </div>
+
+            <div className="space-y-4">
+              {questions.map((question, qIndex) => (
+                <div
+                  key={qIndex}
+                  className="p-4 border border-neutral-200 dark:border-neutral-700 rounded-lg bg-neutral-50 dark:bg-neutral-800/50"
+                >
+                  <div className="flex items-start justify-between mb-3">
+                    <span className="text-sm font-medium text-neutral-700 dark:text-neutral-300">
+                      Questão {qIndex + 1}
+                    </span>
+                    <button
+                      type="button"
+                      onClick={() => deleteQuestion(qIndex)}
+                      className="text-red-500 hover:text-red-700 dark:hover:text-red-400"
+                    >
+                      <TrashIcon className="w-4 h-4" />
+                    </button>
+                  </div>
+
+                  <div className="space-y-3">
+                    <div>
+                      <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                        Tipo de Questão
+                      </label>
+                      <select
+                        value={question.questionType}
+                        onChange={(e) => updateQuestion(qIndex, "questionType", e.target.value)}
+                        className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                      >
+                        <option value="multiple_choice">Múltipla Escolha</option>
+                        <option value="text">Resposta Textual</option>
+                      </select>
+                    </div>
+
+                    <div>
+                      <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                        Enunciado *
+                      </label>
+                      <textarea
+                        value={question.questionText}
+                        onChange={(e) => updateQuestion(qIndex, "questionText", e.target.value)}
+                        rows={2}
+                        required
+                        placeholder="Digite o enunciado da questão..."
+                        className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+                      />
+                    </div>
+
+                    <div>
+                      <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                        Pontos
+                      </label>
+                      <input
+                        type="number"
+                        value={question.points}
+                        onChange={(e) => updateQuestion(qIndex, "points", parseInt(e.target.value) || 0)}
+                        min="0"
+                        className="w-full border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+                      />
+                    </div>
+
+                    {question.questionType === "multiple_choice" && (
+                      <div>
+                        <div className="flex items-center justify-between mb-2">
+                          <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300">
+                            Opções de Resposta
+                          </label>
+                          <button
+                            type="button"
+                            onClick={() => addOption(qIndex)}
+                            className="text-xs text-indigo-600 dark:text-indigo-400 hover:text-indigo-700 dark:hover:text-indigo-300"
+                          >
+                            + Adicionar Opção
+                          </button>
+                        </div>
+                        <div className="space-y-2">
+                          {question.options.map((option, oIndex) => (
+                            <div key={oIndex} className="flex items-center gap-2">
+                              <input
+                                type="radio"
+                                name={`correct-${qIndex}`}
+                                checked={option.isCorrect}
+                                onChange={() => updateOption(qIndex, oIndex, "isCorrect", true)}
+                                className="flex-shrink-0 text-indigo-600 focus:ring-indigo-500 dark:border-neutral-600"
+                                title="Marcar como correta"
+                              />
+                              <input
+                                type="text"
+                                value={option.optionText}
+                                onChange={(e) => updateOption(qIndex, oIndex, "optionText", e.target.value)}
+                                placeholder={`Opção ${oIndex + 1}`}
+                                className="min-w-0 flex-1 border border-neutral-200 dark:border-neutral-700 rounded-lg px-3 py-1.5 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent text-sm"
+                              />
+                              {question.options.length > 2 && (
+                                <button
+                                  type="button"
+                                  onClick={() => deleteOption(qIndex, oIndex)}
+                                  className="flex-shrink-0 p-1 text-red-500 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20 rounded"
+                                >
+                                  <TrashIcon className="w-4 h-4" />
+                                </button>
+                              )}
+                            </div>
+                          ))}
+                        </div>
+                        <p className="mt-2 text-xs text-neutral-500 dark:text-neutral-400">
+                          Marque a opção correta com o botão de rádio à esquerda.
+                        </p>
+                      </div>
+                    )}
+
+                    {question.questionType === "text" && (
+                      <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                        Esta questão será corrigida manualmente pelo professor.
+                      </p>
+                    )}
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            {questions.length === 0 && (
+              <div className="text-center py-8 text-neutral-500 dark:text-neutral-400 border-2 border-dashed border-neutral-200 dark:border-neutral-700 rounded-lg">
+                Nenhuma questão adicionada ainda.
+              </div>
+            )}
+          </div>
+        </form>
+
+        <div className="flex justify-end gap-3 p-4 border-t border-neutral-200 dark:border-neutral-800 shrink-0">
+          <button
+            type="button"
+            onClick={handleClose}
+            className="px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Cancelar
+          </button>
+          <button
+            type="submit"
+            onClick={handleSubmit}
+            disabled={isPending}
+            className="px-4 py-2 text-sm font-medium text-white bg-indigo-600 rounded-lg hover:bg-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+          >
+            {isPending ? "Salvando..." : template ? "Atualizar" : "Criar Template"}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/exam-templates/TemplateList.jsx b/src/app/(protected)/components/exam-templates/TemplateList.jsx
new file mode 100644
index 0000000..27e939a
--- /dev/null
+++ b/src/app/(protected)/components/exam-templates/TemplateList.jsx
@@ -0,0 +1,191 @@
+"use client";
+
+import React, { useState, useTransition, useCallback, useEffect } from "react";
+import Link from "next/link";
+import {
+  AcademicCapIcon,
+  PlusIcon,
+  PencilSquareIcon,
+  TrashIcon,
+  EyeIcon,
+  DocumentDuplicateIcon,
+} from "@heroicons/react/24/outline";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import SectionHeader from "@/app/(protected)/dashboard/components/SectionHeader";
+import Label from "@/app/(protected)/components/shared/Label";
+import { deleteExamTemplate, duplicateExamTemplate } from "@/app/lib/actions/examActions";
+
+export default function TemplateList({
+  templates: initialTemplates = [],
+  setTemplates: setTemplatesProp
+}) {
+  const [templates, setTemplates] = useState(initialTemplates);
+  const [isPending, startTransition] = useTransition();
+  const [pendingDeleteId, setPendingDeleteId] = useState(null);
+
+  // Sync with parent prop when it changes
+  useEffect(() => {
+    setTemplates(initialTemplates);
+  }, [initialTemplates]);
+
+  // Wrapper to update both local and parent state
+  const updateTemplates = useCallback((updater) => {
+    setTemplates(updater);
+    if (setTemplatesProp) {
+      setTemplatesProp(typeof updater === 'function' ? updater(templates) : updater);
+    }
+  }, [setTemplatesProp, templates]);
+
+  const handleDelete = useCallback(async (templateId) => {
+    if (!confirm("Tem certeza que deseja excluir este template?")) {
+      return;
+    }
+
+    // Set pending state for UI feedback
+    setPendingDeleteId(templateId);
+
+    startTransition(() => {
+      // Perform the delete operation
+      deleteExamTemplate(templateId).then((result) => {
+        if (result.success) {
+          updateTemplates((prev) => prev.filter((t) => t._id !== templateId));
+        } else {
+          alert(result.error || "Erro ao excluir template");
+        }
+      }).catch((error) => {
+        console.error("Erro ao excluir template:", error);
+        alert("Erro ao excluir template");
+      }).finally(() => {
+        setPendingDeleteId(null);
+      });
+    });
+  }, [updateTemplates]);
+
+  const handleDuplicate = useCallback(async (templateId) => {
+    startTransition(() => {
+      duplicateExamTemplate(templateId).then((result) => {
+        if (result.success && result.data) {
+          // Ensure the duplicated template has a unique _id
+          const newTemplate = result.data;
+          console.log('Duplicated template _id:', newTemplate._id);
+          updateTemplates((prev) => {
+            // Check if _id already exists
+            if (prev.some(t => t._id === newTemplate._id)) {
+              console.warn('Duplicate _id detected, forcing refresh');
+              window.location.reload();
+              return prev;
+            }
+            return [newTemplate, ...prev];
+          });
+        } else {
+          alert(result.error || "Erro ao duplicar template");
+        }
+      }).catch((error) => {
+        console.error("Erro ao duplicar template:", error);
+        alert("Erro ao duplicar template");
+      });
+    });
+  }, [updateTemplates]);
+
+  // Use templates for rendering
+  const displayTemplates = templates;
+
+  return (
+    <Card>
+      <div className="flex items-center justify-between flex-wrap gap-2">
+        <SectionHeader title="Meus Templates" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <ActionBtn
+          icon={<PlusIcon className="w-5 h-5" />}
+          label="Novo Template"
+          onClick={() => {
+            // This will be handled by the parent component
+            window.dispatchEvent(new CustomEvent('open-template-form', { detail: null }));
+          }}
+        />
+      </div>
+
+      <div className="mt-4 space-y-3">
+        {displayTemplates.length === 0 ? (
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Nenhum template criado ainda.
+          </p>
+        ) : (
+          displayTemplates.map((template) => (
+            <div
+              key={template._id}
+              className={`hover-card-light p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg ${(isPending || pendingDeleteId === template._id) ? 'opacity-70' : ''}`}
+            >
+              <div className="flex items-start justify-between gap-4">
+                <div className="flex-1 min-w-0">
+                  <div className="flex items-center gap-3 flex-wrap">
+                    <h3 key={`${template._id}-title`} className="text-base font-semibold text-neutral-900 dark:text-neutral-100">
+                      {template.title}
+                    </h3>
+                    {template.isPublic && (
+                      <Label key={`${template._id}-public`} color="blue" size="sm">Público</Label>
+                    )}
+                    {template.category && (
+                      <Label key={`${template._id}-category`} color="gray" size="sm">{template.category}</Label>
+                    )}
+                  </div>
+                  {template.description && (
+                    <p className="mt-1 text-sm text-neutral-600 dark:text-neutral-400 line-clamp-1">
+                      {template.description}
+                    </p>
+                  )}
+                  <div className="mt-2 flex items-center gap-4 text-xs text-neutral-500 dark:text-neutral-400">
+                    <span key={`${template._id}-questions`}>{template.questions?.length || 0} questões</span>
+                    <span key={`${template._id}-points`}>{template.totalPoints || 0} pontos</span>
+                    {template.timeLimit && <span key={`${template._id}-time`}>{template.timeLimit} min</span>}
+                    <span key={`${template._id}-usage`}>Usado {template.usageCount || 0}x</span>
+                  </div>
+                  {template.tags && template.tags.length > 0 && (
+                    <div className="mt-2 flex gap-1 flex-wrap">
+                      {template.tags.map((tag, idx) => (
+                        <span key={`${template._id}-tag-${idx}`} className="text-xs px-2 py-0.5 rounded-full bg-neutral-100 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400">
+                          {tag}
+                        </span>
+                      ))}
+                    </div>
+                  )}
+                </div>
+                <div className="flex flex-wrap items-center gap-2 flex-shrink-0">
+                  <ActionBtn
+                    key={`${template._id}-duplicate`}
+                    icon={<DocumentDuplicateIcon className="w-4 h-4" />}
+                    label="Duplicar"
+                    onClick={() => handleDuplicate(template._id)}
+                    variant="secondary"
+                    small
+                    disabled={isPending || pendingDeleteId === template._id}
+                  />
+                  <ActionBtn
+                    key={`${template._id}-edit`}
+                    icon={<PencilSquareIcon className="w-4 h-4" />}
+                    label="Editar"
+                    onClick={() => {
+                      // This will be handled by the parent component
+                      window.dispatchEvent(new CustomEvent('open-template-form', { detail: template }));
+                    }}
+                    variant="secondary"
+                    small
+                  />
+                  <ActionBtn
+                    key={`${template._id}-delete`}
+                    icon={<TrashIcon className="w-4 h-4" />}
+                    label="Excluir"
+                    onClick={() => handleDelete(template._id)}
+                    variant="secondary"
+                    small
+                    disabled={isPending || pendingDeleteId === template._id}
+                  />
+                </div>
+              </div>
+            </div>
+          ))
+        )}
+      </div>
+    </Card>
+  );
+}
diff --git a/src/app/(protected)/components/guardian/GuardianClassDetail.jsx b/src/app/(protected)/components/guardian/GuardianClassDetail.jsx
new file mode 100644
index 0000000..97b2f5a
--- /dev/null
+++ b/src/app/(protected)/components/guardian/GuardianClassDetail.jsx
@@ -0,0 +1,74 @@
+"use client";
+import Link from "next/link";
+import { CalendarDaysIcon } from "@heroicons/react/24/outline";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import ClassLinkCopyButton from "@/app/(protected)/components/student/ClassLinkCopyButton";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import Stat from "@/app/(protected)/dashboard/components/Stat";
+import MaterialsList from "@/app/(protected)/components/shared/MaterialsList";
+import { normalizeStatus, getStatusLabel, getStatusColor } from "@/app/lib/helpers/statusPatterns";
+import Label from "@/app/(protected)/components/shared/Label";
+
+export default function GuardianClassDetail({studentId = "", clsData = {}, filesData = {}, categories = {}}) {
+    const normalizedStatus = normalizeStatus(clsData.status);
+
+    const cls = {
+        id: clsData.id || "",
+        classTitle: clsData.classTitle || "SEM TÍTULO",
+        teachers: clsData.teachers || ["SEM PROFESSOR"],
+        studentName: clsData.studentName || "Aluno",
+        status: clsData.status || "Ativa",
+        schedule: clsData.schedule || {days: ["Seg", "Qua"], time: "19:00–20:30"},
+        stats: clsData.stats || {attendance: "100%", present: 0, late: 0, absent: 0, excused: 0, totalLessons: 0},
+        materials: filesData || {},
+        link: clsData?.link,
+    };
+
+    return (
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 py-6">
+            <header className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+                <div className="flex items-start justify-between gap-4">
+                    <div>
+                        <h1 className="text-xl md:text-2xl font-semibold text-neutral-900 dark:text-neutral-100 break-words">{cls.classTitle}</h1>
+                        <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+                            Aluno: {cls.studentName}
+                        </p>
+                        <p className="text-sm text-neutral-600 dark:text-neutral-400 break-words">
+                            Professores: {Array.isArray(cls.teachers) ? cls.teachers.join(", ") : String(cls.teachers)} · {Array.isArray(cls.schedule?.days) ? cls.schedule.days.join(", ") : ""} · {cls.schedule?.time}
+                        </p>
+                        <div className="mt-5 flex gap-3">
+                            <Link href={`/dashboard/guardian/${studentId}/class/${cls.id}/history`}>
+                                <ActionBtn icon={<CalendarDaysIcon className="w-5 h-5" />} label="Histórico" />
+                            </Link>
+                            <ClassLinkCopyButton link={cls.link} />
+                        </div>
+                    </div>
+                    <Label color={getStatusColor(normalizedStatus)}>
+                        {getStatusLabel(normalizedStatus)}
+                    </Label>
+                </div>
+            </header>
+
+            <section className="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div className="md:col-span-2 space-y-6">
+                    <Card>
+                        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">Materiais da turma</h2>
+                        <div className="mt-4 space-y-6">
+                            <MaterialsList materials={cls.materials} categories={categories} emptyMessage="Ainda não há materiais disponíveis…" />
+                        </div>
+                    </Card>
+                </div>
+
+                <aside className="space-y-6">
+                    <Card>
+                        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">Presenças do Aluno</h2>
+                        <div className="mt-4 grid grid-cols-2 gap-3 text-sm">
+                            <Stat label="Presença" value={cls.stats.attendance}/>
+                            <Stat label="Aulas" value={cls.stats.totalLessons || 0}/>
+                        </div>
+                    </Card>
+                </aside>
+            </section>
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/guardian/GuardianClassHistoryCard.jsx b/src/app/(protected)/components/guardian/GuardianClassHistoryCard.jsx
new file mode 100644
index 0000000..2d2b6c2
--- /dev/null
+++ b/src/app/(protected)/components/guardian/GuardianClassHistoryCard.jsx
@@ -0,0 +1,153 @@
+"use client";
+
+import {
+    CalendarIcon,
+    BookOpenIcon,
+    CheckCircleIcon,
+    XCircleIcon,
+    ClockIcon,
+    LinkIcon,
+    DocumentIcon,
+} from "@heroicons/react/24/outline";
+import Label from "@/app/(protected)/components/shared/Label";
+import YouTubePlayer from "@/app/(protected)/components/lessons/YouTubePlayer";
+import { isYouTubeUrl } from "@/app/lib/helpers/youtube";
+
+export default function GuardianClassHistoryCard({ lesson }) {
+    const formatDateBR = (dateString) => {
+        const date = new Date(dateString);
+        return date.toLocaleDateString("pt-BR", {
+            weekday: "long",
+            day: "2-digit",
+            month: "long",
+            year: "numeric",
+        });
+    };
+
+    const getAttendanceInfo = (attendance) => {
+        if (!attendance) return { label: "Sem registro", color: "gray" };
+
+        switch (attendance.status) {
+            case "present":
+                return { label: "Presente", color: "emerald" };
+            case "absent":
+                return { label: "Ausente", color: "red" };
+            case "late":
+                return { label: "Atrasado", color: "amber" };
+            case "excused":
+                return { label: "Justificado", color: "blue" };
+            default:
+                return { label: "Sem registro", color: "gray" };
+        }
+    };
+
+    const attendanceInfo = getAttendanceInfo(lesson.studentAttendance);
+
+    return (
+        <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 hover:shadow-md transition-all">
+            <div className="flex items-start justify-between gap-4">
+                <div className="flex-1">
+                    <div className="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400 mb-2">
+                        <CalendarIcon className="w-4 h-4" />
+                        <span>{formatDateBR(lesson.date)}</span>
+                    </div>
+                    <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+                        {lesson.topic}
+                    </h3>
+                    {lesson.teacherId && (
+                        <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+                            Professor: {lesson.teacherId.fullName}
+                        </p>
+                    )}
+                </div>
+                <Label color={attendanceInfo.color}>
+                    {attendanceInfo.label}
+                </Label>
+            </div>
+
+            {lesson.description && (
+                <div className="mt-3 p-3 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
+                    <div className="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400 mb-1">
+                        <BookOpenIcon className="w-4 h-4" />
+                        <span className="font-medium">Conteúdo da Aula</span>
+                    </div>
+                    <p className="text-sm text-neutral-700 dark:text-neutral-300">
+                        {lesson.description}
+                    </p>
+                </div>
+            )}
+
+            {lesson.notes && (
+                <div className="mt-3 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg">
+                    <p className="text-sm text-blue-700 dark:text-blue-300">
+                        <strong>Observações:</strong> {lesson.notes}
+                    </p>
+                </div>
+            )}
+
+            {lesson.studentAttendance?.notes && (
+                <div className="mt-3 p-3 bg-amber-50 dark:bg-amber-900/20 rounded-lg">
+                    <p className="text-sm text-amber-700 dark:text-amber-300">
+                        <strong>Observações da presença:</strong> {lesson.studentAttendance.notes}
+                    </p>
+                </div>
+            )}
+
+            {lesson.links && lesson.links.length > 0 && (
+                <div className="mt-3 space-y-2">
+                    {lesson.links.map((link, idx) => (
+                        isYouTubeUrl(link) ? (
+                            <YouTubePlayer
+                                key={idx}
+                                url={link}
+                                label={lesson.links.length > 1 ? `Vídeo da aula ${idx + 1}` : "Vídeo da aula"}
+                            />
+                        ) : (
+                            <a
+                                key={idx}
+                                href={link}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors"
+                            >
+                                <LinkIcon className="w-4 h-4" />
+                                Abrir link da aula {lesson.links.length > 1 ? `${idx + 1}` : ''}
+                            </a>
+                        )
+                    ))}
+                </div>
+            )}
+            {!lesson.links?.length && lesson.link && (
+                <a
+                    href={lesson.link}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="mt-3 inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors"
+                >
+                    <LinkIcon className="w-4 h-4" />
+                    Abrir link da aula
+                </a>
+            )}
+
+            {lesson.files && lesson.files.length > 0 && (
+                <div className="mt-3 space-y-1">
+                    <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400">Materiais:</p>
+                    <div className="flex flex-wrap gap-2">
+                        {lesson.files.map((file, idx) => (
+                            <a
+                                key={idx}
+                                href={file.url?.replace("proxy://", "/api/files/") || "#"}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium bg-indigo-50 dark:bg-indigo-900/20 text-indigo-700 dark:text-indigo-300 rounded-full hover:bg-indigo-100 dark:hover:bg-indigo-900/40 transition-colors"
+                            >
+                                <DocumentIcon className="w-3.5 h-3.5" />
+                                {file.title || `Material ${idx + 1}`}
+                            </a>
+                        ))}
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/guardian/GuardianClassHistoryList.jsx b/src/app/(protected)/components/guardian/GuardianClassHistoryList.jsx
new file mode 100644
index 0000000..5ea220a
--- /dev/null
+++ b/src/app/(protected)/components/guardian/GuardianClassHistoryList.jsx
@@ -0,0 +1,19 @@
+"use client";
+
+import GuardianClassHistoryCard from "@/app/(protected)/components/guardian/GuardianClassHistoryCard";
+import ClassHistoryList from "@/app/(protected)/components/shared/ClassHistoryList";
+
+export default function GuardianClassHistoryList({studentId, classId, classTitle, lessons}) {
+    return (
+        <ClassHistoryList backHref={`/dashboard/guardian/${studentId}/class/${classId}`} classTitle={classTitle}>
+            {lessons && lessons.length > 0 ? (
+                lessons.map((lesson) => (
+                    <GuardianClassHistoryCard
+                        key={lesson._id}
+                        lesson={lesson}
+                    />
+                ))
+            ) : null}
+        </ClassHistoryList>
+    );
+}
diff --git a/src/app/(protected)/components/guardian/WardClassCardComponent.jsx b/src/app/(protected)/components/guardian/WardClassCardComponent.jsx
new file mode 100644
index 0000000..7a11945
--- /dev/null
+++ b/src/app/(protected)/components/guardian/WardClassCardComponent.jsx
@@ -0,0 +1,27 @@
+"use client";
+
+import {ClassCard} from "@/app/(protected)/components/shared/ClassCard";
+
+export function WardClassCardComponent({classes, studentId}) {
+    const list = Array.isArray(classes) ? classes : classes ? [classes] : [];
+
+    if (!list.length) {
+        return (
+            <div className="text-gray-600 dark:text-gray-300 italic">
+                Nenhuma turma encontrada.
+            </div>
+        );
+    }
+
+    return (
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+            {list.map((cls) => (
+                    <ClassCard
+                        key={String(cls?._id || `${cls?.classTitle}-${cls?.startDate}`)}
+                        cls={cls}
+                        href={studentId && cls?._id ? `/dashboard/guardian/${studentId}/class/${cls._id}` : undefined}
+                    />
+            ))}
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/lessons/LessonForm.jsx b/src/app/(protected)/components/lessons/LessonForm.jsx
new file mode 100644
index 0000000..1033ceb
--- /dev/null
+++ b/src/app/(protected)/components/lessons/LessonForm.jsx
@@ -0,0 +1,453 @@
+"use client";
+
+import React, { useState, useEffect, useRef } from "react";
+import { XMarkIcon, PlusIcon, TrashIcon, ArrowUpTrayIcon, DocumentIcon } from "@heroicons/react/24/outline";
+import { isYouTubeUrl, getYouTubeThumbnail } from "@/app/lib/helpers/youtube";
+
+const MAX_FILE_SIZE = 500 * 1024 * 1024;
+
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+}
+
+export default function LessonForm({
+  isOpen,
+  onClose,
+  classId,
+  students = [],
+  lesson = null,
+  onSave
+}) {
+  const [attendance, setAttendance] = useState([]);
+  const [links, setLinks] = useState([""]);
+  const [pendingFiles, setPendingFiles] = useState([]);
+  const [existingFiles, setExistingFiles] = useState([]);
+  const [isPending, setIsPending] = useState(false);
+  const [submitError, setSubmitError] = useState("");
+  const dateRef = useRef(null);
+  const topicRef = useRef(null);
+  const notesRef = useRef(null);
+  const fileInputRef = useRef(null);
+
+  useEffect(() => {
+    // Normaliza cada entrada: a página de histórico popula attendance.studentId
+    // em um objeto { _id, fullName }; extraímos sempre o id em string para que
+    // o highlight e o envio ao backend funcionem corretamente.
+    const normalizeEntry = (a) => {
+      const sid =
+        a?.studentId?._id?.toString?.() ||
+        a?.studentId?.toString?.() ||
+        a?.studentId;
+      const status = a?.status;
+      return sid && status ? { studentId: String(sid), status } : null;
+    };
+
+    if (lesson?.attendance && lesson.attendance.length > 0) {
+      setAttendance(lesson.attendance.map(normalizeEntry).filter(Boolean));
+    } else if (students.length > 0) {
+      setAttendance(
+        students.map(student => ({
+          studentId: String(student._id),
+          status: 'present'
+        }))
+      );
+    }
+  }, [students, lesson]);
+
+  useEffect(() => {
+    if (lesson?.links && lesson.links.length > 0) {
+      setLinks(lesson.links);
+    } else if (lesson?.link) {
+      setLinks([lesson.link]);
+    } else {
+      setLinks([""]);
+    }
+    if (lesson?.files && lesson.files.length > 0) {
+      setExistingFiles(lesson.files);
+    } else {
+      setExistingFiles([]);
+    }
+    setPendingFiles([]);
+  }, [lesson]);
+
+  const handleAttendanceChange = (studentId, status) => {
+    const sid = String(studentId);
+    setAttendance(prev =>
+      prev.map(att =>
+        String(att.studentId) === sid ? { ...att, status } : att
+      )
+    );
+  };
+
+  const addLink = () => {
+    setLinks(prev => [...prev, ""]);
+  };
+
+  const removeLink = (index) => {
+    setLinks(prev => prev.filter((_, i) => i !== index));
+  };
+
+  const updateLink = (index, value) => {
+    setLinks(prev => prev.map((l, i) => i === index ? value : l));
+  };
+
+  const handleFileSelect = (e) => {
+    const files = Array.from(e.target.files || []);
+    const validFiles = files.filter(f => {
+      if (f.size > MAX_FILE_SIZE) {
+        setSubmitError(`Arquivo "${f.name}" excede o limite de 500MB.`);
+        return false;
+      }
+      return true;
+    });
+    setPendingFiles(prev => [...prev, ...validFiles]);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+
+  const removePendingFile = (index) => {
+    setPendingFiles(prev => prev.filter((_, i) => i !== index));
+  };
+
+  const removeExistingFile = (index) => {
+    setExistingFiles(prev => prev.filter((_, i) => i !== index));
+  };
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsPending(true);
+    setSubmitError("");
+
+    try {
+      const uploadedFileIds = [];
+
+      for (const file of pendingFiles) {
+        const fd = new FormData();
+        fd.append("file", file);
+        fd.append("title", file.name);
+
+        const uploadRes = await fetch("/api/files/upload", {
+          method: "POST",
+          body: fd,
+        });
+
+        if (!uploadRes.ok) {
+          const errData = await uploadRes.json().catch(() => ({}));
+          throw new Error(errData.message || `Erro ao enviar arquivo: ${file.name}`);
+        }
+
+        const uploadData = await uploadRes.json();
+        if (uploadData.file?._id) {
+          uploadedFileIds.push(uploadData.file._id);
+        }
+      }
+
+      const existingFileIds = existingFiles.map(f => f._id?.toString?.() || f.toString());
+      const allFileIds = [...existingFileIds, ...uploadedFileIds];
+
+      const validLinks = links.filter(l => l.trim() !== "");
+
+      const lessonData = {
+        date: dateRef.current.value,
+        topic: topicRef.current.value,
+        notes: notesRef.current.value,
+        links: validLinks,
+        fileIds: allFileIds,
+        attendance
+      };
+
+      const url = lesson
+        ? `/api/classes/${classId}/lessons/${lesson._id}`
+        : `/api/classes/${classId}/lessons`;
+
+      const method = lesson ? 'PUT' : 'POST';
+
+      const response = await fetch(url, {
+        method,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(lessonData),
+      });
+
+      if (response.ok) {
+        const result = await response.json();
+        onSave(result);
+        onClose();
+      } else {
+        let errorMessage = "Não foi possível salvar a aula. Tente novamente.";
+        try {
+          const errorJson = await response.json();
+          errorMessage = errorJson?.message || errorJson?.error || errorMessage;
+        } catch {
+          const errorText = await response.text();
+          if (errorText) {
+            errorMessage = errorText;
+          }
+        }
+
+        if (response.status === 403 && !errorMessage) {
+          errorMessage = "Você não tem permissão para registrar aula nesta turma.";
+        }
+
+        setSubmitError(errorMessage);
+      }
+    } catch (error) {
+      console.error('Lesson save request failed:', error);
+      setSubmitError(error.message || "Erro de conexão ao salvar aula. Verifique sua conexão e tente novamente.");
+    } finally {
+      setIsPending(false);
+    }
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+      <div className="bg-white dark:bg-neutral-900 rounded-xl shadow-xl w-full max-w-2xl max-h-[90vh] overflow-y-auto border border-neutral-200 dark:border-neutral-800">
+        <div className="flex items-center justify-between p-6 border-b border-neutral-200 dark:border-neutral-800">
+          <h2 className="text-xl font-semibold text-neutral-900 dark:text-neutral-100">
+            {lesson ? 'Editar Aula' : 'Registrar Nova Aula'}
+          </h2>
+          <button
+            onClick={onClose}
+            className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
+          >
+            <XMarkIcon className="w-6 h-6" />
+          </button>
+        </div>
+
+        <form onSubmit={handleSubmit} className="p-6 space-y-6">
+          {submitError && (
+            <div className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-300">
+              {submitError}
+            </div>
+          )}
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                Data da Aula *
+              </label>
+              <input
+                ref={dateRef}
+                type="date"
+                lang="pt-BR"
+                name="date"
+                required
+                defaultValue={lesson ? new Date(lesson.date).toISOString().split('T')[0] : new Date().toISOString().split('T')[0]}
+                className="w-full border border-gray-300 dark:border-gray-600 rounded-md px-3 py-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
+              />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                Tópico/Assunto *
+              </label>
+              <input
+                ref={topicRef}
+                type="text"
+                name="topic"
+                required
+                defaultValue={lesson?.topic || ''}
+                placeholder="Ex: Present Simple - Rotinas"
+                className="w-full border border-gray-300 dark:border-gray-600 rounded-md px-3 py-2 bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
+              />
+            </div>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+              Anotações
+            </label>
+            <textarea
+              ref={notesRef}
+              name="notes"
+              rows={3}
+              defaultValue={lesson?.notes || ''}
+              placeholder="Conteúdo abordado, exercícios realizados, etc."
+              className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+            />
+          </div>
+
+          <div>
+            <div className="flex items-center justify-between mb-2">
+              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300">
+                Links da Aula
+              </label>
+              <button
+                type="button"
+                onClick={addLink}
+                className="inline-flex items-center gap-1 text-xs font-medium text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 transition-colors"
+              >
+                <PlusIcon className="w-4 h-4" />
+                Adicionar link
+              </button>
+            </div>
+            <div className="space-y-2">
+              {links.map((link, index) => (
+                <div key={index} className="space-y-2">
+                  <div className="flex items-center gap-2">
+                    <input
+                      type="url"
+                      value={link}
+                      onChange={(e) => updateLink(index, e.target.value)}
+                      placeholder="https://..."
+                      className="flex-1 border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent text-sm"
+                    />
+                    {links.length > 1 && (
+                      <button
+                        type="button"
+                        onClick={() => removeLink(index)}
+                        className="p-1.5 text-red-500 hover:text-red-700 dark:hover:text-red-300 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors"
+                      >
+                        <TrashIcon className="w-4 h-4" />
+                      </button>
+                    )}
+                  </div>
+                  {isYouTubeUrl(link) && (
+                    <div className="flex items-center gap-3 p-2 bg-neutral-50 dark:bg-neutral-800 rounded-lg border border-neutral-200 dark:border-neutral-700">
+                      <img
+                        src={getYouTubeThumbnail(link)}
+                        alt="Preview do vídeo"
+                        className="w-20 h-12 object-cover rounded shrink-0"
+                        loading="lazy"
+                      />
+                      <span className="text-xs text-emerald-600 dark:text-emerald-400 font-medium">
+                        Vídeo do YouTube detectado — será exibido com player embutido para o aluno.
+                      </span>
+                    </div>
+                  )}
+                </div>
+              ))}
+            </div>
+          </div>
+
+          <div>
+            <div className="flex items-center justify-between mb-2">
+              <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300">
+                Materiais
+              </label>
+              <button
+                type="button"
+                onClick={() => fileInputRef.current?.click()}
+                className="inline-flex items-center gap-1 text-xs font-medium text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300 transition-colors"
+              >
+                <ArrowUpTrayIcon className="w-4 h-4" />
+                Adicionar arquivo
+              </button>
+              <input
+                ref={fileInputRef}
+                type="file"
+                multiple
+                onChange={handleFileSelect}
+                className="hidden"
+              />
+            </div>
+            <div className="space-y-2">
+              {existingFiles.map((file, index) => (
+                <div key={`existing-${index}`} className="flex items-center gap-2 p-2 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
+                  <DocumentIcon className="w-5 h-5 text-indigo-500 shrink-0" />
+                  <span className="flex-1 text-sm text-neutral-700 dark:text-neutral-300 truncate">
+                    {file.title || file.name || "Arquivo"}
+                  </span>
+                  <span className="text-xs text-neutral-400">
+                    {file.size ? formatFileSize(file.size) : ""}
+                  </span>
+                  <button
+                    type="button"
+                    onClick={() => removeExistingFile(index)}
+                    className="p-1 text-red-500 hover:text-red-700 dark:hover:text-red-300 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors"
+                  >
+                    <TrashIcon className="w-4 h-4" />
+                  </button>
+                </div>
+              ))}
+              {pendingFiles.map((file, index) => (
+                <div key={`pending-${index}`} className="flex items-center gap-2 p-2 bg-indigo-50 dark:bg-indigo-900/20 rounded-lg">
+                  <ArrowUpTrayIcon className="w-5 h-5 text-indigo-500 shrink-0" />
+                  <span className="flex-1 text-sm text-indigo-700 dark:text-indigo-300 truncate">
+                    {file.name}
+                  </span>
+                  <span className="text-xs text-indigo-400">
+                    {formatFileSize(file.size)}
+                  </span>
+                  <button
+                    type="button"
+                    onClick={() => removePendingFile(index)}
+                    className="p-1 text-red-500 hover:text-red-700 dark:hover:text-red-300 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors"
+                  >
+                    <TrashIcon className="w-4 h-4" />
+                  </button>
+                </div>
+              ))}
+              {existingFiles.length === 0 && pendingFiles.length === 0 && (
+                <p className="text-sm text-neutral-400 dark:text-neutral-500">
+                  Nenhum material adicionado
+                </p>
+              )}
+            </div>
+          </div>
+
+          <div>
+            <h3 className="text-lg font-medium text-neutral-900 dark:text-neutral-100 mb-4">
+              Lista de Presença
+            </h3>
+            <div className="space-y-2 max-h-60 overflow-y-auto">
+              {students.map((student) => {
+                const currentAttendance = attendance.find(a => String(a.studentId) === String(student._id));
+                return (
+                  <div key={student._id} className="flex flex-col sm:flex-row items-start sm:items-center justify-between p-3 bg-neutral-50 dark:bg-neutral-800 rounded-lg gap-2">
+                    <span className="text-sm font-medium text-neutral-900 dark:text-neutral-100">
+                      {student.fullName}
+                    </span>
+                    <div className="flex flex-wrap gap-2">
+                      {[
+                        { value: 'present', label: 'Presente', color: 'bg-emerald-600 text-white border-emerald-600 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-800' },
+                        { value: 'absent', label: 'Ausente', color: 'bg-red-600 text-white border-red-600 dark:bg-red-900/20 dark:text-red-300 dark:border-red-800' },
+                        { value: 'late', label: 'Atrasado', color: 'bg-amber-600 text-white border-amber-600 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-800' },
+                        { value: 'excused', label: 'Justificado', color: 'bg-blue-600 text-white border-blue-600 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-800' },
+                      ].map((option) => (
+                        <button
+                          key={option.value}
+                          type="button"
+                          onClick={() => handleAttendanceChange(student._id, option.value)}
+                          className={`px-3 py-1 text-xs font-medium rounded-full transition-colors ${option.color} ${
+                            currentAttendance?.status === option.value
+                              ? 'ring-2 ring-offset-1 ring-current'
+                              : 'opacity-75 hover:opacity-100'
+                          }`}
+                        >
+                          {option.label}
+                        </button>
+                      ))}
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          </div>
+
+          <div className="flex justify-end gap-3 pt-4 border-t border-neutral-200 dark:border-neutral-800">
+            <button
+              type="button"
+              onClick={onClose}
+              className="px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+            >
+              Cancelar
+            </button>
+            <button
+              type="submit"
+              disabled={isPending}
+              className="px-4 py-2 text-sm font-medium text-white bg-indigo-600 border border-transparent rounded-lg hover:bg-indigo-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+            >
+              {isPending ? 'Salvando...' : (lesson ? 'Atualizar' : 'Salvar')}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/lessons/YouTubePlayer.jsx b/src/app/(protected)/components/lessons/YouTubePlayer.jsx
new file mode 100644
index 0000000..8382b2b
--- /dev/null
+++ b/src/app/(protected)/components/lessons/YouTubePlayer.jsx
@@ -0,0 +1,74 @@
+"use client";
+
+import { useState } from "react";
+import { PlayIcon, ChevronUpIcon } from "@heroicons/react/24/solid";
+import {
+  getYouTubeEmbedUrl,
+  getYouTubeThumbnail,
+} from "@/app/lib/helpers/youtube";
+
+export default function YouTubePlayer({ url, label = "Assistir vídeo da aula" }) {
+  const [expanded, setExpanded] = useState(false);
+
+  const embedUrl = getYouTubeEmbedUrl(url);
+  const thumbnail = getYouTubeThumbnail(url);
+
+  if (!embedUrl) return null;
+
+  if (expanded) {
+    return (
+      <div className="rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700 bg-black">
+        <div className="aspect-video w-full">
+          <iframe
+            src={embedUrl}
+            title={label}
+            className="w-full h-full"
+            frameBorder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            allowFullScreen
+          />
+        </div>
+        <button
+          type="button"
+          onClick={() => setExpanded(false)}
+          className="w-full flex items-center justify-center gap-1 py-1.5 text-xs font-medium text-neutral-300 bg-neutral-900 hover:bg-neutral-800 transition-colors"
+        >
+          <ChevronUpIcon className="w-3.5 h-3.5" />
+          Recolher vídeo
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={() => setExpanded(true)}
+      className="group relative w-full rounded-lg overflow-hidden border border-neutral-200 dark:border-neutral-700 block text-left"
+    >
+      <div className="relative aspect-video w-full bg-neutral-100 dark:bg-neutral-800">
+        {thumbnail && (
+          <img
+            src={thumbnail}
+            alt={label}
+            className="w-full h-full object-cover"
+            loading="lazy"
+          />
+        )}
+        <div className="absolute inset-0 flex items-center justify-center bg-black/20 group-hover:bg-black/30 transition-colors">
+          <span className="flex items-center justify-center w-12 h-12 rounded-full bg-red-600 group-hover:bg-red-500 group-hover:scale-110 transition-all shadow-lg">
+            <PlayIcon className="w-6 h-6 text-white ml-0.5" />
+          </span>
+        </div>
+      </div>
+      <div className="px-3 py-2 bg-white dark:bg-neutral-900 flex items-center gap-2">
+        <span className="flex-1 text-sm font-medium text-neutral-700 dark:text-neutral-300 truncate">
+          {label}
+        </span>
+        <span className="text-xs text-neutral-400 dark:text-neutral-500">
+          YouTube
+        </span>
+      </div>
+    </button>
+  );
+}
diff --git a/src/app/(protected)/components/shared/Button.jsx b/src/app/(protected)/components/shared/Button.jsx
new file mode 100644
index 0000000..90921f2
--- /dev/null
+++ b/src/app/(protected)/components/shared/Button.jsx
@@ -0,0 +1,78 @@
+import React from "react";
+
+const buttonStyles = {
+  // Primary action (Adicionar, Criar, Salvar)
+  primary: `
+    bg-indigo-600 hover:bg-indigo-700
+    text-white font-semibold
+    py-2 px-4 rounded-lg
+    transition-colors duration-200
+    disabled:opacity-50 disabled:cursor-not-allowed
+  `,
+
+  // Secondary (Voltar, Cancelar)
+  secondary: `
+    border border-gray-300 dark:border-neutral-600
+    bg-white dark:bg-neutral-800
+    text-gray-700 dark:text-neutral-100
+    hover:bg-gray-50 dark:hover:bg-neutral-700
+    font-medium py-2 px-4 rounded-lg
+    transition-colors duration-200
+    disabled:opacity-50 disabled:cursor-not-allowed
+  `,
+
+  // Ghost (sem borda, menos prominente)
+  ghost: `
+    text-gray-600 dark:text-neutral-300
+    hover:bg-gray-100 dark:hover:bg-neutral-800
+    font-medium py-2 px-3 rounded-lg
+    transition-colors duration-200
+    disabled:opacity-50 disabled:cursor-not-allowed
+  `,
+
+  // Danger (Excluir, Remover)
+  danger: `
+    bg-red-600 hover:bg-red-700
+    text-white font-semibold
+    py-2 px-4 rounded-lg
+    transition-colors duration-200
+    disabled:opacity-50 disabled:cursor-not-allowed
+  `,
+};
+
+const sizeStyles = {
+  sm: "text-sm px-3 py-1.5",
+  md: "text-sm px-4 py-2",
+  lg: "text-base px-5 py-2.5",
+};
+
+function Button({
+  children,
+  variant = "secondary",
+  size = "md",
+  className = "",
+  disabled = false,
+  type = "button",
+  icon: Icon,
+  iconPosition = "left",
+  ...props
+}) {
+  const baseClasses = "inline-flex items-center justify-center gap-2 font-medium cursor-pointer";
+  const variantClasses = buttonStyles[variant] || buttonStyles.secondary;
+  const sizeClasses = sizeStyles[size] || "";
+
+  return (
+    <button
+      type={type}
+      disabled={disabled}
+      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim().replace(/\s+/g, " ")}
+      {...props}
+    >
+      {Icon && iconPosition === "left" && <Icon className="w-4 h-4" />}
+      {children}
+      {Icon && iconPosition === "right" && <Icon className="w-4 h-4" />}
+    </button>
+  );
+}
+
+export default Button;
diff --git a/src/app/(protected)/components/shared/ClassCard.jsx b/src/app/(protected)/components/shared/ClassCard.jsx
new file mode 100644
index 0000000..1bd3886
--- /dev/null
+++ b/src/app/(protected)/components/shared/ClassCard.jsx
@@ -0,0 +1,85 @@
+"use client";
+
+import Link from "next/link";
+import { ClientDateComponent } from "@/app/(protected)/components/shared/ClientDateComponent";
+
+export function ClassCard({ cls, href }) {
+  const formatDays = (days) => {
+    if (!Array.isArray(days) || !days.length) return "—";
+    return days.join(", ");
+  };
+
+  const statusColors = {
+    active: "badge-emerald",
+    inactive: "badge-blue",
+  };
+
+  const teachers = Array.isArray(cls?.teachers) ? cls.teachers : [];
+  const teacherNames = teachers
+    .map((t) => t?.fullName || t?.email)
+    .filter(Boolean)
+    .join(", ");
+
+  const status = cls?.status || "active";
+  const price = typeof cls?.price === "number" ? cls.price : null;
+
+  const link = href || "#";
+
+  return (
+    <Link href={link} className="block no-underline">
+      <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 hover:shadow-md transition-shadow">
+        <div className="flex items-start justify-between gap-3">
+          <div>
+            <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+              {cls?.classTitle || "Turma"}
+            </h3>
+            <p className="text-sm text-neutral-700 dark:text-neutral-300">
+              {teacherNames || "Professor não definido"}
+            </p>
+          </div>
+          <span
+            className={statusColors[status] || "badge-gray"}
+            title="Status da turma"
+          >
+            {status === 'active' ? 'ativa' : 'inativa'}
+          </span>
+        </div>
+
+        <div className="mt-4 space-y-2 text-sm">
+          <div className="flex items-center justify-between">
+            <span className="text-neutral-700 dark:text-neutral-300 font-medium">Início</span>
+            <span className="text-neutral-900 dark:text-neutral-100">
+              <ClientDateComponent date={cls?.startDate} />
+            </span>
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-neutral-500 dark:text-neutral-400">Término</span>
+            <span className="text-neutral-800 dark:text-neutral-200">
+              <ClientDateComponent date={cls?.endDate} />
+            </span>
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-neutral-500 dark:text-neutral-400">Horário</span>
+            <span className="text-neutral-800 dark:text-neutral-200">
+              {cls?.schedule?.time || "—"}
+            </span>
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-neutral-500 dark:text-neutral-400">Dias</span>
+            <span className="text-neutral-800 dark:text-neutral-200 text-right">
+              {formatDays(cls?.schedule?.days)}
+            </span>
+          </div>
+          {price !== null && (
+            <div className="flex items-center justify-between">
+              <span className="text-neutral-500 dark:text-neutral-400">Mensalidade</span>
+              <span className="text-neutral-800 dark:text-neutral-200">
+                R$ {price.toFixed(2)}
+              </span>
+            </div>
+          )}
+        </div>
+      </div>
+    </Link>
+  );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/components/shared/ClassCardsComponent.jsx b/src/app/(protected)/components/shared/ClassCardsComponent.jsx
new file mode 100644
index 0000000..af60a41
--- /dev/null
+++ b/src/app/(protected)/components/shared/ClassCardsComponent.jsx
@@ -0,0 +1,27 @@
+"use client";
+
+import {ClassCard} from "@/app/(protected)/components/shared/ClassCard";
+
+export function ClassCardComponent({classes, hrefBase}) {
+    const list = Array.isArray(classes) ? classes : classes ? [classes] : [];
+
+    if (!list.length) {
+        return (
+            <div className="text-gray-600 dark:text-gray-300 italic">
+                Nenhuma turma encontrada.
+            </div>
+        );
+    }
+
+    return (
+        <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+            {list.map((cls) => (
+                    <ClassCard
+                        key={String(cls?._id || `${cls?.classTitle}-${cls?.startDate}`)}
+                        cls={cls}
+                        href={hrefBase && cls?._id ? `${hrefBase}/${cls._id}` : undefined}
+                    />
+            ))}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/components/shared/ClassHistoryList.jsx b/src/app/(protected)/components/shared/ClassHistoryList.jsx
new file mode 100644
index 0000000..5158872
--- /dev/null
+++ b/src/app/(protected)/components/shared/ClassHistoryList.jsx
@@ -0,0 +1,44 @@
+"use client";
+
+import Link from "next/link";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+
+export default function ClassHistoryList({
+  backHref,
+  backLabel = "Voltar para a turma",
+  classTitle,
+  children,
+  emptyMessage = "Nenhuma aula registrada ainda.",
+}) {
+  return (
+    <div className="max-w-6xl mx-auto px-4 sm:px-6 py-6">
+      <div className="mb-6">
+        <Link
+          href={backHref}
+          className="inline-flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors mb-4"
+        >
+          <ArrowLeftIcon className="w-4 h-4" />
+          {backLabel}
+        </Link>
+        <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">
+          Histórico de Aulas
+        </h1>
+        {classTitle && (
+          <p className="text-neutral-600 dark:text-neutral-400 mt-1">
+            {classTitle}
+          </p>
+        )}
+      </div>
+
+      <div className="space-y-4">
+        {children || (
+          <div className="text-center py-12 border rounded-xl bg-neutral-50 dark:bg-neutral-900 dark:border-neutral-800">
+            <p className="text-neutral-600 dark:text-neutral-400">
+              {emptyMessage}
+            </p>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/shared/ClientDateComponent.jsx b/src/app/(protected)/components/shared/ClientDateComponent.jsx
new file mode 100644
index 0000000..138d972
--- /dev/null
+++ b/src/app/(protected)/components/shared/ClientDateComponent.jsx
@@ -0,0 +1,34 @@
+"use client";
+
+import { useState, useEffect } from 'react';
+
+export function ClientDateComponent({ date, className = "" }) {
+    const [formattedDate, setFormattedDate] = useState("—");
+
+    useEffect(() => {
+        if (!date) {
+            setFormattedDate("—");
+            return;
+        }
+
+        try {
+            const dateObj = typeof date === 'string' || typeof date === 'number'
+                ? new Date(date)
+                : date;
+
+            setFormattedDate(dateObj.toLocaleDateString('pt-BR', {
+                year: "numeric",
+                month: "short",
+                day: "2-digit",
+            }));
+        } catch {
+            setFormattedDate("—");
+        }
+    }, [date]);
+
+    return (
+        <span className={className}>
+      {formattedDate}
+    </span>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/components/shared/DashboardCard.jsx b/src/app/(protected)/components/shared/DashboardCard.jsx
new file mode 100644
index 0000000..0b10358
--- /dev/null
+++ b/src/app/(protected)/components/shared/DashboardCard.jsx
@@ -0,0 +1,59 @@
+import Link from "next/link";
+
+const BTN = {
+  indigo:  "bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600",
+  emerald: "bg-emerald-600 hover:bg-emerald-700 dark:bg-emerald-500 dark:hover:bg-emerald-600",
+  purple:  "bg-purple-600 hover:bg-purple-700 dark:bg-purple-500 dark:hover:bg-purple-600",
+  blue:    "bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
+  sky:     "bg-sky-600 hover:bg-sky-700 dark:bg-sky-500 dark:hover:bg-sky-600",
+  red:     "bg-red-600 hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",
+  amber:   "bg-amber-500 hover:bg-amber-600 dark:bg-amber-400 dark:hover:bg-amber-500 text-black dark:text-black",
+  orange:  "bg-orange-600 hover:bg-orange-700 dark:bg-orange-500 dark:hover:bg-orange-600",
+  pink:    "bg-pink-600 hover:bg-pink-700 dark:bg-pink-500 dark:hover:bg-pink-600",
+  rose:    "bg-rose-600 hover:bg-rose-700 dark:bg-rose-500 dark:hover:bg-rose-600",
+  cyan:    "bg-cyan-600 hover:bg-cyan-700 dark:bg-cyan-500 dark:hover:bg-cyan-600",
+  teal:    "bg-teal-600 hover:bg-teal-700 dark:bg-teal-500 dark:hover:bg-teal-600",
+  lime:    "bg-lime-600 hover:bg-lime-700 dark:bg-lime-400 dark:hover:bg-lime-500 text-black dark:text-black",
+};
+
+const ICON_BG = {
+  indigo:  "bg-indigo-100 text-indigo-600 dark:bg-indigo-500/15 dark:text-indigo-400",
+  emerald: "bg-emerald-100 text-emerald-600 dark:bg-emerald-500/15 dark:text-emerald-400",
+  purple:  "bg-purple-100 text-purple-600 dark:bg-purple-500/15 dark:text-purple-400",
+  blue:    "bg-blue-100 text-blue-600 dark:bg-blue-500/15 dark:text-blue-400",
+  sky:     "bg-sky-100 text-sky-600 dark:bg-sky-500/15 dark:text-sky-400",
+  red:     "bg-red-100 text-red-600 dark:bg-red-500/15 dark:text-red-400",
+  amber:   "bg-amber-100 text-amber-600 dark:bg-amber-500/15 dark:text-amber-400",
+  orange:  "bg-orange-100 text-orange-600 dark:bg-orange-500/15 dark:text-orange-400",
+  pink:    "bg-pink-100 text-pink-600 dark:bg-pink-500/15 dark:text-pink-400",
+  rose:    "bg-rose-100 text-rose-600 dark:bg-rose-500/15 dark:text-rose-400",
+  cyan:    "bg-cyan-100 text-cyan-600 dark:bg-cyan-500/15 dark:text-cyan-400",
+  teal:    "bg-teal-100 text-teal-600 dark:bg-teal-500/15 dark:text-teal-400",
+  lime:    "bg-lime-100 text-lime-600 dark:bg-lime-500/15 dark:text-lime-400",
+};
+
+export default function DashboardCard({ title, description, buttonText, buttonColor = "indigo", link, icon: Icon }) {
+  const btn = BTN[buttonColor] ?? BTN.indigo;
+  const iconBg = ICON_BG[buttonColor] ?? ICON_BG.indigo;
+
+  return (
+    <Link href={link} className="block group">
+      <div className="h-full rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-neutral-900 p-6 shadow-sm hover:shadow-lg hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200">
+        <div className="flex items-start gap-4">
+          {Icon && (
+            <div className={`p-3 rounded-xl ${iconBg} shrink-0`}>
+              <Icon className="w-6 h-6" />
+            </div>
+          )}
+          <div className="flex-1 min-w-0">
+            <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">{title}</h3>
+            <p className="text-sm text-gray-600 dark:text-gray-400 mb-4 leading-relaxed">{description}</p>
+            <span className={`inline-flex justify-center text-white text-sm font-medium py-2 px-6 rounded-lg transition-all duration-200 ${btn}`}>
+              {buttonText}
+            </span>
+          </div>
+        </div>
+      </div>
+    </Link>
+  );
+}
diff --git a/src/app/(protected)/components/shared/FlashMessage.jsx b/src/app/(protected)/components/shared/FlashMessage.jsx
new file mode 100644
index 0000000..fb082e9
--- /dev/null
+++ b/src/app/(protected)/components/shared/FlashMessage.jsx
@@ -0,0 +1,57 @@
+"use client";
+
+import React from 'react';
+
+function FlashMessage({ message, type = 'info' }) {
+  if (!message) {
+    return null;
+  }
+
+  let baseClasses = "px-6 py-4 rounded-lg relative mb-4 shadow-lg text-sm font-medium";
+  let textClasses = "";
+  let bgClasses = "";
+  let borderClasses = "";
+  let icon = null;
+
+  switch (type) {
+    case 'success':
+      textClasses = "text-white dark:text-emerald-300";
+      bgClasses = "bg-emerald-600 dark:bg-emerald-900/20";
+      borderClasses = "border border-emerald-600 dark:border-emerald-800";
+      // icon = <CheckCircleIcon className="h-5 w-5 mr-2" />; // Exemplo com Heroicons
+      break;
+    case 'error':
+      textClasses = "text-white dark:text-red-300";
+      bgClasses = "bg-red-600 dark:bg-red-900/20";
+      borderClasses = "border border-red-600 dark:border-red-800";
+      // icon = <XCircleIcon className="h-5 w-5 mr-2" />; // Exemplo com Heroicons
+      break;
+    case 'warning':
+      textClasses = "text-white dark:text-amber-300";
+      bgClasses = "bg-amber-600 dark:bg-amber-900/20";
+      borderClasses = "border border-amber-600 dark:border-amber-800";
+      // icon = <ExclamationTriangleIcon className="h-5 w-5 mr-2" />; // Exemplo com Heroicons
+      break;
+    case 'info':
+    default:
+      textClasses = "text-white dark:text-blue-300";
+      bgClasses = "bg-blue-600 dark:bg-blue-900/20";
+      borderClasses = "border border-blue-600 dark:border-blue-800";
+      // icon = <InformationCircleIcon className="h-5 w-5 mr-2" />; // Exemplo com Heroicons
+      break;
+  }
+
+  return (
+    <div className={`${baseClasses} ${textClasses} ${bgClasses} ${borderClasses}`} role="alert">
+      <div className="flex items-center">
+        {icon}
+        <strong className="font-bold mr-1">
+          {type.charAt(0).toUpperCase() + type.slice(1)}:
+        </strong>
+        <span className="block sm:inline">{message}</span>
+      </div>
+    </div>
+  );
+}
+
+export default FlashMessage;
\ No newline at end of file
diff --git a/src/app/(protected)/components/shared/FormField.jsx b/src/app/(protected)/components/shared/FormField.jsx
new file mode 100644
index 0000000..78d5280
--- /dev/null
+++ b/src/app/(protected)/components/shared/FormField.jsx
@@ -0,0 +1,32 @@
+export default function FormField({
+  label,
+  id,
+  error,
+  helper,
+  required = false,
+  children,
+  className = "",
+}) {
+  return (
+    <div className={className}>
+      {label && (
+        <label
+          htmlFor={id}
+          className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1"
+        >
+          {label}
+          {required && <span className="text-red-500 ml-1">*</span>}
+        </label>
+      )}
+      {children}
+      {error && (
+        <p className="mt-1 text-sm text-red-600 dark:text-red-400">{error}</p>
+      )}
+      {helper && !error && (
+        <p className="mt-1 text-sm text-neutral-500 dark:text-neutral-400">
+          {helper}
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/shared/Input.jsx b/src/app/(protected)/components/shared/Input.jsx
new file mode 100644
index 0000000..b2272b6
--- /dev/null
+++ b/src/app/(protected)/components/shared/Input.jsx
@@ -0,0 +1,8 @@
+import React from "react";
+
+export default function Input({ className = "", type = "text", ...props }) {
+  const baseClass =
+    "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+
+  return <input type={type} className={`${baseClass} ${className}`.trim()} {...props} />;
+}
diff --git a/src/app/(protected)/components/shared/Label.jsx b/src/app/(protected)/components/shared/Label.jsx
new file mode 100644
index 0000000..6c374d2
--- /dev/null
+++ b/src/app/(protected)/components/shared/Label.jsx
@@ -0,0 +1,55 @@
+"use client";
+
+/**
+ * Label Component - Badge reutilizável para status e categorias
+ *
+ * @param {ReactNode} children - Texto do label
+ * @param {string} color - Cor do label (gray, red, amber, emerald, blue, sky, indigo, purple, pink)
+ * @param {string} size - Tamanho (sm, md, lg)
+ * @param {boolean} uppercase - Se true, transforma texto em uppercase
+ * @param {function} onRemove - Função chamada ao clicar no X (para tags removíveis)
+ * @param {string} className - Classes adicionais
+ *
+ * @example
+ * <Label color="emerald">Ativo</Label>
+ * <Label color="amber" uppercase>Pendente</Label>
+ * <Label color="red" size="sm">Erro</Label>
+ * <Label color="blue" onRemove={() => console.log('removido')}>Tag removível</Label>
+ */
+export default function Label({ children, color = "gray", size = "md", uppercase = false, onRemove, className = "" }) {
+  const colorClasses = {
+    gray: "bg-slate-100 text-slate-700 border-slate-300 dark:bg-slate-800 dark:text-slate-200 dark:border-slate-700",
+    red: "bg-red-100 text-red-800 border-red-200 dark:bg-red-900/20 dark:text-red-300 dark:border-red-500/30",
+    amber: "bg-amber-100 text-amber-800 border-amber-200 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-500/30",
+    emerald: "bg-emerald-100 text-emerald-800 border-emerald-200 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-500/30",
+    blue: "bg-blue-100 text-blue-800 border-blue-200 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-500/30",
+    indigo: "bg-indigo-100 text-indigo-800 border-indigo-200 dark:bg-indigo-900/20 dark:text-indigo-300 dark:border-indigo-500/30",
+    purple: "bg-purple-100 text-purple-800 border-purple-200 dark:bg-purple-900/20 dark:text-purple-300 dark:border-purple-500/30",
+  };
+
+  const labelClass = colorClasses[color] || colorClasses.gray;
+
+  const sizeClasses = {
+    sm: "px-2 py-0.5 text-xs",
+    md: "px-2.5 py-1 text-xs",
+    lg: "px-3 py-1.5 text-sm",
+  };
+
+  const sizeClass = sizeClasses[size] || sizeClasses.md;
+  const uppercaseClass = uppercase ? "uppercase tracking-wider" : "";
+
+  return (
+    <span className={`inline-flex items-center gap-1.5 rounded-full border transition-colors font-medium ${labelClass} ${sizeClass} ${uppercaseClass} ${className}`}>
+      <span>{uppercase ? String(children).toUpperCase() : children}</span>
+      {onRemove && (
+        <button
+          type="button"
+          onClick={onRemove}
+          className="text-current/70 hover:text-current transition-colors"
+        >
+          ×
+        </button>
+      )}
+    </span>
+  );
+}
diff --git a/src/app/(protected)/components/shared/Main.jsx b/src/app/(protected)/components/shared/Main.jsx
new file mode 100644
index 0000000..a85c60f
--- /dev/null
+++ b/src/app/(protected)/components/shared/Main.jsx
@@ -0,0 +1,22 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+function MainSection({ children, className = "", ...props }) {
+    return (
+        <main
+            className={`flex-1 px-4 sm:px-6 lg:px-8 py-4 sm:py-6 overflow-y-auto ${className}`}
+            {...props}
+        >
+            <div className="max-w-6xl mx-auto">
+                {children}
+            </div>
+        </main>
+    );
+}
+
+MainSection.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string
+};
+
+export default MainSection;
\ No newline at end of file
diff --git a/src/app/(protected)/components/shared/MaterialsList.jsx b/src/app/(protected)/components/shared/MaterialsList.jsx
new file mode 100644
index 0000000..ebf6f99
--- /dev/null
+++ b/src/app/(protected)/components/shared/MaterialsList.jsx
@@ -0,0 +1,61 @@
+import { FolderOpenIcon } from "@heroicons/react/24/outline";
+import { getCategoryColorClasses } from "@/app/lib/helpers/categoryColors";
+
+export default function MaterialsList({
+  materials = {},
+  categories = {},
+  emptyMessage = "Não há materiais disponíveis...",
+  renderActions,
+}) {
+  if (Object.keys(materials).length === 0) {
+    return <p className="text-sm">{emptyMessage}</p>;
+  }
+
+  return Object.entries(materials).map(([category, files]) => {
+    const colorIndex = categories[category]?.colorIndex || 0;
+    const colorClass = getCategoryColorClasses(colorIndex);
+
+    return (
+      <div key={category} className="first:pt-0">
+        <div
+          className={`inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-sm font-medium border ${colorClass} mb-3`}
+        >
+          <FolderOpenIcon className="w-4 h-4" />
+          {category}
+        </div>
+        <ul className="divide-y divide-neutral-200 dark:divide-neutral-800">
+          {files.map((m, idx) => (
+            <li
+              key={idx}
+              className="py-3 flex items-center justify-between gap-3"
+            >
+              <div className="flex-1 min-w-0">
+                <p className="text-sm text-neutral-800 dark:text-neutral-200 truncate">
+                  {m.name}
+                </p>
+                <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                  {m.size
+                    ? `${(m.size / 1024).toFixed(1)} KB`
+                    : "Tamanho desconhecido"}
+                </p>
+              </div>
+              {renderActions ? (
+                renderActions(m)
+              ) : (
+                <a
+                  className="text-sm px-3 py-1.5 rounded-lg border border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-700 dark:text-neutral-200 transition whitespace-nowrap"
+                  href={m.url}
+                  download
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Baixar
+                </a>
+              )}
+            </li>
+          ))}
+        </ul>
+      </div>
+    );
+  });
+}
diff --git a/src/app/(protected)/components/shared/Modal.jsx b/src/app/(protected)/components/shared/Modal.jsx
new file mode 100644
index 0000000..941c2d9
--- /dev/null
+++ b/src/app/(protected)/components/shared/Modal.jsx
@@ -0,0 +1,93 @@
+"use client";
+
+import React, { useEffect, useRef } from "react";
+import { XMarkIcon } from "@heroicons/react/24/outline";
+
+export default function Modal({
+  open,
+  onClose,
+  title,
+  children,
+  className = "",
+  maxWidth = "md",
+  footer,
+}) {
+  const overlayRef = useRef(null);
+
+  useEffect(() => {
+    if (open) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [open]);
+
+  useEffect(() => {
+    const handleEsc = (e) => {
+      if (e.key === "Escape" && onClose) onClose();
+    };
+    if (open) {
+      window.addEventListener("keydown", handleEsc);
+    }
+    return () => window.removeEventListener("keydown", handleEsc);
+  }, [open, onClose]);
+
+  if (!open) return null;
+
+  const maxWidthClasses = {
+    sm: "sm:max-w-md",
+    md: "sm:max-w-2xl md:max-w-4xl",
+    lg: "sm:max-w-4xl md:max-w-6xl",
+    full: "sm:max-w-[95vw]",
+  };
+
+  return (
+    <div
+      ref={overlayRef}
+      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"
+      onClick={(e) => {
+        if (e.target === overlayRef.current) onClose();
+      }}
+    >
+      <div
+        role="dialog"
+        aria-modal="true"
+        aria-label={title}
+        className={`relative z-10 w-full ${
+          maxWidthClasses[maxWidth] || maxWidthClasses.md
+        } max-h-[90vh] overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 shadow-xl flex flex-col ${className}`}
+      >
+        {title && (
+          <div className="flex items-center justify-between p-4 sm:p-6 border-b border-neutral-200 dark:border-neutral-800 shrink-0">
+            <div>
+              <h2 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-neutral-100">
+                {title}
+              </h2>
+            </div>
+            {onClose && (
+              <button
+                type="button"
+                onClick={onClose}
+                className="p-1 rounded-lg text-neutral-500 hover:text-neutral-700 dark:hover:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
+                aria-label="Fechar"
+              >
+                <XMarkIcon className="w-5 h-5" />
+              </button>
+            )}
+          </div>
+        )}
+
+        <div className="flex-1 overflow-y-auto p-4 sm:p-6">{children}</div>
+
+        {footer && (
+          <div className="flex justify-end gap-3 p-4 sm:p-6 border-t border-neutral-200 dark:border-neutral-800 shrink-0">
+            {footer}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/shared/PageHeader.jsx b/src/app/(protected)/components/shared/PageHeader.jsx
new file mode 100644
index 0000000..187b749
--- /dev/null
+++ b/src/app/(protected)/components/shared/PageHeader.jsx
@@ -0,0 +1,38 @@
+"use client";
+
+import React from "react";
+
+function PageHeader({ title, subtitle, actions, icon, className = "" }) {
+  return (
+    <div className={`relative mb-6 md:flex md:items-center md:justify-between ${className}`}>
+      <div className="page-header md:flex md:items-center md:justify-between w-full rounded-xl border border-gray-200 border-l-4 border-l-indigo-600 shadow-sm dark:border-gray-700 dark:border-l-indigo-400 dark:shadow-none">
+        <div className="min-w-0 flex-1 p-5">
+          <div className="flex items-center gap-3">
+            {icon && (
+              <span className="text-xl text-indigo-600 dark:text-indigo-400">
+                {icon}
+              </span>
+            )}
+            <div>
+              <h1 className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
+                {title}
+              </h1>
+              {subtitle && (
+                <p className="mt-1 text-sm text-neutral-400 dark:text-neutral-300 max-w-2xl">
+                  {subtitle}
+                </p>
+              )}
+            </div>
+          </div>
+        </div>
+        {actions && (
+          <div className="mt-4 flex flex-wrap p-5 md:ml-4 md:mt-0 gap-2 items-center">
+            {actions}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default PageHeader;
\ No newline at end of file
diff --git a/src/app/(protected)/components/shared/PageSectionTitle.jsx b/src/app/(protected)/components/shared/PageSectionTitle.jsx
new file mode 100644
index 0000000..b5179ee
--- /dev/null
+++ b/src/app/(protected)/components/shared/PageSectionTitle.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+function PageSectionTitle({ title, text, className = "" }) {
+  const content = text || title;
+
+  return (
+    <div className={`border-b border-gray-200 dark:border-neutral-700 pb-4 mb-6 ${className}`}>
+      <h2 className="text-xl font-semibold text-neutral-900 dark:text-neutral-100">
+        {content}
+      </h2>
+    </div>
+  );
+}
+
+export default PageSectionTitle;
diff --git a/src/app/(protected)/components/shared/PageTitle.jsx b/src/app/(protected)/components/shared/PageTitle.jsx
new file mode 100644
index 0000000..4e5d8fc
--- /dev/null
+++ b/src/app/(protected)/components/shared/PageTitle.jsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+function PageTitle({ title, subTitle = "", className = "" }) {
+  return (
+    <div className={`${className}`}>
+      <h1 className="text-2xl md:text-3xl font-semibold text-neutral-900 dark:text-neutral-100">
+        {title}
+      </h1>
+
+      {!!subTitle && (
+        <p className="mt-2 text-neutral-700 dark:text-neutral-300">
+          {subTitle}
+        </p>
+      )}
+    </div>
+  );
+}
+
+export default PageTitle;
diff --git a/src/app/(protected)/components/shared/PaymentStatusBadge.jsx b/src/app/(protected)/components/shared/PaymentStatusBadge.jsx
new file mode 100644
index 0000000..5e60656
--- /dev/null
+++ b/src/app/(protected)/components/shared/PaymentStatusBadge.jsx
@@ -0,0 +1,21 @@
+import Label from "@/app/(protected)/components/shared/Label";
+import { getStatusLabel, getStatusColor, STATUS } from "@/app/lib/helpers/statusPatterns";
+
+export default function PaymentStatusBadge({ status }) {
+  // Map payment status to STATUS constants
+  const statusMapping = {
+    pending: STATUS.PENDING,
+    pending_verification: STATUS.PENDING_VERIFICATION,
+    verified: STATUS.VERIFIED,
+    rejected: STATUS.REJECTED,
+    not_paid: STATUS.NOT_PAID,
+  };
+
+  const normalizedStatus = statusMapping[status] || STATUS.NOT_PAID;
+
+  return (
+    <Label color={getStatusColor(normalizedStatus)}>
+      {getStatusLabel(normalizedStatus)}
+    </Label>
+  );
+}
diff --git a/src/app/(protected)/components/shared/ProductImage.jsx b/src/app/(protected)/components/shared/ProductImage.jsx
new file mode 100644
index 0000000..faaac46
--- /dev/null
+++ b/src/app/(protected)/components/shared/ProductImage.jsx
@@ -0,0 +1,49 @@
+"use client";
+
+import { useState } from "react";
+
+const FALLBACK_GRADIENT = "from-indigo-100 to-purple-100 dark:from-indigo-900/30 dark:to-purple-900/30";
+const FALLBACK_ICON_COLOR = "text-indigo-400";
+
+function FallbackIcon({ size }) {
+  const iconSize = size === "sm" ? "w-5 h-5" : size === "lg" ? "w-12 h-12" : "w-6 h-6";
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      className={`${iconSize} ${FALLBACK_ICON_COLOR}`}
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke="currentColor"
+      strokeWidth={2}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"
+      />
+    </svg>
+  );
+}
+
+export default function ProductImage({ src, alt, className = "", size = "md" }) {
+  const [error, setError] = useState(false);
+
+  if (!src || error) {
+    return (
+      <div
+        className={`${className} bg-gradient-to-br ${FALLBACK_GRADIENT} flex items-center justify-center`}
+      >
+        <FallbackIcon size={size} />
+      </div>
+    );
+  }
+
+  return (
+    <img
+      src={src}
+      alt={alt || "Produto"}
+      className={className}
+      onError={() => setError(true)}
+    />
+  );
+}
diff --git a/src/app/(protected)/components/shared/RoleCheckbox.jsx b/src/app/(protected)/components/shared/RoleCheckbox.jsx
new file mode 100644
index 0000000..ff65af7
--- /dev/null
+++ b/src/app/(protected)/components/shared/RoleCheckbox.jsx
@@ -0,0 +1,78 @@
+"use client";
+
+/**
+ * RoleCheckbox Component - Checkbox colorido para seleção de funções/roles
+ *
+ * @param {string} value - Valor do checkbox
+ * @param {string} label - Texto exibido
+ * @param {string} color - Cor (emerald, blue, amber, red, indigo, purple)
+ * @param {boolean} checked - Se está selecionado
+ * @param {function} onChange - Handler para mudança
+ * @param {string} className - Classes adicionais
+ *
+ * @example
+ * <RoleCheckbox
+ *   value="student"
+ *   label="Estudante"
+ *   color="emerald"
+ *   checked={isChecked}
+ *   onChange={onRoleChange("student")}
+ * />
+ */
+export default function RoleCheckbox({ value, label, color = "gray", checked = false, onChange, className = "" }) {
+  const colorClasses = {
+    gray: {
+      unchecked: "bg-white border-slate-300 text-slate-700 hover:border-slate-400 dark:bg-zinc-800 dark:border-zinc-700 dark:text-zinc-300",
+      checked: "bg-slate-200 border-slate-400 text-slate-900 dark:bg-zinc-700 dark:border-zinc-500 dark:text-zinc-100",
+      checkbox: "text-neutral-600 dark:text-neutral-400 focus:ring-neutral-500 dark:focus:ring-neutral-500",
+    },
+    emerald: {
+      unchecked: "bg-white border-emerald-300 text-emerald-700 hover:border-emerald-400 dark:bg-zinc-800 dark:border-emerald-800 dark:text-emerald-300",
+      checked: "bg-emerald-100 border-emerald-500 text-emerald-900 dark:bg-emerald-900/30 dark:border-emerald-500 dark:text-emerald-200",
+      checkbox: "text-emerald-600 dark:text-emerald-400 focus:ring-emerald-500 dark:focus:ring-emerald-500",
+    },
+    blue: {
+      unchecked: "bg-white border-blue-300 text-blue-700 hover:border-blue-400 dark:bg-zinc-800 dark:border-blue-800 dark:text-blue-300",
+      checked: "bg-blue-100 border-blue-500 text-blue-900 dark:bg-blue-900/30 dark:border-blue-500 dark:text-blue-200",
+      checkbox: "text-blue-600 dark:text-blue-400 focus:ring-blue-500 dark:focus:ring-blue-500",
+    },
+    amber: {
+      unchecked: "bg-white border-amber-300 text-amber-700 hover:border-amber-400 dark:bg-zinc-800 dark:border-amber-800 dark:text-amber-300",
+      checked: "bg-amber-100 border-amber-500 text-amber-900 dark:bg-amber-900/30 dark:border-amber-500 dark:text-amber-200",
+      checkbox: "text-amber-600 dark:text-amber-400 focus:ring-amber-500 dark:focus:ring-amber-500",
+    },
+    red: {
+      unchecked: "bg-white border-red-300 text-red-700 hover:border-red-400 dark:bg-zinc-800 dark:border-red-800 dark:text-red-300",
+      checked: "bg-red-100 border-red-500 text-red-900 dark:bg-red-900/30 dark:border-red-500 dark:text-red-200",
+      checkbox: "text-red-600 dark:text-red-400 focus:ring-red-500 dark:focus:ring-red-500",
+    },
+    indigo: {
+      unchecked: "bg-white border-indigo-300 text-indigo-700 hover:border-indigo-400 dark:bg-zinc-800 dark:border-indigo-800 dark:text-indigo-300",
+      checked: "bg-indigo-100 border-indigo-500 text-indigo-900 dark:bg-indigo-900/30 dark:border-indigo-500 dark:text-indigo-200",
+      checkbox: "text-indigo-600 dark:text-indigo-400 focus:ring-indigo-500 dark:focus:ring-indigo-500",
+    },
+    purple: {
+      unchecked: "bg-white border-purple-300 text-purple-700 hover:border-purple-400 dark:bg-zinc-800 dark:border-purple-800 dark:text-purple-300",
+      checked: "bg-purple-100 border-purple-500 text-purple-900 dark:bg-purple-900/30 dark:border-purple-500 dark:text-purple-200",
+      checkbox: "text-purple-600 dark:text-purple-400 focus:ring-purple-500 dark:focus:ring-purple-500",
+    },
+  };
+
+  const classes = colorClasses[color] || colorClasses.gray;
+  const baseClasses = "inline-flex items-center gap-2 px-4 py-2 rounded-lg border cursor-pointer transition-colors";
+
+  return (
+    <label className={`${baseClasses} ${checked ? classes.checked : classes.unchecked} ${className}`}>
+      <input
+        type="checkbox"
+        className={`w-4 h-4 rounded ${classes.checkbox}`}
+        checked={checked}
+        onChange={onChange}
+        value={value}
+      />
+      <span className="text-sm font-medium select-none">
+        {label}
+      </span>
+    </label>
+  );
+}
diff --git a/src/app/(protected)/components/shared/Select.jsx b/src/app/(protected)/components/shared/Select.jsx
new file mode 100644
index 0000000..d2bd443
--- /dev/null
+++ b/src/app/(protected)/components/shared/Select.jsx
@@ -0,0 +1,12 @@
+import React from "react";
+
+export default function Select({ className = "", children, ...props }) {
+  const baseClass =
+    "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+
+  return (
+    <select className={`${baseClass} ${className}`.trim()} {...props}>
+      {children}
+    </select>
+  );
+}
diff --git a/src/app/(protected)/components/shared/SideBarNav.jsx b/src/app/(protected)/components/shared/SideBarNav.jsx
new file mode 100644
index 0000000..866a504
--- /dev/null
+++ b/src/app/(protected)/components/shared/SideBarNav.jsx
@@ -0,0 +1,120 @@
+"use client";
+
+import { useState, useRef, useEffect } from "react";
+import SidebarNavItem from "@/app/(protected)/components/shared/SideBarNavItem";
+import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
+import { relatedToTitleUrl } from "@/app/lib/helpers/generalUtils";
+
+function MobileSidebarToggle({ onClick }) {
+  return (
+    <button
+      onClick={onClick}
+      className="md:hidden fixed top-4 left-4 z-40 p-2 rounded-lg bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 shadow-sm hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
+      aria-label="Abrir menu"
+    >
+      <Bars3Icon className="w-5 h-5 text-neutral-700 dark:text-neutral-300" />
+    </button>
+  );
+}
+
+function SideBarNav({ className = "" }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const drawerRef = useRef(null);
+
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen]);
+
+  useEffect(() => {
+    const handleEsc = (e) => {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+    if (isOpen) window.addEventListener("keydown", handleEsc);
+    return () => window.removeEventListener("keydown", handleEsc);
+  }, [isOpen]);
+
+  const navContent = (
+    <nav className="mt-2">
+      <ul className="space-y-1">
+        <SidebarNavItem href="/admin/dashboard" iconName="home">
+          Dashboard
+        </SidebarNavItem>
+        <SidebarNavItem
+          href={`/admin/dashboard/${relatedToTitleUrl("classTypes")}`}
+          iconName="addType"
+        >
+          Gerenciar Tipos de Turma
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/class" iconName="addClass">
+          Gerenciar Turmas
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/users" iconName="manageUsers">
+          Gerenciar Usuários & Papéis
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/payments" iconName="payments">
+          Gerenciar Pagamentos
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/exams" iconName="exams">
+          Gerenciar Provas
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/produtos" iconName="products">
+          Produtos
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/pedidos" iconName="orders">
+          Pedidos
+        </SidebarNavItem>
+        <SidebarNavItem href="/admin/dashboard/messages" iconName="messages">
+          Mensagens
+        </SidebarNavItem>
+      </ul>
+    </nav>
+  );
+
+  return (
+    <>
+      <MobileSidebarToggle onClick={() => setIsOpen(true)} />
+
+      {/* Mobile overlay drawer */}
+      {isOpen && (
+        <div className="md:hidden fixed inset-0 z-50 flex">
+          <div
+            className="absolute inset-0 bg-black/50"
+            onClick={() => setIsOpen(false)}
+          />
+          <div
+            ref={drawerRef}
+            className="relative w-72 flex-shrink-0 border-r border-neutral-200 dark:border-neutral-800 p-4 bg-white dark:bg-neutral-950 overflow-y-auto"
+          >
+            <div className="flex items-center justify-between mb-2">
+              <span className="text-sm font-semibold text-neutral-900 dark:text-neutral-100">Menu</span>
+              <button
+                onClick={() => setIsOpen(false)}
+                className="p-1.5 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
+                aria-label="Fechar menu"
+              >
+                <XMarkIcon className="w-5 h-5 text-neutral-500" />
+              </button>
+            </div>
+            {navContent}
+          </div>
+        </div>
+      )}
+
+      {/* Desktop sidebar */}
+      <aside
+        className={`hidden md:flex w-64 flex-shrink-0 flex-col border-r border-neutral-200 dark:border-neutral-800 p-4 bg-white dark:bg-neutral-950 ${className}`}
+      >
+        {navContent}
+      </aside>
+    </>
+  );
+}
+
+export default SideBarNav;
diff --git a/src/app/(protected)/components/shared/SideBarNavItem.jsx b/src/app/(protected)/components/shared/SideBarNavItem.jsx
new file mode 100644
index 0000000..1ab8170
--- /dev/null
+++ b/src/app/(protected)/components/shared/SideBarNavItem.jsx
@@ -0,0 +1,50 @@
+"use client";
+import React from 'react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+
+import { FaHome, FaPlusCircle, FaChalkboardTeacher, FaUsers, FaCreditCard, FaGraduationCap, FaEnvelope, FaBoxOpen, FaClipboardList } from 'react-icons/fa';
+
+const IconMap = {
+  'home': FaHome,
+  'addType': FaPlusCircle,
+  'addClass': FaChalkboardTeacher,
+  'manageUsers': FaUsers,
+  'payments': FaCreditCard,
+  'exams': FaGraduationCap,
+  'messages': FaEnvelope,
+  'products': FaBoxOpen,
+  'orders': FaClipboardList,
+};
+
+function SidebarNavItem({ href, children, iconName }) {
+  const pathname = usePathname();
+  const isActive = pathname === href;
+
+  const IconComponent = iconName ? IconMap[iconName] : null;
+
+  return (
+    <li>
+      <Link
+        href={href}
+        className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200
+          ${isActive
+            ? 'bg-neutral-100 dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100'
+            : 'hover-sidebar-light text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100'
+          }
+        `}
+      >
+        {IconComponent && (
+          <IconComponent
+            className={`w-5 h-5 flex-shrink-0
+              ${isActive ? 'text-neutral-700 dark:text-neutral-300' : 'text-neutral-400 dark:text-neutral-500'}
+            `}
+          />
+        )}
+        <span>{children}</span>
+      </Link>
+    </li>
+  );
+}
+
+export default SidebarNavItem;
diff --git a/src/app/(protected)/components/shared/SimplePageInnerTitle.jsx b/src/app/(protected)/components/shared/SimplePageInnerTitle.jsx
new file mode 100644
index 0000000..188070d
--- /dev/null
+++ b/src/app/(protected)/components/shared/SimplePageInnerTitle.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+function SimplePageInnerTitle({ title }) {
+  return (
+    <div className="mb-6">
+      <h2 className="text-2xl md:text-3xl font-bold text-neutral-800 dark:text-neutral-100 tracking-tight relative inline-block">
+        {title}
+        <span className="block h-1 w-10 mt-2 bg-blue-600 rounded"></span>
+      </h2>
+    </div>
+  );
+}
+
+export default SimplePageInnerTitle;
diff --git a/src/app/(protected)/components/shared/Spinner.jsx b/src/app/(protected)/components/shared/Spinner.jsx
new file mode 100644
index 0000000..770f488
--- /dev/null
+++ b/src/app/(protected)/components/shared/Spinner.jsx
@@ -0,0 +1,24 @@
+export default function Spinner({ className = "w-5 h-5" }) {
+  return (
+    <svg
+      className={`animate-spin text-neutral-400 ${className}`}
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <circle
+        className="opacity-25"
+        cx="12"
+        cy="12"
+        r="10"
+        stroke="currentColor"
+        strokeWidth="4"
+      />
+      <path
+        className="opacity-75"
+        fill="currentColor"
+        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      />
+    </svg>
+  );
+}
diff --git a/src/app/(protected)/components/shared/TableWrapper.jsx b/src/app/(protected)/components/shared/TableWrapper.jsx
new file mode 100644
index 0000000..702754a
--- /dev/null
+++ b/src/app/(protected)/components/shared/TableWrapper.jsx
@@ -0,0 +1,9 @@
+export default function TableWrapper({ children, className = "" }) {
+  return (
+    <div
+      className={`overflow-x-auto rounded-lg border border-neutral-200 dark:border-neutral-800 ${className}`}
+    >
+      {children}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/shared/Textarea.jsx b/src/app/(protected)/components/shared/Textarea.jsx
new file mode 100644
index 0000000..5a2cde3
--- /dev/null
+++ b/src/app/(protected)/components/shared/Textarea.jsx
@@ -0,0 +1,8 @@
+import React from "react";
+
+export default function Textarea({ className = "", rows = 3, ...props }) {
+  const baseClass =
+    "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50";
+
+  return <textarea rows={rows} className={`${baseClass} ${className}`.trim()} {...props} />;
+}
diff --git a/src/app/(protected)/components/student/AffiliateProductsSection.jsx b/src/app/(protected)/components/student/AffiliateProductsSection.jsx
new file mode 100644
index 0000000..35ae510
--- /dev/null
+++ b/src/app/(protected)/components/student/AffiliateProductsSection.jsx
@@ -0,0 +1,144 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { ShoppingBagIcon, ArrowTopRightOnSquareIcon } from "@heroicons/react/24/outline";
+import { getAffiliateProductsAction } from "@/app/lib/affiliateProducts/getAffiliateProductsAction";
+
+// Função para embaralhar array (Fisher-Yates)
+function shuffleArray(array) {
+  const shuffled = [...array];
+  for (let i = shuffled.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
+  }
+  return shuffled;
+}
+
+function formatPrice(price) {
+  if (!price && price !== 0) return null;
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL",
+  }).format(price);
+}
+
+export default function AffiliateProductsSection({ classId, classTypeId, featured = false, limit = 3 }) {
+  const [products, setProducts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [fetchError, setFetchError] = useState(false);
+
+  useEffect(() => {
+    async function fetchProducts() {
+      try {
+        setLoading(true);
+        setFetchError(false);
+        const result = await getAffiliateProductsAction({
+          classId,
+          classTypeId,
+          featured,
+          active: true,
+          limit,
+        });
+        const fetchedProducts = result.success ? result.data : [];
+        const shuffled = shuffleArray(fetchedProducts);
+        setProducts(shuffled.slice(0, limit));
+      } catch (error) {
+        console.error("Error fetching affiliate products:", error);
+        setFetchError(true);
+      } finally {
+        setLoading(false);
+      }
+    }
+
+    fetchProducts();
+  }, [classId, classTypeId, featured, limit]);
+
+  if (loading) {
+    return (
+      <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">
+          <ShoppingBagIcon className="w-5 h-5 text-indigo-600 dark:text-indigo-400" />
+          Produtos Recomendados
+        </h2>
+        <div className="mt-4 text-sm text-neutral-500 dark:text-neutral-400">
+          Carregando produtos...
+        </div>
+      </div>
+    );
+  }
+
+  if (products.length === 0 && fetchError) {
+    return (
+      <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">
+          <ShoppingBagIcon className="w-5 h-5 text-indigo-600 dark:text-indigo-400" />
+          Produtos Recomendados
+        </h2>
+        <p className="mt-4 text-sm text-neutral-500 dark:text-neutral-400">
+          Erro ao carregar produtos. Recarregue a página para tentar novamente.
+        </p>
+      </div>
+    );
+  }
+
+  if (products.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+      <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100 mb-4">
+        <ShoppingBagIcon className="w-5 h-5 text-indigo-600 dark:text-indigo-400" />
+        Produtos Recomendados
+      </h2>
+
+      {/* Grid de produtos - responsivo, no máximo 3 */}
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+        {products.map((product) => (
+          <a
+            key={product._id}
+            href={product.affiliateUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="group rounded-xl border border-neutral-200 dark:border-neutral-700 overflow-hidden hover:border-indigo-400 dark:hover:border-indigo-500 hover:shadow-md transition-all bg-white dark:bg-neutral-800"
+          >
+            {product.imageUrl ? (
+              <div className="relative aspect-video overflow-hidden bg-neutral-100 dark:bg-neutral-700">
+                <img
+                  src={product.imageUrl}
+                  alt={product.title}
+                  className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+                />
+              </div>
+            ) : (
+              <div className="aspect-video bg-gradient-to-br from-indigo-100 to-purple-100 dark:from-indigo-900/30 dark:to-purple-900/30 flex items-center justify-center">
+                <ShoppingBagIcon className="w-12 h-12 text-indigo-400 dark:text-indigo-500" />
+              </div>
+            )}
+            <div className="p-4">
+              <h3 className="font-semibold text-neutral-900 dark:text-neutral-100 text-sm mb-1 line-clamp-2 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
+                {product.title}
+              </h3>
+              {product.description && (
+                <p className="text-xs text-neutral-500 dark:text-neutral-400 line-clamp-2 mb-3">
+                  {product.description}
+                </p>
+              )}
+              <div className="flex items-center justify-between">
+                {product.price !== null && product.price !== undefined && (
+                  <span className="text-sm font-bold text-emerald-600 dark:text-emerald-400">
+                    {formatPrice(product.price)}
+                  </span>
+                )}
+                <span className="inline-flex items-center gap-1 text-xs text-indigo-600 dark:text-indigo-400 font-medium group-hover:gap-2 transition-all">
+                  Ver produto
+                  <ArrowTopRightOnSquareIcon className="w-3.5 h-3.5" />
+                </span>
+              </div>
+            </div>
+          </a>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/student/AvailableExams.jsx b/src/app/(protected)/components/student/AvailableExams.jsx
new file mode 100644
index 0000000..3cfde18
--- /dev/null
+++ b/src/app/(protected)/components/student/AvailableExams.jsx
@@ -0,0 +1,260 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import {
+  AcademicCapIcon,
+  ClockIcon,
+  PlayIcon,
+  CheckCircleIcon,
+} from "@heroicons/react/24/outline";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import SectionHeader from "@/app/(protected)/dashboard/components/SectionHeader";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import Label from "@/app/(protected)/components/shared/Label";
+import { getStatusLabel, getStatusColor, STATUS } from "@/app/lib/helpers/statusPatterns";
+import {
+  getClassAssignmentsAction,
+  getMyAssignmentResultsAction,
+} from "@/app/lib/actions/examFlowActions";
+
+export default function AvailableExams({ classId, isActive = true }) {
+  const [assignments, setAssignments] = useState([]);
+  const [myAttempts, setMyAttempts] = useState({});
+  const [attemptData, setAttemptData] = useState({});
+  const [isLoading, setIsLoading] = useState(true);
+
+  useEffect(() => {
+    if (isActive) {
+      fetchData();
+    } else {
+      setIsLoading(false);
+    }
+  }, [classId, isActive]);
+
+  const fetchData = async () => {
+    try {
+      const assignmentsResult = await getClassAssignmentsAction(classId);
+      if (!assignmentsResult.success) {
+        throw new Error(assignmentsResult.message || "Erro ao buscar provas");
+      }
+
+      const assignmentsData = assignmentsResult.data || [];
+      const activeAssignments = assignmentsData.filter((a) => a.status === "active");
+      setAssignments(activeAssignments);
+
+      for (const assignment of activeAssignments) {
+        const resultsResult = await getMyAssignmentResultsAction(assignment._id);
+        if (resultsResult.success) {
+          const resultsData = resultsResult.data || {};
+          setMyAttempts((prev) => ({
+            ...prev,
+            [assignment._id]: resultsData.attempts || [],
+          }));
+          setAttemptData((prev) => ({
+            ...prev,
+            [assignment._id]: {
+              attemptCount: resultsData.attemptCount ?? resultsData.attempts?.length ?? 0,
+              maxAttempts: resultsData.assignment?.maxAttempts ?? assignment.maxAttempts ?? 1,
+            },
+          }));
+        }
+      }
+    } catch (error) {
+      console.error("Erro ao buscar provas:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const formatDate = (dateString) => {
+    const d = new Date(dateString);
+    return d.toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  };
+
+  const isAssignmentAvailable = (assignment) => {
+    const now = new Date();
+    return now >= new Date(assignment.startDate) && now <= new Date(assignment.endDate);
+  };
+
+  const canStartAssignment = (assignment) => {
+    const attempts = myAttempts[assignment._id] || [];
+    const inProgressAttempt = attempts.find(a => a.status === "in_progress");
+    if (inProgressAttempt) return true;
+
+    // Use attemptCount from API response (accurate even when results aren't graded yet)
+    const data = attemptData[assignment._id];
+    const attemptCount = data?.attemptCount ?? 0;
+    const maxAttempts = data?.maxAttempts ?? assignment.maxAttempts ?? 1;
+
+    // Debug logging
+    console.log(`Assignment ${assignment._id}:`, {
+      attemptCount,
+      maxAttempts,
+      data,
+      assignmentMaxAttempts: assignment.maxAttempts,
+      canStart: attemptCount < maxAttempts
+    });
+
+    return attemptCount < maxAttempts;
+  };
+
+  const getAssignmentStatus = (assignment) => {
+    const now = new Date();
+    if (now < new Date(assignment.startDate)) return "upcoming";
+    if (now > new Date(assignment.endDate)) return "expired";
+    return "available";
+  };
+
+  const getAttemptStatus = (assignment) => {
+    const attempts = myAttempts[assignment._id] || [];
+    if (attempts.length === 0) return "not_started";
+
+    const inProgress = attempts.find(a => a.status === "in_progress");
+    if (inProgress) return "in_progress";
+
+    const graded = attempts.find(a => a.gradingStatus === "fully_graded" || a.gradingStatus === "auto_graded");
+    if (graded) return "graded";
+
+    const submitted = attempts.find(a => a.status === "submitted");
+    if (submitted) return "pending_grading";
+
+    return "completed";
+  };
+
+  if (isLoading) {
+    return (
+      <Card>
+        <SectionHeader title="Provas" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">Carregando...</p>
+      </Card>
+    );
+  }
+
+  if (!isActive) {
+    return (
+      <Card>
+        <SectionHeader title="Provas" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <div className="mt-6 text-center py-8">
+          <svg className="w-16 h-16 mx-auto text-neutral-400 mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
+          </svg>
+          <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-2">
+            Provas Indisponíveis
+          </h3>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Esta turma está inativa. Não é possível realizar provas neste momento.
+          </p>
+        </div>
+      </Card>
+    );
+  }
+
+  return (
+    <Card>
+      <SectionHeader title="Provas Disponíveis" icon={<AcademicCapIcon className="w-5 h-5" />} />
+
+      <div className="mt-4 space-y-3">
+        {assignments.length === 0 ? (
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Nenhuma prova disponível no momento.
+          </p>
+        ) : (
+          assignments.map((assignment) => {
+            const assignmentStatus = getAssignmentStatus(assignment);
+            const attemptStatus = getAttemptStatus(assignment);
+            const attempts = myAttempts[assignment._id] || [];
+            const data = attemptData[assignment._id];
+            const attemptCount = data?.attemptCount ?? attempts.length;
+            // Use only completed attempts (with percentage) for best attempt
+            const bestAttempt = attempts
+              .filter(a => a.status === "submitted" && a.percentage !== undefined)
+              .reduce((best, current) =>
+                  current.percentage > (best?.percentage || 0) ? current : best
+                , null);
+
+            return (
+              <div
+                key={assignment._id}
+                className="hover-card-light p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg cursor-pointer"
+              >
+                <div className="flex flex-col sm:flex-row items-start justify-between gap-4">
+                  <div className="flex-1 min-w-0">
+                    <div className="flex flex-wrap items-center gap-3">
+                      <h3 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">
+                        {assignment.title || assignment.examTemplateId?.title || "Prova"}
+                      </h3>
+                      <Label color={getStatusColor(assignmentStatus)}>
+                        {getStatusLabel(assignmentStatus)}
+                      </Label>
+                    </div>
+                    {assignment.description && (
+                      <p className="mt-1 text-sm text-neutral-600 dark:text-neutral-400 line-clamp-1">
+                        {assignment.description}
+                      </p>
+                    )}
+                    <div className="mt-2 flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-neutral-500 dark:text-neutral-400">
+                      <span className="flex items-center gap-1">
+                        <ClockIcon className="w-3.5 h-3.5" />
+                        Início: {formatDate(assignment.startDate)}
+                      </span>
+                      <span>Fim: {formatDate(assignment.endDate)}</span>
+                      {assignment.timeLimit && <span>Tempo: {assignment.timeLimit} min</span>}
+                      <span>{assignment.examTemplateId?.questionCount || 0} questões</span>
+                      <span>{assignment.totalPoints || 0} pontos</span>
+                    </div>
+                    {bestAttempt && (
+                      <div className="mt-2 flex items-center gap-2 text-xs">
+                        <CheckCircleIcon className="w-4 h-4 text-emerald-500" />
+                        <span className="text-neutral-600 dark:text-neutral-400">
+                          Melhor nota: {bestAttempt.score}/{assignment.totalPoints} ({bestAttempt.percentage}%)
+                        </span>
+                        <span className="text-neutral-400">
+                          • {attemptCount} {attemptCount === 1 ? "tentativa" : "tentativas"}
+                        </span>
+                      </div>
+                    )}
+                    {assignmentStatus === "available" && !canStartAssignment(assignment) && attemptCount >= (data?.maxAttempts ?? assignment.maxAttempts ?? 1) && (
+                      <div className="mt-2 flex items-center gap-2 text-xs">
+                        <span className="text-amber-600 dark:text-amber-400">
+                          Tentativas esgotadas ({attemptCount}/{data?.maxAttempts ?? assignment.maxAttempts ?? 1})
+                        </span>
+                      </div>
+                    )}
+                  </div>
+                  <div className="flex flex-wrap items-center gap-2 flex-shrink-0">
+                    {assignmentStatus === "available" && canStartAssignment(assignment) && (
+                      <Link href={`/dashboard/student/assignments/${assignment._id}/take`}>
+                        <ActionBtn
+                          icon={<PlayIcon className="w-4 h-4" />}
+                          label={attemptStatus === "in_progress" ? "Continuar" : attemptCount > 0 ? "Tentar Novamente" : "Iniciar"}
+                          small
+                        />
+                      </Link>
+                    )}
+                    {(attempts.length > 0 || attemptCount > 0) && (
+                      <Link href={`/dashboard/student/assignments/${assignment._id}/results`}>
+                        <ActionBtn
+                          icon={<CheckCircleIcon className="w-4 h-4" />}
+                          label="Resultados"
+                          variant="secondary"
+                          small
+                        />
+                      </Link>
+                    )}
+                  </div>
+                </div>
+              </div>
+            );
+          })
+        )}
+      </div>
+    </Card>
+  );
+}
diff --git a/src/app/(protected)/components/student/ClassLinkCopyButton.jsx b/src/app/(protected)/components/student/ClassLinkCopyButton.jsx
new file mode 100644
index 0000000..4b91825
--- /dev/null
+++ b/src/app/(protected)/components/student/ClassLinkCopyButton.jsx
@@ -0,0 +1,41 @@
+"use client";
+
+import {useState} from 'react';
+import {LinkIcon, CheckIcon} from "@heroicons/react/24/outline";
+
+export default function ClassLinkCopyButton({link, fullWidth = false}) {
+    const [copied, setCopied] = useState(false);
+
+    const handleCopy = async () => {
+        if (!link) return;
+
+        try {
+            await navigator.clipboard.writeText(link);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        } catch (err) {
+            console.error('Failed to copy link:', err);
+        }
+    };
+
+    if (!link) return null;
+
+    return (
+        <button
+            onClick={handleCopy}
+            className={`inline-flex items-center gap-2 px-4 py-2 rounded-xl border text-sm bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:shadow-md transition-shadow text-neutral-700 dark:text-neutral-200 cursor-pointer ${fullWidth ? 'w-full' : ''}`}
+        >
+            {copied ? (
+                <>
+                    <CheckIcon className="w-5 h-5 text-emerald-500"/>
+                    <span className="font-medium text-emerald-500">Link copiado!</span>
+                </>
+            ) : (
+                <>
+                    <LinkIcon className="w-5 h-5"/>
+                    <span className="font-medium">Copiar Link</span>
+                </>
+            )}
+        </button>
+    );
+}
diff --git a/src/app/(protected)/components/student/ExamResults.jsx b/src/app/(protected)/components/student/ExamResults.jsx
new file mode 100644
index 0000000..2b76cf0
--- /dev/null
+++ b/src/app/(protected)/components/student/ExamResults.jsx
@@ -0,0 +1,413 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import {
+  CheckCircleIcon,
+  XCircleIcon,
+  ClockIcon,
+  AcademicCapIcon,
+  XMarkIcon,
+  PlayIcon,
+} from "@heroicons/react/24/outline";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import SectionHeader from "@/app/(protected)/dashboard/components/SectionHeader";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import Button from "@/app/(protected)/components/shared/Button";
+import { getMyAssignmentResults } from "@/app/lib/actions/examActions";
+
+export default function ExamResults({ examId, assignmentId, isAssignment = false }) {
+  const [results, setResults] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [selectedAttempt, setSelectedAttempt] = useState(null);
+
+  useEffect(() => {
+    fetchResults();
+  }, [examId, assignmentId]);
+
+  const fetchResults = async () => {
+    const id = isAssignment ? assignmentId : examId;
+
+    try {
+      const result = await getMyAssignmentResults(id);
+      if (result.success) {
+        setResults(result.data);
+      }
+    } catch (error) {
+      console.error("Erro ao buscar resultados:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const formatDate = (dateString) => {
+    const d = new Date(dateString);
+    return d.toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  };
+
+  const formatTime = (seconds) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}:${secs.toString().padStart(2, "0")}`;
+  };
+
+  const canRetryAssignment = (results) => {
+    if (!results.assignment) {
+      console.log("[canRetry] No assignment found");
+      return false;
+    }
+
+    const now = new Date();
+    const startDate = new Date(results.assignment.startDate);
+    const endDate = new Date(results.assignment.endDate);
+
+    // Check if assignment is still available
+    if (now < startDate || now > endDate) {
+      console.log("[canRetry] Assignment not in time range", { now, startDate, endDate });
+      return false;
+    }
+
+    // Check if attempts are still available
+    const attemptCount = results.attemptCount ?? results.attempts.length ?? 0;
+    const maxAttempts = results.assignment.maxAttempts ?? 1;
+
+    console.log("[canRetry] Check", {
+      attemptCount,
+      maxAttempts,
+      attemptCountFromResults: results.attemptCount,
+      attemptsLength: results.attempts.length,
+      canRetry: attemptCount < maxAttempts
+    });
+
+    return attemptCount < maxAttempts;
+  };
+
+  if (isLoading) {
+    return (
+      <Card>
+        <SectionHeader title="Resultados" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">Carregando...</p>
+      </Card>
+    );
+  }
+
+  if (!results) {
+    return (
+      <Card>
+        <SectionHeader title="Resultados" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">
+          Erro ao carregar resultados.
+        </p>
+      </Card>
+    );
+  }
+
+  if (results.needsGrading) {
+    return (
+      <Card>
+        <SectionHeader title="Resultados" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <div className="mt-6 text-center py-8">
+          <ClockIcon className="w-16 h-16 mx-auto text-amber-500 mb-4" />
+          <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-2">
+            Aguardando Correção
+          </h3>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Sua prova foi enviada e aguarda correção pelo professor.
+          </p>
+        </div>
+      </Card>
+    );
+  }
+
+  if (!results.attempts || results.attempts.length === 0) {
+    return (
+      <Card>
+        <SectionHeader title="Resultados" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">
+          Nenhuma tentativa encontrada.
+        </p>
+        {isAssignment && assignmentId && (
+          <div className="mt-4">
+            <Link href={`/dashboard/student/assignments/${assignmentId}/take`}>
+              <ActionBtn
+                icon={<PlayIcon className="w-4 h-4" />}
+                label="Iniciar Prova"
+              />
+            </Link>
+          </div>
+        )}
+      </Card>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <Card>
+        <SectionHeader title="Resultados" icon={<AcademicCapIcon className="w-5 h-5" />} />
+
+        <div className="mt-4">
+          <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+            {results.exam?.title || results.assignment?.title || "Prova"}
+          </h2>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+            {results.attempts.length} {results.attempts.length === 1 ? "tentativa" : "tentativas"} realizadas
+            {results.assignment?.maxAttempts && ` de ${results.assignment.maxAttempts} permitidas`}
+          </p>
+        </div>
+
+        {/* Retry Button - Only show if attempts available and assignment is still active */}
+        {isAssignment && results.assignment && (
+          <div className="mt-4">
+            {canRetryAssignment(results) && (
+              <Link href={`/dashboard/student/assignments/${assignmentId}/take`}>
+                <Button>
+                  <PlayIcon className="w-4 h-4" />
+                  Tentar Novamente
+                </Button>
+              </Link>
+            )}
+            {!canRetryAssignment(results) && results.attempts.length >= (results.assignment?.maxAttempts || 1) && (
+              <p className="text-sm text-amber-600 dark:text-amber-400">
+                Tentativas esgotadas ({results.attempts.length}/{results.assignment?.maxAttempts || 1})
+              </p>
+            )}
+          </div>
+        )}
+
+        <div className="mt-6 space-y-3">
+          {results.attempts.map((attempt) => (
+            <div
+              key={attempt._id}
+              className="p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-800/50 transition-colors cursor-pointer"
+              onClick={() => setSelectedAttempt(attempt)}
+            >
+              <div className="flex items-center justify-between">
+                <div>
+                  <div className="flex items-center gap-3">
+                    <h3 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">
+                      Tentativa #{attempt.attemptNumber}
+                    </h3>
+                    <span
+                      className={`text-xs px-2 py-1 rounded-full font-medium ${
+                        attempt.percentage >= 70
+                          ? "bg-emerald-600 text-white border-emerald-600 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-800"
+                          : attempt.percentage >= 50
+                          ? "bg-amber-600 text-white border-amber-600 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-800"
+                          : "bg-red-600 text-white border-red-600 dark:bg-red-900/20 dark:text-red-300 dark:border-red-800"
+                      }`}
+                    >
+                      {attempt.score} / {attempt.totalPoints || attempt.template?.totalPoints || results?.assignment?.totalPoints || "?"} ({attempt.percentage}%)
+                    </span>
+                  </div>
+                  <div className="mt-2 flex items-center gap-4 text-xs text-neutral-500 dark:text-neutral-400">
+                    <span>Enviada em: {formatDate(attempt.submittedAt)}</span>
+                    {attempt.timeSpent > 0 && <span>Tempo: {formatTime(attempt.timeSpent)}</span>}
+                  </div>
+                </div>
+                <CheckCircleIcon className="w-5 h-5 text-neutral-400" />
+              </div>
+            </div>
+          ))}
+        </div>
+      </Card>
+
+      {/* Attempt Detail Modal */}
+      {selectedAttempt && (
+        <AttemptDetailModal
+          attempt={selectedAttempt}
+          onClose={() => setSelectedAttempt(null)}
+        />
+      )}
+    </div>
+  );
+}
+
+function AttemptDetailModal({ attempt, onClose }) {
+  const getGradeColor = (percentage) => {
+    if (percentage >= 70) return "text-emerald-600 dark:text-emerald-400";
+    if (percentage >= 50) return "text-amber-600 dark:text-amber-400";
+    return "text-red-600 dark:text-red-400";
+  };
+
+  const getGradeBg = (percentage) => {
+    if (percentage >= 70) return "bg-emerald-600 dark:bg-emerald-900/10";
+    if (percentage >= 50) return "bg-amber-600 dark:bg-amber-900/10";
+    return "bg-red-600 dark:bg-red-900/10";
+  };
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+      <div className="bg-white dark:bg-neutral-900 rounded-xl shadow-xl w-full max-w-4xl max-h-[90vh] overflow-hidden border border-neutral-200 dark:border-neutral-800 flex flex-col">
+        <div className="flex items-center justify-between p-6 border-b border-neutral-200 dark:border-neutral-800 shrink-0">
+          <div>
+            <h2 className="text-xl font-semibold text-neutral-900 dark:text-neutral-100">
+              Tentativa #{attempt.attemptNumber}
+            </h2>
+            <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+              {new Date(attempt.submittedAt).toLocaleDateString("pt-BR", {
+                day: "2-digit",
+                month: "2-digit",
+                year: "numeric",
+                hour: "2-digit",
+                minute: "2-digit",
+              })}
+            </p>
+          </div>
+          <Button variant="ghost" onClick={onClose}>
+            <XMarkIcon className="w-6 h-6" />
+          </Button>
+        </div>
+
+        {/* Score Summary */}
+        <div className={`p-6 border-b border-neutral-200 dark:border-neutral-800 ${getGradeBg(attempt.percentage)}`}>
+          <div className="flex flex-wrap items-center justify-center gap-8">
+            <div className="text-center">
+              <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-1">Nota Final</p>
+              <p className={`text-4xl font-bold ${getGradeColor(attempt.percentage)}`}>
+                {attempt.percentage}%
+              </p>
+              <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+                {attempt.score} / {attempt.totalPoints || attempt.template?.totalPoints || "?"} pontos
+              </p>
+            </div>
+            {attempt.timeSpent > 0 && (
+              <div className="text-center">
+                <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-1">Tempo Gasto</p>
+                <p className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+                  {Math.floor(attempt.timeSpent / 60)}:{(attempt.timeSpent % 60).toString().padStart(2, "0")}
+                </p>
+              </div>
+            )}
+          </div>
+        </div>
+
+        {/* Questions and Answers */}
+        <div className="flex-1 overflow-y-auto p-6 space-y-6">
+          {attempt.exam?.questions?.map((question, index) => {
+            const userAnswer = question.userAnswer;
+            if (!userAnswer) return null;
+
+            return (
+              <div
+                key={question._id}
+                className="p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg"
+              >
+                <div className="flex items-start gap-4">
+                  <span className="flex-shrink-0 w-8 h-8 flex items-center justify-center bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 rounded-full font-semibold text-sm">
+                    {index + 1}
+                  </span>
+                  <div className="flex-1">
+                    <p className="text-base font-medium text-neutral-900 dark:text-neutral-100 mb-2">
+                      {question.questionText}
+                    </p>
+                    <div className="flex items-center gap-3 text-sm text-neutral-500 dark:text-neutral-400 mb-3">
+                      <span>
+                        {question.questionType === "multiple_choice" ? "Múltipla Escolha" : "Resposta Textual"}
+                      </span>
+                      <span>•</span>
+                      <span>{question.points} pontos</span>
+                      <span>•</span>
+                      <span className="flex items-center gap-1">
+                        {userAnswer.isCorrect === true ? (
+                          <>
+                            <CheckCircleIcon className="w-4 h-4 text-emerald-500" />
+                            <span className="text-emerald-600 dark:text-emerald-400">
+                              +{userAnswer.pointsEarned} pontos
+                            </span>
+                          </>
+                        ) : userAnswer.isCorrect === false ? (
+                          <>
+                            <XCircleIcon className="w-4 h-4 text-red-500" />
+                            <span className="text-red-600 dark:text-red-400">
+                              +{userAnswer.pointsEarned} pontos
+                            </span>
+                          </>
+                        ) : (
+                          <>
+                            <ClockIcon className="w-4 h-4 text-amber-500" />
+                            <span className="text-amber-600 dark:text-amber-400">
+                              Aguardando correção
+                            </span>
+                          </>
+                        )}
+                      </span>
+                    </div>
+
+                    {/* Multiple Choice Display */}
+                    {question.questionType === "multiple_choice" && question.options && (
+                      <div className="space-y-2">
+                        {question.options.map((option, idx) => {
+                          const isSelected = option._id === userAnswer.selectedOptionId;
+                          const isCorrect = option.isCorrect;
+
+                          return (
+                            <div
+                              key={idx}
+                              className={`p-3 rounded-lg border text-sm ${
+                                isSelected && isCorrect
+                                  ? "bg-emerald-50 border-emerald-300 dark:bg-emerald-900/20 dark:border-emerald-800"
+                                  : isSelected && !isCorrect
+                                  ? "bg-red-50 border-red-300 dark:bg-red-900/20 dark:border-red-800"
+                                  : isCorrect
+                                  ? "bg-emerald-50/50 border-emerald-200 dark:bg-emerald-900/10 dark:border-emerald-800/50"
+                                  : "bg-neutral-50 border-neutral-200 dark:bg-neutral-800 dark:border-neutral-700"
+                              }`}
+                            >
+                              <div className="flex items-center gap-2">
+                                {isSelected && (
+                                  <span className="text-xs font-medium text-indigo-600 dark:text-indigo-400">
+                                    Sua resposta
+                                  </span>
+                                )}
+                                {isCorrect && !isSelected && (
+                                  <span className="text-xs font-medium text-emerald-600 dark:text-emerald-400">
+                                    Resposta correta
+                                  </span>
+                                )}
+                                <span>{option.optionText}</span>
+                              </div>
+                            </div>
+                          );
+                        })}
+                      </div>
+                    )}
+
+                    {/* Text Answer Display */}
+                    {question.questionType === "text" && (
+                      <div className="p-3 bg-white dark:bg-neutral-800 rounded-lg border border-neutral-200 dark:border-neutral-700">
+                        <p className="text-sm text-neutral-700 dark:text-neutral-300 whitespace-pre-wrap">
+                          {userAnswer.textAnswer || "(Sem resposta)"}
+                        </p>
+                      </div>
+                    )}
+
+                    {/* Teacher Feedback */}
+                    {userAnswer.teacherFeedback && (
+                      <div className="mt-3 p-3 bg-blue-50 dark:bg-blue-900/10 rounded-lg border border-blue-200 dark:border-blue-800">
+                        <p className="text-xs text-blue-700 dark:text-blue-300">
+                          <strong>Feedback do professor:</strong> {userAnswer.teacherFeedback}
+                        </p>
+                      </div>
+                    )}
+                  </div>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+
+        <div className="p-6 border-t border-neutral-200 dark:border-neutral-800 shrink-0">
+          <Button variant="secondary" onClick={onClose} className="w-full">
+            Fechar
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/student/StudentClassDetail.jsx b/src/app/(protected)/components/student/StudentClassDetail.jsx
new file mode 100644
index 0000000..43da14c
--- /dev/null
+++ b/src/app/(protected)/components/student/StudentClassDetail.jsx
@@ -0,0 +1,94 @@
+"use client";
+import { useState } from "react";
+import Link from "next/link";
+import { CalendarDaysIcon, UserIcon } from "@heroicons/react/24/outline";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import ClassLinkCopyButton from "@/app/(protected)/components/student/ClassLinkCopyButton";
+import AvailableExams from "@/app/(protected)/components/student/AvailableExams";
+import AffiliateProductsSection from "@/app/(protected)/components/student/AffiliateProductsSection";
+import Label from "@/app/(protected)/components/shared/Label";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import Stat from "@/app/(protected)/dashboard/components/Stat";
+import MaterialsList from "@/app/(protected)/components/shared/MaterialsList";
+import { normalizeStatus } from "@/app/lib/helpers/statusPatterns";
+
+export default function StudentClassDetail({ clsData = {}, filesData = [], categories = {}, classId = "", classTypeId = "", isActive = true }) {
+    const normalizedStatus = normalizeStatus(clsData.status);
+
+    const cls = {
+        id: clsData.id || "",
+        classTitle: clsData.classTitle || "SEM TÍTULO",
+        teachers: clsData.teachers || ["SEM PROFESSOR"],
+        status: clsData.status || "Ativa",
+        schedule: clsData.schedule || { days: ["Seg", "Qua"], time: "19:00–20:30" },
+        nextSession: clsData.nextSession || { date: "2025-08-27", topic: "Present Simple — Rotinas", room: "Sala 204" },
+        stats: clsData.stats || { myAttendance: "88%", myAvgScore: 8.7, tasksDue: 2, present: 15, late: 2, absent: 1, totalLessons: 18, attendanceCount: 17 },
+        materials: filesData || {},
+        recentActivity: clsData.recentActivity || [
+            { when: "Hoje 08:40", text: "Novo material postado: 'Slides Aula 03'" },
+            { when: "Ontem 21:10", text: "Aviso do professor: trazer workbook" },
+            { when: "Ontem 20:35", text: "Presença registrada" },
+        ],
+        link: clsData.link || "",
+    };
+
+    // TODO: Retirar, provavelmente não será utilizado
+    function formatBR(dateISO) {
+        const d = new Date(dateISO);
+        return d.toLocaleDateString("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric" });
+    }
+
+    const onConfirmPresence = () => alert("Confirmar presença — mock");
+    const onMessageTeacher = () => alert("Enviar mensagem ao professor — mock");
+    /*const onViewTasks = () => alert("Ver tarefas — mock");
+    const onViewGrades = () => alert("Ver notas — mock");*/
+
+    return (
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 py-6">
+            <section className="grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div className="md:col-span-2 space-y-6">
+                    <Card>
+                        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">Materiais da turma</h2>
+                        <div className="mt-4 space-y-6">
+                            <MaterialsList materials={cls.materials} categories={categories} />
+                        </div>
+                    </Card>
+
+                    <AvailableExams classId={classId} isActive={isActive} />
+
+                    <AffiliateProductsSection classId={classId} classTypeId={classTypeId} />
+                </div>
+
+                <aside className="space-y-6">
+                    <Card>
+                        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">Ações</h2>
+                        <div className="mt-4 grid grid-cols-2 gap-3">
+                            <Link href={`/dashboard/student/class/${cls.id}/history`} className="w-full">
+                                <ActionBtn icon={<CalendarDaysIcon className="w-5 h-5" />} label="Histórico" fullWidth />
+                            </Link>
+                            <Link href="/dashboard/student/profile" className="w-full">
+                                <ActionBtn icon={<UserIcon className="w-5 h-5" />} label="Meu Perfil" fullWidth />
+                            </Link>
+                            <div className="col-span-2 w-full flex justify-center">
+                                <ClassLinkCopyButton link={cls.link} fullWidth />
+                            </div>
+                        </div>
+                    </Card>
+
+                    <Card>
+                        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">Desempenho</h2>
+                        <div className="mt-4 grid grid-cols-2 gap-3 text-sm">
+                            <Stat label="Aulas" value={cls.stats.totalLessons || 0} />
+                            <Stat label="Presente" value={cls.stats.attendanceCount ?? cls.stats.present + cls.stats.late} />
+                            <Stat label="Presente (%)" value={cls.stats.myAttendance} />
+                            <Stat
+                                label="Média das provas"
+                                value={cls.stats.myAvgScore && cls.stats.myAvgScore > 0 ? cls.stats.myAvgScore.toFixed(1) : 'N/A'}
+                            />
+                        </div>
+                    </Card>
+                </aside>
+            </section>
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/student/StudentClassHistoryCard.jsx b/src/app/(protected)/components/student/StudentClassHistoryCard.jsx
new file mode 100644
index 0000000..13a0815
--- /dev/null
+++ b/src/app/(protected)/components/student/StudentClassHistoryCard.jsx
@@ -0,0 +1,119 @@
+"use client";
+
+import {
+    CalendarIcon,
+    BookOpenIcon,
+    LinkIcon,
+    DocumentIcon
+} from "@heroicons/react/24/outline";
+import YouTubePlayer from "@/app/(protected)/components/lessons/YouTubePlayer";
+import { isYouTubeUrl } from "@/app/lib/helpers/youtube";
+
+export default function StudentClassHistoryCard({ lesson }) {
+    const formatDateBR = (dateString) => {
+        const date = new Date(dateString);
+        return date.toLocaleDateString("pt-BR", {
+            weekday: "long",
+            day: "2-digit",
+            month: "long",
+            year: "numeric",
+        });
+    };
+
+    return (
+        <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 hover:shadow-md transition-all">
+            <div className="flex items-start justify-between gap-4">
+                <div className="flex-1">
+                    <div className="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400 mb-2">
+                        <CalendarIcon className="w-4 h-4" />
+                        <span>{formatDateBR(lesson.date)}</span>
+                    </div>
+                    <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+                        {lesson.topic}
+                    </h3>
+                    {lesson.teacherId && (
+                        <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+                            Professor: {lesson.teacherId.fullName}
+                        </p>
+                    )}
+                </div>
+            </div>
+
+            {lesson.description && (
+                <div className="mt-3 p-3 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
+                    <div className="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400 mb-1">
+                        <BookOpenIcon className="w-4 h-4" />
+                        <span className="font-medium">Conteúdo da Aula</span>
+                    </div>
+                    <p className="text-sm text-neutral-700 dark:text-neutral-300">
+                        {lesson.description}
+                    </p>
+                </div>
+            )}
+
+            {lesson.notes && (
+                <div className="mt-3 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg">
+                    <p className="text-sm text-blue-700 dark:text-blue-300">
+                        <strong>Observações:</strong> {lesson.notes}
+                    </p>
+                </div>
+            )}
+
+            {lesson.links && lesson.links.length > 0 && (
+                <div className="mt-3 space-y-2">
+                    {lesson.links.map((link, idx) => (
+                        isYouTubeUrl(link) ? (
+                            <YouTubePlayer
+                                key={idx}
+                                url={link}
+                                label={lesson.links.length > 1 ? `Vídeo da aula ${idx + 1}` : "Vídeo da aula"}
+                            />
+                        ) : (
+                            <a
+                                key={idx}
+                                href={link}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors"
+                            >
+                                <LinkIcon className="w-4 h-4" />
+                                Abrir link da aula {lesson.links.length > 1 ? `${idx + 1}` : ''}
+                            </a>
+                        )
+                    ))}
+                </div>
+            )}
+            {!lesson.links?.length && lesson.link && (
+                <a
+                    href={lesson.link}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="mt-3 inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors"
+                >
+                    <LinkIcon className="w-4 h-4" />
+                    Abrir link da aula
+                </a>
+            )}
+
+            {lesson.files && lesson.files.length > 0 && (
+                <div className="mt-3 space-y-1">
+                    <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400">Materiais:</p>
+                    <div className="flex flex-wrap gap-2">
+                        {lesson.files.map((file, idx) => (
+                            <a
+                                key={idx}
+                                href={file.url?.replace("proxy://", "/api/files/") || "#"}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium bg-indigo-50 dark:bg-indigo-900/20 text-indigo-700 dark:text-indigo-300 rounded-full hover:bg-indigo-100 dark:hover:bg-indigo-900/40 transition-colors"
+                            >
+                                <DocumentIcon className="w-3.5 h-3.5" />
+                                {file.title || `Material ${idx + 1}`}
+                            </a>
+                        ))}
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/student/StudentClassHistoryList.jsx b/src/app/(protected)/components/student/StudentClassHistoryList.jsx
new file mode 100644
index 0000000..a1c1233
--- /dev/null
+++ b/src/app/(protected)/components/student/StudentClassHistoryList.jsx
@@ -0,0 +1,19 @@
+"use client";
+
+import StudentClassHistoryCard from "@/app/(protected)/components/student/StudentClassHistoryCard";
+import ClassHistoryList from "@/app/(protected)/components/shared/ClassHistoryList";
+
+export default function StudentClassHistoryList({classId, classTitle, lessons}) {
+    return (
+        <ClassHistoryList backHref={`/dashboard/student/class/${classId}`} classTitle={classTitle}>
+            {lessons && lessons.length > 0 ? (
+                lessons.map((lesson) => (
+                    <StudentClassHistoryCard
+                        key={lesson._id}
+                        lesson={lesson}
+                    />
+                ))
+            ) : null}
+        </ClassHistoryList>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/components/student/TakeExam.jsx b/src/app/(protected)/components/student/TakeExam.jsx
new file mode 100644
index 0000000..f181a7a
--- /dev/null
+++ b/src/app/(protected)/components/student/TakeExam.jsx
@@ -0,0 +1,337 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { ClockIcon, AcademicCapIcon } from "@heroicons/react/24/outline";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import SectionHeader from "@/app/(protected)/dashboard/components/SectionHeader";
+import CustomButton from "@/app/(protected)/dashboard/components/CustomButton";
+import { submitExamAttempt } from "@/app/lib/actions/examActions";
+import { startExamAttemptAction } from "@/app/lib/actions/examFlowActions";
+
+export default function TakeExam({ assignmentId, assignment, template }) {
+  const router = useRouter();
+  const [attempt, setAttempt] = useState(null);
+  const [currentAnswers, setCurrentAnswers] = useState({});
+  const [isLoading, setIsLoading] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [timeRemaining, setTimeRemaining] = useState(null);
+  const [error, setError] = useState(null);
+
+  // Debug logging
+  console.log("TakeExam received:", { assignmentId, assignment, template });
+
+  useEffect(() => {
+    console.log("useEffect triggered:", { hasAssignment: !!assignment, hasTemplate: !!template });
+    if (assignment && template) {
+      initExam();
+    }
+  }, [assignment, template]);
+
+  const initExam = async () => {
+    setIsLoading(true);
+
+    // Check if exam is within date range
+    const now = new Date();
+    if (now > new Date(assignment.endDate)) {
+      setError("Esta prova já encerrou.");
+      setIsLoading(false);
+      return;
+    }
+
+    // Check time limit
+    const timeLimit = assignment.timeLimit || template.timeLimit;
+
+    // Create new attempt
+    try {
+      const result = await startExamAttemptAction(assignmentId);
+
+      if (!result.success) {
+        setError(result.message || "Erro ao iniciar prova");
+        setIsLoading(false);
+        return;
+      }
+
+      const attemptData = result.data;
+      setAttempt(attemptData);
+
+      // Initialize answers from attempt
+      const answersMap = {};
+      if (attemptData.answers) {
+        attemptData.answers.forEach((a) => {
+          if (a.selectedOptionId) {
+            answersMap[a.questionId] = { type: "mc", value: a.selectedOptionId };
+          } else if (a.textAnswer) {
+            answersMap[a.questionId] = { type: "text", value: a.textAnswer };
+          } else {
+            answersMap[a.questionId] = { type: "mc", value: null };
+          }
+        });
+      }
+      setCurrentAnswers(answersMap);
+
+      // Calculate initial time remaining
+      if (timeLimit) {
+        const elapsed = Math.floor((Date.now() - new Date(attemptData.startedAt).getTime()) / 1000);
+        const remaining = timeLimit * 60 - elapsed;
+        setTimeRemaining(Math.max(0, remaining));
+      }
+    } catch (error) {
+      console.error("Erro ao iniciar prova:", error);
+      setError("Erro ao carregar prova.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    let interval;
+    if (attempt && (assignment?.timeLimit || template?.timeLimit) && timeRemaining !== null && timeRemaining > 0) {
+      interval = setInterval(() => {
+        const elapsed = Math.floor((Date.now() - new Date(attempt.startedAt).getTime()) / 1000);
+        const limit = (assignment?.timeLimit || template?.timeLimit) * 60;
+        const remaining = limit - elapsed;
+        if (remaining <= 0) {
+          handleSubmit(true); // Auto-submit on timeout
+        } else {
+          setTimeRemaining(remaining);
+        }
+      }, 1000);
+    }
+    return () => clearInterval(interval);
+  }, [attempt, assignment, template, timeRemaining]);
+
+  const handleAnswerChange = (questionId, type, value) => {
+    setCurrentAnswers((prev) => ({
+      ...prev,
+      [questionId]: { type, value },
+    }));
+  };
+
+  const handleSubmit = async (autoSubmit = false) => {
+    if (!autoSubmit && !confirm("Tem certeza que deseja enviar a prova?")) {
+      return;
+    }
+
+    setIsSubmitting(true);
+
+    try {
+      // Use the same questions array that was displayed to the student
+      const examQuestions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+        ? assignment.customQuestions
+        : template.questions || [];
+      
+      console.log("Submitting exam - examQuestions:", examQuestions);
+      console.log("Submitting exam - currentAnswers:", currentAnswers);
+      
+      const answers = examQuestions.map((q) => {
+        const answer = currentAnswers[q._id] || { type: "mc", value: null };
+        console.log(`Question ${q._id}:`, q.questionType, "Answer:", answer);
+        if (q.questionType === "multiple_choice") {
+          return {
+            questionId: q._id,
+            selectedOptionId: answer.value,
+          };
+        } else {
+          return {
+            questionId: q._id,
+            textAnswer: answer.value || "",
+          };
+        }
+      });
+
+      console.log("Submitting answers:", answers);
+
+      // Use Server Action instead of API route
+      const result = await submitExamAttempt(attempt._id, answers);
+      console.log("Submit result:", result);
+
+      if (result.success) {
+        router.push(`/dashboard/student/assignments/${assignmentId}/results`);
+      } else {
+        setError(result.error || "Erro ao enviar prova");
+        setIsSubmitting(false);
+      }
+    } catch (error) {
+      console.error("Erro ao enviar prova:", error);
+      setError("Erro ao enviar prova.");
+      setIsSubmitting(false);
+    }
+  };
+
+  const formatTime = (seconds) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  };
+
+  const isTimeWarning = timeRemaining !== null && timeRemaining < 300; // 5 minutes
+
+  if (isLoading) {
+    return (
+      <Card>
+        <SectionHeader title="Prova" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">Carregando...</p>
+      </Card>
+    );
+  }
+
+  if (error) {
+    return (
+      <Card>
+        <SectionHeader title="Prova" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <div className="mt-4 p-4 bg-red-50 dark:bg-red-900/10 border border-red-200 dark:border-red-800 rounded-lg">
+          <p className="text-red-700 dark:text-red-300">{error}</p>
+        </div>
+      </Card>
+    );
+  }
+
+  if (!attempt || !template) {
+    return (
+      <Card>
+        <SectionHeader title="Prova" icon={<AcademicCapIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">Prova não encontrada.</p>
+      </Card>
+    );
+  }
+
+  // Use custom questions if available, otherwise use template questions
+  const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+    ? assignment.customQuestions
+    : template.questions || [];
+  const timeLimit = assignment.timeLimit || template.timeLimit;
+  const title = assignment.title || template.title;
+  const instructions = assignment.instructions || template.instructions;
+
+  return (
+    <div className="space-y-6">
+      {/* Header with timer */}
+      <Card>
+        <div className="flex flex-wrap items-center justify-between gap-2">
+          <div>
+            <h1 className="text-xl font-semibold text-neutral-900 dark:text-neutral-100">
+              {title}
+            </h1>
+            {instructions && (
+              <p className="mt-1 text-sm text-neutral-600 dark:text-neutral-400">
+                {instructions}
+              </p>
+            )}
+          </div>
+          {timeLimit && timeRemaining !== null && (
+            <div
+              className={`flex items-center gap-2 px-4 py-2 rounded-lg border ${
+                isTimeWarning
+                  ? "bg-red-50 border-red-300 dark:bg-red-900/20 dark:border-red-800"
+                  : "bg-neutral-50 border-neutral-200 dark:bg-neutral-800 dark:border-neutral-700"
+              }`}
+            >
+              <ClockIcon className="w-5 h-5" />
+              <span
+                className={`text-lg font-mono font-semibold ${
+                  isTimeWarning
+                    ? "text-red-700 dark:text-red-300"
+                    : "text-neutral-900 dark:text-neutral-100"
+                }`}
+              >
+                {formatTime(timeRemaining)}
+              </span>
+            </div>
+          )}
+        </div>
+      </Card>
+
+      {/* Questions */}
+      <Card>
+        <div className="space-y-8">
+          {questions.map((question, index) => {
+            const answer = currentAnswers[question._id] || { type: "mc", value: null };
+
+            return (
+              <div
+                key={question._id}
+                className="p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg"
+              >
+                <div className="flex items-start gap-4">
+                  <span className="question-number flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-full font-semibold text-sm">
+                    {index + 1}
+                  </span>
+                  <div className="flex-1">
+                    <p className="text-base font-medium text-neutral-900 dark:text-neutral-100 mb-1">
+                      {question.questionText}
+                    </p>
+                    <div className="flex items-center gap-3 text-sm text-neutral-500 dark:text-neutral-400 mb-3">
+                      <span>
+                        {question.questionType === "multiple_choice" ? "Múltipla Escolha" : "Resposta Textual"}
+                      </span>
+                      <span>•</span>
+                      <span>{question.points} pontos</span>
+                    </div>
+
+                    {question.questionType === "multiple_choice" ? (
+                      <div className="mt-4 space-y-2">
+                        {question.options.map((option, optIndex) => (
+                          <label
+                            key={optIndex}
+                            className={`exam-option flex items-center gap-3 p-3 rounded-lg border cursor-pointer transition-colors ${
+                              answer.value === option._id ? "selected" : ""
+                            }`}
+                          >
+                            <input
+                              type="radio"
+                              name={`question-${question._id}`}
+                              value={option._id}
+                              checked={answer.value === option._id}
+                              onChange={() =>
+                                handleAnswerChange(question._id, "mc", option._id)
+                              }
+                              className="text-indigo-600 focus:ring-indigo-500"
+                            />
+                            <span className="text-gray-900 dark:text-gray-100">
+                              {option.optionText}
+                            </span>
+                          </label>
+                        ))}
+                      </div>
+                    ) : (
+                      <div className="mt-4">
+                        <textarea
+                          value={answer.value || ""}
+                          onChange={(e) =>
+                            handleAnswerChange(question._id, "text", e.target.value)
+                          }
+                          placeholder="Digite sua resposta aqui..."
+                          rows={5}
+                          className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-4 py-3 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none"
+                        />
+                      </div>
+                    )}
+                  </div>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+
+        <div className="mt-8 flex justify-end">
+          <CustomButton
+            onClick={() => handleSubmit(false)}
+            disabled={isSubmitting}
+            icon={<CheckCircleIcon className="w-5 h-5" />}
+          >
+            {isSubmitting ? "Enviando..." : "Enviar Prova"}
+          </CustomButton>
+        </div>
+      </Card>
+    </div>
+  );
+}
+
+function CheckCircleIcon({ className }) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className={className}>
+      <path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+    </svg>
+  );
+}
diff --git a/src/app/(protected)/components/teacher/AssignmentList.jsx b/src/app/(protected)/components/teacher/AssignmentList.jsx
new file mode 100644
index 0000000..b95bebc
--- /dev/null
+++ b/src/app/(protected)/components/teacher/AssignmentList.jsx
@@ -0,0 +1,222 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import {
+  AcademicCapIcon,
+  PencilSquareIcon,
+  TrashIcon,
+  EyeIcon,
+  CalendarIcon,
+} from "@heroicons/react/24/outline";
+// Componentes removidos - usando elementos inline para evitar problemas de serialização
+import {
+  getExamAssignments,
+  deleteExamAssignment,
+  archiveExamAssignment,
+} from "@/app/lib/actions/examActions";
+import { getStatusLabel, getStatusColor, STATUS } from "@/app/lib/helpers/statusPatterns";
+import Label from "@/app/(protected)/components/shared/Label";
+
+export default function AssignmentList({
+  classId,
+  initialAssignments = null,
+  editable = true, // Show/hide edit button (default: true for backward compatibility)
+  templates = [], // Exam templates available for assignment
+  basePath = "/dashboard/teacher", // Base path for results link
+}) {
+  const [assignments, setAssignments] = useState(initialAssignments || []);
+  const [isLoading, setIsLoading] = useState(!initialAssignments);
+  const [actionError, setActionError] = useState(null);
+
+  useEffect(() => {
+    // If initialAssignments provided, don't fetch
+    if (initialAssignments) {
+      setAssignments(initialAssignments);
+      setIsLoading(false);
+      return;
+    }
+
+    const fetchAssignments = async () => {
+      setIsLoading(true);
+      try {
+        const result = await getExamAssignments(classId);
+        if (result.success) {
+          setAssignments(result.data || []);
+        }
+      } catch (error) {
+        console.error("Erro ao buscar provas:", error);
+      } finally {
+        setIsLoading(false);
+      }
+    };
+
+    fetchAssignments();
+  }, [classId, initialAssignments]);
+
+  const handleDelete = async (assignmentId) => {
+    if (!confirm("Tem certeza que deseja excluir esta prova?")) {
+      return;
+    }
+
+    setActionError(null);
+    try {
+      await deleteExamAssignment(assignmentId);
+      window.location.reload();
+    } catch (error) {
+      console.error("Erro ao excluir prova:", error);
+      setActionError("Erro ao excluir prova. Tente novamente.");
+    }
+  };
+
+  const handleArchive = async (assignmentId) => {
+    setActionError(null);
+    try {
+      await archiveExamAssignment(assignmentId, true);
+      window.location.reload();
+    } catch (error) {
+      console.error("Erro ao arquivar prova:", error);
+      setActionError("Erro ao arquivar prova. Tente novamente.");
+    }
+  };
+
+  const handleCreateAssignment = () => {
+    window.dispatchEvent(new CustomEvent('open-assignment-form'));
+  };
+
+  const handleEditAssignment = (assignment) => {
+    window.dispatchEvent(new CustomEvent('open-assignment-form', { 
+      detail: { assignmentId: assignment._id } 
+    }));
+  };
+
+  const formatDate = (dateString) => {
+    const d = new Date(dateString);
+    return d.toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+    });
+  };
+
+  const formatDateTime = (dateString) => {
+    const d = new Date(dateString);
+    return d.toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  };
+
+  if (isLoading) {
+    return (
+      <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+        <div className="flex items-center gap-2">
+          <AcademicCapIcon className="w-5 h-5 text-neutral-700 dark:text-neutral-200" />
+          <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">Provas</h2>
+        </div>
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">Carregando...</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+      <div className="flex items-center justify-between flex-wrap gap-2">
+        <div className="flex items-center gap-2">
+          <AcademicCapIcon className="w-5 h-5 text-neutral-700 dark:text-neutral-200" />
+          <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">Provas</h2>
+        </div>
+        {templates && templates.length > 0 && (
+          <button
+            onClick={handleCreateAssignment}
+            className="border rounded-xl px-4 py-3 text-sm bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:shadow-md transition-shadow text-neutral-800 dark:text-neutral-200 flex items-center justify-center gap-2 whitespace-nowrap"
+          >
+            <AcademicCapIcon className="w-5 h-5" />
+            <span className="font-medium">Atribuir Prova</span>
+          </button>
+        )}
+      </div>
+
+      <div className="mt-4 space-y-3">
+        {actionError && (
+          <div className="rounded-xl p-3 text-sm font-medium bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800">
+            {actionError}
+          </div>
+        )}
+        {assignments.length === 0 ? (
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Nenhuma prova atribuída ainda.
+          </p>
+        ) : (
+          assignments.map((assignment) => (
+            <div
+              key={assignment._id}
+              className="hover-card-light p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg overflow-hidden"
+            >
+              <div className="flex flex-col sm:flex-row sm:items-start justify-between gap-3">
+                <div className="flex-1 min-w-0">
+                  <div className="flex flex-wrap items-center gap-2">
+                    <h3 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">
+                      {assignment.title || assignment.examTemplateId?.title || "Sem título"}
+                    </h3>
+                    <Label color={getStatusColor(assignment.status)}>
+                      {getStatusLabel(assignment.status)}
+                    </Label>
+                  </div>
+                  {assignment.description && (
+                    <p className="mt-1 text-sm text-neutral-600 dark:text-neutral-400 line-clamp-1">
+                      {assignment.description}
+                    </p>
+                  )}
+                  <div className="mt-2 flex flex-wrap items-center gap-3 text-xs text-neutral-500 dark:text-neutral-400">
+                    <span className="flex items-center gap-1">
+                      <CalendarIcon className="w-3.5 h-3.5 flex-shrink-0" />
+                      Início: {formatDateTime(assignment.startDate)}
+                    </span>
+                    <span>Fim: {formatDateTime(assignment.endDate)}</span>
+                    {assignment.timeLimit && (
+                      <span>Tempo: {assignment.timeLimit} min</span>
+                    )}
+                    <span>{assignment.examTemplateId?.questionCount || 0} questões</span>
+                    <span>{assignment.totalPoints || 0} pontos</span>
+                  </div>
+                </div>
+                <div className="flex flex-wrap items-center gap-2 flex-shrink-0">
+                  <Link href={`${basePath}/assignments/${assignment._id}/results`}>
+                    <button
+                      className="border rounded-xl px-3 py-2 text-xs bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-shadow text-neutral-800 dark:text-neutral-200 flex items-center justify-center gap-1 whitespace-nowrap"
+                    >
+                      <EyeIcon className="w-4 h-4" />
+                      <span>Resultados</span>
+                    </button>
+                  </Link>
+                  {editable && (
+                  <button
+                    onClick={() => handleEditAssignment(assignment)}
+                    className="border rounded-xl px-3 py-2 text-xs bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-shadow text-neutral-800 dark:text-neutral-200 flex items-center justify-center gap-1 whitespace-nowrap"
+                  >
+                    <PencilSquareIcon className="w-4 h-4" />
+                    <span>Editar</span>
+                  </button>
+                  )}
+                  {(assignment.attemptCount || 0) === 0 && (
+                  <button
+                    onClick={() => handleDelete(assignment._id)}
+                    className="border rounded-xl px-3 py-2 text-xs bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition-shadow text-neutral-800 dark:text-neutral-200 flex items-center justify-center gap-1 whitespace-nowrap"
+                  >
+                    <TrashIcon className="w-4 h-4" />
+                    <span>Excluir</span>
+                  </button>
+                  )}
+                </div>
+              </div>
+            </div>
+          ))
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/teacher/ClassDetail.jsx b/src/app/(protected)/components/teacher/ClassDetail.jsx
new file mode 100644
index 0000000..ae42b38
--- /dev/null
+++ b/src/app/(protected)/components/teacher/ClassDetail.jsx
@@ -0,0 +1,326 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import Link from "next/link";
+import CustomButton from "@/app/(protected)/dashboard/components/CustomButton";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import Stat from "@/app/(protected)/dashboard/components/Stat";
+import SectionHeader from "@/app/(protected)/dashboard/components/SectionHeader";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import MaterialsList from "@/app/(protected)/components/shared/MaterialsList";
+
+
+import {
+    ClipboardDocumentListIcon,
+    CloudArrowUpIcon,
+    UserGroupIcon,
+    CheckBadgeIcon,
+    MegaphoneIcon,
+    PencilSquareIcon,
+    FolderOpenIcon,
+    PlayCircleIcon,
+    DocumentTextIcon,
+    AcademicCapIcon,
+    TrashIcon,
+} from "@heroicons/react/24/outline";
+import ClassLinkButton from "@/app/(protected)/dashboard/teacher/components/ClassButtonLink";
+import LessonForm from "@/app/(protected)/components/lessons/LessonForm";
+import {CalendarDaysIcon} from "@heroicons/react/24/outline";
+import AssignmentList from "@/app/(protected)/components/teacher/AssignmentList";
+import AssignmentForm from "@/app/(protected)/components/exam-templates/AssignmentForm";
+import { createExamAssignment } from "@/app/lib/actions/examActions";
+import { getStatusLabel, getStatusColor, STATUS, normalizeStatus } from "@/app/lib/helpers/statusPatterns";
+import Label from "@/app/(protected)/components/shared/Label";
+import { deleteFileFromClass } from "@/app/lib/actions/fileActions";
+import { useRouter } from "next/navigation";
+
+export default function ClassDetail({
+    clsData = {},
+    filesData = {},
+    categories = {},
+    students = [],
+    classId = "",
+    templates = [],
+    uploadAddPath,
+    historyPath,
+    assignmentResultsBasePath,
+}) {
+    const router = useRouter();
+    const [isLessonFormOpen, setIsLessonFormOpen] = useState(false);
+    const [lessons, setLessons] = useState([]);
+    const [isAssignmentFormOpen, setIsAssignmentFormOpen] = useState(false);
+    const [flashMessage, setFlashMessage] = useState(null);
+    const [flashType, setFlashType] = useState("success");
+    const [showFlash, setShowFlash] = useState(false);
+
+    useEffect(() => {
+        const handleCloseAssignmentForm = () => {
+            setIsAssignmentFormOpen(false);
+        };
+
+        const handleOpenAssignmentForm = () => {
+            setIsAssignmentFormOpen(true);
+        };
+
+        window.addEventListener('closeAssignmentModal', handleCloseAssignmentForm);
+        window.addEventListener('open-assignment-form', handleOpenAssignmentForm);
+        return () => {
+            window.removeEventListener('closeAssignmentModal', handleCloseAssignmentForm);
+            window.removeEventListener('open-assignment-form', handleOpenAssignmentForm);
+        };
+    }, []);
+
+    const handleDeleteFile = async (fileId) => {
+        if (!confirm("Tem certeza que deseja remover este arquivo da turma?")) {
+            return;
+        }
+
+        const result = await deleteFileFromClass(classId, fileId);
+
+        if (result.success) {
+            setFlashMessage("Arquivo removido com sucesso!");
+            setFlashType("success");
+            setShowFlash(true);
+            setTimeout(() => setShowFlash(false), 3000);
+            router.refresh();
+        } else {
+            setFlashMessage(result.message || "Erro ao remover arquivo");
+            setFlashType("error");
+            setShowFlash(true);
+            setTimeout(() => setShowFlash(false), 5000);
+        }
+    };
+
+    const computedUploadAddPath = uploadAddPath || `/files/class/${clsData.id || classId}/add`;
+    const computedHistoryPath = historyPath === undefined
+        ? `/dashboard/teacher/class/${clsData.id || classId}/history`
+        : historyPath;
+    const computedAssignmentResultsBasePath =
+        assignmentResultsBasePath || "/dashboard/teacher";
+
+    const cls = {
+        id: clsData.id || "CLS-2025-ENG-A1",
+        classTitle: clsData.classTitle || "Inglês — A1 Noite",
+        teachers: clsData.teachers || ["Fulano de tal"],
+        status: clsData.status || "Em andamento",
+        schedule: clsData.schedule || {days: ["Seg", "Qua"], time: "19:00–20:30"},
+        link: clsData.link || "",
+        nextSession:
+            clsData.nextSession || {
+                date: "2025-08-27",
+                topic: "Present Simple — Rotinas",
+                room: "Sala 204",
+            },
+        stats: clsData.stats || {
+            students: 18,
+            attendanceRate: 0.92,
+            avgScore: 8.1,
+            pendingSubmissions: 5,
+        },
+        materials: filesData || {},
+        recentActivity: clsData.recentActivity || [
+            {when: "Hoje 09:20", text: "3 alunos enviaram tarefa — 'Daily routine (texto curto)'"},
+            {when: "Ontem 21:05", text: "Você postou 'Aviso: trazer workbook assinado'"},
+            {when: "Ontem 20:40", text: "Presenças registradas (16/18)"},
+        ],
+    };
+
+    const normalizedStatus = normalizeStatus(cls.status);
+
+    return (
+        <div className="max-w-6xl mx-auto px-4 sm:px-6 py-6">
+            {showFlash && flashMessage && (
+                <div className="mb-4">
+                    <FlashMessage message={flashMessage} type={flashType} />
+                </div>
+            )}
+            <PageHeader
+                title={cls.classTitle}
+                subtitle="Materiais e gestão da turma"
+                icon={<FolderOpenIcon className="w-6 h-6" />}
+            />
+            <div className="mt-6 grid grid-cols-1 md:grid-cols-3 gap-6">
+                <div className="md:col-span-2 space-y-6">
+                    {/*<Card>*/}
+                    {/*    <SectionHeader title="Próxima sessão" icon={<CalendarDaysIcon className="w-5 h-5"/>}/>*/}
+                    {/*    <div className="mt-4 text-sm space-y-2">*/}
+                    {/*        <Row label="Data" value={formatBR(cls.nextSession.date)}/>*/}
+                    {/*        <Row label="Tópico" value={cls.nextSession.topic}/>*/}
+                    {/*        <Row label="Sala" value={cls.nextSession.room}/>*/}
+                    {/*    </div>*/}
+                    {/*    <div className="mt-5 flex gap-3">*/}
+                    {/*        <CustomButton onClick={onScheduleSession} variant="secondary"*/}
+                    {/*                icon={<CalendarDaysIcon className="w-5 h-5"/>}>*/}
+                    {/*            Agendar / Editar*/}
+                    {/*        </CustomButton>*/}
+                    {/*        <CustomButton onClick={onMessageClass} icon={<PaperAirplaneIcon className="w-5 h-5"/>}>*/}
+                    {/*            Mensagem à turma*/}
+                    {/*        </CustomButton>*/}
+                    {/*    </div>*/}
+                    {/*</Card>*/}
+
+                    <Card>
+                        <SectionHeader title="Materiais da turma" icon={<FolderOpenIcon className="w-5 h-5"/>} />
+                        <div className="mt-4 space-y-6">
+                            <MaterialsList
+                                materials={cls.materials}
+                                categories={categories}
+                                renderActions={(m) => (
+                                    <div className="flex items-center gap-2">
+                                        <button
+                                            className="text-sm px-3 py-1.5 rounded-lg border border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-700 dark:text-neutral-200 transition"
+                                            onClick={() => window.open(m.url, '_blank')}
+                                        >
+                                            Abrir
+                                        </button>
+                                        <button
+                                            className="text-sm px-2.5 py-1.5 rounded-lg border border-red-200 dark:border-red-900/50 hover:bg-red-50 dark:hover:bg-red-900/20 text-red-600 dark:text-red-400 transition"
+                                            onClick={() => handleDeleteFile(m._id)}
+                                            title="Remover arquivo"
+                                        >
+                                            <TrashIcon className="w-4 h-4" />
+                                        </button>
+                                    </div>
+                                )}
+                            />
+                        </div>
+                        <div className="mt-4 flex gap-3">
+                            <Link href={computedUploadAddPath}>
+                                <CustomButton icon={<CloudArrowUpIcon className="w-5 h-5"/>}>
+                                    Upload novo
+                                </CustomButton>
+                            </Link>
+
+                            {/*<CustomButton onClick={onDownloadAll} variant="secondary"
+                                    icon={<DocumentArrowDownIcon className="w-5 h-5"/>}>
+                                Baixar tudo
+                            </CustomButton>*/}
+                        </div>
+                    </Card>
+
+                    <AssignmentList
+                        classId={classId}
+                        editable={false}
+                        templates={templates}
+                        basePath={computedAssignmentResultsBasePath}
+                    />
+
+                    {/*<Card>*/}
+                    {/*    <SectionHeader title="Atividade recente" icon={<ChartBarIcon className="w-5 h-5"/>}/>*/}
+                    {/*    <ul className="mt-4 space-y-3">*/}
+                    {/*        {cls.recentActivity.map((a, i) => (*/}
+                    {/*            <li key={i} className="text-sm">*/}
+                    {/*                <span className="text-neutral-500 dark:text-neutral-400">{a.when} — </span>*/}
+                    {/*                <span className="text-neutral-800 dark:text-neutral-200">{a.text}</span>*/}
+                    {/*            </li>*/}
+                    {/*        ))}*/}
+                    {/*    </ul>*/}
+                    {/*</Card>*/}
+                </div>
+
+                <div className="space-y-6">
+                    {/* Action Buttons Container */}
+                    <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800">
+                        <h2 className="flex items-center gap-2 text-base font-semibold text-neutral-900 dark:text-neutral-100">Ações</h2>
+                        <div className="mt-4 grid grid-cols-2 gap-3">
+                            <Link href={computedUploadAddPath} className="w-full">
+                                <ActionBtn icon={<CloudArrowUpIcon className="w-5 h-5"/>} label="Material" fullWidth />
+                            </Link>
+                            <ActionBtn
+                                icon={<DocumentTextIcon className="w-5 h-5"/>}
+                                label="Registrar Aula"
+                                onClick={() => setIsLessonFormOpen(true)}
+                                fullWidth
+                            />
+                            {computedHistoryPath && (
+                                <Link href={computedHistoryPath} className="col-span-2 sm:col-span-1">
+                                    <ActionBtn icon={<CalendarDaysIcon className="w-5 h-5"/>} label="Histórico" fullWidth />
+                                </Link>
+                            )}
+                            <div className="col-span-2 sm:col-span-1 flex justify-center">
+                                <ClassLinkButton cls={cls} fullWidth />
+                            </div>
+                        </div>
+                    </div>
+
+                    <Card>
+                        <SectionHeader title="Visão Geral" icon={<UserGroupIcon className="w-5 h-5"/>}/>
+                        <div className="mt-4 grid grid-cols-2 gap-3 text-sm">
+                            <Stat label="Alunos" value={cls.stats.students}/>
+                            <Stat label="Presenças" value={`${cls.stats.attendanceRate}%`}/>
+                            {/*<Stat label="Média notas" value={cls.stats.avgScore.toFixed(1)}/>
+                            <Stat label="Pendentes" value={cls.stats.pendingSubmissions}/>*/}
+                        </div>
+                    </Card>
+
+                    {students && students.length > 0 && (
+                        <Card>
+                            <div className="flex items-center justify-between mb-3">
+                                <h3 className="text-sm font-semibold text-neutral-900 dark:text-neutral-100">Alunos</h3>
+                            </div>
+                            <div className="overflow-x-auto rounded-lg border border-neutral-200 dark:border-neutral-800">
+                                <table className="w-full text-sm">
+                                    <thead className="bg-neutral-50 dark:bg-neutral-800/50">
+                                        <tr>
+                                            <th className="text-left px-2 py-1.5 text-xs font-medium text-neutral-600 dark:text-neutral-400">Nome</th>
+                                            <th className="text-center px-2 py-1.5 text-xs font-medium text-neutral-600 dark:text-neutral-400">Presença</th>
+                                            <th className="text-center px-2 py-1.5 text-xs font-medium text-neutral-600 dark:text-neutral-400">Média</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody className="divide-y divide-neutral-200 dark:divide-neutral-800">
+                                        {students.map((student) => (
+                                            <tr key={student._id} className="hover-card-light">
+                                                <td className="px-2 py-1.5">
+                                                    <span className="font-medium text-neutral-900 dark:text-neutral-100 truncate block max-w-[120px]">
+                                                        {student.fullName?.split(' ')[0]}
+                                                    </span>
+                                                </td>
+                                                <td className="px-2 py-1.5 text-center">
+                                                    <span className={`text-xs font-medium ${
+                                                        student.attendanceRate >= 80 ? 'text-emerald-600 dark:text-emerald-400' :
+                                                        student.attendanceRate >= 60 ? 'text-amber-600 dark:text-amber-400' :
+                                                        'text-red-600 dark:text-red-400'
+                                                    }`}>
+                                                        {student.attendanceRate}%
+                                                    </span>
+                                                </td>
+                                                <td className="px-2 py-1.5 text-center">
+                                                    <span className={`text-xs font-medium ${
+                                                        student.avgScore !== '-' && parseFloat(student.avgScore) >= 7 ? 'text-emerald-600 dark:text-emerald-400' :
+                                                        student.avgScore !== '-' && parseFloat(student.avgScore) >= 6 ? 'text-amber-600 dark:text-amber-400' :
+                                                        'text-neutral-500 dark:text-neutral-400'
+                                                    }`}>
+                                                        {student.avgScore}
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                        ))}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </Card>
+                    )}
+                </div>
+            </div>
+
+            <LessonForm
+                isOpen={isLessonFormOpen}
+                onClose={() => setIsLessonFormOpen(false)}
+                classId={cls.id}
+                students={students}
+                onSave={(lesson) => {
+                    setLessons(prev => [lesson, ...prev]);
+                    // Here you could also update attendance stats
+                }}
+            />
+
+      <AssignmentForm
+        isOpen={isAssignmentFormOpen}
+        classId={classId}
+        templates={templates}
+      />
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/teacher/ClassHistoryCard.jsx b/src/app/(protected)/components/teacher/ClassHistoryCard.jsx
new file mode 100644
index 0000000..2ad27c1
--- /dev/null
+++ b/src/app/(protected)/components/teacher/ClassHistoryCard.jsx
@@ -0,0 +1,425 @@
+"use client";
+
+import { useState } from "react";
+import {
+    CalendarIcon,
+    ChevronDownIcon,
+    ChevronUpIcon,
+    LinkIcon,
+    DocumentIcon,
+    TrashIcon,
+    PencilSquareIcon,
+} from "@heroicons/react/24/outline";
+import LessonForm from "@/app/(protected)/components/lessons/LessonForm";
+import YouTubePlayer from "@/app/(protected)/components/lessons/YouTubePlayer";
+import { isYouTubeUrl } from "@/app/lib/helpers/youtube";
+
+export default function ClassHistoryCard({ lesson, totalStudents, classId, students = [], onLessonUpdate, onLessonDelete }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [confirmDelete, setConfirmDelete] = useState(null);
+    const [confirmDeleteLesson, setConfirmDeleteLesson] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [isEditFormOpen, setIsEditFormOpen] = useState(false);
+
+    const formatDateBR = (dateString) => {
+        const date = new Date(dateString);
+        return date.toLocaleDateString("pt-BR", {
+            weekday: "long",
+            day: "2-digit",
+            month: "long",
+            year: "numeric",
+        });
+    };
+
+    const getAttendanceStats = () => {
+        if (!lesson.attendance || lesson.attendance.length === 0) return null;
+
+        const present = lesson.attendance.filter(a => a.status === "present").length;
+        const absent = lesson.attendance.filter(a => a.status === "absent").length;
+        const late = lesson.attendance.filter(a => a.status === "late").length;
+        const excused = lesson.attendance.filter(a => a.status === "excused").length;
+        const rate = Math.round((present / lesson.attendance.length) * 100);
+
+        return { present, absent, late, excused, rate };
+    };
+
+    const stats = getAttendanceStats();
+
+    const presentStudents = lesson.attendance?.filter(a => a.status === "present") || [];
+    const absentStudents = lesson.attendance?.filter(a => a.status === "absent") || [];
+    const lateStudents = lesson.attendance?.filter(a => a.status === "late") || [];
+    const excusedStudents = lesson.attendance?.filter(a => a.status === "excused") || [];
+
+    const statusColors = {
+        present: "bg-emerald-600 text-white dark:bg-emerald-900/30 dark:text-emerald-300",
+        absent: "bg-red-600 text-white dark:bg-red-900/30 dark:text-red-300",
+        late: "bg-amber-600 text-white dark:bg-amber-900/30 dark:text-amber-300",
+        excused: "bg-blue-600 text-white dark:bg-blue-900/30 dark:text-blue-300",
+    };
+
+    const statusBadgeColors = {
+        present: "bg-emerald-600 text-white border-emerald-600 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-800",
+        absent: "bg-red-600 text-white border-red-600 dark:bg-red-900/20 dark:text-red-300 dark:border-red-800",
+        late: "bg-amber-600 text-white border-amber-600 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-800",
+        excused: "bg-blue-600 text-white border-blue-600 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-800",
+    };
+
+    const handleDeleteItem = async () => {
+        if (!confirmDelete || !classId) return;
+        setIsDeleting(true);
+
+        try {
+            const body = confirmDelete.type === "link"
+                ? { removeLinkIndex: confirmDelete.index }
+                : { removeFileId: confirmDelete.fileId };
+
+            const res = await fetch(`/api/classes/${classId}/lessons/${lesson._id}`, {
+                method: "PATCH",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(body),
+            });
+
+            if (res.ok) {
+                const updatedLesson = await res.json();
+                if (onLessonUpdate) onLessonUpdate(updatedLesson);
+            }
+        } catch (err) {
+            console.error("Erro ao remover:", err);
+        } finally {
+            setIsDeleting(false);
+            setConfirmDelete(null);
+        }
+    };
+
+    const handleDeleteLesson = async () => {
+        if (!classId) return;
+        setIsDeleting(true);
+
+        try {
+            const res = await fetch(`/api/classes/${classId}/lessons/${lesson._id}`, {
+                method: "DELETE",
+            });
+
+            if (res.ok) {
+                if (onLessonDelete) onLessonDelete(lesson._id);
+            }
+        } catch (err) {
+            console.error("Erro ao deletar aula:", err);
+        } finally {
+            setIsDeleting(false);
+            setConfirmDeleteLesson(false);
+        }
+    };
+
+    const StudentList = ({ students, status, statusColor }) => (
+        <div className="mb-3">
+            <h4 className={`text-sm font-medium ${statusColor} mb-2 flex items-center gap-2`}>
+                <span className={`w-2 h-2 rounded-full ${
+                    status === "present" ? "bg-emerald-500" :
+                    status === "absent" ? "bg-red-500" :
+                    status === "late" ? "bg-amber-500" : "bg-blue-500"
+                }`} />
+                {status === "present" && `Presentes (${students.length})`}
+                {status === "absent" && `Ausentes (${students.length})`}
+                {status === "late" && `Atrasados (${students.length})`}
+                {status === "excused" && `Justificados (${students.length})`}
+            </h4>
+            {students.length > 0 ? (
+                <ul className="text-sm text-neutral-700 dark:text-neutral-300 space-y-1 ml-4">
+                    {students.map((a, idx) => (
+                        <li key={idx} className="flex items-center gap-2">
+                            <span className="text-neutral-400 dark:text-neutral-500">•</span>
+                            {a.studentId?.fullName || "Aluno sem nome"}
+                        </li>
+                    ))}
+                </ul>
+            ) : (
+                <p className="text-sm text-neutral-400 dark:text-neutral-500 ml-4">
+                    Nenhum aluno
+                </p>
+            )}
+        </div>
+    );
+
+    return (
+        <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 hover:shadow-md transition-all">
+            <div className="flex items-start justify-between gap-4">
+                <div className="flex-1">
+                    <div className="flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400 mb-2">
+                        <CalendarIcon className="w-4 h-4" />
+                        <span>{formatDateBR(lesson.date)}</span>
+                    </div>
+                    <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+                        {lesson.topic}
+                    </h3>
+                </div>
+                {stats && (
+                    <div className="text-right">
+                        <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100">
+                            {stats.rate}% presença
+                        </p>
+                        <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                            {stats.present}/{lesson.attendance.length} alunos
+                        </p>
+                    </div>
+                )}
+                {classId && !confirmDeleteLesson && (
+                    <div className="flex items-center gap-1 shrink-0">
+                        <button
+                            onClick={() => setIsEditFormOpen(true)}
+                            className="p-2 text-neutral-400 hover:text-indigo-500 dark:hover:text-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-900/20 rounded-lg transition-all"
+                            title="Editar registro da aula"
+                        >
+                            <PencilSquareIcon className="w-5 h-5" />
+                        </button>
+                        <button
+                            onClick={() => setConfirmDeleteLesson(true)}
+                            className="p-2 text-neutral-400 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-all"
+                            title="Excluir registro da aula"
+                        >
+                            <TrashIcon className="w-5 h-5" />
+                        </button>
+                    </div>
+                )}
+            </div>
+
+            {lesson.notes && (
+                <div className="mt-3 p-3 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
+                    <p className="text-sm text-neutral-700 dark:text-neutral-300 line-clamp-2">
+                        {lesson.notes}
+                    </p>
+                </div>
+            )}
+
+            {lesson.links && lesson.links.length > 0 && (
+                <div className="mt-3 space-y-2">
+                    {lesson.links.map((link, idx) => (
+                        <div key={idx} className="group">
+                            {isYouTubeUrl(link) ? (
+                                <div className="relative">
+                                    <YouTubePlayer
+                                        url={link}
+                                        label={lesson.links.length > 1 ? `Vídeo da aula ${idx + 1}` : "Vídeo da aula"}
+                                    />
+                                    {classId && (
+                                        <button
+                                            onClick={() => setConfirmDelete({ type: "link", index: idx })}
+                                            className="absolute top-1.5 right-1.5 p-1 bg-white/90 dark:bg-neutral-900/90 border border-neutral-200 dark:border-neutral-700 text-neutral-400 hover:text-red-500 dark:hover:text-red-400 rounded-full opacity-0 group-hover:opacity-100 transition-all shadow-sm z-10"
+                                            title="Remover vídeo"
+                                        >
+                                            <TrashIcon className="w-3.5 h-3.5" />
+                                        </button>
+                                    )}
+                                </div>
+                            ) : (
+                                <div className="flex items-center gap-2">
+                                    <a
+                                        href={link}
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        className="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors flex-1 min-w-0"
+                                    >
+                                        <LinkIcon className="w-4 h-4 shrink-0" />
+                                        <span className="truncate">
+                                            {lesson.links.length > 1 ? `Link ${idx + 1}` : "Abrir link da aula"}
+                                        </span>
+                                    </a>
+                                    {classId && (
+                                        <button
+                                            onClick={() => setConfirmDelete({ type: "link", index: idx })}
+                                            className="p-1 text-neutral-400 hover:text-red-500 dark:hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all shrink-0"
+                                            title="Remover link"
+                                        >
+                                            <TrashIcon className="w-4 h-4" />
+                                        </button>
+                                    )}
+                                </div>
+                            )}
+                        </div>
+                    ))}
+                </div>
+            )}
+            {!lesson.links?.length && lesson.link && (
+                <div className="mt-3 flex items-center gap-2 group">
+                    <a
+                        href={lesson.link}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="inline-flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors flex-1 min-w-0"
+                    >
+                        <LinkIcon className="w-4 h-4" />
+                        Abrir link da aula
+                    </a>
+                    {classId && (
+                        <button
+                            onClick={() => setConfirmDelete({ type: "link", index: 0 })}
+                            className="p-1 text-neutral-400 hover:text-red-500 dark:hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all shrink-0"
+                            title="Remover link"
+                        >
+                            <TrashIcon className="w-4 h-4" />
+                        </button>
+                    )}
+                </div>
+            )}
+
+            {lesson.files && lesson.files.length > 0 && (
+                <div className="mt-3 space-y-1">
+                    <p className="text-xs font-medium text-neutral-500 dark:text-neutral-400">Materiais:</p>
+                    <div className="flex flex-wrap gap-2">
+                        {lesson.files.map((file, idx) => (
+                            <div key={idx} className="group relative inline-flex items-center">
+                                <a
+                                    href={file.url?.replace("proxy://", "/api/files/") || "#"}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    className="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium bg-indigo-50 dark:bg-indigo-900/20 text-indigo-700 dark:text-indigo-300 rounded-full hover:bg-indigo-100 dark:hover:bg-indigo-900/40 transition-colors pr-8"
+                                >
+                                    <DocumentIcon className="w-3.5 h-3.5" />
+                                    {file.title || `Material ${idx + 1}`}
+                                </a>
+                                {classId && (
+                                    <button
+                                        onClick={() => setConfirmDelete({ type: "file", fileId: file._id?.toString?.() || file.toString() })}
+                                        className="absolute -right-1 -top-1 p-0.5 bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 text-neutral-400 hover:text-red-500 dark:hover:text-red-400 rounded-full opacity-0 group-hover:opacity-100 transition-all shadow-sm"
+                                        title="Remover material"
+                                    >
+                                        <TrashIcon className="w-3 h-3" />
+                                    </button>
+                                )}
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            )}
+
+            {confirmDeleteLesson && (
+                <div className="mt-3 p-3 bg-red-50 dark:bg-red-950/40 border border-red-200 dark:border-red-900/60 rounded-lg">
+                    <p className="text-sm text-red-700 dark:text-red-300 mb-2">
+                        Tem certeza que deseja <strong>excluir todo o registro</strong> desta aula? Esta ação não pode ser desfeita.
+                    </p>
+                    <div className="flex gap-2">
+                        <button
+                            onClick={handleDeleteLesson}
+                            disabled={isDeleting}
+                            className="px-3 py-1 text-xs font-medium text-white bg-red-600 hover:bg-red-700 rounded-lg disabled:opacity-50 transition-colors"
+                        >
+                            {isDeleting ? "Excluindo..." : "Confirmar exclusão"}
+                        </button>
+                        <button
+                            onClick={() => setConfirmDeleteLesson(false)}
+                            disabled={isDeleting}
+                            className="px-3 py-1 text-xs font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+                        >
+                            Cancelar
+                        </button>
+                    </div>
+                </div>
+            )}
+
+            {confirmDelete && (
+                <div className="mt-3 p-3 bg-red-50 dark:bg-red-950/40 border border-red-200 dark:border-red-900/60 rounded-lg">
+                    <p className="text-sm text-red-700 dark:text-red-300 mb-2">
+                        {confirmDelete.type === "link"
+                            ? "Tem certeza que deseja remover este link?"
+                            : "Tem certeza que deseja remover este material?"}
+                    </p>
+                    <div className="flex gap-2">
+                        <button
+                            onClick={handleDeleteItem}
+                            disabled={isDeleting}
+                            className="px-3 py-1 text-xs font-medium text-white bg-red-600 hover:bg-red-700 rounded-lg disabled:opacity-50 transition-colors"
+                        >
+                            {isDeleting ? "Removendo..." : "Confirmar"}
+                        </button>
+                        <button
+                            onClick={() => setConfirmDelete(null)}
+                            disabled={isDeleting}
+                            className="px-3 py-1 text-xs font-medium text-neutral-700 dark:text-neutral-300 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-100 dark:hover:bg-neutral-700 transition-colors"
+                        >
+                            Cancelar
+                        </button>
+                    </div>
+                </div>
+            )}
+
+            {stats && (
+                <div className="mt-4 flex items-center justify-between">
+                    <div className="flex gap-3 text-xs flex-wrap">
+                        <span className={`px-2 py-1 rounded-full ${statusColors.present}`}>
+                            Presentes: {stats.present}
+                        </span>
+                        <span className={`px-2 py-1 rounded-full ${statusColors.late}`}>
+                            Atrasados: {stats.late}
+                        </span>
+                        <span className={`px-2 py-1 rounded-full ${statusColors.absent}`}>
+                            Ausentes: {stats.absent}
+                        </span>
+                        {stats.excused > 0 && (
+                            <span className={`px-2 py-1 rounded-full ${statusColors.excused}`}>
+                                Justificados: {stats.excused}
+                            </span>
+                        )}
+                    </div>
+                </div>
+            )}
+
+            {lesson.attendance && lesson.attendance.length > 0 && (
+                <button
+                    onClick={() => setIsExpanded(!isExpanded)}
+                    className="mt-4 flex items-center gap-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors"
+                >
+                    {isExpanded ? (
+                        <>
+                            <ChevronUpIcon className="w-4 h-4" />
+                            Ocultar detalhes
+                        </>
+                    ) : (
+                        <>
+                            <ChevronDownIcon className="w-4 h-4" />
+                            Ver alunos presentes/ausentes
+                        </>
+                    )}
+                </button>
+            )}
+
+            {isExpanded && (
+                <div className="mt-4 pt-4 border-t dark:border-neutral-700">
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <StudentList 
+                            students={presentStudents} 
+                            status="present" 
+                            statusColor="text-emerald-700 dark:text-emerald-300" 
+                        />
+                        <StudentList 
+                            students={absentStudents} 
+                            status="absent" 
+                            statusColor="text-red-700 dark:text-red-300" 
+                        />
+                        <StudentList 
+                            students={lateStudents} 
+                            status="late" 
+                            statusColor="text-amber-700 dark:text-amber-300" 
+                        />
+                        <StudentList 
+                            students={excusedStudents} 
+                            status="excused" 
+                            statusColor="text-blue-700 dark:text-blue-300" 
+                        />
+                    </div>
+                </div>
+            )}
+
+            <LessonForm
+                isOpen={isEditFormOpen}
+                onClose={() => setIsEditFormOpen(false)}
+                classId={classId}
+                students={students}
+                lesson={lesson}
+                onSave={(updatedLesson) => {
+                    if (onLessonUpdate) onLessonUpdate(updatedLesson);
+                    setIsEditFormOpen(false);
+                }}
+            />
+        </div>
+    );
+}
diff --git a/src/app/(protected)/components/teacher/ClassHistoryList.jsx b/src/app/(protected)/components/teacher/ClassHistoryList.jsx
new file mode 100644
index 0000000..39cbb40
--- /dev/null
+++ b/src/app/(protected)/components/teacher/ClassHistoryList.jsx
@@ -0,0 +1,38 @@
+"use client";
+
+import { useState } from "react";
+import ClassHistoryCard from "@/app/(protected)/components/teacher/ClassHistoryCard";
+import ClassHistoryList from "@/app/(protected)/components/shared/ClassHistoryList";
+
+export default function TeacherClassHistoryList({ classId, classTitle, lessons: initialLessons, totalStudents, students = [], backHref }) {
+    const [lessons, setLessons] = useState(initialLessons);
+    const backToClassHref = backHref || `/dashboard/teacher/class/${classId}`;
+
+    const handleLessonUpdate = (updatedLesson) => {
+        setLessons(prev =>
+            prev.map(l => l._id === updatedLesson._id ? updatedLesson : l)
+        );
+    };
+
+    const handleLessonDelete = (lessonId) => {
+        setLessons(prev => prev.filter(l => l._id !== lessonId));
+    };
+
+    return (
+        <ClassHistoryList backHref={backToClassHref} classTitle={classTitle}>
+            {lessons && lessons.length > 0 ? (
+                lessons.map((lesson) => (
+                    <ClassHistoryCard
+                        key={lesson._id}
+                        lesson={lesson}
+                        totalStudents={totalStudents}
+                        classId={classId}
+                        students={students}
+                        onLessonUpdate={handleLessonUpdate}
+                        onLessonDelete={handleLessonDelete}
+                    />
+                ))
+            ) : null}
+        </ClassHistoryList>
+    );
+}
diff --git a/src/app/(protected)/components/teacher/ExamResults.jsx b/src/app/(protected)/components/teacher/ExamResults.jsx
new file mode 100644
index 0000000..f92fd64
--- /dev/null
+++ b/src/app/(protected)/components/teacher/ExamResults.jsx
@@ -0,0 +1,477 @@
+"use client";
+
+import React, { useState, useEffect } from "react";
+import {
+  EyeIcon,
+  CheckCircleIcon,
+  ClockIcon,
+  XCircleIcon,
+  XMarkIcon,
+} from "@heroicons/react/24/outline";
+import Card from "@/app/(protected)/dashboard/components/Card";
+import SectionHeader from "@/app/(protected)/dashboard/components/SectionHeader";
+import Stat from "@/app/(protected)/dashboard/components/Stat";
+import ActionBtn from "@/app/(protected)/dashboard/components/ActionBtn";
+import Label from "@/app/(protected)/components/shared/Label";
+import Button from "@/app/(protected)/components/shared/Button";
+import {
+  getAssignmentAttemptsAction,
+  getAttemptDetailsAction,
+  gradeAttemptAnswerAction,
+} from "@/app/lib/actions/examFlowActions";
+
+const gradingStatusConfig = {
+  pending: { color: "gray", label: "Pendente" },
+  auto_graded: { color: "emerald", label: "Auto Corrigido" },
+  partially_graded: { color: "amber", label: "Parcial" },
+  fully_graded: { color: "blue", label: "Corrigido" },
+};
+
+export default function ExamResults({ assignmentId, assignmentTitle, canGrade = true }) {
+  const [attempts, setAttempts] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [selectedAttempt, setSelectedAttempt] = useState(null);
+  const [isGrading, setIsGrading] = useState(false);
+
+  useEffect(() => {
+    fetchAttempts();
+  }, [assignmentId]);
+
+  const fetchAttempts = async () => {
+    try {
+      const result = await getAssignmentAttemptsAction(assignmentId);
+      if (result.success) {
+        setAttempts(result.data || []);
+      }
+    } catch (error) {
+      console.error("Erro ao buscar tentativas:", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const fetchAttemptWithExam = async (attemptId) => {
+    try {
+      const result = await getAttemptDetailsAction(attemptId);
+      if (result.success) {
+        setSelectedAttempt(result.data);
+      } else {
+        console.error("Failed to fetch attempt:", result.message);
+      }
+    } catch (error) {
+      console.error("Erro ao buscar detalhes da tentativa:", error);
+    }
+  };
+
+  const openGradingModal = async (attempt) => {
+    console.log("Opening grading modal for attempt:", attempt._id);
+    await fetchAttemptWithExam(attempt._id);
+  };
+
+  const gradeAnswer = async (answerId, gradeData) => {
+    setIsGrading(true);
+    try {
+      const result = await gradeAttemptAnswerAction(selectedAttempt._id, answerId, gradeData);
+
+      if (result.success) {
+        const updated = result.data;
+        // Preserve the template data to prevent useEffect from re-running
+        const updatedWithTemplate = {
+          ...updated,
+          template: selectedAttempt.template,
+          examTemplateId: selectedAttempt.examTemplateId,
+        };
+        setSelectedAttempt(updatedWithTemplate);
+        // Update attempts list
+        setAttempts((prev) =>
+          prev.map((a) => (a._id === updated._id ? updated : a))
+        );
+      }
+    } catch (error) {
+      console.error("Erro ao avaliar resposta:", error);
+    } finally {
+      setIsGrading(false);
+    }
+  };
+
+  const formatTime = (seconds) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}:${secs.toString().padStart(2, "0")}`;
+  };
+
+  const formatDate = (dateString) => {
+    const d = new Date(dateString);
+    return d.toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  };
+
+  // Filter only submitted attempts (exclude in_progress)
+  const submittedAttempts = attempts.filter((a) => a.status !== "in_progress");
+  
+  // Calculate stats
+  const submittedCount = submittedAttempts.length;
+  const gradedCount = submittedAttempts.filter(
+    (a) => a.gradingStatus === "fully_graded" || a.gradingStatus === "auto_graded"
+  ).length;
+  const pendingGradingCount = submittedAttempts.filter(
+    (a) => a.gradingStatus === "partially_graded" || a.gradingStatus === "pending"
+  ).length;
+
+  if (isLoading) {
+    return (
+      <Card>
+        <SectionHeader title="Resultados" icon={<CheckCircleIcon className="w-5 h-5" />} />
+        <p className="mt-4 text-sm text-neutral-600 dark:text-neutral-400">Carregando...</p>
+      </Card>
+    );
+  }
+
+  return (
+    <>
+      <Card>
+        <SectionHeader title="Resultados da Prova" icon={<CheckCircleIcon className="w-5 h-5" />} />
+
+        <div className="mt-4 grid grid-cols-1 sm:grid-cols-3 gap-3 text-sm">
+          <Stat label="Enviadas" value={submittedCount} />
+          <Stat label="Corrigidas" value={gradedCount} />
+          <Stat label="Pendentes" value={pendingGradingCount} />
+        </div>
+
+        <div className="mt-6 space-y-3">
+          {submittedAttempts.length === 0 ? (
+            <p className="text-sm text-neutral-600 dark:text-neutral-400">
+              Nenhuma tentativa enviada ainda.
+            </p>
+          ) : (
+            submittedAttempts.map((attempt) => (
+              <div
+                key={attempt._id}
+                className="hover-card-light p-4 border border-neutral-200 dark:border-neutral-800 rounded-lg"
+              >
+                <div className="flex items-center justify-between">
+                  <div className="flex-1">
+                    <div className="flex items-center gap-3">
+                      <h3 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">
+                        {attempt.studentId?.fullName || "Aluno"}
+                      </h3>
+                      <Label
+                        color={gradingStatusConfig[attempt.gradingStatus]?.color || "gray"}
+                      >
+                        {gradingStatusConfig[attempt.gradingStatus]?.label || attempt.gradingStatus}
+                      </Label>
+                    </div>
+                    <div className="mt-2 flex flex-wrap items-center gap-4 text-xs text-neutral-500 dark:text-neutral-400">
+                      <span>Tentativa #{attempt.attemptNumber}</span>
+                      {attempt.submittedAt && (
+                        <span>Enviada em: {formatDate(attempt.submittedAt)}</span>
+                      )}
+                      {attempt.timeSpent > 0 && (
+                        <span>Tempo: {formatTime(attempt.timeSpent)}</span>
+                      )}
+                      <span>Nota: {attempt.score}/{attempt.totalPoints || "?"}</span>
+                      <span>{attempt.percentage}%</span>
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-2">
+                    {canGrade ? (
+                      <Button
+                        variant="secondary"
+                        size="sm"
+                        onClick={() => openGradingModal(attempt)}
+                      >
+                        <EyeIcon className="w-4 h-4" />
+                        {attempt.gradingStatus === "fully_graded" || attempt.gradingStatus === "auto_graded" ? "Ver" : "Corrigir"}
+                      </Button>
+                    ) : (
+                      <Button
+                        variant="secondary"
+                        size="sm"
+                        onClick={() => openGradingModal(attempt)}
+                      >
+                        <EyeIcon className="w-4 h-4" />
+                        Ver Detalhes
+                      </Button>
+                    )}
+                  </div>
+                </div>
+              </div>
+            ))
+          )}
+        </div>
+      </Card>
+
+      {/* Grading Modal */}
+      {selectedAttempt && (
+        <GradingModal
+          attempt={selectedAttempt}
+          onClose={() => setSelectedAttempt(null)}
+          onGrade={gradeAnswer}
+          isGrading={isGrading}
+          canGrade={canGrade}
+        />
+      )}
+    </>
+  );
+}
+
+function GradingControls({ question, userAnswer, onGrade, isGrading }) {
+  const [localPoints, setLocalPoints] = useState(userAnswer.pointsEarned ?? 0);
+  const [localFeedback, setLocalFeedback] = useState(userAnswer.teacherFeedback ?? "");
+
+  // Update local state when userAnswer changes (from parent updates after button clicks)
+  useEffect(() => {
+    setLocalPoints(userAnswer.pointsEarned ?? 0);
+    setLocalFeedback(userAnswer.teacherFeedback ?? "");
+  }, [userAnswer._id, userAnswer.pointsEarned, userAnswer.teacherFeedback]);
+
+  const handlePointsBlur = () => {
+    const pointsEarned = Math.min(Math.max(0, localPoints), question.points);
+    onGrade(userAnswer._id, {
+      pointsEarned,
+      isCorrect: pointsEarned > 0,
+    });
+  };
+
+  const handleFeedbackBlur = () => {
+    if (localFeedback !== userAnswer.teacherFeedback) {
+      onGrade(userAnswer._id, {
+        teacherFeedback: localFeedback,
+      });
+    }
+  };
+
+  return (
+    <div className="mt-4 space-y-3">
+      <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+        <div>
+          <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+            Pontuação (0 - {question.points})
+          </label>
+          <input
+            type="number"
+            min="0"
+            max={question.points}
+            value={localPoints}
+            onChange={(e) => setLocalPoints(parseInt(e.target.value) || 0)}
+            onBlur={handlePointsBlur}
+            className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+          />
+        </div>
+        <div>
+          <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+            Feedback
+          </label>
+          <input
+            type="text"
+            value={localFeedback}
+            onChange={(e) => setLocalFeedback(e.target.value)}
+            onBlur={handleFeedbackBlur}
+            placeholder="Feedback opcional..."
+            className="w-full border border-neutral-300 dark:border-neutral-600 rounded-lg px-3 py-2 bg-white dark:bg-neutral-800 text-neutral-900 dark:text-neutral-100 focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
+          />
+        </div>
+      </div>
+      <div className="flex gap-2">
+        <button
+          onClick={() =>
+            onGrade(userAnswer._id, {
+              isCorrect: true,
+              pointsEarned: question.points,
+            })
+          }
+          disabled={isGrading}
+          className={`flex-1 px-4 py-2 text-sm font-medium rounded-lg transition-colors ${
+            userAnswer.isCorrect === true
+              ? "bg-emerald-600 text-white"
+              : userAnswer.isCorrect === false
+              ? "bg-neutral-200 dark:bg-neutral-700 text-neutral-400 dark:text-neutral-500 opacity-50"
+              : "bg-emerald-600 text-white hover:bg-emerald-700"
+          } disabled:opacity-50`}
+        >
+          Marcar como Correta
+        </button>
+        <button
+          onClick={() =>
+            onGrade(userAnswer._id, {
+              isCorrect: false,
+              pointsEarned: 0,
+            })
+          }
+          disabled={isGrading}
+          className={`flex-1 px-4 py-2 text-sm font-medium rounded-lg transition-colors ${
+            userAnswer.isCorrect === false
+              ? "bg-red-600 text-white"
+              : userAnswer.isCorrect === true
+              ? "bg-neutral-200 dark:bg-neutral-700 text-neutral-400 dark:text-neutral-500 opacity-50"
+              : "bg-red-600 text-white hover:bg-red-700"
+          } disabled:opacity-50`}
+        >
+          Marcar como Incorreta
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function GradingModal({ attempt, onClose, onGrade, isGrading, canGrade = true }) {
+  const [localAttempt, setLocalAttempt] = useState(attempt);
+  const [feedbackValues, setFeedbackValues] = useState({});
+  
+  // Use localAttempt for rendering to prevent re-renders from parent updates
+  useEffect(() => {
+    // Only update if attempt ID changed (new attempt selected)
+    setLocalAttempt(prev => {
+      if (prev._id === attempt._id) {
+        // Same attempt, don't update to prevent re-render
+        return prev;
+      }
+      // New attempt, also reset feedback values
+      setFeedbackValues({});
+      return attempt;
+    });
+  }, [attempt._id]); // Only re-run when attempt ID changes
+
+  const localAnswers = localAttempt.template?.questions || localAttempt.examTemplateId?.questions || [];
+
+  const handleGrade = (answerId, gradeData) => {
+    onGrade(answerId, gradeData);
+  };
+
+  return (
+    <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+      <div className="bg-white dark:bg-neutral-900 rounded-xl shadow-xl w-full max-w-4xl max-h-[90vh] overflow-hidden border border-gray-200 dark:border-gray-700 flex flex-col">
+        <div className="flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700 shrink-0">
+          <div>
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
+              {canGrade ? "Corrigir Prova" : "Detalhes da Prova"}
+            </h2>
+            <p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
+              {attempt.studentId?.fullName} - Tentativa #{attempt.attemptNumber}
+              {!canGrade && (
+                <span className="ml-2 text-amber-600 dark:text-amber-400">
+                  (Visualização apenas)
+                </span>
+              )}
+            </p>
+          </div>
+          <Button variant="ghost" onClick={onClose}>
+            <XMarkIcon className="w-6 h-6" />
+          </Button>
+        </div>
+
+        <div className="flex-1 overflow-y-auto p-6 space-y-6">
+          {localAnswers.length === 0 ? (
+            <p className="text-center text-gray-500 dark:text-gray-400">
+              Nenhuma questão encontrada.
+            </p>
+          ) : (
+            localAnswers.map((question) => {
+            const userAnswer = attempt.answers?.find(a => {
+              const answerQId = typeof a.questionId === 'object' ? a.questionId.toString() : a.questionId;
+              const questionId = typeof question._id === 'object' ? question._id.toString() : question._id;
+              return answerQId === questionId;
+            });
+            if (!userAnswer) return null;
+
+            const isTextQuestion = question.questionType === "text";
+            const needsGrading = userAnswer.isCorrect === null;
+
+            return (
+              <div
+                key={question._id}
+                className={`modal-question-card p-4 border rounded-lg transition-colors ${
+                  needsGrading ? "needs-grading" : ""
+                }`}
+              >
+                <div className="flex items-start justify-between mb-3">
+                  <div className="flex-1">
+                    <p className="font-medium text-gray-900 dark:text-white">
+                      {question.questionText}
+                    </p>
+                    <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
+                      {question.questionType === "multiple_choice" ? "Múltipla Escolha" : "Resposta Textual"} • {question.points} pontos
+                    </p>
+                  </div>
+                  {userAnswer.isCorrect !== null && (
+                    <Label color={userAnswer.isCorrect ? "emerald" : "red"}>
+                      {userAnswer.isCorrect ? "Correta" : "Incorreta"}
+                    </Label>
+                  )}
+                </div>
+
+                {/* Multiple Choice Display */}
+                {question.questionType === "multiple_choice" && question.options && (
+                  <div className="space-y-2 mt-3">
+                    {question.options.map((option, idx) => {
+                      const isSelected = option._id === userAnswer.selectedOptionId;
+                      const isCorrect = option.isCorrect;
+
+                      let optionClass = "modal-option";
+                      if (isSelected && isCorrect) optionClass += " selected-correct";
+                      else if (isSelected && !isCorrect) optionClass += " selected-wrong";
+                      else if (isCorrect) optionClass += " correct-option";
+
+                      return (
+                        <div
+                          key={idx}
+                          className={`p-3 rounded-lg border text-sm ${optionClass}`}
+                        >
+                          <div className="flex items-center gap-2">
+                            {isSelected && (
+                              <CheckCircleIcon className="w-4 h-4 text-indigo-600 dark:text-indigo-400" />
+                            )}
+                            {isCorrect && !isSelected && (
+                              <CheckCircleIcon className="w-4 h-4 text-emerald-600 dark:text-emerald-400" />
+                            )}
+                            <span>{option.optionText}</span>
+                            {isCorrect && (
+                              <Label color="emerald" size="sm" className="ml-auto">
+                                Correta
+                              </Label>
+                            )}
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+
+                {/* Text Answer Display */}
+                {isTextQuestion && (
+                  <div className="modal-text-answer mt-3 p-3 rounded-lg border">
+                    <p className="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-wrap">
+                      {userAnswer.textAnswer || "(Sem resposta)"}
+                    </p>
+                  </div>
+                )}
+
+                {/* Grading Controls for Text Questions */}
+                {isTextQuestion && canGrade && (
+                  <GradingControls
+                    question={question}
+                    userAnswer={userAnswer}
+                    onGrade={handleGrade}
+                    isGrading={isGrading}
+                  />
+                )}
+              </div>
+            );
+          })
+          )}
+        </div>
+
+        <div className="flex justify-end gap-3 p-6 border-t border-gray-200 dark:border-gray-700 shrink-0">
+          <Button variant="secondary" onClick={onClose}>
+            Fechar
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/components/teacher/ExamStatistics.jsx b/src/app/(protected)/components/teacher/ExamStatistics.jsx
new file mode 100644
index 0000000..475049a
--- /dev/null
+++ b/src/app/(protected)/components/teacher/ExamStatistics.jsx
@@ -0,0 +1,298 @@
+"use client";
+
+import React, { useState } from "react";
+import {
+  ChartBarIcon,
+  AcademicCapIcon,
+  DocumentTextIcon,
+  UsersIcon,
+  CheckCircleIcon,
+  XCircleIcon,
+  ArrowTrendingUpIcon,
+  ArrowTrendingDownIcon,
+  MinusIcon,
+} from "@heroicons/react/24/outline";
+import Label from "@/app/(protected)/components/shared/Label";
+
+export default function ExamStatistics({ statistics, filters }) {
+  const { attempts, pagination, aggregate, byClass, byTemplate } = statistics.data || {};
+  const [selectedAttempt, setSelectedAttempt] = useState(null);
+
+  if (!statistics.success) {
+    return (
+      <Card>
+        <div className="p-6 text-center text-red-600">
+          Erro ao carregar estatísticas: {statistics.error}
+        </div>
+      </Card>
+    );
+  }
+
+  const formatDate = (dateString) => {
+    if (!dateString) return "N/A";
+    return new Date(dateString).toLocaleDateString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  };
+
+  const formatPercentage = (value) => {
+    if (value === undefined || value === null) return "N/A";
+    return `${Math.round(value)}%`;
+  };
+
+  return (
+    <div className="space-y-6">
+      {/* Estatísticas Agregadas */}
+      <div className="flex items-center gap-2 mb-4">
+        <ChartBarIcon className="w-5 h-5 text-neutral-700 dark:text-neutral-200" />
+        <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">Visão Geral</h2>
+      </div>
+      
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <div className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-3 bg-neutral-50 dark:bg-neutral-800/40">
+          <div className="flex items-center gap-2">
+            <DocumentTextIcon className="w-4 h-4 text-neutral-500" />
+            <p className="text-xs text-neutral-700 dark:text-neutral-300 font-medium">Total de Tentativas</p>
+          </div>
+          <p className="mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-100">{aggregate?.totalAttempts || 0}</p>
+        </div>
+        <div className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-3 bg-neutral-50 dark:bg-neutral-800/40">
+          <div className="flex items-center gap-2">
+            <AcademicCapIcon className="w-4 h-4 text-neutral-500" />
+            <p className="text-xs text-neutral-700 dark:text-neutral-300 font-medium">Média de Nota</p>
+          </div>
+          <p className="mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-100">{aggregate?.averageScore?.toFixed(1) || "0.0"}</p>
+        </div>
+        <div className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-3 bg-neutral-50 dark:bg-neutral-800/40">
+          <div className="flex items-center gap-2">
+            <ChartBarIcon className="w-4 h-4 text-neutral-500" />
+            <p className="text-xs text-neutral-700 dark:text-neutral-300 font-medium">Média de Aproveitamento</p>
+          </div>
+          <p className="mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-100">{formatPercentage(aggregate?.averagePercentage)}</p>
+        </div>
+        <div className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-3 bg-neutral-50 dark:bg-neutral-800/40">
+          <div className="flex items-center gap-2">
+            {aggregate?.passRate >= 60 ? (
+              <CheckCircleIcon className="w-4 h-4 text-emerald-500" />
+            ) : (
+              <XCircleIcon className="w-4 h-4 text-red-500" />
+            )}
+            <p className="text-xs text-neutral-700 dark:text-neutral-300 font-medium">Taxa de Aprovação</p>
+          </div>
+          <p className="mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-100">{formatPercentage(aggregate?.passRate)}</p>
+        </div>
+      </div>
+
+      {/* Estatísticas por Turma */}
+      {byClass && byClass.length > 0 && (
+        <>
+          <div className="flex items-center gap-2 mb-4">
+            <UsersIcon className="w-5 h-5 text-neutral-700 dark:text-neutral-200" />
+            <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">Por Turma</h2>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {byClass.map((item) => (
+              <div key={item.classId} className="rounded-lg border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900">
+                <div className="p-4">
+                  <h3 className="font-semibold text-neutral-900 dark:text-neutral-100 mb-2">
+                    {item.className}
+                  </h3>
+                  <div className="flex justify-between items-center">
+                    <div>
+                      <p className="text-sm text-neutral-600 dark:text-neutral-400">
+                        Tentativas
+                      </p>
+                      <p className="text-2xl font-bold">{item.totalAttempts}</p>
+                    </div>
+                    <div className="text-right">
+                      <p className="text-sm text-neutral-600 dark:text-neutral-400">
+                        Média
+                      </p>
+                      <Label color={item.averagePercentage >= 70 ? "emerald" : item.averagePercentage >= 60 ? "amber" : "red"}>
+                        {formatPercentage(item.averagePercentage)}
+                      </Label>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </>
+      )}
+
+      {/* Estatísticas por Modelo */}
+      {byTemplate && byTemplate.length > 0 && (
+        <>
+          <div className="flex items-center gap-2 mb-4">
+            <DocumentTextIcon className="w-5 h-5 text-neutral-700 dark:text-neutral-200" />
+            <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">Por Modelo de Prova</h2>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {byTemplate.map((item) => (
+              <div key={item.templateId} className="rounded-lg border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900">
+                <div className="p-4">
+                  <h3 className="font-semibold text-neutral-900 dark:text-neutral-100 mb-2">
+                    {item.templateTitle}
+                  </h3>
+                  <div className="flex justify-between items-center">
+                    <div>
+                      <p className="text-sm text-neutral-600 dark:text-neutral-400">
+                        Tentativas
+                      </p>
+                      <p className="text-2xl font-bold">{item.totalAttempts}</p>
+                    </div>
+                    <div className="text-right">
+                      <p className="text-sm text-neutral-600 dark:text-neutral-400">
+                        Média
+                      </p>
+                      <Label color={item.averagePercentage >= 70 ? "emerald" : item.averagePercentage >= 60 ? "amber" : "red"}>
+                        {formatPercentage(item.averagePercentage)}
+                      </Label>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </>
+      )}
+
+      {/* Lista de Tentativas */}
+      <div className="flex items-center gap-2 mb-4">
+        <DocumentTextIcon className="w-5 h-5 text-neutral-700 dark:text-neutral-200" />
+        <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">Tentativas de Prova</h2>
+      </div>
+      
+      <div className="rounded-lg border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900">
+        <div className="overflow-x-auto">
+          <table className="w-full">
+            <thead>
+              <tr className="border-b border-neutral-200 dark:border-neutral-800">
+                <th className="text-left p-4 font-medium text-neutral-600 dark:text-neutral-400">
+                  Aluno
+                </th>
+                <th className="text-left p-4 font-medium text-neutral-600 dark:text-neutral-400 hidden sm:table-cell">
+                  Turma
+                </th>
+                <th className="text-left p-4 font-medium text-neutral-600 dark:text-neutral-400 hidden lg:table-cell">
+                  Modelo
+                </th>
+                <th className="text-center p-4 font-medium text-neutral-600 dark:text-neutral-400">
+                  Nota
+                </th>
+                <th className="text-center p-4 font-medium text-neutral-600 dark:text-neutral-400">
+                  %
+                </th>
+                <th className="text-center p-4 font-medium text-neutral-600 dark:text-neutral-400">
+                  Status
+                </th>
+                <th className="text-left p-4 font-medium text-neutral-600 dark:text-neutral-400">
+                  Data
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              {attempts && attempts.length > 0 ? (
+                attempts.map((attempt) => (
+                  <tr
+                    key={attempt._id}
+                    className="border-b border-neutral-100 dark:border-neutral-800/50 hover:bg-neutral-100 dark:hover:bg-neutral-800/30 transition-colors"
+                  >
+                    <td className="p-4">
+                      <div>
+                        <p className="font-medium text-neutral-900 dark:text-neutral-100">
+                          {attempt.studentId?.fullName || "N/A"}
+                        </p>
+                        <p className="text-sm text-neutral-500">
+                          {attempt.studentId?.email || ""}
+                        </p>
+                      </div>
+                    </td>
+                    <td className="p-4 text-neutral-700 dark:text-neutral-300 hidden sm:table-cell">
+                      {attempt.classId?.classTitle || "N/A"}
+                    </td>
+                    <td className="p-4 text-neutral-700 dark:text-neutral-300 hidden lg:table-cell">
+                      {attempt.examTemplateId?.title || "N/A"}
+                    </td>
+                    <td className="p-4 text-center">
+                      <span className="font-semibold">
+                        {attempt.score !== undefined ? attempt.score : "-"}
+                      </span>
+                      <span className="text-neutral-400 text-sm">
+                        {" "}
+                        / {attempt.totalPoints || "?"}
+                      </span>
+                    </td>
+                    <td className="p-4 text-center">
+                      <Label color={attempt.percentage >= 70 ? "emerald" : attempt.percentage >= 60 ? "amber" : "red"}>
+                        {formatPercentage(attempt.percentage)}
+                      </Label>
+                    </td>
+                    <td className="p-4 text-center">
+                      <Label
+                        color={
+                          attempt.gradingStatus === "fully_graded"
+                            ? "emerald"
+                            : attempt.gradingStatus === "partially_graded"
+                            ? "amber"
+                            : attempt.gradingStatus === "auto_graded"
+                            ? "blue"
+                            : "gray"
+                        }
+                      >
+                        {attempt.gradingStatus === "fully_graded"
+                          ? "Corrigido"
+                          : attempt.gradingStatus === "partially_graded"
+                          ? "Parcial"
+                          : attempt.gradingStatus === "auto_graded"
+                          ? "Auto"
+                          : "Pendente"}
+                      </Label>
+                    </td>
+                    <td className="p-4 text-neutral-600 dark:text-neutral-400 text-sm">
+                      {formatDate(attempt.submittedAt)}
+                    </td>
+                  </tr>
+                ))
+              ) : (
+                <tr>
+                  <td
+                    colSpan={7}
+                    className="p-8 text-center text-neutral-500 dark:text-neutral-400"
+                  >
+                    Nenhuma tentativa encontrada
+                  </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+
+        {/* Paginação */}
+        {pagination && pagination.totalPages > 1 && (
+          <div className="flex justify-center items-center gap-2 p-4 border-t border-neutral-200 dark:border-neutral-800">
+            <button
+              disabled={pagination.page <= 1}
+              className="px-3 py-1 rounded-lg border border-neutral-200 dark:border-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
+            >
+              Anterior
+            </button>
+            <span className="text-sm text-neutral-600 dark:text-neutral-400">
+              Página {pagination.page} de {pagination.totalPages}
+            </span>
+            <button
+              disabled={pagination.page >= pagination.totalPages}
+              className="px-3 py-1 rounded-lg border border-neutral-200 dark:border-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
+            >
+              Próxima
+            </button>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/components/ActionBtn.jsx b/src/app/(protected)/dashboard/components/ActionBtn.jsx
new file mode 100644
index 0000000..0bd4603
--- /dev/null
+++ b/src/app/(protected)/dashboard/components/ActionBtn.jsx
@@ -0,0 +1,14 @@
+"use client";
+
+export default function ActionBtn({ icon, label, onClick, fullWidth = false }) {
+    return (
+        <button
+            onClick={onClick}
+            className={`border rounded-xl px-4 py-3 text-sm bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:shadow-md transition-shadow text-neutral-800 dark:text-neutral-200 flex items-center justify-center gap-2 whitespace-nowrap ${fullWidth ? 'w-full' : ''}`}
+            title={label}
+          >
+            {icon}
+            <span className="font-medium">{label}</span>
+        </button>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/components/Card.jsx b/src/app/(protected)/dashboard/components/Card.jsx
new file mode 100644
index 0000000..bc79a23
--- /dev/null
+++ b/src/app/(protected)/dashboard/components/Card.jsx
@@ -0,0 +1,9 @@
+
+export default function Card({children}) {
+    return (
+        <div
+            className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 hover:shadow-md transition-shadow">
+            {children}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/components/CustomButton.jsx b/src/app/(protected)/dashboard/components/CustomButton.jsx
new file mode 100644
index 0000000..995880d
--- /dev/null
+++ b/src/app/(protected)/dashboard/components/CustomButton.jsx
@@ -0,0 +1,16 @@
+"use client";
+
+export default function CustomButton({children, onClick, icon, variant = "primary"}) {
+    const base =
+        "inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium shadow-sm hover:shadow transition-shadow";
+    const styles =
+        variant === "secondary"
+            ? "border border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 text-neutral-800 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-800"
+            : "bg-blue-600 hover:bg-blue-700 text-white";
+    return (
+        <button className={`${base} ${styles}`} onClick={onClick}>
+            {icon}
+            {children}
+        </button>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/components/Row.jsx b/src/app/(protected)/dashboard/components/Row.jsx
new file mode 100644
index 0000000..f314450
--- /dev/null
+++ b/src/app/(protected)/dashboard/components/Row.jsx
@@ -0,0 +1,8 @@
+export default function Row({label, value}) {
+    return (
+        <div className="flex items-center justify-between">
+            <span className="text-neutral-700 dark:text-neutral-300">{label}</span>
+            <span className="text-neutral-900 dark:text-neutral-100 font-medium">{value || "—"}</span>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/components/SectionHeader.jsx b/src/app/(protected)/dashboard/components/SectionHeader.jsx
new file mode 100644
index 0000000..c86c3e2
--- /dev/null
+++ b/src/app/(protected)/dashboard/components/SectionHeader.jsx
@@ -0,0 +1,8 @@
+export default function SectionHeader({title, icon}) {
+    return (
+        <div className="flex items-center gap-2">
+            <span className="text-neutral-700 dark:text-neutral-200">{icon}</span>
+            <h2 className="text-base font-semibold text-neutral-900 dark:text-neutral-100">{title}</h2>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/components/Stat.jsx b/src/app/(protected)/dashboard/components/Stat.jsx
new file mode 100644
index 0000000..9a12946
--- /dev/null
+++ b/src/app/(protected)/dashboard/components/Stat.jsx
@@ -0,0 +1,9 @@
+export default function Stat({label, value}) {
+    return (
+        <div
+            className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-3 bg-neutral-50 dark:bg-neutral-800/40">
+            <p className="text-xs text-neutral-700 dark:text-neutral-300 font-medium">{label}</p>
+            <p className="mt-1 text-lg font-semibold text-neutral-900 dark:text-neutral-100">{value}</p>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/guardian/[id]/class/[classId]/history/page.jsx b/src/app/(protected)/dashboard/guardian/[id]/class/[classId]/history/page.jsx
new file mode 100644
index 0000000..9b4a11f
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/[id]/class/[classId]/history/page.jsx
@@ -0,0 +1,99 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import GuardianClassHistoryList from "@/app/(protected)/components/guardian/GuardianClassHistoryList";
+import {getClassModel} from "@/app/models/Class";
+import {getLessonModel} from "@/app/models/Lesson";
+import {getUserModel} from "@/app/models/User";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import {auth} from "@/app/lib/utils/auth";
+import {redirect} from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function GuardianClassHistoryPage({params}) {
+    const {id: studentId, classId} = await params || {};
+
+    if (!isValidObjectId(studentId) || !isValidObjectId(classId)) {
+        return (
+            <MainSection>
+                <div className="flex flex-col items-center justify-center py-20">
+                    <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    const session = await auth();
+    if (!session?.user?.id) redirect("/auth/login");
+
+    const UserModel = await getUserModel();
+    const loggedUser = await UserModel.findOne({_id: session.user.id}).select('wardAccounts').lean();
+    const isGuardian = loggedUser?.wardAccounts?.some(wardId => wardId.toString() === studentId);
+    if (!isGuardian) {
+        return <NotAuthorized />;
+    }
+
+    const ClassModel = await getClassModel();
+    const LessonModel = await getLessonModel();
+
+    // VERIFICAR: aluno está matriculado nesta turma?
+    const classData = await ClassModel.findById(classId)
+        .populate([
+            {path: "students", select: "_id"},
+        ])
+        .lean();
+
+    if (!classData) {
+        return (
+            <MainSection>
+                <div className="text-center py-12">
+                    <p className="text-neutral-600 dark:text-neutral-400">Turma não encontrada.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    // Verificar se o aluno (pupil) está nesta turma
+    const studentIds = classData.students?.map(s => s._id.toString()) || [];
+    const isStudentInClass = studentIds.includes(studentId);
+
+    if (!isStudentInClass) {
+        return (
+            <MainSection>
+                <div className="text-center py-12">
+                    <p className="text-neutral-900 dark:text-neutral-100 font-semibold">Acesso negado</p>
+                    <p className="text-neutral-600 dark:text-neutral-400 mt-2">Este aluno não está matriculado nesta turma.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    const lessons = await LessonModel.find({classId: classId})
+        .sort({date: -1})
+        .populate("teacherId", "fullName")
+        .lean();
+
+    const plainLessons = toPlain(lessons);
+    const plainClassData = toPlain(classData);
+
+    // Filter attendance for the specific student
+    const lessonsWithAttendance = plainLessons.map(lesson => {
+        const studentAttendance = lesson.attendance?.find(
+            a => a.studentId?.toString() === studentId
+        );
+        return {
+            ...lesson,
+            studentAttendance: studentAttendance || null
+        };
+    });
+
+    return (
+        <MainSection>
+            <GuardianClassHistoryList
+                studentId={studentId}
+                classId={classId}
+                classTitle={plainClassData?.classTitle || ""}
+                lessons={lessonsWithAttendance}
+            />
+        </MainSection>
+    );
+}
diff --git a/src/app/(protected)/dashboard/guardian/[id]/class/[classId]/page.jsx b/src/app/(protected)/dashboard/guardian/[id]/class/[classId]/page.jsx
new file mode 100644
index 0000000..c49d390
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/[id]/class/[classId]/page.jsx
@@ -0,0 +1,180 @@
+import {getClassModel} from "@/app/models/Class";
+import {getFileModel} from "@/app/models/FilesSchema";
+import {getUserModel} from "@/app/models/User";
+import {getLessonModel} from "@/app/models/Lesson";
+import {getCategoryModel} from "@/app/models/Category";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import GuardianClassDetail from "@/app/(protected)/components/guardian/GuardianClassDetail";
+import {retrieveFiles} from "@/app/lib/helpers/retriveFiles";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import {redirect} from "next/navigation";
+import Link from "next/link";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function GuardianClassPage({ params }) {
+  const { id: studentId, classId } = await params || {};
+
+  if (!isValidObjectId(studentId) || !isValidObjectId(classId)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const loggedUserId = session.user.id;
+  const UserModel = await getUserModel();
+
+  const loggedUser = await UserModel.findOne({ _id: loggedUserId }).select('wardAccounts').lean();
+  const isGuardian = loggedUser?.wardAccounts?.some(wardId => wardId.toString() === studentId);
+  if (!isGuardian) {
+    return <NotAuthorized />;
+  }
+
+  const wardUser = await UserModel.findById(studentId).select('fullName').lean();
+  const wardName = wardUser?.fullName || "Aluno";
+
+  const ClassModel = await getClassModel();
+  const FileModel = await getFileModel();
+  await getCategoryModel();
+  await getUserModel();
+  await getLessonModel();
+
+  // VERIFICAR: aluno está matriculado nesta turma?
+  const classData = await ClassModel.findById(classId)
+    .populate([
+      { path: "students", select: "_id" },
+    ])
+    .lean();
+
+  if (!classData) {
+    return (
+      <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+        <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+          <Link
+            href={`/dashboard/guardian/${studentId}`}
+            className="inline-flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-100 hover:text-neutral-900 dark:hover:text-white transition-colors w-fit"
+          >
+            <ArrowLeftIcon className="w-4 h-4" />
+            Voltar para o aluno
+          </Link>
+          <div className="text-center py-16">
+            <p className="text-neutral-600 dark:text-neutral-400">Turma não encontrada.</p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // Verificar se o aluno (pupil) está nesta turma
+  const studentIds = classData.students?.map(s => s._id.toString()) || [];
+  const isStudentInClass = studentIds.includes(studentId);
+
+  if (!isStudentInClass) {
+    return (
+      <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+        <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+          <Link
+            href={`/dashboard/guardian/${studentId}`}
+            className="inline-flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-100 hover:text-neutral-900 dark:hover:text-white transition-colors w-fit"
+          >
+            <ArrowLeftIcon className="w-4 h-4" />
+            Voltar para o aluno
+          </Link>
+          <div className="text-center py-16">
+            <p className="text-neutral-900 dark:text-neutral-100 font-semibold">Acesso negado</p>
+            <p className="text-neutral-600 dark:text-neutral-400 mt-2">Este aluno não está matriculado nesta turma.</p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // Buscar dados completos da turma (após verificação)
+  const fullClassData = await ClassModel.findById(classId)
+    .populate([
+      {
+        path: "files",
+        select: "title url size description uploadedAt mimetype category",
+        populate: {
+          path: "category",
+          select: "name colorIndex"
+        }
+      },
+      { path: "students", select: "fullName" },
+      { path: "teachers", select: "fullName" },
+    ])
+    .lean();
+
+  const plainClassData = toPlain(fullClassData) || {};
+
+  const rawFiles = Array.isArray(plainClassData?.files) ? plainClassData.files : [];
+  const filesData = retrieveFiles(rawFiles);
+  const groupedFiles = filesData.files;
+
+  const LessonModel = await getLessonModel();
+  const lessons = await LessonModel.find({classId}).sort({date: -1}).lean();
+  const plainLessons = toPlain(lessons);
+
+  const studentLessons = plainLessons.filter(l => l.attendance?.some(a => a.studentId.toString() === studentId));
+  const present = studentLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId.toString() === studentId);
+    return att?.status === 'present';
+  }).length;
+  const late = studentLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId.toString() === studentId);
+    return att?.status === 'late';
+  }).length;
+  const absent = studentLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId.toString() === studentId);
+    return att?.status === 'absent';
+  }).length;
+  const excused = studentLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId.toString() === studentId);
+    return att?.status === 'excused';
+  }).length;
+  const total = studentLessons.length;
+  const attendanceRate = total > 0 ? Math.round(((present + late) / total) * 100) : 100;
+
+  const cls = {
+    id: classId || "",
+    classTitle: plainClassData?.classTitle,
+    teachers: Array.isArray(plainClassData?.teachers) ? plainClassData.teachers.map(t => t.fullName) : [],
+    studentName: wardName,
+    status: plainClassData?.status === 'active' ? 'Ativa' : 'Inativa',
+    schedule: { days: plainClassData?.schedule?.days || [], time: plainClassData?.schedule?.time || "" },
+    stats: {
+      attendance: `${attendanceRate}%`,
+      present,
+      late,
+      absent,
+      excused,
+      totalLessons: total
+    },
+    materials: groupedFiles,
+    categories: filesData.categories,
+    link: plainClassData?.link,
+  };
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        {/* Back button */}
+        <Link
+          href={`/dashboard/guardian/${studentId}`}
+          className="inline-flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-100 hover:text-neutral-900 dark:hover:text-white transition-colors w-fit"
+        >
+          <ArrowLeftIcon className="w-4 h-4" />
+          Voltar para {wardName}
+        </Link>
+
+        <GuardianClassDetail studentId={studentId} clsData={cls} filesData={groupedFiles} categories={filesData.categories} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/guardian/[id]/page.jsx b/src/app/(protected)/dashboard/guardian/[id]/page.jsx
new file mode 100644
index 0000000..6383cd1
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/[id]/page.jsx
@@ -0,0 +1,103 @@
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import Link from "next/link";
+import SimplePageInnerTitle from "@/app/(protected)/components/shared/SimplePageInnerTitle";
+import { WardClassCardComponent } from "@/app/(protected)/components/guardian/WardClassCardComponent";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { ArrowLeftIcon, UsersIcon } from "@heroicons/react/24/outline";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+async function GuardianDashboardPage({params}) {
+    const {id} = await params;
+
+    if (!isValidObjectId(id)) {
+        return (
+            <div className="flex flex-col items-center justify-center py-20">
+                <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+            </div>
+        );
+    }
+
+    const session = await auth();
+    if (!session?.user?.id) {
+        return <NotAuthorized />;
+    }
+
+    const loggedUserId = session.user.id;
+    const UserModel = await getUserModel();
+    const wardUser = await UserModel.findOne({ _id: id }).select('fullName').lean();
+    const wardName = wardUser?.fullName || 'Aluno';
+
+    // Check if the ward belongs to the logged user
+    const loggedUser = await UserModel.findOne({ _id: loggedUserId }).select('wardAccounts').lean();
+    const isGuardian = loggedUser?.wardAccounts?.some(wardId => wardId.toString() === id);
+    if (!isGuardian) {
+        return <NotAuthorized />;
+    }
+
+    const ClassModel = await getClassModel();
+    const classesRaw = await ClassModel.find({ students: id })
+        .populate([{ path: "teachers", select: "fullName email" }, { path: "students", select: "fullName" }])
+        .select("classTitle classType teachers startDate endDate schedule status price")
+        .lean();
+    const classes = toPlain(classesRaw);
+
+    const activeClasses = classes.filter(c => c.status === 'active');
+    const archivedClasses = classes.filter(c => c.status !== 'active');
+
+    return (
+        <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+            <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+                <PageHeader
+                    title="Painel do Responsável"
+                    subtitle={`Gerencie as turmas e atividades de ${wardName}`}
+                    icon={<UsersIcon />}
+                    actions={
+                        <Link href="/dashboard/guardian">
+                            <button className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-gray-300 dark:border-gray-600 bg-white dark:bg-neutral-800 text-gray-700 dark:!text-neutral-400 hover:bg-gray-50 dark:hover:bg-neutral-700 transition-colors">
+                                <ArrowLeftIcon className="w-4 h-4" />
+                                Voltar ao painel
+                            </button>
+                        </Link>
+                    }
+                />
+
+                {/* Student Info Card */}
+                <div className="rounded-lg border border-neutral-200 dark:border-neutral-800 p-4 bg-white dark:bg-neutral-900">
+                    <p className="text-sm text-neutral-500 dark:text-neutral-400">Aluno</p>
+                    <p className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">{wardName}</p>
+                </div>
+
+                {/* Active Classes */}
+                {activeClasses.length > 0 && (
+                    <div>
+                        <SimplePageInnerTitle title={`Turmas de ${wardName}`}/>
+                        <WardClassCardComponent classes={activeClasses} studentId={id}/>
+                    </div>
+                )}
+
+                {/* Archived Classes */}
+                {archivedClasses.length > 0 && (
+                    <div>
+                        <SimplePageInnerTitle title="Turmas arquivadas"/>
+                        <WardClassCardComponent classes={archivedClasses} studentId={id}/>
+                    </div>
+                )}
+
+                {/* No classes message */}
+                {classes.length === 0 && (
+                    <div className="flex flex-col items-center justify-center text-center py-16 border-2 border-dashed border-neutral-300 dark:border-neutral-700 rounded-xl">
+                        <p className="text-neutral-600 dark:text-neutral-400">
+                            {wardName} ainda não está matriculado em nenhuma turma.
+                        </p>
+                    </div>
+                )}
+            </div>
+        </div>
+    );
+}
+
+export default GuardianDashboardPage;
diff --git a/src/app/(protected)/dashboard/guardian/components/WardsTable.jsx b/src/app/(protected)/dashboard/guardian/components/WardsTable.jsx
new file mode 100644
index 0000000..f922cd7
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/components/WardsTable.jsx
@@ -0,0 +1,64 @@
+import Link from "next/link";
+import { IoCalendarOutline } from "react-icons/io5";
+
+export default function WardsTable({ wards }) {
+
+  return (
+    <div className="flex justify-center px-4 mt-3 overflow-x-auto">
+      <table className="table-auto text-sm border border-neutral-200 dark:border-neutral-700 rounded-lg overflow-hidden shadow-sm">
+        <thead className="bg-neutral-100 dark:bg-neutral-700 text-neutral-700 dark:text-neutral-200 uppercase text-xs">
+          <tr>
+            <th className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 text-left">
+              Nome Completo
+            </th>
+            <th className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden md:table-cell">
+              Nome de Usuário
+            </th>
+            <th className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden md:table-cell">
+              Email
+            </th>
+            <th className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden lg:table-cell">
+              Data de Nascimento
+            </th>
+            <th className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden lg:table-cell">
+              Funções
+            </th>
+          </tr>
+        </thead>
+        <tbody>
+          {wards.map((ward, index) => (
+            <tr
+              key={ward._id}
+              className={`transition ${
+                index % 2 === 0
+                  ? "bg-white dark:bg-neutral-900"
+                  : "bg-neutral-50 dark:bg-neutral-800/60"
+              } hover:bg-blue-50 dark:hover:bg-neutral-600/60`}
+            >
+              <td className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 text-neutral-800 dark:text-neutral-100">
+                  <Link href={`/dashboard/guardian/${ward._id}`}>
+                      {ward.fullName}
+                  </Link>
+              </td>
+              <td className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden md:table-cell text-neutral-800 dark:text-neutral-100">
+                {ward.username}
+              </td>
+              <td className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden md:table-cell text-neutral-800 dark:text-neutral-100">
+                {ward.email || "-"}
+              </td>
+              <td className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden lg:table-cell text-neutral-800 dark:text-neutral-100">
+                <span className="flex items-center gap-1 justify-center">
+                  <IoCalendarOutline />
+                  {new Date(ward.dateOfBirth).toLocaleDateString("pt-BR", { timeZone: "UTC" })}
+                </span>
+              </td>
+              <td className="px-4 py-2 border-b border-neutral-200 dark:border-neutral-700 hidden lg:table-cell text-neutral-800 dark:text-neutral-100">
+                {ward.roles.join(", ") || "-"}
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/guardian/page.jsx b/src/app/(protected)/dashboard/guardian/page.jsx
new file mode 100644
index 0000000..2601fa0
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/page.jsx
@@ -0,0 +1,168 @@
+import { getUserModel } from "@/app/models/User";
+import { getClassModel } from "@/app/models/Class";
+import Link from "next/link";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import React from "react";
+import { auth } from "@/app/lib/utils/auth";
+import { UsersIcon, CalendarIcon, PlusIcon, UserPlusIcon, CurrencyDollarIcon } from "@heroicons/react/24/outline";
+import { UICard } from "@/components/ui/card";
+import { UIBadge } from "@/components/ui/badge";
+
+async function GuardianDashboardPage() {
+  const session = await auth();
+  const userId = session?.user?.id;
+  const UserModel = await getUserModel();
+
+  const loggedUser = await UserModel.findOne({ _id: userId })
+    .populate("wardAccounts", "-modifiedAt -createdAt -dateOfBirth")
+    .lean();
+
+  const wardIds = loggedUser.wardAccounts.map((ward) => ward._id);
+  const ClassModel = await getClassModel();
+  const classes = await ClassModel.find({ students: { $in: wardIds } }).lean();
+
+  const hasWards = loggedUser.wardAccounts && loggedUser.wardAccounts.length > 0;
+
+  // Calculate stats
+  const activeClasses = classes.filter((c) => c.status === "active");
+  const totalClasses = classes.length;
+
+  // Count classes per ward
+  const wardClassCounts = loggedUser.wardAccounts.map((ward) => {
+    const wardClasses = classes.filter((c) =>
+      c.students.some((s) => s.toString() === ward._id.toString())
+    );
+    return {
+      ...ward,
+      totalClasses: wardClasses.length,
+      activeClasses: wardClasses.filter((c) => c.status === "active").length,
+    };
+  });
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+      <PageHeader
+        title="Painel do Responsável"
+        subtitle="Gerencie seus filhos (ou pupilos), suas turmas e atividades..."
+        icon={<UsersIcon />}
+      />
+
+      {/* Stats Section */}
+      {hasWards && (
+        <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
+          <UICard className="p-4 bg-neutral-50 dark:bg-neutral-800/40">
+            <p className="text-xs text-neutral-500 dark:text-neutral-400 font-medium">Alunos Registrados</p>
+            <p className="mt-1 text-2xl font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2">
+              <UsersIcon className="w-5 h-5 text-blue-600" />
+              {loggedUser.wardAccounts.length}
+            </p>
+          </UICard>
+          <UICard className="p-4 bg-neutral-50 dark:bg-neutral-800/40">
+            <p className="text-xs text-neutral-500 dark:text-neutral-400 font-medium">Turmas Ativas</p>
+            <p className="mt-1 text-2xl font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2">
+              <CalendarIcon className="w-5 h-5 text-emerald-600" />
+              {activeClasses.length}
+            </p>
+          </UICard>
+          <UICard className="p-4 bg-neutral-50 dark:bg-neutral-800/40">
+            <p className="text-xs text-neutral-500 dark:text-neutral-400 font-medium">Total de Turmas</p>
+            <p className="mt-1 text-2xl font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2">
+              <CalendarIcon className="w-5 h-5 text-purple-600" />
+              {totalClasses}
+            </p>
+          </UICard>
+        </div>
+      )}
+
+      {/* Quick Actions */}
+      <div className="flex flex-wrap gap-3">
+        <Link
+          href="/dashboard/guardian/payments"
+          className="inline-flex items-center justify-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700"
+        >
+          <CurrencyDollarIcon className="w-4 h-4" />
+          Pagamentos
+        </Link>
+        <Link
+          href="/dashboard/guardian/register-student"
+          className="inline-flex items-center justify-center gap-2 rounded-md bg-emerald-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-emerald-700"
+        >
+          <UserPlusIcon className="w-4 h-4" />
+          Registrar Aluno
+        </Link>
+      </div>
+
+      {/* Students Section */}
+      {!hasWards ? (
+        <div className="flex flex-col items-center justify-center text-center py-16 border-2 border-dashed border-neutral-300 dark:border-neutral-700 rounded-xl">
+          <div className="bg-neutral-100 dark:bg-neutral-800 p-4 rounded-full mb-4">
+            <UsersIcon className="w-8 h-8 text-neutral-400" />
+          </div>
+          <p className="text-neutral-600 dark:text-neutral-400 mb-4">Você ainda não registrou nenhum aluno.</p>
+          <Link
+            href="/dashboard/guardian/register-student"
+            className="inline-flex items-center gap-2 rounded-lg bg-primary px-5 py-2.5 text-sm font-medium text-white hover:opacity-90 transition-opacity"
+          >
+            <PlusIcon className="w-4 h-4" />
+            Registrar primeiro aluno
+          </Link>
+        </div>
+      ) : (
+        <div>
+          <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-4">
+            Alunos
+          </h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            {wardClassCounts.map((ward) => (
+              <Link
+                key={ward._id}
+                href={`/dashboard/guardian/${ward._id}`}
+                className="block group"
+              >
+                <div className="border rounded-xl p-5 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 hover:shadow-md hover:border-blue-300 dark:hover:border-neutral-700 transition-all">
+                  <div className="flex items-start justify-between">
+                    <div className="flex-1">
+                      <h3 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
+                        {ward.fullName}
+                      </h3>
+                      <p className="text-sm text-neutral-500 dark:text-neutral-400 mt-1">
+                        @{ward.username}
+                      </p>
+                      <div className="flex flex-wrap gap-3 mt-4">
+                        <div className="flex items-center gap-1.5 text-sm">
+                          <CalendarIcon className="w-4 h-4 text-emerald-600" />
+                          <span className="text-neutral-700 dark:text-neutral-300">
+                            {ward.activeClasses} {ward.activeClasses === 1 ? "turma ativa" : "turmas ativas"}
+                          </span>
+                        </div>
+                        {ward.totalClasses > ward.activeClasses && (
+                          <div className="flex items-center gap-1.5 text-sm">
+                            <UIBadge variant="neutral" className="font-normal">
+                              ({ward.totalClasses - ward.activeClasses} arquivada{ward.totalClasses - ward.activeClasses === 1 ? "" : "s"})
+                            </UIBadge>
+                          </div>
+                        )}
+                      </div>
+                    </div>
+                    <svg
+                      className="w-5 h-5 text-neutral-400 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"
+                      fill="none"
+                      stroke="currentColor"
+                      viewBox="0 0 24 24"
+                    >
+                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
+                    </svg>
+                  </div>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+      )}
+      </div>
+    </div>
+  );
+}
+
+export default GuardianDashboardPage;
diff --git a/src/app/(protected)/dashboard/guardian/payments/page.jsx b/src/app/(protected)/dashboard/guardian/payments/page.jsx
new file mode 100644
index 0000000..7030f19
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/payments/page.jsx
@@ -0,0 +1,577 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import PaymentStatusBadge from "@/app/(protected)/components/shared/PaymentStatusBadge";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { FaEye } from "react-icons/fa";
+import { UsersIcon, ArrowLeftIcon, CurrencyDollarIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+import { getPaymentsAction, submitPaymentAction } from "@/app/lib/payments/actions";
+import { getWardsAction } from "@/app/lib/users/actions";
+
+const ITEMS_PER_PAGE = 10;
+
+export default function GuardianPaymentsPage() {
+  const [payments, setPayments] = useState([]);
+  const [wards, setWards] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [wardsLoading, setWardsLoading] = useState(true);
+  const [error, setError] = useState("");
+  const [selectedTab, setSelectedTab] = useState("all");
+  const [showPayForm, setShowPayForm] = useState(null);
+  const [payFormData, setPayFormData] = useState({
+    amount: "",
+    paymentDate: new Date().toISOString().split("T")[0],
+    paymentMethod: "pix",
+    notes: "",
+    receipt: null,
+    payerName: "",
+  });
+  const [submitting, setSubmitting] = useState(false);
+  const [searchParams, setSearchParams] = useState({ studentId: null, success: null });
+  const [currentPage, setCurrentPage] = useState(1);
+  const [receiptModal, setReceiptModal] = useState({ open: false, url: null });
+
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    setSearchParams({
+      studentId: params.get('studentId'),
+      success: params.get('success')
+    });
+    fetchPayments();
+    fetchWards();
+
+    const interval = setInterval(() => {
+      fetchPayments();
+    }, 10000);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  const fetchWards = async () => {
+    try {
+      setWardsLoading(true);
+      const result = await getWardsAction();
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao carregar estudantes");
+      }
+      const wardsData = Array.isArray(result.data) ? result.data : [];
+      setWards(wardsData);
+
+      // If URL has studentId, set that tab as selected
+      const params = new URLSearchParams(window.location.search);
+      const studentId = params.get('studentId');
+      if (studentId && wardsData.length > 0) {
+        const ward = wardsData.find(w => w._id.toString() === studentId);
+        if (ward) {
+          setSelectedTab(studentId);
+        }
+      }
+    } catch (err) {
+      console.error("Error fetching wards:", err);
+    } finally {
+      setWardsLoading(false);
+    }
+  };
+
+  const fetchPayments = async () => {
+    try {
+      const result = await getPaymentsAction({ studentId: searchParams.studentId || undefined });
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao carregar pagamentos");
+      }
+      setPayments(Array.isArray(result.data) ? result.data : []);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handlePayObligation = async (obligationId) => {
+    setSubmitting(true);
+    setError("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("action", "payment");
+      formDataToSend.append("obligationId", obligationId);
+      formDataToSend.append("amount", parseFloat(payFormData.amount));
+      formDataToSend.append("paymentDate", payFormData.paymentDate);
+      formDataToSend.append("paymentMethod", payFormData.paymentMethod);
+      if (payFormData.notes) {
+        formDataToSend.append("notes", payFormData.notes);
+      }
+      if (payFormData.receipt) {
+        formDataToSend.append("receipt", payFormData.receipt);
+      }
+      if (payFormData.payerName) {
+        formDataToSend.append("payerName", payFormData.payerName);
+      }
+
+      const result = await submitPaymentAction(formDataToSend);
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao registrar pagamento");
+      }
+
+      setShowPayForm(null);
+      setPayFormData({
+        amount: "",
+        paymentDate: new Date().toISOString().split("T")[0],
+        paymentMethod: "pix",
+        notes: "",
+        receipt: null,
+        payerName: "",
+      });
+      fetchPayments();
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  // Filter payments by selected tab
+  const filteredPayments = selectedTab === "all"
+    ? payments
+    : payments.filter(p => p.userId?._id?.toString() === selectedTab);
+
+  // Separate obligations and payments
+  const obligations = filteredPayments.filter(p => p.type === "obligation");
+  const userPayments = filteredPayments.filter(p => p.type === "payment");
+
+  // Cards: show only obligations that need payment action (pending or rejected)
+  const actionableObligations = obligations.filter(o => o.status === "pending" || o.status === "rejected");
+  // Table: show all obligations with their current status
+  const allObligations = obligations;
+
+  // Pagination
+  const totalPages = Math.ceil(allObligations.length / ITEMS_PER_PAGE);
+  const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;
+  const endIndex = startIndex + ITEMS_PER_PAGE;
+  const paginatedObligations = allObligations.slice(startIndex, endIndex);
+
+  // Helper to get payment details for an obligation
+  const getPaymentDetails = (obligationId) => {
+    const payment = userPayments.find(p => p.relatedObligationId === obligationId);
+    return payment;
+  };
+
+  return (
+    <MainSection>
+      <PageHeader
+        title="Pagamentos"
+        subtitle="Gerenciamento de obrigações e pagamentos"
+        icon={<CurrencyDollarIcon />}
+        actions={
+          <Link href="/dashboard/guardian">
+            <button className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-gray-300 dark:border-gray-600 bg-white dark:bg-neutral-800 text-gray-700 dark:!text-neutral-400 hover:bg-gray-50 dark:hover:bg-neutral-700 transition-colors">
+              <ArrowLeftIcon className="w-4 h-4" />
+              Voltar
+            </button>
+          </Link>
+        }
+      />
+
+      {/* Tabs */}
+      {!wardsLoading && wards.length > 0 && (
+        <div className="mb-6 border-b border-gray-200 dark:border-neutral-700">
+          <nav className="flex space-x-2 overflow-x-auto" aria-label="Tabs">
+            <button
+              onClick={() => {
+                setSelectedTab("all");
+                setCurrentPage(1);
+              }}
+              className={`whitespace-nowrap px-4 py-3 border-b-2 font-medium text-sm transition-colors ${
+                selectedTab === "all"
+                  ? "border-blue-500 text-blue-600 dark:text-blue-400"
+                  : "border-transparent text-gray-500 dark:text-neutral-400 hover:text-gray-700 dark:hover:text-neutral-300 hover:border-gray-300 dark:hover:border-neutral-600"
+              }`}
+            >
+              <UsersIcon className="w-4 h-4 inline mr-2" />
+              Todos ({payments.length})
+            </button>
+            {wards.map((ward) => {
+              const wardPaymentCount = payments.filter(
+                p => p.userId?._id?.toString() === ward._id.toString()
+              ).length;
+              return (
+                <button
+                  key={ward._id}
+                  onClick={() => {
+                    setSelectedTab(ward._id.toString());
+                    setCurrentPage(1);
+                  }}
+                  className={`whitespace-nowrap px-4 py-3 border-b-2 font-medium text-sm transition-colors ${
+                    selectedTab === ward._id.toString()
+                      ? "border-blue-500 text-blue-600 dark:text-blue-400"
+                      : "border-transparent text-gray-500 dark:text-neutral-400 hover:text-gray-700 dark:hover:text-neutral-300 hover:border-gray-300 dark:hover:border-neutral-600"
+                  }`}
+                >
+                  {ward.fullName} ({wardPaymentCount})
+                </button>
+              );
+            })}
+          </nav>
+        </div>
+      )}
+
+      <div className="flex justify-end mb-4">
+        <button
+          onClick={() => {
+            setLoading(true);
+            fetchPayments();
+          }}
+          className="px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg transition-colors"
+        >
+          Atualizar
+        </button>
+      </div>
+
+      {searchParams.success && (
+        <div className="alert-success border px-4 py-3 rounded-lg mb-4">
+          Pagamento registrado com sucesso! Aguarde a verificação.
+        </div>
+      )}
+
+      {error && (
+        <div className="alert-error border px-4 py-3 rounded-lg mb-4">
+          {error}
+        </div>
+      )}
+
+      {loading ? (
+        <div className="p-8 text-center text-gray-500 dark:text-neutral-400">Carregando...</div>
+      ) : (
+        <>
+          {/* Actionable Obligations (Cards) */}
+          <div className="mb-8">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-neutral-100 mb-4">
+              Pagamentos a Registrar
+            </h2>
+
+            {actionableObligations.length === 0 ? (
+              <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6 text-center text-gray-500 dark:text-neutral-400">
+                Nenhum pagamento pendente de registro.
+              </div>
+            ) : (
+              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                {actionableObligations.map((obligation) => (
+                  <div
+                    key={obligation._id}
+                    className={`bg-white dark:bg-neutral-800 rounded-lg shadow p-6 border-l-4 ${
+                      obligation.status === "rejected" ? "border-red-500" : "border-amber-500"
+                    }`}
+                  >
+                    <div className="flex justify-between items-start mb-4">
+                      <div className="flex-1">
+                        <div className="flex items-center justify-between mb-2">
+                          <h3 className="font-semibold text-gray-900 dark:text-neutral-100">
+                            {obligation.classId?.classTitle || "N/A"}
+                          </h3>
+                          <PaymentStatusBadge status={obligation.status} />
+                        </div>
+                        <p className="text-sm text-gray-500 dark:text-neutral-400">
+                          {obligation.userId?.fullName || "N/A"}
+                        </p>
+                        <p className="text-sm text-gray-500 dark:text-neutral-400">
+                          {obligation.description || "Pagamento"}
+                        </p>
+                        {obligation.rejectionReason && (
+                          <p className="text-sm text-red-500 dark:text-red-400 mt-2">
+                            Motivo da rejeição: {obligation.rejectionReason}
+                          </p>
+                        )}
+                      </div>
+                      <span className="text-2xl font-bold text-gray-900 dark:text-neutral-100 ml-4">
+                        R$ {obligation.amount?.toFixed(2)}
+                      </span>
+                    </div>
+
+                    {obligation.dueDate && (
+                      <p className="text-sm text-gray-500 dark:text-neutral-400 mb-4">
+                        Vencimento: {format(new Date(obligation.dueDate), "dd/MM/yyyy", { locale: ptBR })}
+                      </p>
+                    )}
+
+                    {showPayForm === obligation._id ? (
+                      <div className="mt-4 pt-4 border-t border-gray-200 dark:border-neutral-700">
+                        <h4 className="text-sm font-medium text-gray-700 dark:text-neutral-300 mb-3">
+                          Registrar Pagamento
+                        </h4>
+                        <div className="space-y-3">
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Valor (R$)
+                            </label>
+                            <input
+                              type="number"
+                              step="0.01"
+                              min="0"
+                              required
+                              value={payFormData.amount}
+                              readOnly
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-neutral-100 text-sm cursor-not-allowed"
+                              placeholder="0,00"
+                            />
+                            <p className="text-xs text-gray-500 dark:text-neutral-400 mt-1">
+                              Valor da mensalidade
+                            </p>
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Data do Pagamento
+                            </label>
+                            <input
+                              type="date"
+                              lang="pt-BR"
+                              required
+                              value={payFormData.paymentDate}
+                              onChange={(e) => setPayFormData({ ...payFormData, paymentDate: e.target.value })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                            />
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Método
+                            </label>
+                            <select
+                              required
+                              value={payFormData.paymentMethod}
+                              onChange={(e) => setPayFormData({ ...payFormData, paymentMethod: e.target.value })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                            >
+                              <option value="pix">PIX</option>
+                              <option value="bank_transfer">Transferência</option>
+                              <option value="cash">Dinheiro</option>
+                              <option value="credit_card">Cartão Crédito</option>
+                              <option value="debit_card">Cartão Débito</option>
+                            </select>
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Nome do Pagador (opcional)
+                            </label>
+                            <input
+                              type="text"
+                              value={payFormData.payerName}
+                              onChange={(e) => setPayFormData({ ...payFormData, payerName: e.target.value })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                              placeholder="Nome de quem pagou"
+                            />
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Comprovante (opcional)
+                            </label>
+                            <input
+                              type="file"
+                              accept="image/*"
+                              onChange={(e) => setPayFormData({ ...payFormData, receipt: e.target.files[0] })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                            />
+                          </div>
+                          <div className="flex gap-2">
+                            <button
+                              onClick={() => handlePayObligation(obligation._id)}
+                              disabled={submitting}
+                              className="flex-1 bg-emerald-600 text-white py-2 px-4 rounded text-sm hover:bg-emerald-700 disabled:opacity-50"
+                            >
+                              {submitting ? "Enviando..." : "Confirmar Pagamento"}
+                            </button>
+                            <button
+                              onClick={() => setShowPayForm(null)}
+                              className="px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded text-sm hover:bg-gray-50 dark:hover:bg-neutral-700"
+                            >
+                              Cancelar
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    ) : (
+                      <button
+                        onClick={() => {
+                          setShowPayForm(obligation._id);
+                          setPayFormData({
+                            ...payFormData,
+                            amount: obligation.amount?.toString() || "",
+                            paymentDate: new Date().toISOString().split("T")[0],
+                            paymentMethod: "pix",
+                            notes: "",
+                            receipt: null,
+                            payerName: "",
+                          });
+                        }}
+                        className={`w-full py-2 px-4 rounded transition-colors ${
+                          obligation.status === "rejected"
+                            ? "bg-orange-600 text-white hover:bg-orange-700"
+                            : "bg-blue-600 text-white hover:bg-blue-700"
+                        }`}
+                      >
+                        {obligation.status === "rejected" ? "Pagar Novamente" : "Pagar"}
+                      </button>
+                    )}
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {/* All Obligations Table */}
+          {allObligations.length > 0 && (
+            <div>
+              <h2 className="text-xl font-semibold text-gray-900 dark:text-neutral-100 mb-4">
+                Histórico de Obrigações
+              </h2>
+              <div className="bg-white dark:bg-neutral-800 rounded-lg shadow overflow-hidden">
+                <div className="overflow-x-auto">
+                  <table className="min-w-full divide-y divide-gray-200 dark:divide-neutral-700">
+                    <thead className="bg-gray-50 dark:bg-neutral-700">
+                      <tr>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Classe
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Valor
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Vencimento
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Data Pagamento
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider hidden sm:table-cell">
+                          Comprovante
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Status
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody className="bg-white dark:bg-neutral-800 divide-y divide-gray-200 dark:divide-neutral-700">
+                      {paginatedObligations.map((obligation) => {
+                        const payment = getPaymentDetails(obligation._id);
+                        return (
+                          <tr
+                            key={obligation._id}
+                            className="hover:bg-gray-50 dark:hover:bg-neutral-700/50"
+                          >
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                              {obligation.classId?.classTitle || "N/A"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                              R$ {obligation.amount?.toFixed(2) || "0.00"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                              {obligation.dueDate
+                                ? format(new Date(obligation.dueDate), "dd/MM/yyyy", { locale: ptBR })
+                                : "N/A"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                              {payment?.paymentDate
+                                ? format(new Date(payment.paymentDate), "dd/MM/yyyy", { locale: ptBR })
+                                : "-"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm hidden sm:table-cell">
+                              {payment?.receiptUrl ? (
+                                <button
+                                  onClick={() => setReceiptModal({ open: true, url: payment.receiptUrl })}
+                                  className="p-2 text-blue-500 hover:text-blue-700 dark:hover:text-blue-400 transition-colors"
+                                  title="Ver comprovante"
+                                >
+                                  <FaEye className="text-lg" />
+                                </button>
+                              ) : (
+                                <span className="text-gray-400 dark:text-neutral-500">-</span>
+                              )}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap">
+                              <PaymentStatusBadge status={obligation.status} />
+                            </td>
+                          </tr>
+                        );
+                      })}
+                    </tbody>
+                  </table>
+                </div>
+
+                {/* Pagination */}
+                {totalPages > 1 && (
+                  <div className="flex items-center justify-between px-4 py-3 border-t border-gray-200 dark:border-neutral-700 bg-gray-50 dark:bg-neutral-800/50">
+                    <div className="text-sm text-gray-700 dark:text-neutral-300">
+                      Mostrando {startIndex + 1} a {Math.min(endIndex, allObligations.length)} de {allObligations.length} registros
+                    </div>
+                    <div className="flex gap-2">
+                      <button
+                        onClick={() => setCurrentPage(p => Math.max(1, p - 1))}
+                        disabled={currentPage === 1}
+                        className="px-3 py-1 text-sm border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-800 text-gray-700 dark:text-neutral-300 hover:bg-gray-50 dark:hover:bg-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed"
+                      >
+                        Anterior
+                      </button>
+                      <span className="px-3 py-1 text-sm text-gray-700 dark:text-neutral-300">
+                        Página {currentPage} de {totalPages}
+                      </span>
+                      <button
+                        onClick={() => setCurrentPage(p => Math.min(totalPages, p + 1))}
+                        disabled={currentPage === totalPages}
+                        className="px-3 py-1 text-sm border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-800 text-gray-700 dark:text-neutral-300 hover:bg-gray-50 dark:hover:bg-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed"
+                      >
+                        Próxima
+                      </button>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Receipt Modal */}
+          {receiptModal.open && (
+            <div className="fixed inset-0 bg-black/70 flex items-center justify-center z-50 p-4" onClick={() => setReceiptModal({ open: false, url: null })}>
+              <div className="relative max-w-4xl max-h-[90vh] w-full" onClick={(e) => e.stopPropagation()}>
+                <button
+                  onClick={() => setReceiptModal({ open: false, url: null })}
+                  className="absolute -top-10 right-0 text-white hover:text-gray-300 transition-colors text-sm"
+                >
+                  ✕ Fechar
+                </button>
+                {receiptModal.url?.includes("application/pdf") || receiptModal.url?.endsWith(".pdf") || receiptModal.url?.includes("data:application/pdf") ? (
+                  <iframe
+                    src={receiptModal.url}
+                    className="w-full h-[85vh] rounded-lg shadow-xl"
+                    title="Comprovante de pagamento"
+                  />
+                ) : (
+                  <img
+                    src={receiptModal.url}
+                    alt="Comprovante de pagamento"
+                    className="w-full h-auto max-h-[85vh] object-contain rounded-lg shadow-xl"
+                  />
+                )}
+                <div className="mt-4 flex justify-center gap-3">
+                  <a
+                    href={receiptModal.url}
+                    download="comprovante"
+                    className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm"
+                  >
+                    Download
+                  </a>
+                  <button
+                    onClick={() => setReceiptModal({ open: false, url: null })}
+                    className="px-4 py-2 bg-gray-600 dark:bg-gray-700 text-white rounded-lg hover:bg-gray-700 dark:hover:bg-gray-600 transition-colors text-sm"
+                  >
+                    Fechar
+                  </button>
+                </div>
+              </div>
+            </div>
+          )}
+        </>
+      )}
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/guardian/payments/register/components/PaymentForm.jsx b/src/app/(protected)/dashboard/guardian/payments/register/components/PaymentForm.jsx
new file mode 100644
index 0000000..98bdc67
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/payments/register/components/PaymentForm.jsx
@@ -0,0 +1,214 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { submitPaymentAction } from "@/app/lib/payments/actions";
+import Input from "@/app/(protected)/components/shared/Input";
+import Select from "@/app/(protected)/components/shared/Select";
+import Textarea from "@/app/(protected)/components/shared/Textarea";
+import Button from "@/app/(protected)/components/shared/Button";
+
+export default function PaymentForm({ classId, className, amount, obligationId }) {
+  const router = useRouter();
+  const [formData, setFormData] = useState({
+    amount: amount || "",
+    paymentDate: new Date().toISOString().split("T")[0],
+    paymentMethod: "pix",
+    notes: "",
+    receipt: null,
+    payerName: "",
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("classId", classId);
+      if (obligationId) {
+        formDataToSend.append("obligationId", obligationId);
+      }
+      formDataToSend.append("amount", parseFloat(formData.amount));
+      formDataToSend.append("paymentDate", formData.paymentDate);
+      formDataToSend.append("paymentMethod", formData.paymentMethod);
+      if (formData.notes) {
+        formDataToSend.append("notes", formData.notes);
+      }
+      if (formData.receipt) {
+        formDataToSend.append("receipt", formData.receipt);
+      }
+      if (formData.payerName) {
+        formDataToSend.append("payerName", formData.payerName);
+      }
+
+      const result = await submitPaymentAction(formDataToSend);
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao registrar pagamento");
+      }
+
+      router.push("/dashboard/guardian/payments?success=true");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="w-full max-w-md mx-auto">
+      <div className="bg-card text-card-foreground rounded-xl border shadow-sm p-6">
+        <h2 className="text-lg font-semibold leading-none tracking-tight mb-1">
+          Registrar Pagamento
+        </h2>
+        <p className="text-sm text-muted-foreground mb-6">
+          {className}
+        </p>
+
+        {error && (
+          <div className="bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-lg mb-4 text-sm">
+            {error}
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="space-y-2">
+            <label htmlFor="amount" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Valor do Pagamento (R$)
+            </label>
+            <Input
+              id="amount"
+              type="number"
+              step="0.01"
+              min="0"
+              required
+              value={formData.amount}
+              onChange={(e) =>
+                setFormData({ ...formData, amount: e.target.value })
+              }
+              readOnly={!!amount}
+              className={`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${
+                amount
+                  ? "bg-muted cursor-not-allowed border-muted-foreground/20"
+                  : "border-input bg-background"
+              }`}
+              placeholder="0,00"
+            />
+            {amount && (
+              <p className="text-xs text-muted-foreground">
+                Valor da mensalidade
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="paymentDate" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Data do Pagamento
+            </label>
+            <Input
+              id="paymentDate"
+              type="date"
+              lang="pt-BR"
+              required
+              value={formData.paymentDate}
+              onChange={(e) =>
+                setFormData({ ...formData, paymentDate: e.target.value })
+              }
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="paymentMethod" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Método de Pagamento
+            </label>
+            <Select
+              id="paymentMethod"
+              required
+              value={formData.paymentMethod}
+              onChange={(e) =>
+                setFormData({ ...formData, paymentMethod: e.target.value })
+              }
+            >
+              <option value="pix">PIX</option>
+              <option value="bank_transfer">Transferência Bancária</option>
+              <option value="cash">Dinheiro</option>
+              <option value="credit_card">Cartão de Crédito</option>
+              <option value="debit_card">Cartão de Débito</option>
+            </Select>
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="payerName" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Nome do Pagador <span className="text-muted-foreground font-normal">(Opcional)</span>
+            </label>
+            <Input
+              id="payerName"
+              type="text"
+              value={formData.payerName}
+              onChange={(e) =>
+                setFormData({ ...formData, payerName: e.target.value })
+              }
+              placeholder="Nome de quem está efetuando o pagamento"
+            />
+            <p className="text-xs text-muted-foreground">
+              Preencha se o pagamento estiver sendo feito por outra pessoa
+            </p>
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="receipt" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Comprovante <span className="text-muted-foreground font-normal">(Opcional)</span>
+            </label>
+            <Input
+              id="receipt"
+              type="file"
+              accept="image/*,.pdf,application/pdf"
+              onChange={(e) =>
+                setFormData({ ...formData, receipt: e.target.files[0] })
+              }
+            />
+            <p className="text-xs text-muted-foreground">
+              Formatos aceitos: JPG, PNG, PDF (máx. 5MB)
+            </p>
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="notes" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Observações <span className="text-muted-foreground font-normal">(Opcional)</span>
+            </label>
+            <Textarea
+              id="notes"
+              rows={3}
+              value={formData.notes}
+              onChange={(e) =>
+                setFormData({ ...formData, notes: e.target.value })
+              }
+              placeholder="Informações adicionais sobre o pagamento..."
+            />
+          </div>
+
+          <div className="flex flex-col sm:flex-row gap-3 pt-2">
+            <Button
+              type="submit"
+              disabled={loading}
+              variant="primary"
+              className="flex-1"
+            >
+              {loading ? "Registrando..." : "Registrar Pagamento"}
+            </Button>
+            <Button
+              type="button"
+              variant="secondary"
+              onClick={() => router.back()}
+            >
+              Cancelar
+            </Button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/guardian/payments/register/page.jsx b/src/app/(protected)/dashboard/guardian/payments/register/page.jsx
new file mode 100644
index 0000000..c9caf8b
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/payments/register/page.jsx
@@ -0,0 +1,57 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageTitle from "@/app/(protected)/components/shared/PageTitle";
+import { getClassModel } from "@/app/models/Class";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { redirect } from "next/navigation";
+import PaymentForm from "./components/PaymentForm";
+
+export default async function RegisterPaymentPage({ searchParams }) {
+  const { id: classId } = await searchParams || {};
+
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const currentUser = await UserModel.findOne({ _id: session.user.id });
+
+  // Only guardians can access this page
+  if (!currentUser.roles.includes("guardian")) {
+    return <NotAuthorized />;
+  }
+
+  const ClassModel = await getClassModel();
+  const classData = await ClassModel.findById(classId)
+    .populate("classType", "title")
+    .lean();
+
+  if (!classData) {
+    redirect("/dashboard/guardian");
+  }
+
+  // Find pending payment obligation for this class and user
+  const PaymentModel = await getPaymentModel();
+  const obligation = await PaymentModel.findOne({
+    classId,
+    userId: session.user.id,
+    type: "obligation",
+    status: "pending",
+  }).lean();
+
+  const amount = obligation?.amount?.toString() || undefined;
+
+  return (
+    <MainSection>
+      <PageTitle title="Registrar Pagamento" subtitle="Formulário de registro de pagamento" />
+
+  <PaymentForm
+    classId={classId}
+    className={classData.classTitle}
+    amount={amount}
+    obligationId={obligation?._id?.toString()}
+  />
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/guardian/register-student/components/WardRegisteringForm.jsx b/src/app/(protected)/dashboard/guardian/register-student/components/WardRegisteringForm.jsx
new file mode 100644
index 0000000..05f6ec8
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/register-student/components/WardRegisteringForm.jsx
@@ -0,0 +1,323 @@
+"use client";
+import { useRef, useActionState, useEffect, useState } from "react";
+import saveUserData from "@/app/lib/users/createUserAction";
+import getSimpleCaptchaAction from "@/app/lib/actions/getSimpleCaptchaAction";
+import { useRouter } from "next/navigation";
+import { FaCheckCircle } from "react-icons/fa";
+import Input from "@/app/(protected)/components/shared/Input";
+import Button from "@/app/(protected)/components/shared/Button";
+import { maskDateToBR } from "@/app/lib/utils/dateUtils";
+import { sanitizeUsername, sanitizeFullName, hasInvalidUsernameChars, hasInvalidFullNameChars } from "@/app/lib/utils/stringUtils";
+
+const initialState = {
+  success: false,
+  message: "",
+};
+
+const checkPasswordStrength = (pwd) => {
+  const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/;
+  return regex.test(pwd);
+};
+
+function WardRegisteringForm({ guardianId = 0 }) {
+  const [state, action, isPending] = useActionState(saveUserData, initialState);
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [passwordStrength, setPasswordStrength] = useState(false);
+  const [captchaQuestion, setCaptchaQuestion] = useState("");
+  const [captchaToken, setCaptchaToken] = useState("");
+  const [isCaptchaLoading, setIsCaptchaLoading] = useState(true);
+  const [captchaError, setCaptchaError] = useState("");
+  const [dateOfBirth, setDateOfBirth] = useState("");
+  const [fullName, setFullName] = useState(state?.inputs?.fullName || "");
+  const [username, setUsername] = useState(state?.inputs?.username || "");
+  const [fullNameWarning, setFullNameWarning] = useState(false);
+  const [usernameWarning, setUsernameWarning] = useState(false);
+
+  const router = useRouter();
+
+  const didGuard = useRef(false);
+  useEffect(() => {
+    if (didGuard.current) return;
+    didGuard.current = true;
+
+    if (!guardianId) {
+      router.replace("/dashboard/guardian");
+    }
+  }, [guardianId, router]);
+
+  const loadCaptcha = async () => {
+    setIsCaptchaLoading(true);
+    setCaptchaError("");
+
+    try {
+      const captcha = await getSimpleCaptchaAction();
+      setCaptchaQuestion(captcha.question || "");
+      setCaptchaToken(captcha.token || "");
+    } catch {
+      setCaptchaError("Nao foi possivel carregar o captcha. Tente novamente.");
+      setCaptchaQuestion("");
+      setCaptchaToken("");
+    } finally {
+      setIsCaptchaLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    loadCaptcha();
+  }, []);
+
+  useEffect(() => {
+    if (state?.inputs?.dateOfBirth) {
+      setDateOfBirth(state.inputs.dateOfBirth);
+    }
+  }, [state?.inputs?.dateOfBirth]);
+
+  useEffect(() => {
+    if (state?.success) {
+      const timeout = setTimeout(() => {
+        router.replace("/dashboard/guardian");
+      }, 3000);
+      return () => clearTimeout(timeout);
+    }
+  }, [state?.success, router]);
+
+  if (state?.success) {
+    return (
+      <div className="w-full max-w-md mx-auto">
+        <div className="bg-card text-card-foreground rounded-xl border shadow-sm p-6 text-center">
+          <div className="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100 dark:bg-emerald-900/30 mb-4">
+            <FaCheckCircle className="h-8 w-8 text-emerald-600 dark:text-emerald-400" />
+          </div>
+          <h2 className="text-lg font-semibold mb-2">
+            Estudante cadastrado com sucesso!
+          </h2>
+          <p className="text-sm text-muted-foreground mb-4">
+            Você será redirecionado em instantes.
+          </p>
+          <Button
+            type="button"
+            variant="primary"
+            onClick={() => router.replace("/dashboard/guardian")}
+            className="w-full"
+          >
+            Voltar ao painel
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="w-full max-w-md mx-auto">
+      <div className="bg-card text-card-foreground rounded-xl border shadow-sm p-6">
+        <h2 className="text-lg font-semibold leading-none tracking-tight mb-1">
+          Cadastrar Estudante
+        </h2>
+        <p className="text-sm text-muted-foreground mb-6">
+          Preencha os dados do estudante abaixo
+        </p>
+
+        {state.message && !state.success && (
+          <div className="bg-destructive/10 border-destructive/20 text-destructive border px-4 py-3 rounded-lg mb-4 text-sm">
+            {state.message}
+          </div>
+        )}
+
+        <form action={action} className="space-y-4">
+          {!!guardianId && (
+            <input type="hidden" name="guardianId" id="guardianId" value={guardianId} />
+          )}
+          <input type="hidden" name="captchaToken" value={captchaToken} />
+
+          <div className="space-y-2">
+            <label htmlFor="fullName" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Nome completo
+            </label>
+            <Input
+              id="fullName"
+              name="fullName"
+              required
+              value={fullName}
+              onChange={(e) => {
+                const raw = e.target.value;
+                const clean = sanitizeFullName(raw);
+                setFullName(clean);
+                setFullNameWarning(hasInvalidFullNameChars(raw));
+              }}
+              placeholder="nome completo do estudante (sem acentos)"
+            />
+            {fullNameWarning && (
+              <p className="text-xs text-amber-600 dark:text-amber-400">
+                Acentos, caracteres especiais e maiúsculas são removidos automaticamente. Use apenas letras sem acento.
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="username" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Nome de usuário
+            </label>
+            <Input
+               id="username"
+               name="username"
+               required
+               value={username}
+               onChange={(e) => {
+                 const raw = e.target.value;
+                 const clean = sanitizeUsername(raw);
+                 setUsername(clean);
+                 setUsernameWarning(hasInvalidUsernameChars(raw));
+               }}
+               placeholder="sem_espaços (ex: joao_silva)"
+             />
+             {usernameWarning ? (
+               <p className="text-xs text-amber-600 dark:text-amber-400">
+                 Acentos, espaços e maiúsculas são removidos automaticamente. Use apenas letras, números e _.
+               </p>
+             ) : (
+               <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                 Use apenas letras, números e _. Sem espaços ou acentos.
+               </p>
+             )}
+           </div>
+
+          <div className="space-y-2">
+            <label htmlFor="email" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Email
+            </label>
+            <Input
+              type="email"
+              id="email"
+              name="email"
+              required
+              defaultValue={state?.inputs?.email}
+              placeholder="email@exemplo.com"
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="password" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Senha
+            </label>
+            <Input
+              type="password"
+              id="password"
+              name="password"
+              required
+              value={password}
+              onChange={(e) => {
+                const val = e.target.value;
+                setPassword(val);
+                setPasswordStrength(checkPasswordStrength(val));
+              }}
+              placeholder="••••••••"
+            />
+            {!!password && (
+              <p className={`${passwordStrength ? "text-emerald-600 dark:text-emerald-400" : "text-destructive"} text-xs flex items-center gap-1`}>
+                {passwordStrength ? (
+                  <span>Senha forte. <FaCheckCircle className="inline" /></span>
+                ) : (
+                  <span>Senha deve ter pelo menos 8 caracteres, uma minúscula, uma maiúscula e um número.</span>
+                )}
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="confirmPassword" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Confirmar senha
+            </label>
+            <Input
+              type="password"
+              id="confirmPassword"
+              name="confirmPassword"
+              required
+              value={confirmPassword}
+              onChange={(e) => setConfirmPassword(e.target.value)}
+              placeholder="••••••••"
+            />
+            {!!confirmPassword && (
+              <p className={`${password === confirmPassword ? "text-emerald-600 dark:text-emerald-400" : "text-destructive"} text-xs flex items-center gap-1`}>
+                {password === confirmPassword ? (
+                  <span>As senhas conferem. <FaCheckCircle className="inline" /></span>
+                ) : (
+                  <span>As senhas não conferem.</span>
+                )}
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="dateOfBirth" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Data de nascimento
+            </label>
+            <Input
+              type="text"
+              id="dateOfBirth"
+              name="dateOfBirth"
+              required
+              value={dateOfBirth}
+              onChange={(e) => setDateOfBirth(maskDateToBR(e.target.value))}
+              placeholder="DD/MM/AAAA"
+              inputMode="numeric"
+              maxLength={10}
+            />
+          </div>
+
+          <div className="space-y-2">
+            <div className="flex items-center justify-between gap-2">
+              <label htmlFor="captchaAnswer" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+                Verificacao anti-bot
+              </label>
+              <button
+                type="button"
+                onClick={loadCaptcha}
+                className="text-xs text-indigo-600 hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300"
+              >
+                Atualizar desafio
+              </button>
+            </div>
+
+            <div className="rounded-lg border border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-900 px-3 py-2 text-sm text-neutral-700 dark:text-neutral-200">
+              {isCaptchaLoading ? "Carregando captcha..." : captchaQuestion || "Captcha indisponivel"}
+            </div>
+
+            <Input
+              id="captchaAnswer"
+              name="captchaAnswer"
+              required
+              inputMode="numeric"
+              placeholder="Digite o resultado"
+              disabled={isCaptchaLoading || !captchaToken}
+            />
+
+            {captchaError && (
+              <p className="text-xs text-destructive">{captchaError}</p>
+            )}
+          </div>
+
+          <div className="flex gap-3 pt-2">
+            <Button
+              type="submit"
+              disabled={isPending || isCaptchaLoading || !captchaToken}
+              variant="primary"
+              className="flex-1"
+            >
+              {isPending ? "Registrando..." : "Cadastrar"}
+            </Button>
+            <Button
+              type="button"
+              variant="secondary"
+              onClick={() => router.back()}
+            >
+              Cancelar
+            </Button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+export default WardRegisteringForm;
diff --git a/src/app/(protected)/dashboard/guardian/register-student/page.jsx b/src/app/(protected)/dashboard/guardian/register-student/page.jsx
new file mode 100644
index 0000000..68b9126
--- /dev/null
+++ b/src/app/(protected)/dashboard/guardian/register-student/page.jsx
@@ -0,0 +1,35 @@
+import WardRegisteringForm from "./components/WardRegisteringForm";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+
+export default async function RegisterStudentPage({ params }) {
+  const session = await auth();
+  const guardianId = session.user.id;
+
+  if (!session.user.roles.includes("parent")) {
+    return <NotAuthorized />;
+  }
+
+  return (
+    <div className="w-full max-w-6xl mx-auto mt-3 px-5">
+      <PageHeader
+        title="Painel do Responsável"
+        subtitle="Adicionar estudante"
+        actions={
+          <Link href="/dashboard/guardian">
+            <button className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-gray-300 dark:border-gray-600 bg-white dark:bg-neutral-800 text-gray-700 dark:!text-neutral-400 hover:bg-gray-50 dark:hover:bg-neutral-700 transition-colors">
+              <ArrowLeftIcon className="w-4 h-4" />
+              Voltar
+            </button>
+          </Link>
+        }
+      />
+      <div className="flex justify-center">
+        <WardRegisteringForm guardianId={guardianId}/>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/Dashboard.jsx b/src/app/(protected)/dashboard/student/Dashboard.jsx
new file mode 100644
index 0000000..af279f9
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/Dashboard.jsx
@@ -0,0 +1,23 @@
+"use client"
+import React from "react";
+import {ClassCard} from "@/app/(protected)/components/shared/ClassCard";
+import {ClassCardComponent} from "@/app/(protected)/components/shared/ClassCardsComponent";
+import AffiliateProductsSection from "@/app/(protected)/components/student/AffiliateProductsSection";
+
+function StudentDashboard({classes = []}) {
+
+  return (
+    <>
+      <div>
+          {!!classes && classes.length > 0 && (
+              <ClassCardComponent classes={classes} hrefBase="/dashboard/student/class/" />
+          )}
+      </div>
+      <div className="mt-6">
+        <AffiliateProductsSection featured={true} limit={3} />
+      </div>
+    </>
+  );
+}
+
+export default StudentDashboard;
diff --git a/src/app/(protected)/dashboard/student/assignments/[id]/results/page.jsx b/src/app/(protected)/dashboard/student/assignments/[id]/results/page.jsx
new file mode 100644
index 0000000..c15b593
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/assignments/[id]/results/page.jsx
@@ -0,0 +1,14 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import ExamResults from "@/app/(protected)/components/student/ExamResults";
+
+export default async function StudentAssignmentResultsPage({ params }) {
+  const { id: assignmentId } = await params || {};
+
+  return (
+    <MainSection>
+      <div className="max-w-4xl mx-auto">
+        <ExamResults assignmentId={assignmentId} isAssignment={true} />
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/assignments/[id]/take/page.jsx b/src/app/(protected)/dashboard/student/assignments/[id]/take/page.jsx
new file mode 100644
index 0000000..51d4f4c
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/assignments/[id]/take/page.jsx
@@ -0,0 +1,58 @@
+import { getExamAssignmentById, getExamTemplateById } from "@/app/lib/actions/examActions";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import TakeExam from "@/app/(protected)/components/student/TakeExam";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function StudentTakeAssignmentPage({ params }) {
+  const { id: assignmentId } = await params || {};
+
+  if (!isValidObjectId(assignmentId)) {
+    return (
+      <MainSection>
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+        </div>
+      </MainSection>
+    );
+  }
+
+  console.log("Server: Loading assignment:", assignmentId);
+
+  // Fetch assignment and template using Server Actions
+  const assignmentResult = await getExamAssignmentById(assignmentId);
+  console.log("Server: Assignment result:", assignmentResult);
+  const assignment = assignmentResult.success ? assignmentResult.data : null;
+  
+  let template = null;
+  if (assignment && assignment.examTemplateId) {
+    const templateId = typeof assignment.examTemplateId === 'object' 
+      ? assignment.examTemplateId._id 
+      : assignment.examTemplateId;
+    console.log("Server: Fetching template:", templateId);
+    const templateResult = await getExamTemplateById(templateId);
+    console.log("Server: Template result:", templateResult);
+    template = templateResult.success ? templateResult.data : null;
+  }
+
+  console.log("Server: Rendering with:", { hasAssignment: !!assignment, hasTemplate: !!template });
+
+  return (
+    <MainSection>
+      <div className="max-w-4xl mx-auto">
+        {assignment && template ? (
+          <TakeExam
+            assignmentId={assignmentId}
+            assignment={assignment}
+            template={template}
+          />
+        ) : (
+          <div className="p-6 text-center">
+            <p className="text-neutral-600 dark:text-neutral-400">
+              {!assignment ? "Assignment não encontrado." : "Template não encontrado."}
+            </p>
+          </div>
+        )}
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/class/[id]/history/page.jsx b/src/app/(protected)/dashboard/student/class/[id]/history/page.jsx
new file mode 100644
index 0000000..24bf942
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/class/[id]/history/page.jsx
@@ -0,0 +1,83 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import StudentClassHistoryList from "@/app/(protected)/components/student/StudentClassHistoryList";
+import {getClassModel} from "@/app/models/Class";
+import {getLessonModel} from "@/app/models/Lesson";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import {auth} from "@/app/lib/utils/auth";
+import {redirect} from "next/navigation";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function StudentClassHistoryPage({params}) {
+    const {id} = await params || {};
+
+    if (!isValidObjectId(id)) {
+        return (
+            <MainSection>
+                <div className="flex flex-col items-center justify-center py-20">
+                    <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    const session = await auth();
+    if (!session?.user?.id) redirect("/auth/login");
+
+    const studentId = session.user.id;
+
+    const ClassModel = await getClassModel();
+    const LessonModel = await getLessonModel();
+
+    // VERIFICAR: aluno está matriculado nesta turma?
+    const classData = await ClassModel.findById(id)
+        .populate([
+            {path: "students", select: "_id"},
+            {path: "teachers", select: "_id"},
+        ])
+        .lean();
+
+    if (!classData) {
+        return (
+            <MainSection>
+                <div className="text-center py-12">
+                    <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">Turma não encontrada</h1>
+                    <p className="text-neutral-600 dark:text-neutral-400 mt-2">Esta turma não existe ou foi removida.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    // Verificar se o aluno está nesta turma (ou é professor)
+    const studentIds = classData.students?.map(s => s._id.toString()) || [];
+    const teacherIds = classData.teachers?.map(t => t._id.toString()) || [];
+    const isEnrolled = studentIds.includes(studentId) || teacherIds.includes(studentId);
+
+    if (!isEnrolled) {
+        return (
+            <MainSection>
+                <div className="text-center py-12">
+                    <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">Acesso negado</h1>
+                    <p className="text-neutral-600 dark:text-neutral-400 mt-2">Você não está matriculado nesta turma.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    const lessons = await LessonModel.find({classId: id})
+        .sort({date: -1})
+        .populate("teacherId", "fullName")
+        .lean();
+
+    const plainLessons = toPlain(lessons);
+    const plainClassData = toPlain(classData);
+
+    return (
+        <MainSection>
+            <StudentClassHistoryList
+                classId={id}
+                classTitle={plainClassData?.classTitle || ""}
+                lessons={plainLessons}
+            />
+        </MainSection>
+    );
+}
\ No newline at end of file
diff --git a/src/app/(protected)/dashboard/student/class/[id]/page.jsx b/src/app/(protected)/dashboard/student/class/[id]/page.jsx
new file mode 100644
index 0000000..d810676
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/class/[id]/page.jsx
@@ -0,0 +1,207 @@
+import {getClassModel} from "@/app/models/Class";
+import {getFileModel} from "@/app/models/FilesSchema";
+import {getUserModel} from "@/app/models/User";
+import {getLessonModel} from "@/app/models/Lesson";
+import {getExamAssignmentModel} from "@/app/models/ExamAssignment";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import StudentClassDetail from "@/app/(protected)/components/student/StudentClassDetail";
+import {retrieveFiles} from "@/app/lib/helpers/retriveFiles";
+import { auth } from "@/app/lib/utils/auth";
+import {redirect} from "next/navigation";
+import Link from "next/link";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Label from "@/app/(protected)/components/shared/Label";
+import { getStatusLabel, getStatusColor, STATUS } from "@/app/lib/helpers/statusPatterns";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function StudentClassPage({ params }) {
+  const { id } = await params || {};
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const studentId = session.user.id;
+
+  const ClassModel = await getClassModel();
+
+  // VERIFICAR: aluno está matriculado nesta turma?
+  const classData = await ClassModel.findById(id)
+    .populate([
+      { path: "students", select: "_id" },
+      { path: "teachers", select: "_id" },
+    ])
+    .lean();
+
+  if (!classData) {
+    return (
+      <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950 flex items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">Turma não encontrada</h1>
+          <p className="text-neutral-600 dark:text-neutral-400 mt-2">Esta turma não existe ou foi removida.</p>
+        </div>
+      </div>
+    );
+  }
+
+  // Verificar se o aluno está nesta turma (ou é professor)
+  const studentIds = classData.students?.map(s => s._id.toString()) || [];
+  const teacherIds = classData.teachers?.map(t => t._id.toString()) || [];
+  const isEnrolled = studentIds.includes(studentId) || teacherIds.includes(studentId);
+
+  if (!isEnrolled) {
+    return (
+      <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950 flex items-center justify-center">
+        <div className="text-center">
+          <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">Acesso negado</h1>
+          <p className="text-neutral-600 dark:text-neutral-400 mt-2">Você não está matriculado nesta turma.</p>
+        </div>
+      </div>
+    );
+  }
+
+  await getFileModel();
+  await getUserModel();
+  await getLessonModel();
+  await getExamAssignmentModel();
+
+  // Buscar dados completos da turma (após verificação)
+  const fullClassData = await ClassModel.findById(id)
+    .populate([
+      {
+        path: "files",
+        select: "title url size description uploadedAt mimetype category",
+        populate: {
+          path: "category",
+          select: "name colorIndex"
+        }
+      },
+      { path: "students", select: "fullName" },
+      { path: "teachers", select: "fullName" },
+    ])
+    .lean();
+
+  const plainClassData = toPlain(fullClassData) || {};
+
+  const rawFiles = Array.isArray(plainClassData?.files) ? plainClassData.files : [];
+  const filesData = retrieveFiles(rawFiles);
+  const groupedFiles = filesData.files;
+
+  const LessonModel = await getLessonModel();
+  const lessons = await LessonModel.find({classId: id}).sort({date: -1}).lean();
+  const plainLessons = toPlain(lessons);
+
+  const myLessons = plainLessons.filter(l => l.attendance?.some(a => a.studentId === studentId));
+  const myPresent = myLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId === studentId);
+    return att?.status === 'present';
+  }).length;
+  const myLate = myLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId === studentId);
+    return att?.status === 'late';
+  }).length;
+  const myAbsent = myLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId === studentId);
+    return att?.status === 'absent';
+  }).length;
+  const myExcused = myLessons.filter(l => {
+    const att = l.attendance.find(a => a.studentId === studentId);
+    return att?.status === 'excused';
+  }).length;
+  const myTotal = myLessons.length;
+  const myAttendanceRate = myTotal > 0 ? Math.round(((myPresent + myLate) / myTotal) * 100) : 100;
+  const myAttendanceCount = myPresent + myLate;
+
+  // Map DB status value to STATUS constant
+  const normalizedStatus = plainClassData?.status === 'active' ? STATUS.ACTIVE :
+                           plainClassData?.status === 'archived' ? STATUS.INACTIVE :
+                           STATUS.ACTIVE;
+
+  const cls = {
+    id: id || "",
+    classTitle: plainClassData?.classTitle,
+    teachers: Array.isArray(plainClassData?.teachers) ? plainClassData.teachers.map(t => t.fullName) : [],
+    status: plainClassData?.status === 'active' ? 'Ativa' : 'Inativa',
+    schedule: { days: plainClassData?.schedule?.days || [], time: plainClassData?.schedule?.time || "" },
+    nextSession: { date: "2025-08-27", topic: "Present Simple — Rotinas", room: "Sala 204" },
+    stats: {
+      myAttendance: `${myAttendanceRate}%`,
+      myAvgScore: 0,
+      tasksDue: 0,
+      present: myPresent,
+      late: myLate,
+      absent: myAbsent,
+      excused: myExcused,
+      totalLessons: myTotal,
+      attendanceCount: myAttendanceCount
+    },
+    materials: groupedFiles,
+    categories: filesData.categories,
+    link: plainClassData?.link,
+    recentActivity: [
+      { when: "Hoje 08:40", text: "Novo material postado: 'Slides Aula 03'" },
+      { when: "Ontem 21:10", text: "Aviso do professor: trazer workbook" },
+      { when: "Ontem 20:35", text: "Presença registrada" },
+    ],
+  };
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        <PageHeader
+          title={
+            <div className="flex items-center gap-3">
+              <span>{cls.classTitle || "Detalhes da Turma"}</span>
+              <Label color={getStatusColor(normalizedStatus)}>
+                {getStatusLabel(normalizedStatus)}
+              </Label>
+            </div>
+          }
+          subtitle={`${cls.teachers?.join(", ") || ""} · ${(cls.schedule?.days || []).join(", ") || ""} · ${cls.schedule?.time || ""}`}
+          actions={
+            <Link
+              href="/dashboard/student"
+              className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+            >
+              <ArrowLeftIcon className="w-4 h-4" />
+              Voltar
+            </Link>
+          }
+        />
+
+        {/* Aviso para turma inativa */}
+        {normalizedStatus === STATUS.INACTIVE && (
+          <div className="rounded-xl border border-amber-200 bg-amber-50 p-4 dark:border-amber-900/50 dark:bg-amber-900/10">
+            <div className="flex">
+              <div className="flex-shrink-0">
+                <svg className="h-5 w-5 text-amber-400" viewBox="0 0 20 20" fill="currentColor">
+                  <path fillRule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
+                </svg>
+              </div>
+              <div className="ml-3">
+                <h3 className="text-sm font-medium text-amber-800 dark:text-amber-200">
+                  Turma Inativa
+                </h3>
+                <div className="mt-2 text-sm text-amber-700 dark:text-amber-300">
+                  <p>
+                    Esta turma foi desativada. Você ainda pode acessar os materiais e histórico, mas não é possível realizar novas provas ou atividades.
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        <StudentClassDetail clsData={cls} filesData={groupedFiles} categories={filesData.categories} classId={id} isActive={normalizedStatus === STATUS.ACTIVE} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/components/ProfileCard.jsx b/src/app/(protected)/dashboard/student/components/ProfileCard.jsx
new file mode 100644
index 0000000..9a59ba8
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/components/ProfileCard.jsx
@@ -0,0 +1,354 @@
+"use client";
+
+import { useState, useEffect, useActionState } from "react";
+import { UserIcon, EnvelopeIcon, CalendarIcon, ShieldCheckIcon } from "@heroicons/react/24/outline";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import updateUserData from "@/app/lib/users/updateUserAction";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import PasswordUpdateForm from "@/app/profile/components/PasswordUpdateForm";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import Link from "next/link";
+import { formatDateToBR, maskDateToBR } from "@/app/lib/utils/dateUtils";
+import { sanitizeUsername, sanitizeFullName, hasInvalidUsernameChars, hasInvalidFullNameChars } from "@/app/lib/utils/stringUtils";
+
+const initialState = {
+  success: false,
+  message: "",
+  inputs: {},
+};
+
+function ProfileCard({ user = {}, hasGuardians = false }) {
+  const [isEditing, setIsEditing] = useState(false);
+  const [showMessage, setShowMessage] = useState(false);
+  const [fullNameWarning, setFullNameWarning] = useState(false);
+  const [usernameWarning, setUsernameWarning] = useState(false);
+  const [state, action, isPending] = useActionState(updateUserData, initialState);
+
+  const [inputs, setInputs] = useState({
+    fullName: user?.fullName || "",
+    username: user?.username || "",
+    email: user?.email || "",
+    dateOfBirth: formatDateToBR(user?.dateOfBirth),
+  });
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 15000);
+      return () => clearTimeout(timer);
+    }
+  }, [state?.message]);
+
+  useEffect(() => {
+    if (state?.success) {
+      setIsEditing(false);
+    }
+  }, [state?.success]);
+
+  const formatDateBR = (dateString) => {
+    const formatted = formatDateToBR(dateString);
+    return formatted || "Não informado";
+  };
+
+  const handleCancelEdit = () => {
+    setInputs({
+      fullName: user?.fullName || "",
+      username: user?.username || "",
+      email: user?.email || "",
+      dateOfBirth: formatDateToBR(user?.dateOfBirth),
+    });
+    setIsEditing(false);
+  };
+
+  return (
+    <>
+      <PageHeader
+        title="Meu Perfil"
+        subtitle={hasGuardians ? "Seus dados são gerenciados pelo seu responsável" : "Gerencie suas informações pessoais"}
+        actions={
+          <Link
+            href="/dashboard/student"
+            className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+          >
+            <ArrowLeftIcon className="w-4 h-4" />
+            Voltar
+          </Link>
+        }
+      />
+
+      {state?.message && showMessage && (
+        <div className="mb-4">
+          <FlashMessage
+            message={state?.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+
+      {/* Personal Information Card */}
+      <div className="border rounded-xl shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 overflow-hidden">
+        <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-b border-neutral-200 dark:border-neutral-700">
+          <div className="flex items-center justify-between">
+            <div className="flex items-center gap-3">
+              <div className="p-2 rounded-lg bg-[#dbeafe] dark:bg-blue-900/30">
+                <UserIcon className="w-5 h-5 text-blue-600 dark:text-blue-400" />
+              </div>
+              <div>
+                <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+                  Dados Pessoais
+                </h2>
+                <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                  Suas informações de cadastro
+                </p>
+              </div>
+            </div>
+            {!hasGuardians && !isEditing && (
+              <button
+                onClick={() => setIsEditing(true)}
+                className="px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors"
+              >
+                Editar
+              </button>
+            )}
+          </div>
+        </div>
+
+        <div className="p-6">
+          {hasGuardians && (
+            <div className="mb-6 p-4 rounded-xl border guardian-alert">
+              <div className="flex items-start gap-3">
+                <div className="p-2 rounded-lg guardian-alert-icon-box">
+                  <ShieldCheckIcon className="w-5 h-5" />
+                </div>
+                <div>
+                  <p className="text-sm font-medium guardian-alert-title">
+                    Dados gerenciados pelo responsável
+                  </p>
+                  <p className="text-xs guardian-alert-text mt-1">
+                    Você não pode editar suas informações pessoais pois existe um responsável vinculado à sua conta.
+                  </p>
+                </div>
+              </div>
+            </div>
+          )}
+
+          {isEditing ? (
+            <form action={action}>
+              <input type="hidden" name="_id" value={user._id} />
+
+              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                {/* Nome Completo */}
+                <div className="space-y-2">
+                  <label htmlFor="fullName" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                    Nome Completo
+                  </label>
+                  <input
+                    id="fullName"
+                    name="fullName"
+                    required
+                    value={inputs.fullName}
+                    onChange={(e) => {
+                      const raw = e.target.value;
+                      const clean = sanitizeFullName(raw);
+                      setInputs({ ...inputs, fullName: clean });
+                      setFullNameWarning(hasInvalidFullNameChars(raw));
+                    }}
+                    className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                  {fullNameWarning && (
+                    <p className="text-xs text-amber-600 dark:text-amber-400">
+                      Acentos, caracteres especiais e maiúsculas são removidos automaticamente.
+                    </p>
+                  )}
+                </div>
+
+                {/* Nome de Usuário */}
+                <div className="space-y-2">
+                  <label htmlFor="username" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                    Nome de Usuário
+                  </label>
+                  <input
+                    id="username"
+                    name="username"
+                    required
+                    value={inputs.username}
+                    onChange={(e) => {
+                      const raw = e.target.value;
+                      const clean = sanitizeUsername(raw);
+                      setInputs({ ...inputs, username: clean });
+                      setUsernameWarning(hasInvalidUsernameChars(raw));
+                    }}
+                    className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                  {usernameWarning && (
+                    <p className="text-xs text-amber-600 dark:text-amber-400">
+                      Acentos, espaços e maiúsculas são removidos automaticamente. Use apenas letras, números e _.
+                    </p>
+                  )}
+                </div>
+
+                {/* Email */}
+                <div className="space-y-2">
+                  <label htmlFor="email" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                    Email
+                  </label>
+                  <input
+                    type="email"
+                    id="email"
+                    name="email"
+                    value={inputs.email}
+                    onChange={(e) => setInputs({ ...inputs, email: e.target.value })}
+                    className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    placeholder="email@exemplo.com"
+                  />
+                </div>
+
+                {/* Data de Nascimento */}
+                <div className="space-y-2">
+                  <label htmlFor="dateOfBirth" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                    Data de Nascimento
+                  </label>
+                  <input
+                    type="text"
+                    id="dateOfBirth"
+                    name="dateOfBirth"
+                    required
+                    value={inputs.dateOfBirth}
+                    onChange={(e) => setInputs({ ...inputs, dateOfBirth: maskDateToBR(e.target.value) })}
+                    placeholder="DD/MM/AAAA"
+                    inputMode="numeric"
+                    maxLength={10}
+                    className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  />
+                </div>
+              </div>
+
+              <div className="mt-6 flex gap-3 justify-end">
+                <button
+                  type="button"
+                  onClick={handleCancelEdit}
+                  className="px-6 py-2.5 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 text-sm font-medium hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+                >
+                  Cancelar
+                </button>
+                <button
+                  type="submit"
+                  disabled={isPending}
+                  className="px-6 py-2.5 rounded-lg bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                >
+                  {isPending ? "Salvando..." : "Salvar"}
+                </button>
+              </div>
+            </form>
+          ) : (
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              {/* Nome Completo */}
+              <div className="flex items-start gap-3 p-4 rounded-lg bg-neutral-50 dark:bg-neutral-800/50">
+                <UserIcon className="w-5 h-5 text-neutral-400 mt-0.5 flex-shrink-0" />
+                <div>
+                  <p className="text-xs text-neutral-500 dark:text-neutral-400">Nome Completo</p>
+                  <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100 mt-1">
+                    {user?.fullName || "Não informado"}
+                  </p>
+                </div>
+              </div>
+
+              {/* Nome de Usuário */}
+              <div className="flex items-start gap-3 p-4 rounded-lg bg-neutral-50 dark:bg-neutral-800/50">
+                <UserIcon className="w-5 h-5 text-neutral-400 mt-0.5 flex-shrink-0" />
+                <div>
+                  <p className="text-xs text-neutral-500 dark:text-neutral-400">Nome de Usuário</p>
+                  <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100 mt-1">
+                    @{user?.username || "Não informado"}
+                  </p>
+                </div>
+              </div>
+
+              {/* Email */}
+              <div className="flex items-start gap-3 p-4 rounded-lg bg-neutral-50 dark:bg-neutral-800/50">
+                <EnvelopeIcon className="w-5 h-5 text-neutral-400 mt-0.5 flex-shrink-0" />
+                <div>
+                  <p className="text-xs text-neutral-500 dark:text-neutral-400">Email</p>
+                  <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100 mt-1">
+                    {user?.email || "Não informado"}
+                  </p>
+                </div>
+              </div>
+
+              {/* Data de Nascimento */}
+              <div className="flex items-start gap-3 p-4 rounded-lg bg-neutral-50 dark:bg-neutral-800/50">
+                <CalendarIcon className="w-5 h-5 text-neutral-400 mt-0.5 flex-shrink-0" />
+                <div>
+                  <p className="text-xs text-neutral-500 dark:text-neutral-400">Data de Nascimento</p>
+                  <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100 mt-1">
+                    {formatDateBR(user?.dateOfBirth)}
+                  </p>
+                </div>
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+
+      <PasswordUpdateForm />
+
+      {/* Guardian Information Card */}
+      <div className="border rounded-xl shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 overflow-hidden">
+        <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-b border-neutral-200 dark:border-neutral-700">
+          <div className="flex items-center gap-3">
+            <div className="p-3 rounded-xl bg-emerald-100 text-emerald-600 dark:bg-emerald-500/15 dark:text-emerald-400">
+              <ShieldCheckIcon className="w-6 h-6" />
+            </div>
+            <div>
+              <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+                Responsável
+              </h2>
+              <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                Pessoa responsável pelo seu cadastro
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div className="p-6">
+          {user?.guardiansAccounts && user.guardiansAccounts.length > 0 ? (
+            <div className="space-y-3">
+              {user.guardiansAccounts.map((guardian) => (
+                <div
+                  key={guardian._id}
+                  className="flex items-center gap-3 p-4 rounded-lg border border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-800/50"
+                >
+                  <div className="w-10 h-10 rounded-full bg-emerald-100 dark:bg-emerald-500/15 flex items-center justify-center">
+                    <span className="text-sm font-semibold text-emerald-600 dark:text-emerald-400">
+                      {guardian.fullName?.charAt(0).toUpperCase()}
+                    </span>
+                  </div>
+                  <div className="flex-1">
+                    <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100">
+                      {guardian.fullName}
+                    </p>
+                    <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                      @{guardian.username}
+                    </p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          ) : (
+            <div className="text-center py-8">
+              <ShieldCheckIcon className="w-12 h-12 text-neutral-300 dark:text-neutral-600 mx-auto mb-3" />
+              <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                Nenhum responsável vinculado à sua conta
+              </p>
+              <p className="text-xs text-neutral-400 dark:text-neutral-500 mt-1">
+                Entre em contato com a administração para adicionar um responsável
+              </p>
+            </div>
+          )}
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default ProfileCard;
diff --git a/src/app/(protected)/dashboard/student/page.jsx b/src/app/(protected)/dashboard/student/page.jsx
new file mode 100644
index 0000000..c6107f1
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/page.jsx
@@ -0,0 +1,60 @@
+import {auth} from "@/auth";
+import StudentDashboard from "@/app/(protected)/dashboard/student/Dashboard"
+import {getUserModel} from "@/app/models/User";
+import {redirect} from "next/navigation";
+import {getClassModel} from "@/app/models/Class";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Link from "next/link";
+import {UserIcon, ShoppingBagIcon, ClipboardDocumentListIcon} from "@heroicons/react/24/outline";
+
+async function StudentDashboardPage() {
+    const session = await auth();
+    if (!session) redirect("/auth/login");
+    const UserModel = await getUserModel();
+    const ClassModel = await getClassModel();
+
+    const user = await UserModel.findOne({_id: session.user.id}).lean();
+
+    const userClasses = await ClassModel.find({students: user._id}).populate('teachers', 'fullName email').lean();
+    const plainUserClasses = toPlain(userClasses);
+
+    return (
+        <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+            <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+                <PageHeader
+                    title="Painel do Estudante"
+                    subtitle="Administre suas turmas, faça as tarefas, acesse o link da aula"
+                    actions={
+                        <div className="flex flex-wrap gap-3">
+                            <Link
+                                href="/dashboard/student/produtos"
+                                className="inline-flex items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+                            >
+                                <ShoppingBagIcon className="w-4 h-4" />
+                                Produtos
+                            </Link>
+                            <Link
+                                href="/dashboard/student/pedidos"
+                                className="inline-flex items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+                            >
+                                <ClipboardDocumentListIcon className="w-4 h-4" />
+                                Minhas Compras
+                            </Link>
+                            <Link
+                                href="/dashboard/student/profile"
+                                className="inline-flex items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+                            >
+                                <UserIcon className="w-4 h-4" />
+                                Meu Perfil
+                            </Link>
+                        </div>
+                    }
+                />
+                <StudentDashboard classes={plainUserClasses}/>
+            </div>
+        </div>
+    );
+}
+
+export default StudentDashboardPage;
diff --git a/src/app/(protected)/dashboard/student/payments/page.jsx b/src/app/(protected)/dashboard/student/payments/page.jsx
new file mode 100644
index 0000000..0c51976
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/payments/page.jsx
@@ -0,0 +1,457 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageTitle from "@/app/(protected)/components/shared/PageTitle";
+import PaymentStatusBadge from "@/app/(protected)/components/shared/PaymentStatusBadge";
+import { format } from "date-fns";
+import { ptBR } from "date-fns/locale";
+import { FaEye } from "react-icons/fa";
+import { getPaymentsAction, submitPaymentAction } from "@/app/lib/payments/actions";
+
+const ITEMS_PER_PAGE = 10;
+
+export default function StudentPaymentsPage({ searchParams }) {
+  const [payments, setPayments] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState("");
+  const [showPayForm, setShowPayForm] = useState(null);
+  const [payFormData, setPayFormData] = useState({
+    amount: "",
+    paymentDate: new Date().toISOString().split("T")[0],
+    paymentMethod: "pix",
+    notes: "",
+    receipt: null,
+    payerName: "",
+  });
+  const [submitting, setSubmitting] = useState(false);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [receiptModal, setReceiptModal] = useState({ open: false, url: null });
+
+  useEffect(() => {
+    fetchPayments();
+  }, []);
+
+  const fetchPayments = async () => {
+    try {
+      const result = await getPaymentsAction();
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao carregar pagamentos");
+      }
+      setPayments(Array.isArray(result.data) ? result.data : []);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handlePayObligation = async (obligationId) => {
+    setSubmitting(true);
+    setError("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("action", "payment");
+      formDataToSend.append("obligationId", obligationId);
+      formDataToSend.append("amount", parseFloat(payFormData.amount));
+      formDataToSend.append("paymentDate", payFormData.paymentDate);
+      formDataToSend.append("paymentMethod", payFormData.paymentMethod);
+      if (payFormData.notes) {
+        formDataToSend.append("notes", payFormData.notes);
+      }
+      if (payFormData.receipt) {
+        formDataToSend.append("receipt", payFormData.receipt);
+      }
+      if (payFormData.payerName) {
+        formDataToSend.append("payerName", payFormData.payerName);
+      }
+
+      const result = await submitPaymentAction(formDataToSend);
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao registrar pagamento");
+      }
+
+      setShowPayForm(null);
+      setPayFormData({
+        amount: "",
+        paymentDate: new Date().toISOString().split("T")[0],
+        paymentMethod: "pix",
+        notes: "",
+        receipt: null,
+        payerName: "",
+      });
+      fetchPayments();
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+
+  // Separate obligations and payments
+  const obligations = payments.filter(p => p.type === "obligation");
+  const userPayments = payments.filter(p => p.type === "payment");
+
+  // Cards: show only obligations that need payment action (pending or rejected)
+  const actionableObligations = obligations.filter(o => o.status === "pending" || o.status === "rejected");
+  // Table: show all obligations with their current status
+  const allObligations = obligations;
+
+  // Pagination
+  const totalPages = Math.ceil(allObligations.length / ITEMS_PER_PAGE);
+  const startIndex = (currentPage - 1) * ITEMS_PER_PAGE;
+  const endIndex = startIndex + ITEMS_PER_PAGE;
+  const paginatedObligations = allObligations.slice(startIndex, endIndex);
+
+  // Helper to get payment details for an obligation
+  const getPaymentDetails = (obligationId) => {
+    const payment = userPayments.find(p => p.relatedObligationId === obligationId);
+    return payment;
+  };
+
+  return (
+    <MainSection>
+      <PageTitle title="Meus Pagamentos" subtitle="Visualização de obrigações e histórico de pagamentos" />
+
+      {searchParams?.success && (
+        <div className="bg-emerald-600 dark:bg-emerald-900/50 border border-emerald-600 dark:border-emerald-600 text-white dark:text-emerald-200 px-4 py-3 rounded mb-4">
+          Pagamento registrado com sucesso! Aguarde a verificação.
+        </div>
+      )}
+
+      {error && (
+        <div className="bg-red-600 dark:bg-red-900/50 border border-red-600 dark:border-red-600 text-white dark:text-red-200 px-4 py-3 rounded mb-4">
+          {error}
+        </div>
+      )}
+
+      {loading ? (
+        <div className="p-8 text-center text-gray-500 dark:text-neutral-400">Carregando...</div>
+      ) : (
+        <>
+          {/* Actionable Obligations (Cards) */}
+          <div className="mb-8">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-neutral-100 mb-4">
+              Pagamentos a Registrar
+            </h2>
+
+            {actionableObligations.length === 0 ? (
+              <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6 text-center text-gray-500 dark:text-neutral-400">
+                Nenhum pagamento pendente de registro.
+              </div>
+            ) : (
+              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                {actionableObligations.map((obligation) => (
+                  <div
+                    key={obligation._id}
+                    className={`bg-white dark:bg-neutral-800 rounded-lg shadow p-6 border-l-4 ${
+                      obligation.status === "rejected" ? "border-red-500" : "border-amber-500"
+                    }`}
+                  >
+                    <div className="flex justify-between items-start mb-4">
+                      <div className="flex-1">
+                        <div className="flex items-center justify-between mb-2">
+                          <h3 className="font-semibold text-gray-900 dark:text-neutral-100">
+                            {obligation.classId?.classTitle || "N/A"}
+                          </h3>
+                          <PaymentStatusBadge status={obligation.status} />
+                        </div>
+                        <p className="text-sm text-gray-500 dark:text-neutral-400">
+                          {obligation.description || "Pagamento"}
+                        </p>
+                        {obligation.rejectionReason && (
+                          <p className="text-sm text-red-500 dark:text-red-400 mt-2">
+                            Motivo da rejeição: {obligation.rejectionReason}
+                          </p>
+                        )}
+                      </div>
+                      <span className="text-2xl font-bold text-gray-900 dark:text-neutral-100 ml-4">
+                        R$ {obligation.amount?.toFixed(2)}
+                      </span>
+                    </div>
+
+                    {obligation.dueDate && (
+                      <p className="text-sm text-gray-500 dark:text-neutral-400 mb-4">
+                        Vencimento: {format(new Date(obligation.dueDate), "dd/MM/yyyy", { locale: ptBR })}
+                      </p>
+                    )}
+
+                    {showPayForm === obligation._id ? (
+                      <div className="mt-4 pt-4 border-t border-gray-200 dark:border-neutral-700">
+                        <h4 className="text-sm font-medium text-gray-700 dark:text-neutral-300 mb-3">
+                          Registrar Pagamento
+                        </h4>
+                        <div className="space-y-3">
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Valor (R$)
+                            </label>
+                            <input
+                              type="number"
+                              step="0.01"
+                              min="0"
+                              required
+                              value={payFormData.amount}
+                              readOnly
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-neutral-100 text-sm cursor-not-allowed"
+                              placeholder="0,00"
+                            />
+                            <p className="text-xs text-gray-500 dark:text-neutral-400 mt-1">
+                              Valor da mensalidade
+                            </p>
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Data do Pagamento
+                            </label>
+                            <input
+                              type="date"
+                              lang="pt-BR"
+                              required
+                              value={payFormData.paymentDate}
+                              onChange={(e) => setPayFormData({ ...payFormData, paymentDate: e.target.value })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                            />
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Método
+                            </label>
+                            <select
+                              required
+                              value={payFormData.paymentMethod}
+                              onChange={(e) => setPayFormData({ ...payFormData, paymentMethod: e.target.value })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                            >
+                              <option value="pix">PIX</option>
+                              <option value="bank_transfer">Transferência</option>
+                              <option value="cash">Dinheiro</option>
+                              <option value="credit_card">Cartão Crédito</option>
+                              <option value="debit_card">Cartão Débito</option>
+                            </select>
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Nome do Pagador (opcional)
+                            </label>
+                            <input
+                              type="text"
+                              value={payFormData.payerName}
+                              onChange={(e) => setPayFormData({ ...payFormData, payerName: e.target.value })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                              placeholder="Nome de quem pagou"
+                            />
+                          </div>
+                          <div>
+                            <label className="block text-xs text-gray-500 dark:text-neutral-400 mb-1">
+                              Comprovante (opcional)
+                            </label>
+                            <input
+                              type="file"
+                              accept="image/*"
+                              onChange={(e) => setPayFormData({ ...payFormData, receipt: e.target.files[0] })}
+                              className="w-full px-3 py-2 border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100 text-sm"
+                            />
+                          </div>
+                          <div className="flex gap-2">
+                            <button
+                              onClick={() => handlePayObligation(obligation._id)}
+                              disabled={submitting}
+                              className="flex-1 bg-emerald-600 text-white py-2 px-4 rounded text-sm hover:bg-emerald-700 disabled:opacity-50"
+                            >
+                              {submitting ? "Enviando..." : "Confirmar Pagamento"}
+                            </button>
+                            <button
+                              onClick={() => setShowPayForm(null)}
+                              className="px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded text-sm hover:bg-gray-50 dark:hover:bg-neutral-700"
+                            >
+                              Cancelar
+                            </button>
+                          </div>
+                        </div>
+                      </div>
+                    ) : (
+                      <button
+                        onClick={() => {
+                          setShowPayForm(obligation._id);
+                          setPayFormData({
+                            ...payFormData,
+                            amount: obligation.amount?.toString() || "",
+                            paymentDate: new Date().toISOString().split("T")[0],
+                            paymentMethod: "pix",
+                            notes: "",
+                            receipt: null,
+                            payerName: "",
+                          });
+                        }}
+                        className={`w-full py-2 px-4 rounded transition-colors ${
+                          obligation.status === "rejected"
+                            ? "bg-orange-600 text-white hover:bg-orange-700"
+                            : "bg-blue-600 text-white hover:bg-blue-700"
+                        }`}
+                      >
+                        {obligation.status === "rejected" ? "Pagar Novamente" : "Pagar"}
+                      </button>
+                    )}
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          {/* All Obligations Table */}
+          {allObligations.length > 0 && (
+            <div>
+              <h2 className="text-xl font-semibold text-gray-900 dark:text-neutral-100 mb-4">
+                Histórico de Obrigações
+              </h2>
+              <div className="bg-white dark:bg-neutral-800 rounded-lg shadow overflow-hidden">
+                <div className="overflow-x-auto">
+                  <table className="min-w-full divide-y divide-gray-200 dark:divide-neutral-700">
+                    <thead className="bg-gray-50 dark:bg-neutral-700">
+                      <tr>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Classe
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Valor
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Vencimento
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Data Pagamento
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Comprovante
+                        </th>
+                        <th className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-neutral-300 uppercase tracking-wider">
+                          Status
+                        </th>
+                      </tr>
+                    </thead>
+                    <tbody className="bg-white dark:bg-neutral-800 divide-y divide-gray-200 dark:divide-neutral-700">
+                      {paginatedObligations.map((obligation) => {
+                        const payment = getPaymentDetails(obligation._id);
+                        return (
+                          <tr
+                            key={obligation._id}
+                            className="hover:bg-gray-50 dark:hover:bg-neutral-700/50"
+                          >
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                              {obligation.classId?.classTitle || "N/A"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-neutral-100">
+                              R$ {obligation.amount?.toFixed(2) || "0.00"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-neutral-300">
+                              {obligation.dueDate
+                                ? format(new Date(obligation.dueDate), "dd/MM/yyyy", { locale: ptBR })
+                                : "N/A"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm text-gray-700 dark:text-neutral-300">
+                              {payment?.paymentDate
+                                ? format(new Date(payment.paymentDate), "dd/MM/yyyy", { locale: ptBR })
+                                : "-"}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap text-sm">
+                              {payment?.receiptUrl ? (
+                                <button
+                                  onClick={() => setReceiptModal({ open: true, url: payment.receiptUrl })}
+                                  className="p-2 text-blue-500 hover:text-blue-700 dark:hover:text-blue-400 transition-colors"
+                                  title="Ver comprovante"
+                                >
+                                  <FaEye className="text-lg" />
+                                </button>
+                              ) : (
+                                <span className="text-gray-400 dark:text-neutral-500">-</span>
+                              )}
+                            </td>
+                            <td className="px-4 py-4 whitespace-nowrap">
+                              <PaymentStatusBadge status={obligation.status} />
+                            </td>
+                          </tr>
+                        );
+                      })}
+                    </tbody>
+                  </table>
+                </div>
+
+                {/* Pagination */}
+                {totalPages > 1 && (
+                  <div className="flex items-center justify-between px-4 py-3 border-t border-gray-200 dark:border-neutral-700 bg-gray-50 dark:bg-neutral-800/50">
+                    <div className="text-sm text-gray-700 dark:text-neutral-300">
+                      Mostrando {startIndex + 1} a {Math.min(endIndex, allObligations.length)} de {allObligations.length} registros
+                    </div>
+                    <div className="flex gap-2">
+                      <button
+                        onClick={() => setCurrentPage(p => Math.max(1, p - 1))}
+                        disabled={currentPage === 1}
+                        className="px-3 py-1 text-sm border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-800 text-gray-700 dark:text-neutral-300 hover:bg-gray-50 dark:hover:bg-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed"
+                      >
+                        Anterior
+                      </button>
+                      <span className="px-3 py-1 text-sm text-gray-700 dark:text-neutral-300">
+                        Página {currentPage} de {totalPages}
+                      </span>
+                      <button
+                        onClick={() => setCurrentPage(p => Math.min(totalPages, p + 1))}
+                        disabled={currentPage === totalPages}
+                        className="px-3 py-1 text-sm border border-gray-300 dark:border-neutral-600 rounded bg-white dark:bg-neutral-800 text-gray-700 dark:text-neutral-300 hover:bg-gray-50 dark:hover:bg-neutral-700 disabled:opacity-50 disabled:cursor-not-allowed"
+                      >
+                        Próxima
+                      </button>
+                    </div>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Receipt Modal */}
+          {receiptModal.open && (
+            <div className="fixed inset-0 bg-black/70 flex items-center justify-center z-50 p-4" onClick={() => setReceiptModal({ open: false, url: null })}>
+              <div className="relative max-w-4xl max-h-[90vh] w-full" onClick={(e) => e.stopPropagation()}>
+                <button
+                  onClick={() => setReceiptModal({ open: false, url: null })}
+                  className="absolute -top-10 right-0 text-white hover:text-gray-300 transition-colors text-sm"
+                >
+                  ✕ Fechar
+                </button>
+                {receiptModal.url?.includes("application/pdf") || receiptModal.url?.endsWith(".pdf") || receiptModal.url?.includes("data:application/pdf") ? (
+                  <iframe
+                    src={receiptModal.url}
+                    className="w-full h-[85vh] rounded-lg shadow-xl"
+                    title="Comprovante de pagamento"
+                  />
+                ) : (
+                  <img
+                    src={receiptModal.url}
+                    alt="Comprovante de pagamento"
+                    className="w-full h-auto max-h-[85vh] object-contain rounded-lg shadow-xl"
+                  />
+                )}
+                <div className="mt-4 flex justify-center gap-3">
+                  <a
+                    href={receiptModal.url}
+                    download="comprovante"
+                    className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm"
+                  >
+                    Download
+                  </a>
+                  <button
+                    onClick={() => setReceiptModal({ open: false, url: null })}
+                    className="px-4 py-2 bg-gray-600 dark:bg-gray-700 text-white rounded-lg hover:bg-gray-700 dark:hover:bg-gray-600 transition-colors text-sm"
+                  >
+                    Fechar
+                  </button>
+                </div>
+              </div>
+            </div>
+          )}
+        </>
+      )}
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/payments/register/components/Payment b/src/app/(protected)/dashboard/student/payments/register/components/Payment
new file mode 100644
index 0000000..ef5ec16
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/payments/register/components/Payment
@@ -0,0 +1,174 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+
+export default function PaymentForm({ classId, className }) {
+  const router = useRouter();
+  const [formData, setFormData] = useState({
+    amount: "",
+    paymentDate: new Date().toISOString().split("T")[0],
+    paymentMethod: "pix",
+    notes: "",
+    receipt: null,
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("classId", classId);
+      formDataToSend.append("amount", parseFloat(formData.amount));
+      formDataToSend.append("paymentDate", formData.paymentDate);
+      formDataToSend.append("paymentMethod", formData.paymentMethod);
+      if (formData.notes) {
+        formDataToSend.append("notes", formData.notes);
+      }
+      if (formData.receipt) {
+        formDataToSend.append("receipt", formData.receipt);
+      }
+
+      const response = await fetch("/api/payments", {
+        method: "POST",
+        body: formDataToSend,
+      });
+
+      const data = await response.json();
+
+      if (!response.ok) {
+        throw new Error(data.message || "Erro ao registrar pagamento");
+      }
+
+      router.push("/dashboard/student/payments?success=true");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="max-w-2xl mx-auto">
+      <div className="bg-white dark:bg-neutral-800 rounded-lg shadow p-6">
+        <h2 className="text-2xl font-bold text-gray-900 dark:text-neutral-100 mb-6">
+          Registrar Pagamento - {className}
+        </h2>
+
+        {error && (
+          <div className="bg-red-100 dark:bg-red-900/50 border border-red-400 dark:border-red-600 text-red-700 dark:text-red-200 px-4 py-3 rounded mb-4">
+            {error}
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2">
+              Valor do Pagamento (R$)
+            </label>
+            <input
+              type="number"
+              step="0.01"
+              min="0"
+              required
+              value={formData.amount}
+              onChange={(e) =>
+                setFormData({ ...formData, amount: e.target.value })
+              }
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+              placeholder="0,00"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2">
+              Data do Pagamento
+            </label>
+            <input
+              type="date"
+              required
+              value={formData.paymentDate}
+              onChange={(e) =>
+                setFormData({ ...formData, paymentDate: e.target.value })
+              }
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2">
+              Método de Pagamento
+            </label>
+            <select
+              required
+              value={formData.paymentMethod}
+              onChange={(e) =>
+                setFormData({ ...formData, paymentMethod: e.target.value })
+              }
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+            >
+              <option value="pix">PIX</option>
+              <option value="bank_transfer">Transferência Bancária</option>
+              <option value="cash">Dinheiro</option>
+              <option value="credit_card">Cartão de Crédito</option>
+              <option value="debit_card">Cartão de Débito</option>
+            </select>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2">
+              Comprovante (Opcional)
+            </label>
+            <input
+              type="file"
+              accept="image/*"
+              onChange={(e) =>
+                setFormData({ ...formData, receipt: e.target.files[0] })
+              }
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+            />
+            <p className="text-sm text-gray-500 dark:text-neutral-400 mt-1">
+              Formatos aceitos: JPG, PNG (máx. 5MB)
+            </p>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-neutral-300 mb-2">
+              Observações (Opcional)
+            </label>
+            <textarea
+              rows={3}
+              value={formData.notes}
+              onChange={(e) =>
+                setFormData({ ...formData, notes: e.target.value })
+              }
+              className="w-full px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 bg-white dark:bg-neutral-700 text-gray-900 dark:text-neutral-100"
+              placeholder="Informações adicionais sobre o pagamento..."
+            />
+          </div>
+
+          <div className="flex gap-4">
+            <button
+              type="submit"
+              disabled={loading}
+              className="flex-1 bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors"
+            >
+              {loading ? "Registrando..." : "Registrar Pagamento"}
+            </button>
+            <button
+              type="button"
+              onClick={() => router.back()}
+              className="px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-lg hover:bg-gray-50 dark:hover:bg-neutral-700 transition-colors text-gray-700 dark:text-neutral-300"
+            >
+              Cancelar
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/payments/register/components/PaymentForm.jsx b/src/app/(protected)/dashboard/student/payments/register/components/PaymentForm.jsx
new file mode 100644
index 0000000..8f4b4ca
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/payments/register/components/PaymentForm.jsx
@@ -0,0 +1,214 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { submitPaymentAction } from "@/app/lib/payments/actions";
+import Input from "@/app/(protected)/components/shared/Input";
+import Select from "@/app/(protected)/components/shared/Select";
+import Textarea from "@/app/(protected)/components/shared/Textarea";
+import Button from "@/app/(protected)/components/shared/Button";
+
+export default function PaymentForm({ classId, className, amount, obligationId }) {
+  const router = useRouter();
+  const [formData, setFormData] = useState({
+    amount: amount || "",
+    paymentDate: new Date().toISOString().split("T")[0],
+    paymentMethod: "pix",
+    notes: "",
+    receipt: null,
+    payerName: "",
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState("");
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+
+    try {
+      const formDataToSend = new FormData();
+      formDataToSend.append("classId", classId);
+      if (obligationId) {
+        formDataToSend.append("obligationId", obligationId);
+      }
+      formDataToSend.append("amount", parseFloat(formData.amount));
+      formDataToSend.append("paymentDate", formData.paymentDate);
+      formDataToSend.append("paymentMethod", formData.paymentMethod);
+      if (formData.notes) {
+        formDataToSend.append("notes", formData.notes);
+      }
+      if (formData.receipt) {
+        formDataToSend.append("receipt", formData.receipt);
+      }
+      if (formData.payerName) {
+        formDataToSend.append("payerName", formData.payerName);
+      }
+
+      const result = await submitPaymentAction(formDataToSend);
+      if (!result.success) {
+        throw new Error(result.message || "Erro ao registrar pagamento");
+      }
+
+      router.push("/dashboard/student/payments?success=true");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="w-full max-w-md mx-auto">
+      <div className="bg-card text-card-foreground rounded-xl border shadow-sm p-6">
+        <h2 className="text-lg font-semibold leading-none tracking-tight mb-1">
+          Registrar Pagamento
+        </h2>
+        <p className="text-sm text-muted-foreground mb-6">
+          {className}
+        </p>
+
+        {error && (
+          <div className="bg-destructive/10 border border-destructive/20 text-destructive px-4 py-3 rounded-lg mb-4 text-sm">
+            {error}
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="space-y-2">
+            <label htmlFor="amount" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Valor do Pagamento (R$)
+            </label>
+            <Input
+              id="amount"
+              type="number"
+              step="0.01"
+              min="0"
+              required
+              value={formData.amount}
+              onChange={(e) =>
+                setFormData({ ...formData, amount: e.target.value })
+              }
+              readOnly={!!amount}
+              className={`flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${
+                amount
+                  ? "bg-muted cursor-not-allowed border-muted-foreground/20"
+                  : "border-input bg-background"
+              }`}
+              placeholder="0,00"
+            />
+            {amount && (
+              <p className="text-xs text-muted-foreground">
+                Valor da mensalidade
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="paymentDate" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Data do Pagamento
+            </label>
+            <Input
+              id="paymentDate"
+              type="date"
+              lang="pt-BR"
+              required
+              value={formData.paymentDate}
+              onChange={(e) =>
+                setFormData({ ...formData, paymentDate: e.target.value })
+              }
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="paymentMethod" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Método de Pagamento
+            </label>
+            <Select
+              id="paymentMethod"
+              required
+              value={formData.paymentMethod}
+              onChange={(e) =>
+                setFormData({ ...formData, paymentMethod: e.target.value })
+              }
+            >
+              <option value="pix">PIX</option>
+              <option value="bank_transfer">Transferência Bancária</option>
+              <option value="cash">Dinheiro</option>
+              <option value="credit_card">Cartão de Crédito</option>
+              <option value="debit_card">Cartão de Débito</option>
+            </Select>
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="payerName" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Nome do Pagador <span className="text-muted-foreground font-normal">(Opcional)</span>
+            </label>
+            <Input
+              id="payerName"
+              type="text"
+              value={formData.payerName}
+              onChange={(e) =>
+                setFormData({ ...formData, payerName: e.target.value })
+              }
+              placeholder="Nome de quem está efetuando o pagamento"
+            />
+            <p className="text-xs text-muted-foreground">
+              Preencha se o pagamento estiver sendo feito por outra pessoa
+            </p>
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="receipt" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Comprovante <span className="text-muted-foreground font-normal">(Opcional)</span>
+            </label>
+            <Input
+              id="receipt"
+              type="file"
+              accept="image/*"
+              onChange={(e) =>
+                setFormData({ ...formData, receipt: e.target.files[0] })
+              }
+            />
+            <p className="text-xs text-muted-foreground">
+              Formatos aceitos: JPG, PNG (máx. 5MB)
+            </p>
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="notes" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Observações <span className="text-muted-foreground font-normal">(Opcional)</span>
+            </label>
+            <Textarea
+              id="notes"
+              rows={3}
+              value={formData.notes}
+              onChange={(e) =>
+                setFormData({ ...formData, notes: e.target.value })
+              }
+              placeholder="Informações adicionais sobre o pagamento..."
+            />
+          </div>
+
+          <div className="flex gap-3 pt-2">
+            <Button
+              type="submit"
+              disabled={loading}
+              variant="primary"
+              className="flex-1"
+            >
+              {loading ? "Registrando..." : "Registrar Pagamento"}
+            </Button>
+            <Button
+              type="button"
+              variant="secondary"
+              onClick={() => router.back()}
+            >
+              Cancelar
+            </Button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/payments/register/page.jsx b/src/app/(protected)/dashboard/student/payments/register/page.jsx
new file mode 100644
index 0000000..7066059
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/payments/register/page.jsx
@@ -0,0 +1,57 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import PageTitle from "@/app/(protected)/components/shared/PageTitle";
+import { getClassModel } from "@/app/models/Class";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { auth } from "@/app/lib/utils/auth";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { redirect } from "next/navigation";
+import PaymentForm from "./components/PaymentForm";
+
+export default async function RegisterPaymentPage({ searchParams }) {
+  const { id: classId } = await searchParams || {};
+
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const currentUser = await UserModel.findOne({ _id: session.user.id });
+
+  // Only students can access this page
+  if (!currentUser.roles.includes("student")) {
+    return <NotAuthorized />;
+  }
+
+  const ClassModel = await getClassModel();
+  const classData = await ClassModel.findById(classId)
+    .populate("classType", "title")
+    .lean();
+
+  if (!classData) {
+    redirect("/dashboard/student");
+  }
+
+  // Find pending payment obligation for this class and user
+  const PaymentModel = await getPaymentModel();
+  const obligation = await PaymentModel.findOne({
+    classId,
+    userId: session.user.id,
+    type: "obligation",
+    status: "pending",
+  }).lean();
+
+  const amount = obligation?.amount?.toString() || undefined;
+
+  return (
+    <MainSection>
+      <PageTitle title="Registrar Pagamento" subtitle="Formulário de registro de pagamento" />
+
+  <PaymentForm
+    classId={classId}
+    className={classData.classTitle}
+    amount={amount}
+    obligationId={obligation?._id?.toString()}
+  />
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/pedidos/OrdersList.jsx b/src/app/(protected)/dashboard/student/pedidos/OrdersList.jsx
new file mode 100644
index 0000000..da750d3
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/pedidos/OrdersList.jsx
@@ -0,0 +1,284 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import Label from "@/app/(protected)/components/shared/Label";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { submitOrderPaymentAction } from "@/app/lib/orders/actions";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+import ProductImage from "@/app/(protected)/components/shared/ProductImage";
+
+const STATUS_CONFIG = {
+  pending: { label: "Pendente", color: "gray", desc: "Envie o comprovante de pagamento" },
+  pending_verification: { label: "Aguardando Verificação", color: "amber", desc: "Comprovante enviado, aguardando aprovação" },
+  approved: { label: "Aprovado", color: "emerald", desc: "Produto liberado!" },
+  rejected: { label: "Rejeitado", color: "red", desc: "Envie um novo comprovante" },
+  cancelled: { label: "Cancelado", color: "red", desc: "" },
+};
+
+const FREE_STATUS_CONFIG = {
+  pending: { label: "Processando...", color: "gray", desc: "" },
+};
+
+const formatPrice = (price) =>
+  new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(price);
+
+const formatDate = (date) => {
+  if (!date) return "-";
+  return new Intl.DateTimeFormat("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+  }).format(new Date(date));
+};
+
+export default function OrdersList({ orders = [], approvedContent = [] }) {
+  const [expandedId, setExpandedId] = useState(null);
+  const [expandedContentId, setExpandedContentId] = useState(null);
+  const [paymentForms, setPaymentForms] = useState({});
+  const [message, setMessage] = useState(null);
+  const [submitting, setSubmitting] = useState({});
+
+  const togglePaymentForm = (orderId) => {
+    setExpandedId(expandedId === orderId ? null : orderId);
+  };
+
+  const handlePaymentMethodChange = (orderId, value) => {
+    setPaymentForms((prev) => ({
+      ...prev,
+      [orderId]: { ...prev[orderId], paymentMethod: value },
+    }));
+  };
+
+  const handleSubmitPayment = async (orderId) => {
+    const formData = paymentForms[orderId] || {};
+    if (!formData.paymentMethod) {
+      setMessage({ text: "Selecione o método de pagamento.", type: "error" });
+      return;
+    }
+
+    setSubmitting((prev) => ({ ...prev, [orderId]: true }));
+    setMessage(null);
+
+    const fd = new FormData();
+    fd.append("paymentMethod", formData.paymentMethod);
+    if (formData.receipt) {
+      fd.append("receipt", formData.receipt);
+    }
+
+    const result = await submitOrderPaymentAction(orderId, fd);
+    setSubmitting((prev) => ({ ...prev, [orderId]: false }));
+
+    if (result.success) {
+      setMessage({ text: result.message, type: "success" });
+      setExpandedId(null);
+      setPaymentForms((prev) => ({ ...prev, [orderId]: {} }));
+    } else {
+      setMessage({ text: result.message, type: "error" });
+    }
+  };
+
+  if (orders.length === 0) {
+    return (
+      <div className="border rounded-xl p-8 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 text-center">
+        <p className="text-neutral-500 dark:text-neutral-400">
+          Você ainda não fez nenhuma compra.
+        </p>
+        <Link
+          href="/dashboard/student/produtos"
+          className="mt-4 inline-block text-indigo-600 dark:text-indigo-400 hover:underline font-medium"
+        >
+          Ver produtos disponíveis
+        </Link>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      {message && <FlashMessage message={message.text} type={message.type} />}
+
+      {orders.map((order) => {
+        const statusCfg = STATUS_CONFIG[order.status] || {
+          label: order.status,
+          color: "gray",
+          desc: "",
+        };
+        const canSubmitPayment = order.status === "pending" || order.status === "rejected";
+        const isExpanded = expandedId === order._id;
+        const currentForm = paymentForms[order._id] || {};
+
+        return (
+          <div
+            key={order._id}
+            className="bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 shadow-sm overflow-hidden"
+          >
+            <div className="p-5">
+              <div className="flex items-center gap-4">
+                <ProductImage
+                  src={getFileUrl(order.productId.imageUrl)}
+                  alt={order.productId?.title}
+                  className="w-14 h-14 rounded-lg object-cover border border-neutral-200 dark:border-neutral-700 flex-shrink-0"
+                />
+
+                <div className="flex-1 min-w-0">
+                  <h3 className="font-semibold text-neutral-900 dark:text-neutral-100 truncate">
+                    {order.productId?.title || "Produto removido"}
+                  </h3>
+                  <p className="text-sm text-neutral-500 dark:text-neutral-400 mt-0.5">
+                    Pedido em {formatDate(order.createdAt)}
+                  </p>
+                </div>
+
+                <div className="text-right flex-shrink-0">
+                  <p className="text-lg font-bold text-neutral-900 dark:text-neutral-100">
+                    {order.amount === 0 ? "Gratuito" : formatPrice(order.amount)}
+                  </p>
+                  <Label color={statusCfg.color} size="sm">
+                    {statusCfg.label}
+                  </Label>
+                </div>
+              </div>
+
+              {statusCfg.desc && (
+                <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-2 ml-[4.5rem]">
+                  {statusCfg.desc}
+                </p>
+              )}
+
+              {order.rejectionReason && (
+                <div className="mt-3 ml-[4.5rem] p-3 bg-red-50 dark:bg-red-900/10 rounded-lg border border-red-200 dark:border-red-800">
+                  <p className="text-xs text-red-700 dark:text-red-300">
+                    <strong>Motivo da rejeição:</strong> {order.rejectionReason}
+                  </p>
+                </div>
+              )}
+
+              {canSubmitPayment && (
+                <div className="mt-4 ml-[4.5rem]">
+                  <button
+                    onClick={() => togglePaymentForm(order._id)}
+                    className="text-sm px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg transition-colors cursor-pointer"
+                  >
+                    {isExpanded ? "Cancelar" : "Enviar Comprovante"}
+                  </button>
+                </div>
+              )}
+
+              {order.status === "approved" && (
+                <div className="mt-3 ml-[4.5rem]">
+                  <button
+                    onClick={() => setExpandedContentId(expandedContentId === order._id ? null : order._id)}
+                    className="inline-flex items-center gap-1.5 px-4 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-sm font-medium rounded-lg transition-colors cursor-pointer"
+                  >
+                    <svg xmlns="http://www.w3.org/2000/svg" className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                      <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+                    </svg>
+                    {expandedContentId === order._id ? "Fechar" : "Baixar Conteúdo"}
+                  </button>
+                </div>
+              )}
+            </div>
+
+            {isExpanded && canSubmitPayment && (
+              <div className="px-5 pb-5 pt-3 border-t border-neutral-100 dark:border-neutral-700">
+                <div className="space-y-4">
+                  <div>
+                    <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                      Método de Pagamento *
+                    </label>
+                    <select
+                      value={currentForm.paymentMethod || ""}
+                      onChange={(e) => handlePaymentMethodChange(order._id, e.target.value)}
+                      className="w-full px-3 py-2 border border-neutral-300 dark:border-neutral-600 rounded-lg text-neutral-700 dark:text-neutral-200 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-800"
+                    >
+                      <option value="">Selecione...</option>
+                      <option value="pix">PIX</option>
+                      <option value="bank_transfer">Transferência Bancária</option>
+                      <option value="cash">Dinheiro</option>
+                      <option value="credit_card">Cartão de Crédito</option>
+                      <option value="debit_card">Cartão de Débito</option>
+                    </select>
+                  </div>
+
+                  <div>
+                    <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1">
+                      Comprovante de Pagamento (imagem)
+                    </label>
+                    <input
+                      type="file"
+                      accept="image/*"
+                      onChange={(e) => {
+                        const file = e.target.files?.[0] || null;
+                        setPaymentForms((prev) => ({
+                          ...prev,
+                          [order._id]: { ...prev[order._id], receipt: file },
+                        }));
+                      }}
+                      className="w-full text-sm text-neutral-700 dark:text-neutral-200 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-indigo-50 dark:file:bg-indigo-900/20 file:text-indigo-700 dark:file:text-indigo-300 hover:file:bg-indigo-100"
+                    />
+                  </div>
+
+                  <button
+                    onClick={() => handleSubmitPayment(order._id)}
+                    disabled={submitting[order._id]}
+                    className="w-full px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white font-medium rounded-lg disabled:opacity-50 transition-colors cursor-pointer"
+                  >
+                    {submitting[order._id] ? "Enviando..." : "Enviar Comprovante"}
+                  </button>
+                </div>
+              </div>
+            )}
+
+{expandedContentId === order._id && (
+                 <div className="px-5 pb-5 pt-3 border-t border-neutral-100 dark:border-neutral-700 space-y-3">
+                   <p className="text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wide">
+                     Arquivos para Download
+                   </p>
+
+                   {(() => {
+                     const content = approvedContent.find((c) => c.productId === (order.productId?._id || order.productId?.toString()));
+                     if (!content) return <p className="text-sm text-neutral-500 dark:text-neutral-400">Nenhum conteúdo disponível.</p>;
+                     
+                     const files = content.content?.files || [];
+                     
+                     if (files.length === 0) {
+                       return <p className="text-sm text-neutral-500 dark:text-neutral-400">Nenhum arquivo disponível para download.</p>;
+                     }
+                     
+                     return (
+                       <div className="space-y-2">
+                         {files.map((file) => (
+                           <a
+                             key={file._id}
+                             href={file.url}
+                             target="_blank"
+                             rel="noopener noreferrer"
+                             className="flex items-center gap-3 p-3 rounded-lg bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-700 hover:bg-emerald-100 dark:hover:bg-emerald-900/30 transition-colors"
+                           >
+                             <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 text-emerald-600 dark:text-emerald-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                               <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+                             </svg>
+                             <div className="flex-1 min-w-0">
+                               <p className="text-sm font-medium text-emerald-700 dark:text-emerald-300 truncate">
+                                 {file.title}
+                               </p>
+                               {file.size && (
+                                 <p className="text-xs text-emerald-500 dark:text-emerald-400">
+                                   {(file.size / 1024).toFixed(0)} KB
+                                 </p>
+                               )}
+                             </div>
+                           </a>
+                         ))}
+                       </div>
+                     );
+                   })()}
+                 </div>
+               )}
+          </div>
+        );
+      })}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/pedidos/[id]/OrderDetail.jsx b/src/app/(protected)/dashboard/student/pedidos/[id]/OrderDetail.jsx
new file mode 100644
index 0000000..77949bf
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/pedidos/[id]/OrderDetail.jsx
@@ -0,0 +1,182 @@
+"use client";
+
+import Label from "@/app/(protected)/components/shared/Label";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+import ProductImage from "@/app/(protected)/components/shared/ProductImage";
+
+const STATUS_CONFIG = {
+  pending: { label: "Pendente", color: "gray" },
+  pending_verification: { label: "Aguardando Verificação", color: "amber" },
+  approved: { label: "Aprovado", color: "emerald" },
+  rejected: { label: "Rejeitado", color: "red" },
+  cancelled: { label: "Cancelado", color: "red" },
+};
+
+const formatPrice = (price) =>
+  new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(price);
+
+const formatDate = (date) => {
+  if (!date) return "-";
+  return new Intl.DateTimeFormat("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  }).format(new Date(date));
+};
+
+export default function OrderDetail({ order, approvedContent = [] }) {
+  const statusCfg = STATUS_CONFIG[order.status] || { label: order.status, color: "gray" };
+  const product = order.productId;
+
+  const content = approvedContent.find(
+    (c) => c.productId === (product?._id?.toString() || product?.toString())
+  );
+  const { files = [], classLink = null } = content?.content || {};
+  const isApproved = order.status === "approved";
+
+  return (
+    <div className="bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 shadow-sm overflow-hidden">
+      <div className="p-6 space-y-6">
+        <div className="flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            <ProductImage
+              src={getFileUrl(product.imageUrl)}
+              alt={product?.title}
+              className="w-16 h-16 rounded-lg object-cover border border-neutral-200 dark:border-neutral-700"
+            />
+            <div>
+              <h3 className="text-lg font-bold text-neutral-900 dark:text-neutral-100">
+                {product?.title || "Produto removido"}
+              </h3>
+              <Label color={statusCfg.color} size="sm">
+                {statusCfg.label}
+              </Label>
+            </div>
+          </div>
+          <span className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">
+            {order.amount === 0 ? "Gratuito" : formatPrice(order.amount)}
+          </span>
+        </div>
+
+        <div className="grid grid-cols-2 gap-4 text-sm border-t border-neutral-100 dark:border-neutral-700 pt-4">
+          <div>
+            <p className="text-neutral-500 dark:text-neutral-400">Data do Pedido</p>
+            <p className="font-medium text-neutral-900 dark:text-neutral-100">{formatDate(order.createdAt)}</p>
+          </div>
+          <div>
+            <p className="text-neutral-500 dark:text-neutral-400">Método de Pagamento</p>
+            <p className="font-medium text-neutral-900 dark:text-neutral-100">
+              {order.paymentMethod === "free" ? "Gratuito" : order.paymentMethod || "-"}
+            </p>
+          </div>
+          <div>
+            <p className="text-neutral-500 dark:text-neutral-400">Data do Pagamento</p>
+            <p className="font-medium text-neutral-900 dark:text-neutral-100">{formatDate(order.paymentDate)}</p>
+          </div>
+          {order.payerName && (
+            <div>
+              <p className="text-neutral-500 dark:text-neutral-400">Quem pagou</p>
+              <p className="font-medium text-neutral-900 dark:text-neutral-100">{order.payerName}</p>
+            </div>
+          )}
+          {order.approvedAt && (
+            <div>
+              <p className="text-neutral-500 dark:text-neutral-400">Data da Aprovação</p>
+              <p className="font-medium text-neutral-900 dark:text-neutral-100">{formatDate(order.approvedAt)}</p>
+            </div>
+          )}
+        </div>
+
+        {order.receiptUrl && (
+          <div className="border-t border-neutral-100 dark:border-neutral-700 pt-4">
+            <p className="text-sm text-neutral-500 dark:text-neutral-400 mb-2">Comprovante</p>
+            <img
+              src={order.receiptUrl}
+              alt="Comprovante"
+              className="max-w-sm rounded-lg border border-neutral-200 dark:border-neutral-700"
+            />
+          </div>
+        )}
+
+        {order.rejectionReason && (
+          <div className="p-4 bg-red-50 dark:bg-red-900/10 rounded-lg border border-red-200 dark:border-red-800">
+            <p className="text-sm text-red-700 dark:text-red-300">
+              <strong>Motivo da rejeição:</strong> {order.rejectionReason}
+            </p>
+          </div>
+        )}
+
+        {isApproved && content && (
+          <div className="border-t border-neutral-100 dark:border-neutral-700 pt-4 space-y-3">
+            <p className="text-sm font-bold text-neutral-700 dark:text-neutral-200">
+              Conteúdo Liberado
+            </p>
+
+            {classLink && (
+              <a
+                href={`/dashboard/student/class/${classLink.id}`}
+                className="flex items-center gap-3 p-3 rounded-lg bg-indigo-50 dark:bg-indigo-900/20 border border-indigo-200 dark:border-indigo-700 hover:bg-indigo-100 dark:hover:bg-indigo-900/30 transition-colors"
+              >
+                <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 text-indigo-600 dark:text-indigo-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                  <path strokeLinecap="round" strokeLinejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+                </svg>
+                <div>
+                  <p className="text-sm font-medium text-indigo-700 dark:text-indigo-300">
+                    Acessar Turma: {classLink.title}
+                  </p>
+                  <p className="text-xs text-indigo-500 dark:text-indigo-400">
+                    Clique para ver a turma vinculada
+                  </p>
+                </div>
+              </a>
+            )}
+
+            {files.length > 0 && (
+              <div className="space-y-2">
+                {files.map((file) => (
+                  <a
+                    key={file._id}
+                    href={file.url}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center gap-3 p-3 rounded-lg bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-700 hover:bg-emerald-100 dark:hover:bg-emerald-900/30 transition-colors"
+                  >
+                    <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 text-emerald-600 dark:text-emerald-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                      <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+                    </svg>
+                    <div className="flex-1 min-w-0">
+                      <p className="text-sm font-medium text-emerald-700 dark:text-emerald-300 truncate">
+                        {file.title}
+                      </p>
+                      {file.size && (
+                        <p className="text-xs text-emerald-500 dark:text-emerald-400">
+                          {(file.size / 1024).toFixed(0)} KB
+                        </p>
+                      )}
+                    </div>
+                  </a>
+                ))}
+              </div>
+            )}
+
+            {!classLink && files.length === 0 && (
+              <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                Nenhum conteúdo disponível para este produto ainda.
+              </p>
+            )}
+          </div>
+        )}
+
+        {!isApproved && product?.type === "course_access" && (
+          <div className="p-4 bg-neutral-50 dark:bg-neutral-800 rounded-lg border border-neutral-200 dark:border-neutral-700">
+            <p className="text-sm text-neutral-600 dark:text-neutral-400">
+              Após aprovação, o acesso ao curso será liberado automaticamente.
+            </p>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/pedidos/[id]/page.jsx b/src/app/(protected)/dashboard/student/pedidos/[id]/page.jsx
new file mode 100644
index 0000000..6c94b39
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/pedidos/[id]/page.jsx
@@ -0,0 +1,54 @@
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import { getOrderByIdAction, getOrdersWithContentAction } from "@/app/lib/orders/actions";
+import OrderDetail from "./OrderDetail";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Link from "next/link";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function StudentOrderDetailPage({ params }) {
+  const session = await auth();
+  if (!session) redirect("/auth/login");
+
+  const { id } = await params;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const result = await getOrderByIdAction(id);
+
+  if (!result.success || !result.data) {
+    redirect("/dashboard/student/pedidos");
+  }
+
+  const contentResult = await getOrdersWithContentAction();
+  const approvedContent = contentResult.success ? contentResult.data : [];
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        <PageHeader
+          title="Detalhes do Pedido"
+          subtitle={`Pedido #${id.slice(-8)}`}
+          actions={
+            <Link
+              href="/dashboard/student/pedidos"
+              className="inline-flex items-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+            >
+              <ArrowLeftIcon className="w-4 h-4" />
+              Voltar
+            </Link>
+          }
+        />
+        <OrderDetail order={result.data} approvedContent={approvedContent} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/pedidos/page.jsx b/src/app/(protected)/dashboard/student/pedidos/page.jsx
new file mode 100644
index 0000000..7a4e708
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/pedidos/page.jsx
@@ -0,0 +1,47 @@
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import { getOrdersAction, getOrdersWithContentAction } from "@/app/lib/orders/actions";
+import OrdersList from "./OrdersList";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Link from "next/link";
+import { ShoppingBagIcon } from "@heroicons/react/24/outline";
+
+export default async function StudentOrdersPage() {
+  const session = await auth();
+  if (!session) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const user = await UserModel.findOne({ _id: session.user.id }).lean();
+
+  if (!user.roles.includes("student") && !user.roles.includes("guardian") && !user.roles.includes("parent")) {
+    redirect("/dispatcher");
+  }
+
+  const result = await getOrdersAction({});
+  const orders = result.success ? result.data : [];
+
+  const contentResult = await getOrdersWithContentAction();
+  const approvedContent = contentResult.success ? contentResult.data : [];
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        <PageHeader
+          title="Minhas Compras"
+          subtitle="Acompanhe seus pedidos e envie comprovantes de pagamento"
+          actions={
+            <Link
+              href="/dashboard/student/produtos"
+              className="inline-flex items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+            >
+              <ShoppingBagIcon className="w-4 h-4" />
+              Ver Produtos
+            </Link>
+          }
+        />
+        <OrdersList orders={orders} approvedContent={approvedContent} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/produtos/ProductsGrid.jsx b/src/app/(protected)/dashboard/student/produtos/ProductsGrid.jsx
new file mode 100644
index 0000000..f661748
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/produtos/ProductsGrid.jsx
@@ -0,0 +1,372 @@
+"use client";
+
+import { useState } from "react";
+import { createOrderAction, submitOrderPaymentAction } from "@/app/lib/orders/actions";
+import { ShoppingBagIcon, ArrowTopRightOnSquareIcon, PaperAirplaneIcon } from "@heroicons/react/24/outline";
+import ProductImage from "@/app/(protected)/components/shared/ProductImage";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+
+const formatPrice = (price) => {
+  if (!price && price !== 0) return null;
+  return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(price);
+};
+
+const TYPE_LABELS = {
+  digital: "Digital",
+  physical: "Físico",
+  course_access: "Acesso a Curso",
+};
+
+export default function ProductsGrid({ products = [], existingOrders = [], approvedContent = [] }) {
+  const [loading, setLoading] = useState({});
+  const [message, setMessage] = useState(null);
+  const [expandedContentId, setExpandedContentId] = useState(null);
+
+  const contentMap = {};
+  approvedContent.forEach((c) => {
+    if (c.productId) contentMap[c.productId] = c;
+  });
+
+const initialOrders = {};
+    const initialSent = {};
+    const initialApproved = {};
+    existingOrders.forEach((o) => {
+      if (o.productId && o.orderId && typeof o.orderId === "string") {
+        initialOrders[o.productId] = o.orderId;
+       if (o.status === "pending_verification") {
+         initialSent[o.productId] = true;
+       }
+       if (o.status === "approved") {
+         initialSent[o.productId] = true;
+         initialApproved[o.productId] = true;
+       }
+     }
+   });
+
+  const [orderIds, setOrderIds] = useState(initialOrders);
+  const [sentPayment, setSentPayment] = useState(initialSent);
+  const [approved, setApproved] = useState(initialApproved);
+  const [paymentForms, setPaymentForms] = useState({});
+  const [expandedId, setExpandedId] = useState(null);
+  const [submitting, setSubmitting] = useState({});
+
+  const handleBuy = async (productId) => {
+    setLoading((prev) => ({ ...prev, [productId]: true }));
+    setMessage(null);
+    const result = await createOrderAction(productId);
+    setLoading((prev) => ({ ...prev, [productId]: false }));
+
+    if (result.success) {
+      if (result.data?.status === "approved") {
+        setMessage({ text: "Produto gratuito liberado! Recarregando...", type: "success" });
+        setOrderIds((prev) => ({ ...prev, [productId]: result.data.orderId }));
+        setApproved((prev) => ({ ...prev, [productId]: true }));
+        setSentPayment((prev) => ({ ...prev, [productId]: true }));
+        setTimeout(() => window.location.reload(), 1500);
+      } else {
+        setMessage({ text: "Pedido criado! Envie o comprovante abaixo.", type: "success" });
+        setOrderIds((prev) => ({ ...prev, [productId]: result.data.orderId }));
+        setExpandedId(productId);
+      }
+    } else {
+      setMessage({ text: result.message, type: "error" });
+      if (result.data?.orderId) {
+        setOrderIds((prev) => ({ ...prev, [productId]: result.data.orderId }));
+      }
+    }
+  };
+
+  const handleSubmitPayment = async (productId) => {
+    const orderId = orderIds[productId];
+    const form = paymentForms[productId] || {};
+
+    if (!orderId || typeof orderId !== "string") {
+      setMessage({ text: "ID do pedido inválido.", type: "error" });
+      return;
+    }
+
+    if (!form.paymentMethod) {
+      setMessage({ text: "Selecione o método de pagamento.", type: "error" });
+      return;
+    }
+
+    setSubmitting((prev) => ({ ...prev, [productId]: true }));
+    setMessage(null);
+
+    const fd = new FormData();
+    fd.append("paymentMethod", form.paymentMethod);
+    if (form.payerName) fd.append("payerName", form.payerName);
+    if (form.receipt) fd.append("receipt", form.receipt);
+
+    const result = await submitOrderPaymentAction(orderId, fd);
+    setSubmitting((prev) => ({ ...prev, [productId]: false }));
+
+    if (result.success) {
+      setMessage({ text: "Comprovante enviado! Aguardando aprovação.", type: "success" });
+      setExpandedId(null);
+      setSentPayment((prev) => ({ ...prev, [productId]: true }));
+    } else {
+      setMessage({ text: result.message, type: "error" });
+    }
+  };
+
+  if (products.length === 0) {
+    return (
+      <div className="border rounded-xl p-8 shadow-sm bg-white dark:bg-neutral-900 dark:border-neutral-800 text-center">
+        <ShoppingBagIcon className="w-12 h-12 text-neutral-300 dark:text-neutral-600 mx-auto mb-3" />
+        <p className="text-neutral-500 dark:text-neutral-400">
+          Nenhum produto disponível no momento.
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4">
+      {message && (
+        <FlashMessage message={message.text} type={message.type} />
+      )}
+
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+        {products.map((product) => {
+          const hasOrder = !!orderIds[product._id];
+          const orderId = orderIds[product._id];
+          const isLoading = loading[product._id];
+          const isAffiliate = product.saleType === "affiliate";
+          const isExpanded = expandedId === product._id;
+          const form = paymentForms[product._id] || {};
+
+          return (
+            <div
+              key={product._id}
+              className={`rounded-xl border overflow-hidden transition-all bg-white dark:bg-neutral-800 group ${
+                isExpanded
+                  ? "border-indigo-400 dark:border-indigo-500 shadow-lg ring-1 ring-indigo-200 dark:ring-indigo-800"
+                  : "border-neutral-200 dark:border-neutral-700 hover:shadow-md"
+              }`}
+            >
+              <ProductImage
+                src={getFileUrl(product.imageUrl)}
+                alt={product.title}
+                className="aspect-video w-full object-cover group-hover:scale-105 transition-transform duration-300"
+                size="lg"
+              />
+
+              <div className="p-5">
+                <div className="flex items-start justify-between gap-2 mb-2">
+                  <h3 className="font-semibold text-neutral-900 dark:text-neutral-100 text-base line-clamp-2">
+                    {product.title}
+                  </h3>
+                  {isAffiliate ? (
+                    <span className="text-xs px-2 py-0.5 rounded-full bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 border border-amber-200 dark:border-amber-700 whitespace-nowrap">
+                      Afiliado
+                    </span>
+                  ) : (
+                    <span className="text-xs px-2 py-0.5 rounded-full bg-indigo-100 dark:bg-indigo-900/30 text-indigo-700 dark:text-indigo-300 border border-indigo-200 dark:border-indigo-700 whitespace-nowrap">
+                      {TYPE_LABELS[product.type] || product.type}
+                    </span>
+                  )}
+                </div>
+
+                {product.description && (
+                  <p className="text-sm text-neutral-500 dark:text-neutral-400 line-clamp-2 mb-4">
+                    {product.description}
+                  </p>
+                )}
+
+                <div className="flex items-center justify-between mt-auto pt-3 border-t border-neutral-100 dark:border-neutral-700">
+                  {product.price > 0 ? (
+                    <span className="text-lg font-bold text-emerald-600 dark:text-emerald-400">
+                      {formatPrice(product.price)}
+                    </span>
+                  ) : (
+                    <span className="text-lg font-bold text-emerald-600 dark:text-emerald-400">
+                      Gratuito
+                    </span>
+                  )}
+
+                  {isAffiliate ? (
+                    <a
+                      href={product.affiliateUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="inline-flex items-center gap-1.5 px-4 py-1.5 bg-amber-500 hover:bg-amber-600 text-white text-sm font-medium rounded-lg transition-colors"
+                    >
+                      Ver Oferta
+                      <ArrowTopRightOnSquareIcon className="w-3.5 h-3.5" />
+                    </a>
+                  ) : !hasOrder ? (
+                    <button
+                      onClick={() => handleBuy(product._id)}
+                      disabled={isLoading}
+                      className="px-4 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium rounded-lg disabled:opacity-50 transition-colors cursor-pointer"
+                    >
+                      {isLoading ? "Criando..." : "Comprar"}
+                    </button>
+                  ) : approved[product._id] && contentMap[product._id] ? (
+                    <button
+                      onClick={() => setExpandedContentId(expandedContentId === product._id ? null : product._id)}
+                      className="inline-flex items-center gap-1.5 px-4 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-sm font-medium rounded-lg transition-colors cursor-pointer"
+                    >
+                      <svg xmlns="http://www.w3.org/2000/svg" className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                        <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+                      </svg>
+                      {expandedContentId === product._id ? "Fechar" : "Baixar Conteúdo"}
+                    </button>
+                  ) : approved[product._id] ? (
+                    <span className="text-xs px-3 py-1.5 rounded-lg bg-emerald-100 dark:bg-emerald-900/20 text-emerald-700 dark:text-emerald-300 font-medium">
+                      Compra Aprovada
+                    </span>
+                  ) : sentPayment[product._id] ? (
+                    <span className="text-xs px-3 py-1.5 rounded-lg bg-amber-100 dark:bg-amber-900/20 text-amber-700 dark:text-amber-300 font-medium">
+                      Aguardando aprovação
+                    </span>
+                  ) : (
+                    <button
+                      onClick={() => setExpandedId(isExpanded ? null : product._id)}
+                      className="inline-flex items-center gap-1.5 px-4 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white text-sm font-medium rounded-lg transition-colors cursor-pointer"
+                    >
+                      <PaperAirplaneIcon className="w-3.5 h-3.5" />
+                      {isExpanded ? "Fechar" : "Enviar Comprovante"}
+                    </button>
+                  )}
+                </div>
+
+                {isExpanded && hasOrder && !sentPayment[product._id] && !approved[product._id] && (
+                  <div className="mt-4 pt-4 border-t border-neutral-100 dark:border-neutral-700 space-y-3">
+                    <p className="text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wide">
+                      Confirmar Pagamento
+                    </p>
+
+                    <div className="grid grid-cols-2 gap-3">
+                      <div>
+                        <label className="block text-xs text-neutral-500 dark:text-neutral-400 mb-1">
+                          Método *
+                        </label>
+                        <select
+                          value={form.paymentMethod || ""}
+                          onChange={(e) =>
+                            setPaymentForms((prev) => ({
+                              ...prev,
+                              [product._id]: { ...prev[product._id], paymentMethod: e.target.value },
+                            }))
+                          }
+                          className="w-full px-2.5 py-1.5 border border-neutral-300 dark:border-neutral-600 rounded-lg text-sm text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                        >
+                          <option value="">Selecione</option>
+                          <option value="pix">PIX</option>
+                          <option value="bank_transfer">Transferência</option>
+                          <option value="cash">Dinheiro</option>
+                          <option value="credit_card">Cartão Crédito</option>
+                          <option value="debit_card">Cartão Débito</option>
+                        </select>
+                      </div>
+
+                      <div>
+                        <label className="block text-xs text-neutral-500 dark:text-neutral-400 mb-1">
+                          Quem pagou
+                        </label>
+                        <input
+                          type="text"
+                          value={form.payerName || ""}
+                          onChange={(e) =>
+                            setPaymentForms((prev) => ({
+                              ...prev,
+                              [product._id]: { ...prev[product._id], payerName: e.target.value },
+                            }))
+                          }
+                          className="w-full px-2.5 py-1.5 border border-neutral-300 dark:border-neutral-600 rounded-lg text-sm text-neutral-700 dark:text-neutral-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-neutral-700"
+                          placeholder="Nome (se diferente)"
+                        />
+                      </div>
+                    </div>
+
+                    <div>
+                      <label className="block text-xs text-neutral-500 dark:text-neutral-400 mb-1">
+                        Comprovante (imagem)
+                      </label>
+                      <input
+                        type="file"
+                        accept="image/*"
+                        onChange={(e) => {
+                          const file = e.target.files?.[0] || null;
+                          setPaymentForms((prev) => ({
+                            ...prev,
+                            [product._id]: { ...prev[product._id], receipt: file },
+                          }));
+                        }}
+                        className="w-full text-sm text-neutral-700 dark:text-neutral-200 file:mr-3 file:py-1.5 file:px-3 file:rounded-lg file:border-0 file:text-xs file:font-medium file:bg-indigo-50 dark:file:bg-indigo-900/20 file:text-indigo-700 dark:file:text-indigo-300 hover:file:bg-indigo-100"
+                      />
+                    </div>
+
+                    <button
+                      onClick={() => handleSubmitPayment(product._id)}
+                      disabled={submitting[product._id]}
+                      className="w-full py-2 bg-emerald-600 hover:bg-emerald-700 text-white text-sm font-medium rounded-lg disabled:opacity-50 transition-colors cursor-pointer"
+                    >
+                      {submitting[product._id] ? "Enviando..." : "Enviar Comprovante"}
+                    </button>
+                  </div>
+                )}
+
+                {expandedContentId === product._id && approved[product._id] && contentMap[product._id] && (
+                  <ContentSection content={contentMap[product._id]} />
+                )}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}
+
+function ContentSection({ content }) {
+  const { files } = content.content || { files: [] };
+
+  return (
+    <div className="mt-4 pt-4 border-t border-neutral-100 dark:border-neutral-700 space-y-3">
+      <p className="text-xs text-neutral-500 dark:text-neutral-400 font-medium uppercase tracking-wide">
+        Arquivos para Download
+      </p>
+
+      {files.length > 0 && (
+        <div className="space-y-2">
+          {files.map((file) => (
+            <a
+              key={file._id}
+              href={file.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-3 p-3 rounded-lg bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-700 hover:bg-emerald-100 dark:hover:bg-emerald-900/30 transition-colors"
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5 text-emerald-600 dark:text-emerald-400 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+              </svg>
+              <div className="flex-1 min-w-0">
+                <p className="text-sm font-medium text-emerald-700 dark:text-emerald-300 truncate">
+                  {file.title}
+                </p>
+                {file.size && (
+                  <p className="text-xs text-emerald-500 dark:text-emerald-400">
+                    {(file.size / 1024).toFixed(0)} KB
+                  </p>
+                )}
+              </div>
+              <svg xmlns="http://www.w3.org/2000/svg" className="w-4 h-4 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
+              </svg>
+            </a>
+          ))}
+        </div>
+      )}
+
+      {files.length === 0 && (
+        <p className="text-sm text-neutral-500 dark:text-neutral-400">
+          Nenhum arquivo disponível para download.
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/produtos/[id]/ProductDetail.jsx b/src/app/(protected)/dashboard/student/produtos/[id]/ProductDetail.jsx
new file mode 100644
index 0000000..b61d03f
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/produtos/[id]/ProductDetail.jsx
@@ -0,0 +1,100 @@
+"use client";
+
+import { useState } from "react";
+import { createOrderAction } from "@/app/lib/orders/actions";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import { ShoppingBagIcon } from "@heroicons/react/24/outline";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+import ProductImage from "@/app/(protected)/components/shared/ProductImage";
+
+const formatPrice = (price) =>
+  new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(price);
+
+const TYPE_LABELS = {
+  digital: "Digital",
+  physical: "Físico",
+  course_access: "Acesso a Curso",
+};
+
+export default function ProductDetail({ product }) {
+  const [loading, setLoading] = useState(false);
+  const [message, setMessage] = useState(null);
+  const [purchased, setPurchased] = useState(false);
+
+  const handleBuy = async () => {
+    setLoading(true);
+    setMessage(null);
+    const result = await createOrderAction(product._id);
+    setLoading(false);
+
+    if (result.success) {
+      setMessage({ text: result.message, type: "success" });
+      setPurchased(true);
+    } else {
+      setMessage({ text: result.message, type: "error" });
+      if (result.data?.orderId) setPurchased(true);
+    }
+  };
+
+  return (
+    <div className="space-y-4">
+      {message && <FlashMessage message={message.text} type={message.type} />}
+
+      <div className="bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 shadow-sm overflow-hidden">
+        <ProductImage
+          src={getFileUrl(product.imageUrl)}
+          alt={product.title}
+          className="aspect-video max-h-80 w-full object-cover"
+          size="lg"
+        />
+
+        <div className="p-6 space-y-4">
+          <div className="flex items-start justify-between gap-4">
+            <div>
+              <h2 className="text-xl font-bold text-neutral-900 dark:text-neutral-100">
+                {product.title}
+              </h2>
+              <span className="text-xs px-2 py-0.5 rounded-full bg-indigo-100 dark:bg-indigo-900/30 text-indigo-700 dark:text-indigo-300 border border-indigo-200 dark:border-indigo-700">
+                {TYPE_LABELS[product.type] || product.type}
+              </span>
+            </div>
+            <span className="text-2xl font-bold text-emerald-600 dark:text-emerald-400">
+              {formatPrice(product.price)}
+            </span>
+          </div>
+
+          {product.description && (
+            <p className="text-neutral-600 dark:text-neutral-400 leading-relaxed">
+              {product.description}
+            </p>
+          )}
+
+          {product.stock !== null && (
+            <p className="text-sm text-neutral-500 dark:text-neutral-400">
+              Estoque disponível: {product.stock} unidades
+            </p>
+          )}
+
+          <div className="pt-4 border-t border-neutral-100 dark:border-neutral-700">
+            {purchased ? (
+              <div className="text-center py-3 rounded-lg bg-emerald-50 dark:bg-emerald-900/20 border border-emerald-200 dark:border-emerald-700">
+                <p className="text-emerald-700 dark:text-emerald-300 font-medium">
+                  Pedido criado! Envie o comprovante em "Minhas Compras".
+                </p>
+              </div>
+            ) : (
+              <button
+                onClick={handleBuy}
+                disabled={loading}
+                className="w-full px-6 py-3 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold rounded-lg disabled:opacity-50 transition-colors flex items-center justify-center gap-2 cursor-pointer"
+              >
+                <ShoppingBagIcon className="w-5 h-5" />
+                {loading ? "Processando..." : "Comprar Agora"}
+              </button>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/produtos/[id]/page.jsx b/src/app/(protected)/dashboard/student/produtos/[id]/page.jsx
new file mode 100644
index 0000000..9bee615
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/produtos/[id]/page.jsx
@@ -0,0 +1,41 @@
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import { getProductsAction } from "@/app/lib/products/actions";
+import ProductDetail from "./ProductDetail";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Link from "next/link";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+
+export default async function StudentProductDetailPage({ params }) {
+  const session = await auth();
+  if (!session) redirect("/auth/login");
+
+  const { id } = await params;
+  const result = await getProductsAction({ active: true });
+  const allProducts = result.success ? result.data : [];
+  const product = allProducts.find((p) => p._id === id);
+
+  if (!product) redirect("/dashboard/student/produtos");
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        <PageHeader
+          title={product.title}
+          subtitle="Detalhes do produto"
+          actions={
+            <Link
+              href="/dashboard/student/produtos"
+              className="inline-flex items-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+            >
+              <ArrowLeftIcon className="w-4 h-4" />
+              Voltar
+            </Link>
+          }
+        />
+        <ProductDetail product={product} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/produtos/page.jsx b/src/app/(protected)/dashboard/student/produtos/page.jsx
new file mode 100644
index 0000000..d5dcf8c
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/produtos/page.jsx
@@ -0,0 +1,57 @@
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import { getProductsAction } from "@/app/lib/products/actions";
+import { getOrdersAction, getOrdersWithContentAction } from "@/app/lib/orders/actions";
+import ProductsGrid from "./ProductsGrid";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Link from "next/link";
+import { ShoppingBagIcon, ClipboardDocumentListIcon } from "@heroicons/react/24/outline";
+
+export default async function StudentProductsPage() {
+  const session = await auth();
+  if (!session) redirect("/auth/login");
+
+  const UserModel = await getUserModel();
+  const user = await UserModel.findOne({ _id: session.user.id }).lean();
+
+  if (!user.roles.includes("student")) redirect("/dispatcher");
+
+  const result = await getProductsAction({ active: true });
+  const products = result.success ? result.data : [];
+
+  const ordersResult = await getOrdersAction({});
+  const orders = ordersResult.success ? ordersResult.data : [];
+
+  const existingOrders = orders.map((o) => ({
+    productId: typeof o.productId === "object" ? o.productId?._id?.toString() || o.productId?.toString() : o.productId,
+    orderId: o._id?.toString(),
+    status: o.status,
+  }));
+
+  const contentResult = await getOrdersWithContentAction();
+  const approvedContent = contentResult.success ? contentResult.data : [];
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        <PageHeader
+          title="Produtos"
+          subtitle="Explore nossos produtos disponíveis para compra"
+          actions={
+            <div className="flex gap-3">
+              <Link
+                href="/dashboard/student/pedidos"
+                className="inline-flex items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground"
+              >
+                <ClipboardDocumentListIcon className="w-4 h-4" />
+                Minhas Compras
+              </Link>
+            </div>
+          }
+        />
+        <ProductsGrid products={products} existingOrders={existingOrders} approvedContent={approvedContent} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/student/profile/page.jsx b/src/app/(protected)/dashboard/student/profile/page.jsx
new file mode 100644
index 0000000..0d04fbb
--- /dev/null
+++ b/src/app/(protected)/dashboard/student/profile/page.jsx
@@ -0,0 +1,35 @@
+import { getUserModel } from "@/app/models/User";
+import { auth } from "@/auth";
+import { redirect } from "next/navigation";
+import { toPlain } from "@/app/lib/helpers/toPlain";
+import ProfileCard from "@/app/(protected)/dashboard/student/components/ProfileCard";
+
+export default async function StudentProfilePage() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/auth/login");
+
+  const User = await getUserModel();
+  const userDoc = await User.findById(session.user.id)
+    .populate("guardiansAccounts", "fullName email username")
+    .lean();
+
+  if (!userDoc) {
+    redirect("/dashboard/student");
+  }
+
+  const user = toPlain(userDoc);
+
+  // Ensure guardiansAccounts is an array
+  const guardians = user.guardiansAccounts || [];
+
+  // Check if student has guardians - if yes, data is read-only
+  const hasGuardians = guardians.length > 0;
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="flex flex-col w-full max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+        <ProfileCard user={{...user, guardiansAccounts: guardians}} hasGuardians={hasGuardians} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/teacher/assignments/[id]/results/page.jsx b/src/app/(protected)/dashboard/teacher/assignments/[id]/results/page.jsx
new file mode 100644
index 0000000..f568021
--- /dev/null
+++ b/src/app/(protected)/dashboard/teacher/assignments/[id]/results/page.jsx
@@ -0,0 +1,81 @@
+import { getExamAssignmentById } from "@/app/lib/actions/examActions";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import ExamResults from "@/app/(protected)/components/teacher/ExamResults";
+import { auth } from "@/app/lib/utils/auth";
+import { getClassModel } from "@/app/models/Class";
+import { redirect } from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function TeacherAssignmentResultsPage({ params }) {
+  const { id: assignmentId } = await params || {};
+
+  if (!isValidObjectId(assignmentId)) {
+    return (
+      <MainSection>
+        <div className="flex flex-col items-center justify-center py-20">
+          <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+        </div>
+      </MainSection>
+    );
+  }
+
+  const session = await auth();
+
+  if (!session?.user?.id) {
+    redirect("/auth/login");
+  }
+
+  const userRoles = Array.isArray(session.user.roles) ? session.user.roles : [];
+  const isTeacher = userRoles.includes("teacher") || session.user.role === "teacher";
+  if (!isTeacher) {
+    return <NotAuthorized />;
+  }
+
+  const result = await getExamAssignmentById(assignmentId);
+  if (!result.success) {
+    return (
+      <MainSection>
+        <div className="max-w-6xl mx-auto p-6">
+          <h1 className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+            Resultados da prova
+          </h1>
+          <p className="text-sm text-red-600 dark:text-red-400 mt-2">
+            {result.error || "Não foi possível carregar os resultados desta prova."}
+          </p>
+        </div>
+      </MainSection>
+    );
+  }
+  const assignment = result.success ? result.data : null;
+
+  // Check if current user is a teacher of the class
+  let canGrade = false;
+  if (session?.user?.id && assignment?.classId) {
+    const Class = await getClassModel();
+    const classRef = assignment.classId?._id || assignment.classId;
+    const classData = await Class.findById(classRef).lean();
+    const teacherIds = classData?.teachers?.map((t) => t.toString()) || [];
+    canGrade = teacherIds.includes(session.user.id);
+  }
+
+  if (!canGrade) {
+    return <NotAuthorized />;
+  }
+
+  return (
+    <MainSection>
+      <div className="max-w-6xl mx-auto p-6">
+        <div className="mb-6">
+          <h1 className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+            {assignment?.title || "Prova"}
+          </h1>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+            Resultados e correção das provas
+          </p>
+        </div>
+        <ExamResults assignmentId={assignmentId} assignmentTitle={assignment?.title} canGrade={canGrade} />
+      </div>
+    </MainSection>
+  );
+}
diff --git a/src/app/(protected)/dashboard/teacher/class/[id]/history/page.jsx b/src/app/(protected)/dashboard/teacher/class/[id]/history/page.jsx
new file mode 100644
index 0000000..98693ea
--- /dev/null
+++ b/src/app/(protected)/dashboard/teacher/class/[id]/history/page.jsx
@@ -0,0 +1,85 @@
+import MainSection from "@/app/(protected)/components/shared/Main";
+import ClassHistoryList from "@/app/(protected)/components/teacher/ClassHistoryList";
+import {getClassModel} from "@/app/models/Class";
+import {getLessonModel} from "@/app/models/Lesson";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import { auth } from "@/app/lib/utils/auth";
+import { redirect } from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+import { getUserModel } from "@/app/models/User";
+
+export default async function ClassHistoryPage({params}) {
+    const {id} = await params || {};
+
+    if (!isValidObjectId(id)) {
+        return (
+            <MainSection>
+                <div className="flex flex-col items-center justify-center py-20">
+                    <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    const session = await auth();
+
+    if (!session?.user?.id) {
+        redirect("/auth/login");
+    }
+
+    const userRoles = Array.isArray(session.user.roles) ? session.user.roles : [];
+    const userRole = session.user.role;
+    const isTeacher = userRoles.includes("teacher") || userRole === "teacher";
+    const isAdmin = userRoles.includes("admin") || userRoles.includes("superadmin") || userRole === "admin" || userRole === "superadmin";
+
+    if (!(isTeacher || isAdmin)) {
+        return <NotAuthorized />;
+    }
+
+    const ClassModel = await getClassModel();
+    const LessonModel = await getLessonModel();
+    await getUserModel();
+
+    const classData = await ClassModel.findById(id)
+        .populate("teachers", "_id")
+        .populate("students", "fullName _id")
+        .lean();
+
+    if (!classData) {
+        return (
+            <MainSection>
+                <div className="text-center py-12">
+                    <p className="text-neutral-600 dark:text-neutral-400">Turma nao encontrada.</p>
+                </div>
+            </MainSection>
+        );
+    }
+
+    const teacherIds = classData.teachers?.map((teacher) => teacher._id?.toString?.() || "") || [];
+    if (!isAdmin && !teacherIds.includes(session.user.id)) {
+        return <NotAuthorized />;
+    }
+
+    const plainClassData = toPlain(classData);
+
+    const lessons = await LessonModel.find({classId: id})
+        .sort({date: -1})
+        .populate("teacherId", "fullName")
+        .populate("attendance.studentId", "fullName")
+        .lean();
+
+    const plainLessons = toPlain(lessons);
+
+    return (
+        <MainSection>
+            <ClassHistoryList
+                classId={id}
+                classTitle={plainClassData?.classTitle || ""}
+                lessons={plainLessons}
+                totalStudents={plainClassData?.students?.length || 0}
+                students={plainClassData?.students || []}
+            />
+        </MainSection>
+    );
+}
diff --git a/src/app/(protected)/dashboard/teacher/class/[id]/page.jsx b/src/app/(protected)/dashboard/teacher/class/[id]/page.jsx
new file mode 100644
index 0000000..77eeb85
--- /dev/null
+++ b/src/app/(protected)/dashboard/teacher/class/[id]/page.jsx
@@ -0,0 +1,237 @@
+import ClassDetail from "@/app/(protected)/components/teacher/ClassDetail";
+import {getClassModel} from "@/app/models/Class";
+import {getFileModel} from "@/app/models/FilesSchema";
+import {getUserModel} from "@/app/models/User";
+import {getLessonModel} from "@/app/models/Lesson";
+import {getExamTemplateModel} from "@/app/models/ExamTemplate";
+import {getExamAttemptModel} from "@/app/models/ExamAttempt";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import {retrieveFiles} from "@/app/lib/helpers/retriveFiles";
+import Link from "next/link";
+import { ArrowLeftIcon } from "@heroicons/react/24/outline";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import Label from "@/app/(protected)/components/shared/Label";
+import { getStatusLabel, getStatusColor, STATUS } from "@/app/lib/helpers/statusPatterns";
+import { auth } from "@/app/lib/utils/auth";
+import { redirect } from "next/navigation";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export default async function TeacherClassPage({params}) {
+    const {id} = await params || {};
+
+    if (!isValidObjectId(id)) {
+        return (
+            <div className="flex flex-col items-center justify-center py-20">
+                <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+            </div>
+        );
+    }
+
+    const session = await auth();
+    if (!session?.user?.id) {
+        redirect("/auth/login");
+    }
+
+    const roles = Array.isArray(session.user.roles) ? session.user.roles : [];
+    const role = session.user.role;
+    const isAdmin = roles.includes("admin") || roles.includes("superadmin") || role === "admin" || role === "superadmin";
+    const isTeacher = roles.includes("teacher") || role === "teacher";
+
+    if (!(isTeacher || isAdmin)) {
+        return <NotAuthorized />;
+    }
+
+    const ClassModel = await getClassModel();
+    await getFileModel();
+    await getUserModel();
+    await getLessonModel();
+    await getExamTemplateModel();
+    await getExamAttemptModel();
+
+    const classData = await ClassModel.findById(id)
+        .populate(
+            [
+                {
+                    path: "files",
+                    select: "title url size description uploadedAt mimetype category",
+                    populate: {
+                        path: "category",
+                        select: "name colorIndex"
+                    }
+                },
+                {
+                    path: "students",
+                    select: "fullName email"
+                },
+                {
+                    path: "teachers",
+                    select: "fullName"
+                }
+            ])
+        .lean();
+
+    if (!classData) {
+        return (
+            <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950 flex items-center justify-center">
+                <div className="text-center">
+                    <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100">Turma nao encontrada</h1>
+                    <p className="text-neutral-600 dark:text-neutral-400 mt-2">Esta turma nao existe ou foi removida.</p>
+                </div>
+            </div>
+        );
+    }
+
+    const teacherIds = classData.teachers?.map((teacher) => teacher._id?.toString?.() || "") || [];
+    if (!isAdmin && !teacherIds.includes(session.user.id)) {
+        return <NotAuthorized />;
+    }
+
+    const plainClassData = toPlain(classData);
+
+    const rawFiles = Array.isArray(plainClassData?.files) ? plainClassData.files : [];
+    const filesData = retrieveFiles(rawFiles);
+    const files = filesData.files;
+
+    const LessonModel = await getLessonModel();
+    const lessons = await LessonModel.find({classId: id}).sort({date: -1}).lean();
+    const plainLessons = toPlain(lessons);
+
+    const totalLessons = plainLessons.length;
+    const classStudentIds = new Set((plainClassData?.students || []).map(s => s._id));
+    const totalStudents = classStudentIds.size;
+
+    let totalPresent = 0;
+    let totalLate = 0;
+    let totalAttendanceRecords = 0;
+
+
+    // Calculate individual attendance
+    const studentAttendance = {};
+    plainLessons.forEach(lesson => {
+        lesson.attendance?.forEach(a => {
+            if (classStudentIds.has(a.studentId)) {
+                totalAttendanceRecords++;
+                if (a.status === 'present') totalPresent++;
+                if (a.status === 'late') totalLate++;
+
+                // Individual attendance
+                if (!studentAttendance[a.studentId]) {
+                    studentAttendance[a.studentId] = { present: 0, late: 0, total: 0 };
+                }
+                studentAttendance[a.studentId].total++;
+                if (a.status === 'present') studentAttendance[a.studentId].present++;
+                if (a.status === 'late') studentAttendance[a.studentId].late++;
+            }
+        });
+    });
+
+    const attendanceRate = totalAttendanceRecords > 0 ? Math.round(((totalPresent + totalLate) / totalAttendanceRecords) * 100) : 0;
+
+    // Fetch exam attempts for individual averages
+    const ExamAttempt = await getExamAttemptModel();
+    const attempts = await ExamAttempt.find({ classId: id }).lean();
+    const plainAttempts = toPlain(attempts);
+
+    // Calculate individual exam averages
+    const studentExamStats = {};
+    plainAttempts.forEach(attempt => {
+        const studentId = attempt.studentId?._id || attempt.studentId;
+        if (!studentExamStats[studentId]) {
+            studentExamStats[studentId] = { totalScore: 0, totalPoints: 0, count: 0 };
+        }
+        if (attempt.score !== undefined && attempt.totalPoints) {
+            studentExamStats[studentId].totalScore += attempt.score;
+            studentExamStats[studentId].totalPoints += attempt.totalPoints;
+            studentExamStats[studentId].count++;
+        }
+    });
+
+    // Enrich students with attendance and exam data
+    const studentsWithData = (plainClassData?.students || []).map(student => {
+        const att = studentAttendance[student._id] || { present: 0, late: 0, total: 0 };
+        const studentAttRate = att.total > 0 ? Math.round(((att.present + att.late) / att.total) * 100) : 0;
+
+        const examStats = studentExamStats[student._id] || { totalScore: 0, totalPoints: 0, count: 0 };
+        const avgScore = examStats.totalPoints > 0 ? (examStats.totalScore / examStats.totalPoints * 10).toFixed(1) : '-';
+
+        return {
+            ...student,
+            attendanceRate: studentAttRate,
+            avgScore: avgScore,
+        };
+    });
+
+    // Fetch exam templates
+    const ExamTemplate = await getExamTemplateModel();
+    const templates = await ExamTemplate.find({
+      $or: [
+        { isPublic: true },
+        { createdBy: { $in: plainClassData?.teachers?.map(t => t._id) || [] } },
+      ],
+    }).lean();
+    const plainTemplates = toPlain(templates);
+
+    // Map DB status value to STATUS constant
+    const normalizedStatus = plainClassData?.status?.toLowerCase() === 'active' ? STATUS.ACTIVE :
+                             plainClassData?.status?.toLowerCase() === 'arquivada' ? STATUS.ARCHIVED :
+                             plainClassData?.status?.toLowerCase() === 'ativa' ? STATUS.ACTIVE :
+                             plainClassData?.status?.toLowerCase() === 'inativa' ? STATUS.INACTIVE :
+                             STATUS.ACTIVE;
+
+    const cls = {
+        id: id || "",
+        classTitle: plainClassData?.classTitle || "",
+        teachers: plainClassData?.teachers.map(t => t.fullName) || [],
+        status: plainClassData?.status,
+        schedule: {days: plainClassData?.schedule?.days || [], time: plainClassData?.schedule?.time || []},
+        nextSession: {date: "2025-08-27", topic: "Present Simple — Rotinas", room: "Sala 204"},
+        stats: {students: totalStudents, attendanceRate, avgScore: 8.1, pendingSubmissions: 5, totalLessons},
+        link: plainClassData?.link,
+        materials: files,
+        categories: filesData.categories,
+        recentActivity: [
+            {when: "Hoje 09:20", text: "3 alunos enviaram tarefa — 'Daily routine (texto curto)'"},
+            {when: "Ontem 21:05", text: "Você postou 'Aviso: trazer workbook assinado'"},
+            {when: "Ontem 20:40", text: "Presenças registradas (16/18)"},
+        ],
+    };
+
+    return (
+        <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+            <div className="flex flex-col w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-6">
+                <PageHeader
+                    title={
+                        <div className="flex items-center gap-3">
+                            <span>{cls.classTitle || "Detalhes da Turma"}</span>
+                            <Label color={getStatusColor(normalizedStatus)}>
+                                {getStatusLabel(normalizedStatus)}
+                            </Label>
+                        </div>
+                    }
+                    subtitle={`${cls.teachers?.join(", ") || ""} · ${(cls.schedule?.days || []).join(", ") || ""} · ${cls.schedule?.time || ""}`}
+                    actions={
+                        <Link
+                            href="/dashboard/teacher"
+                            className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+                        >
+                            <ArrowLeftIcon className="w-4 h-4" />
+                            Voltar
+                        </Link>
+                    }
+                />
+
+                <ClassDetail
+                    clsData={cls}
+                    filesData={files}
+                    categories={filesData.categories}
+                    students={studentsWithData}
+                    classId={id}
+                    templates={plainTemplates || []}
+                    historyPath={`/dashboard/teacher/class/${id}/history`}
+                    assignmentResultsBasePath="/dashboard/teacher"
+                />
+            </div>
+        </div>
+    );
+}
diff --git a/src/app/(protected)/dashboard/teacher/components/ClassButtonLink.jsx b/src/app/(protected)/dashboard/teacher/components/ClassButtonLink.jsx
new file mode 100644
index 0000000..f29d0c6
--- /dev/null
+++ b/src/app/(protected)/dashboard/teacher/components/ClassButtonLink.jsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { useActionState, useEffect, useState } from "react";
+import { saveClassLink } from "@/app/lib/classes/saveClassLinkAction";
+import { FaRegEdit } from "react-icons/fa";
+import { IoMdAdd } from "react-icons/io";
+
+export default function ClassLinkButton({cls, fullWidth = false}) {
+  const initialState = { success: false, message: null };
+  const [localCls, setLocalCls] = useState(cls);
+  const [isAddingLink, setIsAddingLink] = useState(false);
+  const [linkValue, setLinkValue] = useState(cls?.link || "");
+  const [state, formAction, isPending] = useActionState(saveClassLink, initialState);
+
+  useEffect(() => {
+    if (state?.success) {
+      setLocalCls((prev) => ({ ...prev, link: state.link }));
+      setLinkValue(state.link || "");
+      setIsAddingLink(false);
+    }
+  }, [state]);
+
+  const openEditor = () => {
+    setLinkValue(localCls?.link || "");
+    setIsAddingLink(true);
+  };
+
+  const closeEditor = () => {
+    if (isPending) return;
+    setIsAddingLink(false);
+  };
+
+  const feedbackMessage = state?.message ? (
+    <p className={`text-sm ${state?.success ? "text-emerald-500" : "text-red-500"}`}>
+      {state?.message}
+    </p>
+  ) : null;
+
+  return (
+    <div className={fullWidth ? "w-full" : ""}>
+      {isAddingLink ? (
+        <form action={formAction} className="flex flex-col gap-3 w-full">
+          <input type="hidden" name="id" value={localCls.id} />
+          <input
+            type="url"
+            name="link"
+            placeholder="Cole o link da aula aqui"
+            value={linkValue}
+            onChange={(e) => setLinkValue(e.target.value)}
+            className="w-full border rounded-xl p-3 text-sm bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 focus:outline-none focus:ring-2 focus:ring-blue-500 text-neutral-800 dark:text-neutral-200"
+          />
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-2 w-full">
+            <button
+              type="button"
+              onClick={closeEditor}
+              disabled={isPending}
+              className="w-full border rounded-xl px-4 py-3 text-sm bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-shadow text-neutral-800 dark:text-neutral-200 disabled:opacity-50"
+            >
+              Cancelar
+            </button>
+            <button
+              type="submit"
+              disabled={isPending}
+              className="w-full border rounded-xl px-4 py-3 text-sm bg-blue-600 dark:bg-blue-600 border-blue-600 dark:border-blue-600 hover:bg-blue-500 dark:hover:bg-blue-500 transition-shadow text-white font-medium disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {isPending ? "Salvando..." : "Salvar"}
+            </button>
+          </div>
+          {feedbackMessage}
+        </form>
+      ) : (
+        <button
+          onClick={openEditor}
+          className={`border rounded-xl px-4 py-3 text-sm bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:shadow-md transition-shadow text-neutral-800 dark:text-neutral-200 flex items-center justify-center gap-2 whitespace-nowrap ${fullWidth ? "w-full" : ""}`}
+        >
+          {localCls.link ? <FaRegEdit /> : <IoMdAdd />}
+          <span className="font-medium">{localCls.link ? "Editar Link" : "Adicionar Link"}</span>
+        </button>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dashboard/teacher/exam-templates/page.jsx b/src/app/(protected)/dashboard/teacher/exam-templates/page.jsx
new file mode 100644
index 0000000..71942c9
--- /dev/null
+++ b/src/app/(protected)/dashboard/teacher/exam-templates/page.jsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { useState } from "react";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import TemplateList from "@/app/(protected)/components/exam-templates/TemplateList";
+import TemplateForm from "@/app/(protected)/components/exam-templates/TemplateForm";
+
+export default function TeacherExamTemplatesPage() {
+  const [refreshKey, setRefreshKey] = useState(0);
+
+  return (
+    <MainSection>
+      <div className="max-w-6xl mx-auto p-6">
+        <div className="mb-6">
+          <h1 className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+            Templates de Prova
+          </h1>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+            Crie e gerencie templates de provas para reutilizar em suas turmas
+          </p>
+        </div>
+        <TemplateManager
+          key={refreshKey}
+          onRefresh={() => setRefreshKey(prev => prev + 1)}
+        />
+      </div>
+    </MainSection>
+  );
+}
+
+function TemplateManager({ onRefresh }) {
+  const [isFormOpen, setIsFormOpen] = useState(false);
+  const [editingTemplate, setEditingTemplate] = useState(null);
+
+  const handleSave = () => {
+    setIsFormOpen(false);
+    setEditingTemplate(null);
+    onRefresh();
+  };
+
+  return (
+    <>
+      <TemplateList
+        onEdit={(template) => {
+          setEditingTemplate(template);
+          setIsFormOpen(true);
+        }}
+      />
+      <TemplateForm
+        isOpen={isFormOpen}
+        onClose={() => {
+          setIsFormOpen(false);
+          setEditingTemplate(null);
+        }}
+        template={editingTemplate}
+        onSave={handleSave}
+      />
+    </>
+  );
+}
diff --git a/src/app/(protected)/dashboard/teacher/page.jsx b/src/app/(protected)/dashboard/teacher/page.jsx
new file mode 100644
index 0000000..3f903b4
--- /dev/null
+++ b/src/app/(protected)/dashboard/teacher/page.jsx
@@ -0,0 +1,29 @@
+import React from "react";
+import { auth } from "@/auth";
+import { getUserModel } from "@/app/models/User";
+import {redirect} from "next/navigation";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+import MainSection from "@/app/(protected)/components/shared/Main";
+import {getClassModel} from "@/app/models/Class";
+import {toPlain} from "@/app/lib/helpers/toPlain";
+import {ClassCardComponent} from "@/app/(protected)/components/shared/ClassCardsComponent";
+
+async function TeacherDashboardPage() {
+    const session = await auth();
+    if (!session) redirect("/auth/login");
+    const UserModel = await getUserModel();
+    const user = await UserModel.findOne({_id: session.user.id}).lean();
+
+    const ClassModel = await getClassModel();
+    const teachersClasses = await ClassModel.find({teachers: user._id}).lean();
+    const plainClassObjects = toPlain(teachersClasses)
+
+    return (
+        <MainSection>
+            <PageHeader title="Painel do Professor" subtitle="Administre suas turmas, atribua tarefas, notas etc."/>
+            <ClassCardComponent classes={plainClassObjects} hrefBase="/dashboard/teacher/class"/>
+        </MainSection>
+    );
+}
+
+export default TeacherDashboardPage;
diff --git a/src/app/(protected)/dispatcher/RoleDispatcher.jsx b/src/app/(protected)/dispatcher/RoleDispatcher.jsx
new file mode 100644
index 0000000..22bd273
--- /dev/null
+++ b/src/app/(protected)/dispatcher/RoleDispatcher.jsx
@@ -0,0 +1,75 @@
+"use client";
+
+import {
+  UserCircleIcon,
+  AcademicCapIcon,
+  UserIcon,
+  UserGroupIcon,
+} from "@heroicons/react/24/outline";
+import DashboardCard from "@/app/(protected)/components/shared/DashboardCard";
+import PageHeader from "@/app/(protected)/components/shared/PageHeader";
+
+const roleConfig = {
+  admin: {
+    title: "Administrador",
+    description: "Acesse o painel administrativo completo.",
+    buttonText: "Entrar como Admin",
+    buttonColor: "indigo",
+    link: "/admin/dashboard",
+    icon: UserCircleIcon,
+  },
+  teacher: {
+    title: "Professor",
+    description: "Gerencie suas turmas e alunos.",
+    buttonText: "Entrar como Professor",
+    buttonColor: "emerald",
+    link: "/dashboard/teacher",
+    icon: AcademicCapIcon,
+  },
+  parent: {
+    title: "Responsável",
+    description: "Acompanhe seus filhos e seeja o progresso deles.",
+    buttonText: "Entrar como Responsável",
+    buttonColor: "purple",
+    link: "/dashboard/guardian",
+    icon: UserIcon,
+  },
+  student: {
+    title: "Aluno",
+    description: "Veja suas aulas, atividades e progresso.",
+    buttonText: "Entrar como Aluno",
+    buttonColor: "sky",
+    link: "/dashboard/student",
+    icon: UserGroupIcon,
+  },
+};
+
+export default function RoleDispatcher({ userRoles }) {
+  return (
+    <div className="max-w-6xl mx-auto p-6">
+      <PageHeader
+        title="Escolha seu destino"
+        subtitle="Você possui mais de um papel. Escolha abaixo como deseja acessar:"
+        icon=""
+      />
+
+      <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+        {userRoles.map((role) => {
+          const cfg = roleConfig[role];
+          if (!cfg) return null;
+          return (
+            <DashboardCard
+              key={role}
+              title={cfg.title}
+              description={cfg.description}
+              buttonText={cfg.buttonText}
+              buttonColor={cfg.buttonColor}
+              link={cfg.link}
+              icon={cfg.icon}
+            />
+          );
+        })}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/dispatcher/page.jsx b/src/app/(protected)/dispatcher/page.jsx
new file mode 100644
index 0000000..7265cc9
--- /dev/null
+++ b/src/app/(protected)/dispatcher/page.jsx
@@ -0,0 +1,43 @@
+import { auth } from "@/auth";
+import { redirect } from "next/navigation";
+import RoleDispatcher from "@/app/(protected)/dispatcher/RoleDispatcher";
+import NotAuthorized from "@/app/auth/components/NotAuthorized";
+
+async function DispatcherPage() {
+  const session = await auth();
+
+  if (!session || !session.user || !session.user.roles) {
+    redirect("/auth/login");
+  }
+
+  const userRoles = session.user.roles;
+
+  if (userRoles.length > 1) {
+    return (
+      <>
+        <RoleDispatcher userRoles={userRoles} />
+      </>
+    );
+  }
+
+  if (userRoles.includes("admin")) {
+    redirect("/admin/dashboard");
+  }
+  if (userRoles.includes("teacher")) {
+    redirect("/dashboard/teacher");
+  }
+  if (userRoles.includes("parent")) {
+    redirect("/dashboard/guardian");
+  }
+  if (userRoles.includes("student")) {
+    redirect("/dashboard/student");
+  }
+
+  return (
+    <>
+      <NotAuthorized />
+    </>
+  );
+}
+
+export default DispatcherPage;
diff --git a/src/app/(protected)/error.jsx b/src/app/(protected)/error.jsx
new file mode 100644
index 0000000..86f5be4
--- /dev/null
+++ b/src/app/(protected)/error.jsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function Error({ error, reset }) {
+  useEffect(() => {
+    console.error("Erro na área protegida:", error);
+  }, [error]);
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] p-8">
+      <div className="max-w-md w-full text-center">
+        <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/30">
+          <svg className="h-8 w-8 text-red-600 dark:text-red-400" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+          </svg>
+        </div>
+        <h2 className="text-xl font-bold text-neutral-900 dark:text-neutral-100 mb-2">
+          Erro ao carregar
+        </h2>
+        <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-6">
+          Não foi possível carregar esta página. Tente novamente.
+        </p>
+        <div className="flex gap-3 justify-center">
+          <button
+            onClick={reset}
+            className="px-5 py-2.5 text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 rounded-lg transition-colors"
+          >
+            Tentar novamente
+          </button>
+          <button
+            onClick={() => window.location.href = "/"}
+            className="px-5 py-2.5 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Ir para o início
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(protected)/files/[relatedToType]/[relatedToId]/add/page.jsx b/src/app/(protected)/files/[relatedToType]/[relatedToId]/add/page.jsx
new file mode 100644
index 0000000..89cd773
--- /dev/null
+++ b/src/app/(protected)/files/[relatedToType]/[relatedToId]/add/page.jsx
@@ -0,0 +1,22 @@
+import React from "react";
+import PageSectionTitle from "@/app/(protected)/components/shared/PageSectionTitle";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+
+async function AddFileClass({ params }) {
+  const { relatedToType, relatedToId } = await params;
+  console.log("Rel type: ", relatedToType)
+
+  return (
+    <>
+      <div className="flex flex-col w-full">
+        <div>
+          <PageSectionTitle title="Adicionar Arquivo" className="mb-8" />
+        </div>
+
+        <FileUploadComponent relType={relatedToType} relId={relatedToId} redirectUrl={relatedToType === 'class' ? `/dashboard/teacher/class/${relatedToId}` : null} />
+      </div>
+    </>
+  );
+}
+
+export default AddFileClass;
diff --git a/src/app/(protected)/files/add/page.jsx b/src/app/(protected)/files/add/page.jsx
new file mode 100644
index 0000000..8b85275
--- /dev/null
+++ b/src/app/(protected)/files/add/page.jsx
@@ -0,0 +1,18 @@
+import React from "react";
+import PageSectionTitle from "@/app/(protected)/components/shared/PageSectionTitle";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+
+function AddFileClass() {
+  return (
+    <>
+      <div className="flex flex-col w-full">
+        <div>
+          <PageSectionTitle title="Adicionar Arquivo" className="mb-8" />
+        </div>
+        <FileUploadComponent />
+      </div>
+    </>
+  );
+}
+
+export default AddFileClass;
diff --git a/src/app/(protected)/files/components/FileUploadForm.jsx b/src/app/(protected)/files/components/FileUploadForm.jsx
new file mode 100644
index 0000000..62dbee8
--- /dev/null
+++ b/src/app/(protected)/files/components/FileUploadForm.jsx
@@ -0,0 +1,246 @@
+"use client";
+
+import React, { useEffect, useState, useRef } from "react";
+import { useActionState } from "react";
+import { saveFileAction } from "@/app/lib/generalActions/saveFileAction";
+import { relatedToTitleUrl, relatedToTitle } from "@/app/lib/helpers/generalUtils";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+
+const initialState = {
+  success: false,
+  message: null,
+  inputs: {},
+};
+
+const MAX_FILE_SIZE = 500 * 1024 * 1024; // 500MB
+
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+}
+
+export default function FileUploadComponent({
+  relType = null,
+  relId = null,
+  file = null,
+}) {
+  const router = useRouter();
+  const fileInputRef = useRef(null);
+
+  const [state, formAction, isPending] = useActionState(
+    saveFileAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+
+  const [type] = useState(relType);
+  const [catId] = useState(relId);
+  const [editing] = useState(file ? true : false);
+
+  // File validation states
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [fileError, setFileError] = useState("");
+  const [fileSize, setFileSize] = useState("");
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      // Only redirect/clear on success, keep error message visible
+      if (state.success) {
+        const timer = setTimeout(() => {
+          setShowMessage(false);
+          if (file) {
+            const relatedToType = relatedToTitleUrl(file.relatedToType);
+            router.push(`/admin/dashboard/${relatedToType}/files/${file.relatedToId}`);
+          } else {
+            if (fileInputRef.current) {
+              fileInputRef.current.value = "";
+              setSelectedFile(null);
+              setFileSize("");
+              setFileError("");
+            }
+          }
+        }, 1500);
+        return () => clearTimeout(timer);
+      }
+      // On error, keep message visible until user submits again
+    }
+  }, [state?.message, file]);
+
+  const handleFileChange = (e) => {
+    const file = e.target.files?.[0];
+    setFileError("");
+    setSelectedFile(null);
+    setFileSize("");
+
+    if (!file) return;
+
+    // Validate file size
+    if (file.size > MAX_FILE_SIZE) {
+      setFileError(`Arquivo muito grande! Máximo permitido: ${formatFileSize(MAX_FILE_SIZE)}`);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+      return;
+    }
+
+    setSelectedFile(file);
+    setFileSize(formatFileSize(file.size));
+  };
+
+  return (
+    <form
+      action={formAction}
+      className="bg-white dark:bg-gray-800 p-6 rounded shadow-md max-w-lg mx-auto"
+    >
+      <h2 className="text-xl font-bold mb-4 text-gray-800 dark:text-gray-100">
+        Enviar Arquivo{" "}
+        {relType && relId && <span>para {relatedToTitle(relType)}</span>}
+      </h2>
+      {type && catId && (
+        <>
+          <input type="hidden" name="relatedToType" value={type} />
+          <input type="hidden" name="relatedToId" value={catId} />
+        </>
+      )}
+      {editing && (
+        <>
+          <input type="hidden" name="id" value={file.id} />
+        </>
+      )}
+
+      {/* Server response message */}
+      {showMessage && state?.message && (
+        <div
+          className={`mb-4 p-3 rounded-lg text-sm font-medium ${
+            state.success
+              ? "bg-emerald-50 dark:bg-emerald-900/20 text-emerald-700 dark:text-emerald-300 border border-emerald-200 dark:border-emerald-700"
+              : "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-300 border border-red-200 dark:border-red-700"
+          }`}
+        >
+          <p className="flex items-center gap-2">
+            {state.success ? (
+              <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+              </svg>
+            ) : (
+              <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+                <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" />
+              </svg>
+            )}
+            {state.message}
+          </p>
+        </div>
+      )}
+
+      {editing && file && (
+        <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
+          Arquivo atual: {file.title} (
+          <Link
+            href={file.url}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-500 hover:underline"
+          >
+            Ver
+          </Link>
+          )
+        </p>
+      )}
+
+      {/* File input with validation */}
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-300 font-semibold mb-2">
+          Arquivo <span className="text-red-500">*</span>
+          <span className="text-xs font-normal text-gray-500 dark:text-gray-400 ml-2">
+            (Máximo: {formatFileSize(MAX_FILE_SIZE)})
+          </span>
+        </label>
+        <input
+          ref={fileInputRef}
+          type="file"
+          name="file"
+          required={!editing}
+          onChange={handleFileChange}
+          disabled={isPending}
+          className={`w-full text-sm file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold ${
+            fileError
+              ? "file:bg-red-50 file:text-red-700 dark:file:bg-red-900/30 dark:file:text-red-300"
+              : "file:bg-indigo-50 file:text-indigo-700 dark:file:bg-indigo-900/30 dark:file:text-indigo-300 hover:file:bg-indigo-100"
+          } ${isPending ? "opacity-50 cursor-not-allowed" : ""}`}
+        />
+        {/* File info / error */}
+        {fileError && (
+          <p className="mt-2 text-sm text-red-600 dark:text-red-400 flex items-center gap-1">
+            <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+              <path fillRule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clipRule="evenodd" />
+            </svg>
+            {fileError}
+          </p>
+        )}
+        {selectedFile && !fileError && (
+          <p className="mt-2 text-sm text-emerald-600 dark:text-emerald-400 flex items-center gap-1">
+            <svg className="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
+              <path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+            </svg>
+            {selectedFile.name} ({fileSize})
+          </p>
+        )}
+      </div>
+
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-300 font-semibold mb-2">
+          Título <span className="text-red-500">*</span>:
+        </label>
+        <input
+          type="text"
+          name="title"
+          required
+          disabled={isPending}
+          className="w-full border rounded px-3 py-2 text-gray-800 dark:text-gray-100 dark:bg-gray-700 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+          placeholder="Título do arquivo"
+          defaultValue={editing ? file.title : state?.inputs?.file}
+        />
+      </div>
+
+      <div className="mb-4">
+        <label className="block text-gray-700 dark:text-gray-300 font-semibold mb-2">
+          Descrição:
+        </label>
+        <input
+          type="text"
+          name="description"
+          disabled={isPending}
+          className="w-full border rounded px-3 py-2 text-gray-800 dark:text-gray-100 dark:bg-gray-700 dark:border-gray-600 disabled:opacity-50 disabled:cursor-not-allowed"
+          placeholder="Descrição opcional..."
+          defaultValue={editing ? file.description : state?.inputs?.description}
+        />
+      </div>
+
+      {/* Submit button with loading state */}
+      <button
+        type="submit"
+        disabled={isPending || !!fileError}
+        className="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2"
+      >
+        {isPending ? (
+          <>
+            <svg className="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+              <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+              <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg>
+            {editing ? "Atualizando..." : "Enviando..."}
+          </>
+        ) : (
+          <>
+            {editing ? "Atualizar" : "Enviar Arquivo"}
+          </>
+        )}
+      </button>
+    </form>
+  );
+}
diff --git a/src/app/(protected)/files/edit/[id]/page.jsx b/src/app/(protected)/files/edit/[id]/page.jsx
new file mode 100644
index 0000000..7961ed5
--- /dev/null
+++ b/src/app/(protected)/files/edit/[id]/page.jsx
@@ -0,0 +1,44 @@
+import React from "react";
+import PageSectionTitle from "@/app/(protected)/components/shared/PageSectionTitle";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+import { getItemById } from "@/app/lib/helpers/getItems";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+async function EditFile({ params }) {
+  const {id} = await params;
+
+  if (!isValidObjectId(id)) {
+    return (
+      <div className="flex flex-col items-center justify-center py-20">
+        <p className="text-lg text-neutral-500 dark:text-neutral-400">Registro não encontrado.</p>
+      </div>
+    );
+  }
+
+  const fileModel = await getFileModel();
+  const file = await getItemById(fileModel, id);
+    const shapedFile = file
+    ? {
+        id: file._id.toString() || id,
+        title: file.title,
+        description: file.description,
+        relatedToType: file.relatedToType,
+        relatedToId: file.relatedToId.toString(),
+        url: file.url
+      }
+    : null;
+
+  return (
+    <>
+      <div className="flex flex-col w-full">
+        <div>
+          <PageSectionTitle title="Adicionar Arquivo" className="mb-8" />
+        </div>
+        <FileUploadComponent file={shapedFile}/>
+      </div>
+    </>
+  );
+}
+
+export default EditFile;
diff --git a/src/app/(protected)/files/page.jsx b/src/app/(protected)/files/page.jsx
new file mode 100644
index 0000000..5be02c1
--- /dev/null
+++ b/src/app/(protected)/files/page.jsx
@@ -0,0 +1,23 @@
+
+import React from "react";
+import PageSectionTitle from "@/app/(protected)/components/shared/PageSectionTitle";
+import FileUploadComponent from "@/app/(protected)/admin/dashboard/files/components/FileUploadForm";
+
+function AddFileClass() {
+  return (
+    <>
+      <div className="flex flex-col w-full">
+        <div>
+          <PageSectionTitle
+            title="Adicionar Arquivo"
+            className="mb-8"
+          />
+        </div>
+        {/* <FileUploadComponent /> */}
+        SÓ PÁGINA
+      </div>
+    </>
+  );
+}
+
+export default AddFileClass;
diff --git a/src/app/(protected)/layout.jsx b/src/app/(protected)/layout.jsx
new file mode 100644
index 0000000..f4f5a02
--- /dev/null
+++ b/src/app/(protected)/layout.jsx
@@ -0,0 +1,8 @@
+
+export default function DashboardLayout({ children }) {
+  return (
+      <main>
+        {children}
+      </main>
+  );
+}
diff --git a/src/app/api/assignments/[id]/attempts/route.js b/src/app/api/assignments/[id]/attempts/route.js
new file mode 100644
index 0000000..5f7f46f
--- /dev/null
+++ b/src/app/api/assignments/[id]/attempts/route.js
@@ -0,0 +1,67 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET /api/assignments/[id]/attempts - Get all attempts for an assignment
+export async function GET(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: assignmentId } = await params;
+    if (!isValidObjectId(assignmentId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    // Verify assignment exists
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(assignmentId).lean();
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // Check if user is admin
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    const isAdmin = currentUser?.roles?.includes("admin");
+
+    // Check if user is teacher of the class
+    const Class = await getClassModel();
+    const classData = await Class.findById(assignment.classId).lean();
+    const teacherIds = classData?.teachers?.map((t) => t.toString()) || [];
+
+    if (!isAdmin && !teacherIds.includes(session.user.id)) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    const ExamAttempt = await getExamAttemptModel();
+
+    const attempts = await ExamAttempt.find({ assignmentId })
+      .populate("studentId", "fullName email")
+      .sort({ submittedAt: -1 })
+      .lean();
+
+    return NextResponse.json(attempts, { status: 200 });
+  } catch (error) {
+    console.error("Erro na API /api/assignments/[id]/attempts:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar tentativas.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/assignments/[id]/my-results/route.js b/src/app/api/assignments/[id]/my-results/route.js
new file mode 100644
index 0000000..ffa0671
--- /dev/null
+++ b/src/app/api/assignments/[id]/my-results/route.js
@@ -0,0 +1,129 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { requireClassMembership, AuthError } from "@/app/lib/middleware/authorization";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET /api/assignments/[id]/my-results - Get student's results for an assignment
+export async function GET(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: assignmentId } = await params;
+    if (!isValidObjectId(assignmentId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    // Get assignment
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(assignmentId)
+      .populate("examTemplateId")
+      .lean();
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // SECURITY: Verify student is a member of the class
+    await requireClassMembership(assignment.classId, session.user.id);
+
+    // Get student's attempts
+    const ExamAttempt = await getExamAttemptModel();
+    const attempts = await ExamAttempt.find({
+      assignmentId,
+      studentId: session.user.id,
+    })
+      .sort({ attemptNumber: -1 })
+      .lean();
+
+    // Filter out in-progress attempts
+    const completedAttempts = attempts.filter((a) => a.status !== "in_progress");
+
+    // Check if any attempt is fully graded
+    const hasGradedResults = completedAttempts.some(
+      (a) => a.gradingStatus === "fully_graded" || a.gradingStatus === "auto_graded"
+    );
+
+    // If results shouldn't be shown yet or still grading, return minimal data
+    if (!assignment.showResultsAfterGrading || !hasGradedResults) {
+      return NextResponse.json(
+        {
+          attempts: [],
+          attemptCount: completedAttempts.length,
+          assignment: {
+            title: assignment.title || assignment.examTemplateId?.title,
+            totalPoints: assignment.totalPoints,
+            maxAttempts: assignment.maxAttempts || 1,
+          },
+          needsGrading: !hasGradedResults,
+        },
+        { status: 200 }
+      );
+    }
+
+    // For fully graded attempts, include the template with answers
+    const results = completedAttempts.map((attempt) => {
+      if (attempt.gradingStatus === "fully_graded" || attempt.gradingStatus === "auto_graded") {
+        const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+          ? assignment.customQuestions
+          : assignment.examTemplateId?.questions || [];
+
+        return {
+          ...attempt,
+          template: {
+            title: assignment.title || assignment.examTemplateId?.title,
+            totalPoints: questions.reduce((sum, q) => sum + (q.points || 0), 0),
+            questions: questions.map((q) => {
+              const answer = attempt.answers.find((a) => a.questionId.toString() === q._id.toString());
+              return {
+                _id: q._id,
+                questionText: q.questionText,
+                questionType: q.questionType,
+                points: q.points,
+                options: q.options,
+                userAnswer: answer || null,
+              };
+            }),
+          },
+        };
+      }
+      return attempt;
+    });
+
+    return NextResponse.json(
+      {
+        attempts: results,
+        attemptCount: completedAttempts.length,
+        assignment: {
+          title: assignment.title || assignment.examTemplateId?.title,
+          totalPoints: assignment.totalPoints,
+          maxAttempts: assignment.maxAttempts || 1,
+        },
+        needsGrading: !hasGradedResults,
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("Erro na API /api/assignments/[id]/my-results:", error);
+    // Handle AuthError specifically
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar resultados.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/assignments/[id]/route.js b/src/app/api/assignments/[id]/route.js
new file mode 100644
index 0000000..43995d1
--- /dev/null
+++ b/src/app/api/assignments/[id]/route.js
@@ -0,0 +1,161 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { requireClassMembership, AuthError } from "@/app/lib/middleware/authorization";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET /api/assignments/[id] - Get single assignment
+export async function GET(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const ExamAssignment = await getExamAssignmentModel();
+
+    const assignment = await ExamAssignment.findById(id)
+      .populate("examTemplateId")
+      .populate("assignedBy", "fullName")
+      .populate("classId", "classTitle")
+      .lean();
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // SECURITY: Verify user is a member of the class
+    await requireClassMembership(assignment.classId, session.user.id);
+
+    return NextResponse.json(assignment, { status: 200 });
+  } catch (error) {
+    console.error("Erro na API /api/assignments/[id]:", error);
+    // Handle AuthError specifically
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar atribuição.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// PUT /api/assignments/[id] - Update assignment
+export async function PUT(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(id);
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // Check if user is the assigner
+    if (assignment.assignedBy.toString() !== session.user.id) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    // Update fields
+    if (body.title !== undefined) assignment.title = body.title;
+    if (body.description !== undefined) assignment.description = body.description;
+    if (body.instructions !== undefined) assignment.instructions = body.instructions;
+    if (body.timeLimit !== undefined) assignment.timeLimit = body.timeLimit;
+    if (body.allowRetakes !== undefined) assignment.allowRetakes = body.allowRetakes;
+    if (body.maxAttempts !== undefined) assignment.maxAttempts = body.maxAttempts;
+    if (body.showResultsAfterGrading !== undefined) assignment.showResultsAfterGrading = body.showResultsAfterGrading;
+    if (body.startDate !== undefined) assignment.startDate = new Date(body.startDate);
+    if (body.endDate !== undefined) assignment.endDate = new Date(body.endDate);
+    if (body.status !== undefined) assignment.status = body.status;
+
+    await assignment.save();
+
+    return NextResponse.json(assignment, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao atualizar atribuição:", error);
+    // Handle AuthError specifically
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao atualizar atribuição.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE /api/assignments/[id] - Delete assignment
+export async function DELETE(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(id);
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // Check if user is the assigner
+    if (assignment.assignedBy.toString() !== session.user.id) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    await ExamAssignment.findByIdAndDelete(id);
+
+    return NextResponse.json({ success: true }, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao deletar atribuição:", error);
+    // Handle AuthError specifically
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao deletar atribuição.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/assignments/[id]/start/route.js b/src/app/api/assignments/[id]/start/route.js
new file mode 100644
index 0000000..8b0ea6a
--- /dev/null
+++ b/src/app/api/assignments/[id]/start/route.js
@@ -0,0 +1,121 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// POST /api/assignments/[id]/start - Start/create new exam attempt
+export async function POST(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: assignmentId } = await params;
+    if (!isValidObjectId(assignmentId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(assignmentId).lean();
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // Check if assignment is active
+    if (assignment.status !== "active") {
+      return NextResponse.json({ error: "Prova não disponível" }, { status: 400 });
+    }
+
+    // Check if exam is within date range
+    const now = new Date();
+    if (now < new Date(assignment.startDate)) {
+      return NextResponse.json({ error: "Prova ainda não disponível" }, { status: 400 });
+    }
+    if (now > new Date(assignment.endDate)) {
+      return NextResponse.json({ error: "Prova encerrada" }, { status: 400 });
+    }
+
+    // Check if user is a student in the class
+    const Class = await getClassModel();
+    const classData = await Class.findById(assignment.classId).lean();
+    const studentIds = classData?.students?.map((s) => s.toString()) || [];
+
+    if (!studentIds.includes(session.user.id)) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    const ExamAttempt = await getExamAttemptModel();
+
+    // Check existing attempts
+    const existingAttempts = await ExamAttempt.find({
+      assignmentId,
+      studentId: session.user.id,
+    });
+
+    // First, check if there's an in-progress attempt (to continue)
+    const inProgressAttempt = existingAttempts.find((a) => a.status === "in_progress");
+    if (inProgressAttempt) {
+      return NextResponse.json(inProgressAttempt, { status: 200 });
+    }
+
+    // Count only completed attempts (not in_progress) for max attempts check
+    const completedAttempts = existingAttempts.filter((a) => a.status !== "in_progress");
+
+    // Check if max attempts reached
+    if (completedAttempts.length >= assignment.maxAttempts) {
+      return NextResponse.json({ error: "Número máximo de tentativas atingido" }, { status: 400 });
+    }
+
+    // Determine attempt number based on completed attempts
+    const attemptNumber = completedAttempts.length + 1;
+
+    // Get template questions
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(assignment.examTemplateId).lean();
+
+    if (!template) {
+      return NextResponse.json({ error: "Template não encontrado" }, { status: 404 });
+    }
+
+    // Create new attempt with blank answers
+    const answers = template.questions.map((q) => ({
+      questionId: q._id,
+      selectedOptionId: q.questionType === "multiple_choice" ? null : undefined,
+      textAnswer: q.questionType === "text" ? "" : undefined,
+      isCorrect: null,
+      pointsEarned: 0,
+    }));
+
+    const newAttempt = await ExamAttempt.create({
+      assignmentId,
+      examTemplateId: assignment.examTemplateId,
+      studentId: session.user.id,
+      classId: assignment.classId,
+      answers,
+      attemptNumber,
+      startedAt: now,
+      status: "in_progress",
+      gradingStatus: "pending",
+    });
+
+    return NextResponse.json(newAttempt, { status: 201 });
+  } catch (error) {
+    console.error("Erro ao iniciar prova:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao iniciar prova.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/attempts/[id]/answers/[answerId]/grade/route.js b/src/app/api/attempts/[id]/answers/[answerId]/grade/route.js
new file mode 100644
index 0000000..0e8d711
--- /dev/null
+++ b/src/app/api/attempts/[id]/answers/[answerId]/grade/route.js
@@ -0,0 +1,113 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// PUT /api/attempts/[id]/answers/[answerId]/grade - Grade a single answer
+export async function PUT(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: attemptId, answerId } = await params;
+    if (!isValidObjectId(attemptId) || !isValidObjectId(answerId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempt = await ExamAttempt.findById(attemptId);
+
+    if (!attempt) {
+      return NextResponse.json({ error: "Tentativa não encontrada" }, { status: 404 });
+    }
+
+    if (body.version !== undefined && attempt.version !== body.version) {
+      return NextResponse.json(
+        { error: "Esta tentativa foi modificada por outra sessão. Por favor, recarregue e tente novamente." },
+        { status: 409 }  // 409 Conflict
+      );
+    }
+
+    // Only teachers of the class can grade (not even admin unless they're also a teacher)
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(attempt.examTemplateId).lean();
+
+    const Class = await getClassModel();
+    const classData = await Class.findById(attempt.classId).lean();
+    const teacherIds = classData?.teachers?.map((t) => t.toString()) || [];
+
+    if (!teacherIds.includes(session.user.id)) {
+      return NextResponse.json({ error: "Acesso negado. Apenas professores da turma podem corrigir provas." }, { status: 403 });
+    }
+
+    // Find the answer to grade
+    const answer = attempt.answers.id(answerId);
+    if (!answer) {
+      return NextResponse.json({ error: "Resposta não encontrada" }, { status: 404 });
+    }
+
+    // Update answer with grade
+    if (body.isCorrect !== undefined) {
+      answer.isCorrect = body.isCorrect;
+    }
+    if (body.pointsEarned !== undefined) {
+      answer.pointsEarned = body.pointsEarned;
+    }
+    // Accept both 'feedback' and 'teacherFeedback' for backwards compatibility
+    if (body.feedback !== undefined || body.teacherFeedback !== undefined) {
+      answer.teacherFeedback = body.feedback || body.teacherFeedback;
+    }
+    answer.gradedBy = session.user.id;
+    answer.gradedAt = new Date();
+
+    // Recalculate total score
+    let totalScore = 0;
+    let hasUngraded = false;
+
+    for (const ans of attempt.answers) {
+      totalScore += ans.pointsEarned || 0;
+      if (ans.isCorrect === null) {
+        hasUngraded = true;
+      }
+    }
+
+    attempt.score = totalScore;
+
+    // Calculate percentage using attempt's totalPoints (stored at submission)
+    // Fallback to template.totalPoints for backwards compatibility with old attempts
+    const totalPoints = attempt.totalPoints || template?.totalPoints || 0;
+    if (totalPoints > 0) {
+      attempt.percentage = Math.round((totalScore / totalPoints) * 100);
+    }
+
+    // Update grading status
+    if (hasUngraded) {
+      attempt.gradingStatus = "partially_graded";
+    } else {
+      attempt.gradingStatus = "fully_graded";
+      attempt.status = "graded";
+    }
+
+    await attempt.save();
+
+    return NextResponse.json(attempt, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao avaliar resposta:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao avaliar resposta.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/attempts/[id]/route.js b/src/app/api/attempts/[id]/route.js
new file mode 100644
index 0000000..cd084b5
--- /dev/null
+++ b/src/app/api/attempts/[id]/route.js
@@ -0,0 +1,112 @@
+import { NextResponse } from "next/server";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getUserModel } from "@/app/models/User";
+import connectDB from "@/app/config/mongodb";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export async function GET(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    await connectDB();
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    // Ensure all models are registered
+    await getUserModel();
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempt = await ExamAttempt.findById(id)
+      .populate("studentId", "fullName email")
+      .populate("assignmentId", "title examTemplateId useCustomQuestions customQuestions")
+      .lean();
+
+    if (!attempt) {
+      return NextResponse.json({ error: "Attempt not found" }, { status: 404 });
+    }
+
+    // Check authorization (student can only see their own, teacher can see all for their assignments, admin can see all)
+    const userRoles = session.user.roles || [];
+    const isStudent = userRoles.includes("student");
+    const isTeacher = userRoles.includes("teacher");
+    const isAdmin = userRoles.includes("admin");
+
+    if (isStudent && attempt.studentId._id.toString() !== session.user.id) {
+      return NextResponse.json({ error: "Unauthorized" }, { status: 403 });
+    }
+
+    // For teachers, verify they teach the class (unless admin)
+    if (isTeacher && !isAdmin) {
+      const ExamAssignment = await getExamAssignmentModel();
+      const assignment = await ExamAssignment.findById(attempt.assignmentId._id || attempt.assignmentId)
+        .populate("classId")
+        .lean();
+
+      if (assignment?.classId?.teachers) {
+        const teacherIds = assignment.classId.teachers.map(t => t.toString());
+        if (!teacherIds.includes(session.user.id)) {
+          return NextResponse.json({ error: "Unauthorized - Not the class teacher" }, { status: 403 });
+        }
+      }
+    }
+
+    // Get assignment details
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(attempt.assignmentId._id || attempt.assignmentId)
+      .populate("examTemplateId")
+      .lean();
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Assignment not found" }, { status: 404 });
+    }
+
+    // Get template details
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(
+      assignment.examTemplateId._id || assignment.examTemplateId
+    ).lean();
+
+    if (!template) {
+      return NextResponse.json({ error: "Template not found" }, { status: 404 });
+    }
+
+    // Determine which questions to use
+    const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+      ? assignment.customQuestions
+      : template.questions || [];
+
+    // Map questions with user answers
+    const questionsWithAnswers = questions.map((q) => {
+      const userAnswer = attempt.answers?.find(
+        (a) => a.questionId.toString() === q._id.toString()
+      );
+      return {
+        ...q,
+        userAnswer: userAnswer || null,
+      };
+    });
+
+    // Return properly serialized data
+    return NextResponse.json(JSON.parse(JSON.stringify({
+      ...attempt,
+      template: {
+        ...template,
+        questions: questionsWithAnswers,
+      },
+    })));
+  } catch (error) {
+    console.error("Error fetching attempt:", error);
+    return NextResponse.json(
+      { error: "Failed to fetch attempt" },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/attempts/[id]/submit/route.js b/src/app/api/attempts/[id]/submit/route.js
new file mode 100644
index 0000000..bedff44
--- /dev/null
+++ b/src/app/api/attempts/[id]/submit/route.js
@@ -0,0 +1,168 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// POST /api/attempts/[id]/submit - Submit exam attempt
+export async function POST(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: attemptId } = await params;
+    if (!isValidObjectId(attemptId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempt = await ExamAttempt.findById(attemptId);
+
+    if (!attempt) {
+      return NextResponse.json({ error: "Tentativa não encontrada" }, { status: 404 });
+    }
+
+    if (body.version !== undefined && attempt.version !== body.version) {
+      return NextResponse.json(
+        { error: "Esta tentativa foi modificada por outra sessão. Por favor, recarregue e tente novamente." },
+        { status: 409 }  // 409 Conflict
+      );
+    }
+
+    // Check if user owns this attempt
+    if (attempt.studentId.toString() !== session.user.id) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    // Check if already submitted
+    if (attempt.status !== "in_progress") {
+      return NextResponse.json({ error: "Tentativa já enviada" }, { status: 400 });
+    }
+
+    // Get assignment for settings and template for questions
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(attempt.assignmentId);
+
+    if (!assignment) {
+      return NextResponse.json({ error: "Atribuição não encontrada" }, { status: 404 });
+    }
+
+    // Get template for totalPoints calculation
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(assignment.examTemplateId);
+
+    // Determine which questions to use (custom or template)
+    const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+      ? assignment.customQuestions
+      : template?.questions || [];
+
+    console.log("Submit API - body.answers:", body.answers);
+    console.log("Submit API - attempt.answers before:", attempt.answers);
+
+    // Update answers with submitted data
+    if (body.answers && Array.isArray(body.answers)) {
+      for (const submittedAnswer of body.answers) {
+        console.log("Processing submittedAnswer:", submittedAnswer);
+        const answer = attempt.answers.id(submittedAnswer.questionId);
+        console.log("Found answer:", answer);
+        if (answer) {
+          if (submittedAnswer.selectedOptionId !== undefined) {
+            answer.selectedOptionId = submittedAnswer.selectedOptionId;
+          }
+          if (submittedAnswer.textAnswer !== undefined) {
+            answer.textAnswer = submittedAnswer.textAnswer;
+          }
+          console.log("Updated answer:", answer);
+        } else {
+          console.log("Answer not found for questionId:", submittedAnswer.questionId);
+        }
+      }
+    }
+
+    console.log("Submit API - attempt.answers after:", attempt.answers);
+
+    // Auto-grade multiple choice questions
+    let totalScore = 0;
+    let hasTextQuestions = false;
+
+    for (const answer of attempt.answers) {
+      const question = questions.find(q => q._id.toString() === answer.questionId.toString());
+      if (!question) continue;
+
+      if (question.questionType === "multiple_choice") {
+        // Auto-grade multiple choice
+        if (answer.selectedOptionId) {
+          const selectedOption = question.options.find(o => o._id.toString() === answer.selectedOptionId?.toString());
+          if (selectedOption && selectedOption.isCorrect) {
+            answer.isCorrect = true;
+            answer.pointsEarned = question.points;
+          } else {
+            answer.isCorrect = false;
+            answer.pointsEarned = 0;
+          }
+        } else {
+          answer.isCorrect = false;
+          answer.pointsEarned = 0;
+        }
+        totalScore += answer.pointsEarned;
+      } else if (question.questionType === "text") {
+        hasTextQuestions = true;
+        // Text answers need manual grading
+        answer.isCorrect = null;
+        answer.pointsEarned = 0;
+      }
+    }
+
+    // Calculate time spent
+    const submittedAt = new Date();
+    const timeSpent = Math.floor((submittedAt - attempt.startedAt) / 1000);
+
+    // Calculate total points for the exam
+    const totalPoints = questions.reduce((sum, q) => sum + (q.points || 0), 0);
+
+    // Update attempt
+    attempt.submittedAt = submittedAt;
+    attempt.timeSpent = timeSpent;
+    attempt.score = totalScore;
+    attempt.totalPoints = totalPoints;
+
+    // Calculate percentage
+    if (totalPoints > 0) {
+      attempt.percentage = Math.round((totalScore / totalPoints) * 100);
+    }
+
+    // Set grading status
+    if (!hasTextQuestions) {
+      // All questions are multiple choice
+      attempt.gradingStatus = "auto_graded";
+      attempt.autoGraded = true;
+      attempt.status = "graded";
+    } else {
+      // Has text questions requiring manual grading
+      attempt.gradingStatus = "partially_graded";
+      attempt.autoGraded = false;
+      attempt.status = "submitted";
+    }
+
+    await attempt.save();
+
+    return NextResponse.json(attempt, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao enviar prova:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao enviar prova.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/auth/[...nextauth]/route.js b/src/app/api/auth/[...nextauth]/route.js
new file mode 100644
index 0000000..86c9f3d
--- /dev/null
+++ b/src/app/api/auth/[...nextauth]/route.js
@@ -0,0 +1,3 @@
+import { handlers } from "@/auth";
+
+export const { GET, POST } = handlers;
diff --git a/src/app/api/categories/route.js b/src/app/api/categories/route.js
new file mode 100644
index 0000000..a52e24b
--- /dev/null
+++ b/src/app/api/categories/route.js
@@ -0,0 +1,116 @@
+import connectDB from "@/app/config/mongodb";
+import { getCategoryModel } from "@/app/models/Category";
+import { NextResponse } from "next/server";
+import { getNextColorIndex } from "@/app/lib/helpers/categoryColors";
+import { requireAuth, requireRole, AuthError } from "@/app/lib/middleware/authorization";
+
+// GET /api/categories - List all categories
+export async function GET(request) {
+  await connectDB();
+
+  try {
+    // Verify authentication
+    await requireAuth();
+
+    const CategoryModel = await getCategoryModel();
+    const categories = await CategoryModel.find({}).lean();
+
+    // Assign colorIndex to existing categories that don't have one
+    let needsUpdate = false;
+    for (const cat of categories) {
+      if (cat.colorIndex === undefined) {
+        needsUpdate = true;
+        break;
+      }
+    }
+
+    // If any category lacks colorIndex, migrate them
+    if (needsUpdate) {
+      console.log("Migrating categories without colorIndex...");
+      let currentIndex = 0;
+
+      // Get categories with colorIndex first, to know where to start
+      const withColorIndex = await CategoryModel.find({ colorIndex: { $exists: true } }).sort({ colorIndex: 1 });
+      if (withColorIndex.length > 0) {
+        currentIndex = Math.max(...withColorIndex.map(c => c.colorIndex)) + 1;
+      }
+
+      // Update categories without colorIndex
+      const withoutColorIndex = await CategoryModel.find({ colorIndex: { $exists: false } });
+      for (const cat of withoutColorIndex) {
+        await CategoryModel.findByIdAndUpdate(cat._id, { colorIndex: currentIndex % 10 });
+        currentIndex++;
+      }
+
+      console.log(`Migrated ${withoutColorIndex.length} categories.`);
+
+      // Re-fetch after migration
+      const updatedCategories = await CategoryModel.find({}).lean();
+      return NextResponse.json(updatedCategories, { status: 200 });
+    }
+
+    return NextResponse.json(categories, { status: 200 });
+  } catch (error) {
+    // Handle AuthError specifically for proper status codes
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    console.error("Erro na API /api/categories:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar as categorias.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// POST /api/categories - Create new category (admin or teacher only)
+export async function POST(request) {
+  await connectDB();
+
+  try {
+    // Verify authentication and admin/teacher role
+    await requireRole("admin", "teacher");
+
+    const body = await request.json();
+    const CategoryModel = await getCategoryModel();
+
+    // Check if category already exists
+    const existing = await CategoryModel.findOne({ name: body.name });
+    if (existing) {
+      return NextResponse.json(
+        { error: "Categoria com este nome já existe" },
+        { status: 400 }
+      );
+    }
+
+    // Assign next color index automatically
+    const count = await CategoryModel.countDocuments();
+    const colorIndex = getNextColorIndex(count);
+
+    const category = await CategoryModel.create({
+      name: body.name,
+      description: body.description,
+      colorIndex: colorIndex,
+    });
+
+    return NextResponse.json(category, { status: 201 });
+  } catch (error) {
+    // Handle AuthError specifically for proper status codes
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    console.error("Erro ao criar categoria:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao criar categoria.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/classes/[id]/assignments/route.js b/src/app/api/classes/[id]/assignments/route.js
new file mode 100644
index 0000000..78a27b6
--- /dev/null
+++ b/src/app/api/classes/[id]/assignments/route.js
@@ -0,0 +1,136 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getClassModel } from "@/app/models/Class";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { requireClassMembership, AuthError } from "@/app/lib/middleware/authorization";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET /api/classes/[id]/assignments - List assignments for a class
+export async function GET(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId } = await params;
+    if (!isValidObjectId(classId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    // SECURITY: Verify user is a member of this class (student or teacher)
+    await requireClassMembership(classId, session.user.id);
+    // Ensure ExamTemplate model is registered before populate
+    await getExamTemplateModel();
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamAttempt = await getExamAttemptModel();
+
+    const assignments = await ExamAssignment.find({ classId })
+      .populate("examTemplateId", "title totalPoints questionCount")
+      .populate("assignedBy", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    // Add attempt count for each assignment
+    const assignmentIds = assignments.map(a => a._id);
+    const attemptCounts = await ExamAttempt.aggregate([
+      { $match: { assignmentId: { $in: assignmentIds } } },
+      { $group: { _id: "$assignmentId", count: { $sum: 1 } } }
+    ]);
+
+    const attemptCountMap = Object.fromEntries(
+      attemptCounts.map(({ _id, count }) => [_id.toString(), count])
+    );
+
+    const enrichedAssignments = assignments.map(a => ({
+      ...a,
+      attemptCount: attemptCountMap[a._id.toString()] || 0
+    }));
+
+    return NextResponse.json(enrichedAssignments, { status: 200 });
+  } catch (error) {
+    console.error("Erro na API /api/classes/[id]/assignments:", error);
+    // Handle AuthError specifically
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar atribuições.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// POST /api/classes/[id]/assignments - Create assignment (assign template to class)
+export async function POST(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId } = await params;
+    if (!isValidObjectId(classId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+
+    // Validate teacher is in the class
+    const Class = await getClassModel();
+    const classData = await Class.findById(classId).lean();
+    if (!classData) {
+      return NextResponse.json({ error: "Turma não encontrada" }, { status: 404 });
+    }
+
+    const teacherIds = classData.teachers.map((t) => t.toString());
+    if (!teacherIds.includes(session.user.id)) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    const ExamAssignment = await getExamAssignmentModel();
+
+    const assignmentData = {
+      examTemplateId: body.examTemplateId,
+      classId,
+      assignedBy: session.user.id,
+      title: body.title,
+      description: body.description,
+      instructions: body.instructions,
+      timeLimit: body.timeLimit,
+      allowRetakes: body.allowRetakes || false,
+      maxAttempts: body.maxAttempts || 1,
+      showResultsAfterGrading: body.showResultsAfterGrading !== undefined ? body.showResultsAfterGrading : true,
+      startDate: new Date(body.startDate),
+      endDate: new Date(body.endDate),
+      status: body.status || "active",
+    };
+
+    const newAssignment = await ExamAssignment.create(assignmentData);
+
+    // Populate template info for response
+    await newAssignment.populate("examTemplateId", "title totalPoints questionCount");
+
+    return NextResponse.json(newAssignment, { status: 201 });
+  } catch (error) {
+    console.error("Erro ao criar atribuição:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao criar atribuição.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/classes/[id]/lessons/[lessonId]/route.js b/src/app/api/classes/[id]/lessons/[lessonId]/route.js
new file mode 100644
index 0000000..240894e
--- /dev/null
+++ b/src/app/api/classes/[id]/lessons/[lessonId]/route.js
@@ -0,0 +1,231 @@
+import connectDB from "@/app/config/mongodb";
+import { getLessonModel } from "@/app/models/Lesson";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+import { sanitizeAttendance } from "@/app/lib/helpers/lessonAttendance";
+
+function hasTeacherAccess(classData, userId) {
+  const teacherIds = (classData?.teachers || []).map((teacherId) => teacherId.toString());
+  return teacherIds.includes(userId);
+}
+
+async function isAdmin(session) {
+  const roles = session.user.roles || [];
+  const role = session.user.role;
+  return roles.includes("admin") || roles.includes("superadmin") || role === "admin" || role === "superadmin";
+}
+
+// PUT /api/classes/[id]/lessons/[lessonId] - Atualizar aula (presença/anotações)
+export async function PUT(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId, lessonId } = await params;
+    if (!isValidObjectId(classId) || !isValidObjectId(lessonId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+    const { date, topic, notes, links, fileIds, attendance } = body;
+
+    const Lesson = await getLessonModel();
+    const lesson = await Lesson.findById(lessonId);
+
+    if (!lesson) {
+      return NextResponse.json({ error: "Aula não encontrada" }, { status: 404 });
+    }
+
+    // Verificar se o usuário é professor da turma
+    const Class = await getClassModel();
+    const classData = await Class.findById(classId).lean();
+    if (!classData) {
+      return NextResponse.json({ error: "Turma não encontrada" }, { status: 404 });
+    }
+
+    if (!hasTeacherAccess(classData, session.user.id)) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Somente professores desta turma podem atualizar aula.",
+          code: "LESSON_UPDATE_FORBIDDEN",
+        },
+        { status: 403 }
+      );
+    }
+
+    // Atualizar campos
+    if (date) lesson.date = new Date(date);
+    if (topic) lesson.topic = topic;
+    if (notes !== undefined) lesson.notes = notes;
+    if (links !== undefined) lesson.links = links;
+    if (fileIds !== undefined) lesson.files = fileIds;
+    if (attendance) {
+      // Normaliza (studentId pode chegar como objeto populado) e valida.
+      const { normalized, clean } = sanitizeAttendance(attendance);
+      if (normalized.length !== clean.length) {
+        return NextResponse.json(
+          {
+            success: false,
+            message: "Dados de presença inválidos.",
+            code: "LESSON_ATTENDANCE_INVALID",
+          },
+          { status: 400 }
+        );
+      }
+      lesson.attendance = clean;
+    }
+
+    await lesson.save();
+
+    const updatedLesson = await Lesson.findById(lessonId)
+      .populate("teacherId", "fullName")
+      .populate("attendance.studentId", "fullName")
+      .populate("files")
+      .lean();
+
+    return NextResponse.json(updatedLesson, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao atualizar aula:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao atualizar aula.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// PATCH /api/classes/[id]/lessons/[lessonId] - Remover link ou material específico
+export async function PATCH(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId, lessonId } = await params;
+    if (!isValidObjectId(classId) || !isValidObjectId(lessonId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    const body = await request.json();
+    const { removeLinkIndex, removeFileId } = body;
+
+    if (removeLinkIndex === undefined && !removeFileId) {
+      return NextResponse.json({ error: "Informe removeLinkIndex ou removeFileId" }, { status: 400 });
+    }
+
+    const Lesson = await getLessonModel();
+    const lesson = await Lesson.findById(lessonId);
+
+    if (!lesson) {
+      return NextResponse.json({ error: "Aula não encontrada" }, { status: 404 });
+    }
+
+    const Class = await getClassModel();
+    const classData = await Class.findById(classId).lean();
+    if (!classData) {
+      return NextResponse.json({ error: "Turma não encontrada" }, { status: 404 });
+    }
+
+    if (!isAdmin(session) && !hasTeacherAccess(classData, session.user.id)) {
+      return NextResponse.json(
+        { success: false, message: "Sem permissão para alterar esta aula.", code: "LESSON_PATCH_FORBIDDEN" },
+        { status: 403 }
+      );
+    }
+
+    if (removeLinkIndex !== undefined) {
+      if (removeLinkIndex < 0 || removeLinkIndex >= lesson.links.length) {
+        return NextResponse.json({ error: "Índice de link inválido" }, { status: 400 });
+      }
+      lesson.links.splice(removeLinkIndex, 1);
+    }
+
+    if (removeFileId) {
+      lesson.files = lesson.files.filter((f) => f.toString() !== removeFileId);
+    }
+
+    await lesson.save();
+
+    const updatedLesson = await Lesson.findById(lessonId)
+      .populate("teacherId", "fullName")
+      .populate("attendance.studentId", "fullName")
+      .populate("files")
+      .lean();
+
+    return NextResponse.json(updatedLesson, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao atualizar aula (PATCH):", error);
+    return NextResponse.json(
+      { success: false, message: "Erro ao atualizar aula.", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE /api/classes/[id]/lessons/[lessonId] - Deletar aula
+export async function DELETE(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId, lessonId } = await params;
+    if (!isValidObjectId(classId) || !isValidObjectId(lessonId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    const Lesson = await getLessonModel();
+    const lesson = await Lesson.findById(lessonId);
+
+    if (!lesson) {
+      return NextResponse.json({ error: "Aula não encontrada" }, { status: 404 });
+    }
+
+    // Verificar se o usuário é professor da turma
+    const Class = await getClassModel();
+    const classData = await Class.findById(classId).lean();
+    if (!classData) {
+      return NextResponse.json({ error: "Turma não encontrada" }, { status: 404 });
+    }
+
+    if (!hasTeacherAccess(classData, session.user.id)) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Somente professores desta turma podem excluir aula.",
+          code: "LESSON_DELETE_FORBIDDEN",
+        },
+        { status: 403 }
+      );
+    }
+
+    await Lesson.findByIdAndDelete(lessonId);
+
+    return NextResponse.json({ message: "Aula deletada com sucesso" }, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao deletar aula:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao deletar aula.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/classes/[id]/lessons/route.js b/src/app/api/classes/[id]/lessons/route.js
new file mode 100644
index 0000000..48c07cb
--- /dev/null
+++ b/src/app/api/classes/[id]/lessons/route.js
@@ -0,0 +1,160 @@
+import connectDB from "@/app/config/mongodb";
+import { getLessonModel } from "@/app/models/Lesson";
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+import { sanitizeAttendance } from "@/app/lib/helpers/lessonAttendance";
+
+function hasTeacherAccess(classData, userId) {
+  const teacherIds = (classData?.teachers || []).map((teacherId) => teacherId.toString());
+  return teacherIds.includes(userId);
+}
+
+// GET /api/classes/[id]/lessons - Lista aulas da turma
+export async function GET(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId } = await params;
+    if (!isValidObjectId(classId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const Lesson = await getLessonModel();
+
+    const lessons = await Lesson.find({ classId })
+      .populate("teacherId", "fullName")
+      .populate("attendance.studentId", "fullName")
+      .populate("files")
+      .sort({ date: -1 })
+      .lean();
+
+    return NextResponse.json(lessons, { status: 200 });
+  } catch (error) {
+    console.error("Erro na API /api/classes/[id]/lessons:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar aulas.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// POST /api/classes/[id]/lessons - Criar nova aula
+export async function POST(request, { params }) {
+  await connectDB();
+
+  try {
+    console.log("POST /api/classes/[id]/lessons - Starting lesson creation");
+    const session = await auth();
+    console.log("Session:", session);
+    if (!session?.user) {
+      console.log("No session or user");
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id: classId } = await params;
+    if (!isValidObjectId(classId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    console.log("ClassId:", classId);
+    const body = await request.json();
+    console.log("Request body:", body);
+    const { date, topic, notes, links, fileIds, attendance } = body;
+    console.log("Destructured data - date:", date, "topic:", topic, "notes:", notes, "links:", links, "fileIds:", fileIds, "attendance:", attendance);
+
+    // Validar se o usuário é professor da turma
+    const Class = await getClassModel();
+    const classData = await Class.findById(classId).lean();
+    console.log("Class data:", classData);
+    if (!classData) {
+      console.log("Class not found");
+      return NextResponse.json({ error: "Turma não encontrada" }, { status: 404 });
+    }
+
+    console.log("Session user id:", session.user.id);
+    console.log("Class teachers:", classData.teachers);
+    if (!hasTeacherAccess(classData, session.user.id)) {
+      console.log("User not in teachers list");
+      return NextResponse.json(
+        {
+          success: false,
+          message:
+            "Somente professores desta turma podem registrar aula. Se você for admin, use uma conta/professor vinculado a esta turma.",
+          code: "LESSON_CREATE_FORBIDDEN",
+        },
+        { status: 403 }
+      );
+    }
+
+    // Normaliza (studentId pode chegar como objeto populado) e valida presença.
+    const { normalized: normalizedAttendance, clean: cleanAttendance } = sanitizeAttendance(attendance);
+    if (normalizedAttendance.length !== cleanAttendance.length) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Dados de presença inválidos.",
+          code: "LESSON_ATTENDANCE_INVALID",
+        },
+        { status: 400 }
+      );
+    }
+
+    const Lesson = await getLessonModel();
+    console.log("About to create lesson with data:", {
+      classId,
+      teacherId: session.user.id,
+      date: new Date(date),
+      topic,
+      notes,
+      links,
+      fileIds,
+      attendance: cleanAttendance,
+    });
+    let newLesson;
+    try {
+      newLesson = await Lesson.create({
+        classId,
+        teacherId: session.user.id,
+        date: new Date(date),
+        topic,
+        notes,
+        links: links || [],
+        files: fileIds || [],
+        attendance: cleanAttendance,
+      });
+      console.log("Lesson created successfully:", newLesson);
+    } catch (error) {
+      console.error("Error creating lesson:", error);
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Não foi possível criar a aula.",
+          error: error.message,
+        },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json(newLesson, { status: 201 });
+  } catch (error) {
+    console.error("Erro ao criar aula:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao criar aula.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/classes/route.js b/src/app/api/classes/route.js
new file mode 100644
index 0000000..a474369
--- /dev/null
+++ b/src/app/api/classes/route.js
@@ -0,0 +1,62 @@
+import connectDB from "@/app/config/mongodb";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+import { requireRole, AuthError } from "@/app/lib/middleware/authorization";
+
+export async function GET(request) {
+  await connectDB();
+
+  try {
+    // Verify authentication (any role allowed, but data filtered by role)
+    const session = await requireRole("admin", "teacher", "student", "parent");
+    const userId = session.user.id;
+    const userRoles = session.user.roles || [];
+
+    const Class = await getClassModel();
+
+    let query = {};
+
+    // Filter classes based on user role
+    if (userRoles.includes("admin")) {
+      // Admins see all classes (no filter)
+      query = {};
+    } else if (userRoles.includes("teacher")) {
+      // Teachers see only classes they teach
+      query = { teachers: userId };
+    } else if (userRoles.includes("student")) {
+      // Students see only classes they're enrolled in
+      query = { students: userId };
+    } else {
+      // Parents/guardians see classes their wards are enrolled in
+      // This requires populating the user to get wardAccounts
+      const { getUserModel } = await import("@/app/models/User");
+      const User = await getUserModel();
+      const user = await User.findById(userId).lean();
+      const wardIds = user.wardAccounts || [];
+      query = { students: { $in: wardIds } };
+    }
+
+    const classes = await Class.find(query)
+      .populate("classType")
+      .populate("teachers", "fullName email")
+      .populate("students", "fullName email")
+      .populate("files")
+      .lean();
+
+    return NextResponse.json(classes, { status: 200 });
+  } catch (error) {
+    // Handle AuthError specifically for proper status codes
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    console.error("Erro na API /api/classes:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar aulas.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/app/api/contact-messages/[id]/route.js b/src/app/api/contact-messages/[id]/route.js
new file mode 100644
index 0000000..c92e301
--- /dev/null
+++ b/src/app/api/contact-messages/[id]/route.js
@@ -0,0 +1,97 @@
+import connectDB from "@/app/config/mongodb";
+import { getContactMessageModel } from "@/app/models/ContactMessage";
+import { NextResponse } from "next/server";
+import { requireRole, AuthError } from "@/app/lib/middleware/authorization";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export async function PATCH(request, { params }) {
+  await connectDB();
+
+  try {
+    await requireRole("admin");
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+
+    const ContactMessage = await getContactMessageModel();
+    const message = await ContactMessage.findById(id);
+
+    if (!message) {
+      return NextResponse.json(
+        { success: false, error: "Mensagem não encontrada." },
+        { status: 404 }
+      );
+    }
+
+    if (body.status) {
+      message.status = body.status;
+    }
+    if (body.adminNotes !== undefined) {
+      message.adminNotes = body.adminNotes;
+    }
+    if (body.status === "replied" && !message.repliedAt) {
+      message.repliedAt = new Date();
+    }
+
+    await message.save();
+
+    return NextResponse.json(
+      { success: true, data: message },
+      { status: 200 }
+    );
+  } catch (error) {
+    if (error instanceof AuthError) {
+      return NextResponse.json(
+        { error: error.message },
+        { status: error.status }
+      );
+    }
+    console.error("Erro ao atualizar mensagem:", error);
+    return NextResponse.json(
+      { success: false, error: "Erro ao atualizar mensagem." },
+      { status: 500 }
+    );
+  }
+}
+
+export async function DELETE(request, { params }) {
+  await connectDB();
+
+  try {
+    await requireRole("admin");
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const ContactMessage = await getContactMessageModel();
+    const message = await ContactMessage.findByIdAndDelete(id);
+
+    if (!message) {
+      return NextResponse.json(
+        { success: false, error: "Mensagem não encontrada." },
+        { status: 404 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: true, message: "Mensagem excluída com sucesso." },
+      { status: 200 }
+    );
+  } catch (error) {
+    if (error instanceof AuthError) {
+      return NextResponse.json(
+        { error: error.message },
+        { status: error.status }
+      );
+    }
+    console.error("Erro ao excluir mensagem:", error);
+    return NextResponse.json(
+      { success: false, error: "Erro ao excluir mensagem." },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/contact-messages/route.js b/src/app/api/contact-messages/route.js
new file mode 100644
index 0000000..42fd9e5
--- /dev/null
+++ b/src/app/api/contact-messages/route.js
@@ -0,0 +1,98 @@
+import connectDB from "@/app/config/mongodb";
+import { getContactMessageModel } from "@/app/models/ContactMessage";
+import { NextResponse } from "next/server";
+import { requireRole, AuthError } from "@/app/lib/middleware/authorization";
+import { contactMessageSchema } from "@/app/lib/schemas/contactMessageSchema";
+import { verifySimpleCaptcha } from "@/app/lib/utils/simpleCaptcha";
+
+export async function POST(request) {
+  await connectDB();
+
+  try {
+    const body = await request.json();
+
+    const captchaValid = verifySimpleCaptcha(body.captchaToken || "", body.captchaAnswer || "");
+    if (!captchaValid) {
+      return NextResponse.json(
+        { success: false, error: "Captcha inválido ou expirado. Tente novamente." },
+        { status: 400 }
+      );
+    }
+
+    const parsed = contactMessageSchema.safeParse(body);
+
+    if (!parsed.success) {
+      const fieldErrors = parsed.error.issues.map((e) => e.message).join(", ");
+      return NextResponse.json(
+        { success: false, error: fieldErrors },
+        { status: 400 }
+      );
+    }
+
+    const ContactMessage = await getContactMessageModel();
+    const message = await ContactMessage.create(parsed.data);
+
+    return NextResponse.json(
+      { success: true, data: message },
+      { status: 201 }
+    );
+  } catch (error) {
+    console.error("Erro ao salvar mensagem de contato:", error);
+    return NextResponse.json(
+      { success: false, error: "Erro ao enviar mensagem. Tente novamente." },
+      { status: 500 }
+    );
+  }
+}
+
+export async function GET(request) {
+  await connectDB();
+
+  try {
+    await requireRole("admin");
+
+    const { searchParams } = new URL(request.url);
+    const status = searchParams.get("status");
+    const page = parseInt(searchParams.get("page") || "1", 10);
+    const limit = parseInt(searchParams.get("limit") || "20", 10);
+
+    const ContactMessage = await getContactMessageModel();
+    const filter = {};
+    if (status && ["new", "read", "replied"].includes(status)) {
+      filter.status = status;
+    }
+
+    const total = await ContactMessage.countDocuments(filter);
+    const messages = await ContactMessage.find(filter)
+      .sort({ createdAt: -1 })
+      .skip((page - 1) * limit)
+      .limit(limit)
+      .lean();
+
+    return NextResponse.json(
+      {
+        success: true,
+        data: messages,
+        pagination: {
+          page,
+          limit,
+          total,
+          pages: Math.ceil(total / limit),
+        },
+      },
+      { status: 200 }
+    );
+  } catch (error) {
+    if (error instanceof AuthError) {
+      return NextResponse.json(
+        { error: error.message },
+        { status: error.status }
+      );
+    }
+    console.error("Erro ao buscar mensagens:", error);
+    return NextResponse.json(
+      { success: false, error: "Erro ao buscar mensagens." },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/debug-token/route.js b/src/app/api/debug-token/route.js
new file mode 100644
index 0000000..93b95ba
--- /dev/null
+++ b/src/app/api/debug-token/route.js
@@ -0,0 +1,11 @@
+import { auth } from "@/auth";
+
+export async function GET() {
+  const session = await auth();
+  return Response.json({
+    session: session,
+    user: session?.user,
+    roles: session?.user?.roles,
+    hasAdminRole: session?.user?.roles?.includes("admin"),
+  });
+}
diff --git a/src/app/api/exam-templates/[id]/duplicate/route.js b/src/app/api/exam-templates/[id]/duplicate/route.js
new file mode 100644
index 0000000..a8e1be6
--- /dev/null
+++ b/src/app/api/exam-templates/[id]/duplicate/route.js
@@ -0,0 +1,60 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// POST /api/exam-templates/[id]/duplicate - Duplicate a template
+export async function POST(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    const ExamTemplate = await getExamTemplateModel();
+    const original = await ExamTemplate.findById(id).lean();
+
+    if (!original) {
+      return NextResponse.json({ error: "Template não encontrado" }, { status: 404 });
+    }
+
+    // Check access (owner or public)
+    if (original.createdBy.toString() !== session.user.id && !original.isPublic) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    // Create duplicate
+    const duplicateData = {
+      ...original,
+      _id: undefined,
+      title: `${original.title} (cópia)`,
+      createdBy: session.user.id,
+      isPublic: false,
+      usageCount: 0,
+      createdAt: new Date(),
+      modifiedAt: new Date(),
+    };
+
+    const duplicate = await ExamTemplate.create(duplicateData);
+
+    return NextResponse.json(duplicate, { status: 201 });
+  } catch (error) {
+    console.error("Erro ao duplicar template:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao duplicar template.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/exam-templates/[id]/route.js b/src/app/api/exam-templates/[id]/route.js
new file mode 100644
index 0000000..c61c90b
--- /dev/null
+++ b/src/app/api/exam-templates/[id]/route.js
@@ -0,0 +1,157 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET /api/exam-templates/[id] - Get single template
+export async function GET(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const ExamTemplate = await getExamTemplateModel();
+
+    const template = await ExamTemplate.findById(id)
+      .populate("createdBy", "fullName")
+      .lean();
+
+    if (!template) {
+      return NextResponse.json({ error: "Template não encontrado" }, { status: 404 });
+    }
+
+    // Check if user has access (owner or public)
+    if (template.createdBy._id.toString() !== session.user.id && !template.isPublic) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    return NextResponse.json(template, { status: 200 });
+  } catch (error) {
+    console.error("Erro na API /api/exam-templates/[id]:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar template.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// PUT /api/exam-templates/[id] - Update template
+export async function PUT(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(id);
+
+    if (!template) {
+      return NextResponse.json({ error: "Template não encontrado" }, { status: 404 });
+    }
+
+    // Check if user is the owner
+    if (template.createdBy.toString() !== session.user.id) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    // Update fields
+    if (body.title !== undefined) template.title = body.title;
+    if (body.description !== undefined) template.description = body.description;
+    if (body.instructions !== undefined) template.instructions = body.instructions;
+    if (body.questions !== undefined) template.questions = body.questions;
+    if (body.timeLimit !== undefined) template.timeLimit = body.timeLimit;
+    if (body.category !== undefined) template.category = body.category;
+    if (body.tags !== undefined) template.tags = body.tags;
+    if (body.isPublic !== undefined) template.isPublic = body.isPublic;
+
+    await template.save();
+
+    return NextResponse.json(template, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao atualizar template:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao atualizar template.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE /api/exam-templates/[id] - Delete template
+export async function DELETE(request, { params }) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(id);
+
+    if (!template) {
+      return NextResponse.json({ error: "Template não encontrado" }, { status: 404 });
+    }
+
+    // Check if user is the owner
+    if (template.createdBy.toString() !== session.user.id) {
+      return NextResponse.json({ error: "Acesso negado" }, { status: 403 });
+    }
+
+    // Check if template is being used in any assignment
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignmentsCount = await ExamAssignment.countDocuments({ examTemplateId: id });
+
+    if (assignmentsCount > 0) {
+      return NextResponse.json(
+        { error: `Não é possível excluir. Este template está sendo usado em ${assignmentsCount} atribuição(ões).` },
+        { status: 400 }
+      );
+    }
+
+    await ExamTemplate.findByIdAndDelete(id);
+
+    return NextResponse.json({ success: true }, { status: 200 });
+  } catch (error) {
+    console.error("Erro ao deletar template:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao deletar template.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/exam-templates/route.js b/src/app/api/exam-templates/route.js
new file mode 100644
index 0000000..81ac8f3
--- /dev/null
+++ b/src/app/api/exam-templates/route.js
@@ -0,0 +1,94 @@
+import connectDB from "@/app/config/mongodb";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET /api/exam-templates - List all templates for current user
+export async function GET(request) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const ExamTemplate = await getExamTemplateModel();
+    const { searchParams } = new URL(request.url);
+    const category = searchParams.get("category");
+    const tag = searchParams.get("tag");
+
+    const query = {
+      $or: [
+        { createdBy: session.user.id },
+        { isPublic: true },
+      ],
+    };
+
+    if (category) {
+      query.category = category;
+    }
+
+    if (tag) {
+      query.tags = tag;
+    }
+
+    const templates = await ExamTemplate.find(query)
+      .populate("createdBy", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return NextResponse.json(templates, { status: 200 });
+  } catch (error) {
+    console.error("Erro na API /api/exam-templates:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar templates.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
+
+// POST /api/exam-templates - Create new template
+export async function POST(request) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const body = await request.json();
+    const ExamTemplate = await getExamTemplateModel();
+
+    const templateData = {
+      title: body.title,
+      description: body.description || "",
+      instructions: body.instructions || "",
+      questions: body.questions || [],
+      timeLimit: body.timeLimit || null,
+      category: body.category || null,
+      tags: body.tags || [],
+      createdBy: session.user.id,
+      isPublic: body.isPublic || false,
+    };
+
+    const newTemplate = await ExamTemplate.create(templateData);
+
+    return NextResponse.json(newTemplate, { status: 201 });
+  } catch (error) {
+    console.error("Erro ao criar template:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao criar template.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/files/[...path]/route.js b/src/app/api/files/[...path]/route.js
new file mode 100644
index 0000000..1af7f5b
--- /dev/null
+++ b/src/app/api/files/[...path]/route.js
@@ -0,0 +1,298 @@
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { GetObjectCommand } from "@aws-sdk/client-s3";
+import { getS3Client } from "@/app/lib/utils/storage/s3Client";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { getClassModel } from "@/app/models/Class";
+import fs from "fs/promises";
+import path from "path";
+
+const STORAGE_TYPE = process.env.STORAGE_TYPE || "s3";
+const LOCAL_STORAGE_PATH = process.env.LOCAL_STORAGE_PATH || "./storage/uploads";
+const bucketName = process.env.S3_BUCKET;
+
+// Get the project root directory (works in both dev and standalone)
+const getProjectRoot = () => {
+  const cwd = process.cwd();
+
+  // If standalone build, go up from .next/standalone
+  if (cwd.includes('.next') || cwd.includes('standalone')) {
+    // Try going up 2 levels (from .next/standalone to project root)
+    return path.resolve(cwd, '..', '..');
+  }
+
+  // Otherwise use current directory (dev)
+  return cwd;
+};
+
+const getAbsolutePath = () => {
+  const projectRoot = getProjectRoot();
+  return path.resolve(projectRoot, LOCAL_STORAGE_PATH);
+};
+
+// Roles que podem acessar qualquer arquivo
+const ADMIN_ROLES = ["admin", "superadmin"];
+
+export async function GET(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return new NextResponse("Unauthorized", { status: 401 });
+    }
+
+    // Extract the file path from the URL
+    // Example: /api/files/iciv/ClassTypes/file.pdf -> iciv/ClassTypes/file.pdf
+    const resolvedParams = await params;
+    const pathSegments = resolvedParams?.path;
+    if (!Array.isArray(pathSegments) || pathSegments.length === 0) {
+      return new NextResponse("Invalid file path", { status: 400 });
+    }
+    const filePath = pathSegments.join("/");
+
+    // Verificar permissão para este arquivo
+    const hasAccess = await checkFileAccess(filePath, session.user);
+    if (!hasAccess) {
+      return new NextResponse("Forbidden", { status: 403 });
+    }
+
+    if (STORAGE_TYPE === "local") {
+      return serveLocalFile(filePath);
+    }
+    return serveS3File(filePath);
+  } catch (error) {
+    console.error("File serving error:", error);
+    return new NextResponse("File not found", { status: 404 });
+  }
+}
+
+/**
+ * Verifica se o usuário tem permissão para acessar o arquivo
+ */
+async function checkFileAccess(filePath, user) {
+  try {
+    const userRoles = user.roles || [];
+    const isAdmin =
+      (Array.isArray(userRoles) && userRoles.some((role) => ADMIN_ROLES.includes(role))) ||
+      (user.role && ADMIN_ROLES.includes(user.role));
+
+    if (filePath.startsWith("iciv/products/") || filePath.startsWith("iciv/affiliate-products/")) {
+      return true;
+    }
+
+    const FileModel = await getFileModel();
+
+    const normalizedPaths = getPathVariants(filePath);
+
+    // Buscar arquivo pelo caminho (suporta variações encode/decode)
+    const file = await FileModel.findOne({
+      url: { $in: normalizedPaths.map((p) => `proxy://${p}`) },
+    });
+
+    if (!file) {
+      // Arquivo sem metadado nao deve ser servido
+      console.warn(`File not found in DB: ${filePath}`);
+      return false;
+    }
+
+    // Admin pode acessar tudo
+    if (isAdmin) {
+      return true;
+    }
+
+    // Quem fez o upload pode acessar
+    if (file.uploadedBy?.toString() === user.id) {
+      return true;
+    }
+
+    // Verificar permissões baseadas no tipo de relação
+    const relatedToTypeNormalized = file.relatedToType?.replace("classTypes", "classType");
+
+    if (relatedToTypeNormalized === "classType") {
+      // Arquivo de ClassType - verificar se usuário está em alguma turma deste tipo
+      return await checkClassTypeFileAccess(file.relatedToId, user.id);
+    }
+
+    if (relatedToTypeNormalized === "class") {
+      // Arquivo de Class - verificar se usuário é aluno ou professor desta turma
+      return await checkClassFileAccess(file.relatedToId, user.id);
+    }
+
+    if (file.relatedToType === "product") {
+      return await checkProductFileAccess(file.relatedToId, user.id);
+    }
+
+    // Arquivos "loose" ou sem relação - só o dono/admin
+    if (file.relatedToType === "loose" || !file.relatedToType) {
+      return false;
+    }
+
+    // Padrão: negar acesso
+    return false;
+  } catch (error) {
+    console.error("Error checking file access:", error);
+    // Em caso de erro, negar acesso por segurança
+    return false;
+  }
+}
+
+function getPathVariants(filePath) {
+  const variants = new Set([filePath]);
+
+  try {
+    variants.add(decodeURIComponent(filePath));
+  } catch {
+    // no-op
+  }
+
+  try {
+    variants.add(encodeURI(filePath));
+  } catch {
+    // no-op
+  }
+
+  variants.add(filePath.replace(/%20/g, " "));
+  return Array.from(variants).filter(Boolean);
+}
+
+/**
+ * Verifica se o usuário tem acesso a um arquivo de Class (turma específica)
+ */
+async function checkClassFileAccess(classId, userId) {
+  try {
+    const ClassModel = await getClassModel();
+    const classData = await ClassModel.findById(classId);
+
+    if (!classData) {
+      console.warn(`Class not found: ${classId}`);
+      return false;
+    }
+
+    const userIdStr = userId.toString();
+
+    // Verificar se é aluno OU professor desta turma
+    const isStudent = classData.students?.some(id => id.toString() === userIdStr);
+    const isTeacher = classData.teachers?.some(id => id.toString() === userIdStr);
+
+    return isStudent || isTeacher;
+  } catch (error) {
+    console.error("Error checking class file access:", error);
+    return false;
+  }
+}
+
+/**
+ * Verifica se o usuário tem acesso a um arquivo de ClassType
+ * (usuário deve estar em alguma turma ativa deste tipo)
+ */
+async function checkClassTypeFileAccess(classTypeId, userId) {
+  try {
+    const ClassModel = await getClassModel();
+
+    const classes = await ClassModel.find({
+      classType: classTypeId,
+      status: "active",
+      $or: [
+        { students: userId },
+        { teachers: userId }
+      ]
+    }).limit(1);
+
+    return classes.length > 0;
+  } catch (error) {
+    console.error("Error checking classType file access:", error);
+    return false;
+  }
+}
+
+async function checkProductFileAccess(productId, userId) {
+  try {
+    const { getOrderModel } = await import("@/app/models/Order");
+    const Order = await getOrderModel();
+    const order = await Order.findOne({
+      userId: userId,
+      productId: productId,
+      status: "approved",
+    }).limit(1);
+    return !!order;
+  } catch (error) {
+    console.error("Error checking product file access:", error);
+    return false;
+  }
+}
+
+async function serveLocalFile(filePath) {
+  const absolutePath = getAbsolutePath();
+  const fullPath = path.join(absolutePath, filePath);
+
+  try {
+    // Check if file exists
+    await fs.access(fullPath);
+
+    // Read file
+    const file = await fs.readFile(fullPath);
+
+    // Determine content type
+    const ext = path.extname(filePath).toLowerCase();
+    const contentType = getContentType(ext);
+
+    return new NextResponse(file, {
+      headers: {
+        "Content-Type": contentType,
+        "Cache-Control": "public, max-age=31536000, immutable",
+      },
+    });
+  } catch (error) {
+    console.error("Local file error:", error);
+    return new NextResponse("File not found", { status: 404 });
+  }
+}
+
+async function serveS3File(key) {
+  const s3Client = getS3Client();
+
+  const command = new GetObjectCommand({
+    Bucket: bucketName,
+    Key: key,
+  });
+
+  try {
+    const response = await s3Client.send(command);
+
+    // Convert stream to buffer
+    const bytes = await response.Body.transformToByteArray();
+
+    return new NextResponse(bytes, {
+      headers: {
+        "Content-Type": response.ContentType || "application/octet-stream",
+        "Cache-Control": "public, max-age=31536000, immutable",
+      },
+    });
+  } catch (error) {
+    console.error("S3 file error:", error);
+    return new NextResponse("File not found", { status: 404 });
+  }
+}
+
+function getContentType(ext) {
+  const contentTypes = {
+    ".pdf": "application/pdf",
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".png": "image/png",
+    ".gif": "image/gif",
+    ".webp": "image/webp",
+    ".svg": "image/svg+xml",
+    ".mp4": "video/mp4",
+    ".mp3": "audio/mpeg",
+    ".txt": "text/plain",
+    ".doc": "application/msword",
+    ".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    ".xls": "application/vnd.ms-excel",
+    ".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ".ppt": "application/vnd.ms-powerpoint",
+    ".pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    ".zip": "application/zip",
+    ".rar": "application/vnd.rar",
+  };
+  return contentTypes[ext] || "application/octet-stream";
+}
diff --git a/src/app/api/files/route.js b/src/app/api/files/route.js
new file mode 100644
index 0000000..4eb5a1c
--- /dev/null
+++ b/src/app/api/files/route.js
@@ -0,0 +1,54 @@
+import connectDB from "@/app/config/mongodb";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+import { requireClassMembership, AuthError } from "@/app/lib/middleware/authorization";
+
+export async function GET(request) {
+  await connectDB();
+
+  try {
+    // Verify authentication
+    const { requireAuth } = await import("@/app/lib/middleware/authorization");
+    const session = await requireAuth();
+    const userId = session.user.id;
+
+    const { searchParams } = new URL(request.url);
+    const relatedToType = searchParams.get("relatedToType");
+    const relatedToId = searchParams.get("relatedToId");
+
+    if (!relatedToType || !relatedToId) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Erro ao buscar os arquivos. Não foram passados o tipo de relação ou id...",
+        },
+        { status: 400 }
+      );
+    }
+
+    // If files are related to a class, verify user is a member
+    if (relatedToType === "class") {
+      await requireClassMembership(relatedToId, userId);
+    }
+
+    const FileModel = await getFileModel();
+    const files = await FileModel.find({ relatedToType, relatedToId }).lean();
+
+    return NextResponse.json(files, { status: 200 });
+  } catch (error) {
+    // Handle AuthError specifically for proper status codes
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    console.error("Erro na API /api/files/[relatedToType]/[relatedToId]:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar os arquivos.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/files/upload/route.js b/src/app/api/files/upload/route.js
new file mode 100644
index 0000000..93501ca
--- /dev/null
+++ b/src/app/api/files/upload/route.js
@@ -0,0 +1,75 @@
+import connectDB from "@/app/config/mongodb";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { uploadFile } from "@/app/lib/utils/storage";
+import { auth } from "@/app/lib/utils/auth";
+import { NextResponse } from "next/server";
+
+const MAX_FILE_SIZE = 500 * 1024 * 1024;
+
+export async function POST(request) {
+  await connectDB();
+
+  try {
+    const session = await auth();
+    if (!session?.user) {
+      return NextResponse.json({ error: "Não autorizado" }, { status: 401 });
+    }
+
+    const formData = await request.formData();
+    const file = formData.get("file");
+    const title = formData.get("title")?.trim() || file?.name || "Arquivo";
+
+    if (!file || file.size === 0) {
+      return NextResponse.json(
+        { success: false, message: "Nenhum arquivo enviado." },
+        { status: 400 }
+      );
+    }
+
+    if (file.size > MAX_FILE_SIZE) {
+      return NextResponse.json(
+        { success: false, message: `Arquivo muito grande. Máximo: ${MAX_FILE_SIZE / (1024 * 1024)}MB.` },
+        { status: 400 }
+      );
+    }
+
+    let storageUrl;
+    try {
+      storageUrl = await uploadFile(file, "iciv/lessons");
+    } catch (uploadError) {
+      console.error("Erro no upload para storage:", uploadError);
+      return NextResponse.json(
+        { success: false, message: `Falha no upload: ${uploadError.message}` },
+        { status: 500 }
+      );
+    }
+
+    if (!storageUrl) {
+      return NextResponse.json(
+        { success: false, message: "Upload retornou URL vazia." },
+        { status: 500 }
+      );
+    }
+
+    const FileModel = await getFileModel();
+    const createdFile = await FileModel.create({
+      title,
+      url: storageUrl,
+      mimetype: file.type,
+      size: file.size,
+      relatedToType: "loose",
+      uploadedBy: session.user.id,
+    });
+
+    return NextResponse.json(
+      { success: true, file: createdFile.toObject() },
+      { status: 201 }
+    );
+  } catch (error) {
+    console.error("Erro no upload de arquivo:", error);
+    return NextResponse.json(
+      { success: false, message: `Erro: ${error.message}` },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/health/route.js b/src/app/api/health/route.js
new file mode 100644
index 0000000..e064ddb
--- /dev/null
+++ b/src/app/api/health/route.js
@@ -0,0 +1,79 @@
+import { NextResponse } from "next/server";
+import { getUserModel } from "@/app/models/User";
+import { getFileModel } from "@/app/models/FilesSchema";
+
+/**
+ * Health Check API
+ * Retorna status da aplicação e conexões com serviços
+ *
+ * Uso: GET /api/health
+ */
+export async function GET(request) {
+  const checks = {
+    status: "ok",
+    timestamp: new Date().toISOString(),
+    services: {},
+  };
+
+  try {
+    // Check MongoDB
+    try {
+      const UserModel = await getUserModel();
+      const userCount = await UserModel.countDocuments();
+      checks.services.mongodb = {
+        status: "connected",
+        users: userCount,
+      };
+    } catch (error) {
+      checks.services.mongodb = {
+        status: "error",
+        error: error.message,
+      };
+      checks.status = "degraded";
+    }
+
+    // Check File Model (MongoDB)
+    try {
+      const FileModel = await getFileModel();
+      const fileCount = await FileModel.countDocuments();
+      checks.services.files = {
+        status: "connected",
+        files: fileCount,
+      };
+    } catch (error) {
+      checks.services.files = {
+        status: "error",
+        error: error.message,
+      };
+      checks.status = "degraded";
+    }
+
+    // Check Storage Type
+    checks.services.storage = {
+      type: process.env.STORAGE_TYPE || "s3",
+      endpoint: process.env.S3_ENDPOINT || "default",
+      bucket: process.env.S3_BUCKET || "course-plat",
+    };
+
+    // Environment info (sem dados sensíveis)
+    checks.environment = {
+      nodeEnv: process.env.NODE_ENV,
+      nextauthUrl: process.env.NEXTAUTH_URL,
+    };
+
+    // Se todos os serviços estão OK, retorna 200
+    // Se algum serviço com problema, retorna 503
+    const statusCode = checks.status === "ok" ? 200 : 503;
+
+    return NextResponse.json(checks, { status: statusCode });
+  } catch (error) {
+    return NextResponse.json(
+      {
+        status: "error",
+        timestamp: new Date().toISOString(),
+        error: error.message,
+      },
+      { status: 503 }
+    );
+  }
+}
diff --git a/src/app/api/orders/[id]/route.js b/src/app/api/orders/[id]/route.js
new file mode 100644
index 0000000..9ae73a6
--- /dev/null
+++ b/src/app/api/orders/[id]/route.js
@@ -0,0 +1,33 @@
+import { getOrderModel } from "@/app/models/Order";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export async function GET(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, error: "Não autorizado" }, { status: 401 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const Order = await getOrderModel();
+    const order = await Order.findById(id)
+      .populate("productId")
+      .populate("userId", "fullName email")
+      .populate("approvedBy", "fullName")
+      .lean();
+
+    if (!order) {
+      return NextResponse.json({ success: false, error: "Pedido não encontrado" }, { status: 404 });
+    }
+
+    return NextResponse.json({ success: true, data: order });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}
diff --git a/src/app/api/orders/route.js b/src/app/api/orders/route.js
new file mode 100644
index 0000000..3ee7c53
--- /dev/null
+++ b/src/app/api/orders/route.js
@@ -0,0 +1,52 @@
+import { getOrderModel } from "@/app/models/Order";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+
+export async function GET(request) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, error: "Não autorizado" }, { status: 401 });
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    if (!currentUser) {
+      return NextResponse.json({ success: false, error: "Usuário não encontrado" }, { status: 404 });
+    }
+
+    const Order = await getOrderModel();
+    const { searchParams } = new URL(request.url);
+    const status = searchParams.get("status");
+    const userId = searchParams.get("userId");
+
+    const isAdmin = currentUser.roles.includes("admin");
+    const isGuardian = currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+
+    let query = {};
+
+    if (!isAdmin) {
+      if (isGuardian) {
+        const wardIds = (currentUser.wardAccounts || []).map((id) => id);
+        query.userId = { $in: [currentUser._id, ...wardIds] };
+      } else {
+        query.userId = currentUser._id;
+      }
+    }
+
+    if (status) query.status = status;
+    if (userId && isAdmin) query.userId = userId;
+
+    const orders = await Order.find(query)
+      .populate("productId", "title description imageUrl price type")
+      .populate("userId", "fullName email")
+      .populate("approvedBy", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return NextResponse.json({ success: true, data: orders });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}
diff --git a/src/app/api/payments/[id]/route.js b/src/app/api/payments/[id]/route.js
new file mode 100644
index 0000000..60851f3
--- /dev/null
+++ b/src/app/api/payments/[id]/route.js
@@ -0,0 +1,260 @@
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET single payment
+export async function GET(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id });
+    if (!currentUser) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+    const isAdmin = currentUser.roles.includes("admin");
+
+    if (!isValidObjectId(params.id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    await connectDB();
+
+    const Payment = await getPaymentModel();
+    const payment = await Payment.findById(params.id)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName email")
+      .lean();
+
+    if (!payment) {
+      return NextResponse.json(
+        { success: false, message: "Payment not found" },
+        { status: 404 }
+      );
+    }
+
+    // Non-admin users can only view their own payments
+    if (!isAdmin) {
+      const isOwner = payment.userId?._id?.toString() === session.user.id;
+      const isGuardianOrParent = (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) && 
+        currentUser.wardAccounts.some(wardId => wardId.toString() === payment.userId?._id?.toString());
+
+      if (!isOwner && !isGuardianOrParent) {
+        return NextResponse.json(
+          { success: false, message: "Unauthorized" },
+          { status: 403 }
+        );
+      }
+    }
+
+    return NextResponse.json(payment, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// PUT update payment status (admin only for verification/rejection)
+export async function PUT(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id });
+
+    // Only admins can verify/reject payments
+    if (!currentUser?.roles?.includes("admin")) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+    }
+
+    if (!isValidObjectId(params.id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    await connectDB();
+
+    const Payment = await getPaymentModel();
+
+    const body = await request.json();
+    const { status, notes } = body;
+
+    console.log("=== DEBUG PATCH /api/payments/[id] ===");
+    console.log("Payment ID:", params.id);
+    console.log("New status:", status);
+    console.log("Notes:", notes);
+
+    // Validate status
+    if (!["pending", "pending_verification", "verified", "rejected"].includes(status)) {
+      return NextResponse.json(
+        { success: false, message: "Invalid status" },
+        { status: 400 }
+      );
+    }
+
+    const payment = await Payment.findByIdAndUpdate(
+      params.id,
+      { status, notes, updatedAt: Date.now() },
+      { new: true }
+    )
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName")
+      .lean();
+
+    console.log("Payment found:", payment ? "yes" : "no");
+    console.log("Payment relatedObligationId:", payment?.relatedObligationId);
+    console.log("Payment type:", payment?.type);
+    console.log("Payment status:", payment?.status);
+
+    if (!payment) {
+      return NextResponse.json(
+        { success: false, message: "Payment not found" },
+        { status: 404 }
+      );
+    }
+
+    // If payment is rejected, reset the obligation status back to pending
+    // and store the rejection reason in the obligation
+    if (status === "rejected" && payment.relatedObligationId) {
+      console.log("Payment rejected, updating obligation:", payment.relatedObligationId);
+
+      const obligationUpdate = await Payment.findByIdAndUpdate(
+        payment.relatedObligationId,
+        {
+          status: "pending",
+          rejectionReason: notes || "Pagamento rejeitado pelo administrador",
+          updatedAt: Date.now()
+        },
+        { new: true }
+      );
+
+      console.log("Obligation update result:", obligationUpdate ? "success" : "not found");
+
+      // Also update all payments related to this obligation to 'rejected'
+      if (obligationUpdate) {
+        await Payment.updateMany(
+          {
+            relatedObligationId: payment.relatedObligationId,
+            type: "payment",
+            _id: { $ne: payment._id }
+          },
+          {
+            status: "rejected",
+            notes: notes || "Pagamento rejeitado. Nova obrigação foi reativada.",
+            updatedAt: Date.now()
+          }
+        );
+        console.log("Other related payments marked as rejected");
+      }
+    } else if (status === "rejected") {
+      console.log("Payment rejected but no relatedObligationId found");
+    }
+
+    // If payment is verified, update the obligation status to verified
+    if (status === "verified" && payment.relatedObligationId) {
+      console.log("Payment verified, updating obligation:", payment.relatedObligationId);
+
+      const obligationUpdate = await Payment.findByIdAndUpdate(
+        payment.relatedObligationId,
+        {
+          status: "verified",
+          rejectionReason: undefined,
+          updatedAt: Date.now()
+        },
+        { new: true }
+      );
+
+      console.log("Obligation update result:", obligationUpdate ? "success" : "not found");
+    }
+
+    return NextResponse.json(
+      { success: true, message: "Payment updated successfully", data: payment },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("Error updating payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error updating payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// DELETE payment (admin only)
+export async function DELETE(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id });
+
+    // Only admins can delete payments
+    if (!currentUser?.roles?.includes("admin")) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+    }
+
+    if (!isValidObjectId(params.id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    await connectDB();
+
+    const Payment = await getPaymentModel();
+    const payment = await Payment.findById(params.id);
+
+    if (!payment) {
+      return NextResponse.json(
+        { success: false, message: "Payment not found" },
+        { status: 404 }
+      );
+    }
+
+    // Store obligation ID before deleting payment
+    const relatedObligationId = payment.relatedObligationId;
+
+    // Delete the payment
+    await Payment.findByIdAndDelete(params.id);
+
+    // If this was a payment with an obligation, check if there are other pending payments
+    if (relatedObligationId && payment.type === "payment") {
+      const remainingPayments = await Payment.find({
+        relatedObligationId,
+        type: "payment",
+        status: { $in: ["pending_verification", "verified"] }
+      });
+
+      // If no other pending or verified payments exist, reset obligation to pending
+      if (remainingPayments.length === 0) {
+        await Payment.findByIdAndUpdate(relatedObligationId, {
+          status: "pending",
+          updatedAt: Date.now()
+        });
+      }
+    }
+
+    return NextResponse.json(
+      { success: true, message: "Payment deleted successfully" },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("Error deleting payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error deleting payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/payments/class/[classId]/route.js b/src/app/api/payments/class/[classId]/route.js
new file mode 100644
index 0000000..a18863d
--- /dev/null
+++ b/src/app/api/payments/class/[classId]/route.js
@@ -0,0 +1,48 @@
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// GET payments for a specific class (admin only)
+export async function GET(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id });
+
+    if (!currentUser) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    // Only admins can view class payments
+    if (!currentUser.roles.includes("admin")) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+    }
+
+    if (!isValidObjectId(params.classId)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+
+    await connectDB();
+
+    const Payment = await getPaymentModel();
+    const payments = await Payment.find({ classId: params.classId })
+      .populate("userId", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return NextResponse.json(payments, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching class payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/payments/route.js b/src/app/api/payments/route.js
new file mode 100644
index 0000000..fa092cf
--- /dev/null
+++ b/src/app/api/payments/route.js
@@ -0,0 +1,306 @@
+import connectDB from "@/app/config/mongodb";
+import mongoose from "mongoose";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+export async function GET(request) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    await connectDB();
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id }).lean();
+    const isAdmin = currentUser.roles.includes("admin");
+
+    const Payment = await getPaymentModel();
+    const Class = await getClassModel(); // Ensure Class model is registered
+    const { searchParams } = new URL(request.url);
+    const type = searchParams.get("type");
+    const status = searchParams.get("status");
+    const classId = searchParams.get("classId");
+    const obligationId = searchParams.get("obligationId");
+    const studentId = searchParams.get("studentId");
+
+    let query = {};
+
+    if (!isAdmin) {
+      if (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) {
+        const wardObjectIds = (currentUser.wardAccounts || []).map(id => 
+          new mongoose.Types.ObjectId(id)
+        );
+        query.userId = { $in: [currentUser._id, ...wardObjectIds] };
+      } else {
+        query.userId = currentUser._id;
+      }
+    }
+
+    if (studentId) {
+      const isGuardianOrParent = currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+      const wardIds = currentUser.wardAccounts?.map(id => id.toString()) || [];
+      const userIdStr = currentUser._id.toString();
+      const requestedStudentStr = studentId;
+      
+      if (userIdStr === requestedStudentStr || (isGuardianOrParent && wardIds.includes(requestedStudentStr))) {
+        query.userId = new mongoose.Types.ObjectId(studentId);
+      }
+    }
+
+    if (type) query.type = type;
+    if (status) query.status = status;
+    if (classId) query.classId = classId;
+    if (obligationId) query.relatedObligationId = obligationId;
+
+    const payments = await Payment.find(query)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName email")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return NextResponse.json(payments, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PATCH(request) {
+  return NextResponse.json(
+    { success: false, message: "Method not available" },
+    { status: 405 }
+  );
+}
+
+export async function POST(request) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    await connectDB();
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id });
+    const isAdmin = currentUser.roles.includes("admin");
+
+    const Payment = await getPaymentModel();
+    const Class = await getClassModel();
+
+    const contentType = request.headers.get("content-type") || "";
+    let data;
+
+    if (contentType.includes("multipart/form-data")) {
+      data = await request.formData();
+    } else {
+      data = await request.json();
+    }
+
+    const action = data.get ? data.get("action") : data.action;
+    const classId = data.get ? data.get("classId") : data.classId;
+    const userId = data.get ? data.get("userId") : data.userId;
+
+    if (isAdmin && action === "obligation") {
+      const amount = parseFloat(data.get ? data.get("amount") : data.amount);
+      const dueDate = data.get ? data.get("dueDate") : data.dueDate;
+      const description = data.get ? data.get("description") : data.description;
+
+      const classData = await Class.findById(classId);
+      if (!classData) {
+        return NextResponse.json(
+          { success: false, message: "Class not found" },
+          { status: 404 }
+        );
+      }
+
+      if (userId) {
+        const obligation = await Payment.create({
+          classId,
+          userId,
+          type: "obligation",
+          amount,
+          dueDate: dueDate ? new Date(dueDate) : null,
+          description,
+          status: "pending",
+          createdBy: session.user.id,
+        });
+
+        return NextResponse.json(
+          { success: true, message: "Obrigação criada com sucesso", data: obligation },
+          { status: 201 }
+        );
+      } else {
+        const obligations = [];
+        for (const studentId of classData.students) {
+          const obligation = await Payment.create({
+            classId,
+            userId: studentId,
+            type: "obligation",
+            amount,
+            dueDate: dueDate ? new Date(dueDate) : null,
+            description,
+            status: "pending",
+            createdBy: session.user.id,
+          });
+          obligations.push(obligation);
+        }
+
+        return NextResponse.json(
+          { success: true, message: `Created ${obligations.length} payment obligations`, data: obligations },
+          { status: 201 }
+        );
+      }
+    }
+
+    if (!isAdmin) {
+      const amount = parseFloat(data.get ? data.get("amount") : data.amount);
+      const paymentDate = data.get ? data.get("paymentDate") : data.paymentDate;
+      const paymentMethod = data.get ? data.get("paymentMethod") : data.paymentMethod;
+      const notes = data.get ? data.get("notes") : data.notes;
+      const receipt = data.get ? data.get("receipt") : null;
+      const obligationId = data.get ? data.get("obligationId") : data.obligationId;
+      const payerName = data.get ? data.get("payerName") : data.payerName;
+
+      const obligation = await Payment.findById(obligationId);
+      if (!obligation) {
+        return NextResponse.json(
+          { success: false, message: "Payment obligation not found" },
+          { status: 404 }
+        );
+      }
+
+      // Check if obligation is in a valid state for payment
+      if (obligation.status === "verified") {
+        return NextResponse.json(
+          { success: false, message: "Esta obrigação já foi paga e verificada." },
+          { status: 400 }
+        );
+      }
+
+      // Validate payment amount matches obligation amount
+      if (Math.abs(amount - obligation.amount) > 0.01) {
+        return NextResponse.json(
+          {
+            success: false,
+            message: `O valor do pagamento deve ser igual ao valor da obrigação (R$ ${obligation.amount.toFixed(2)}).`,
+            expectedAmount: obligation.amount,
+          },
+          { status: 400 }
+        );
+      }
+
+      // Check for existing pending or verified payment (prevent duplicates)
+      const existingPayment = await Payment.findOne({
+        relatedObligationId: obligationId,
+        type: "payment",
+        status: { $in: ["pending_verification", "verified"] },
+      });
+
+      if (existingPayment) {
+        const statusMessage = existingPayment.status === "verified"
+          ? "Esta obrigação já foi paga e verificada."
+          : "Já existe um pagamento aguardando verificação para esta obrigação.";
+        return NextResponse.json(
+          { success: false, message: statusMessage },
+          { status: 400 }
+        );
+      }
+
+      const isOwner = obligation.userId.toString() === session.user.id;
+      const isGuardianOrParent = (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) &&
+        currentUser.wardAccounts.some(wardId => wardId.toString() === obligation.userId.toString());
+
+      if (!isOwner && !isGuardianOrParent) {
+        return NextResponse.json(
+          { success: false, message: "Not authorized to pay this obligation" },
+          { status: 403 }
+        );
+      }
+
+      // Create payment first (fix race condition - if this fails, obligation stays unchanged)
+      const payment = await Payment.create({
+        classId: obligation.classId,
+        userId: obligation.userId,
+        type: "payment",
+        amount,
+        paymentDate: new Date(paymentDate),
+        paymentMethod,
+        notes,
+        payerName,
+        status: "pending_verification",
+        relatedObligationId: obligationId,
+        createdBy: session.user.id,
+      });
+
+      // Only update obligation status after payment is successfully created
+      await Payment.findByIdAndUpdate(obligationId, {
+        status: "pending_verification",
+        updatedAt: Date.now(),
+      });
+
+      if (receipt && (receipt instanceof File || (typeof receipt === "object" && receipt !== null))) {
+        try {
+          const FileModel = await getFileModel();
+
+          const arrayBuffer = await receipt.arrayBuffer();
+          const buffer = Buffer.from(arrayBuffer);
+          const base64Data = buffer.toString("base64");
+          const mimetype = receipt.type || "image/jpeg";
+          const dataUrl = `data:${mimetype};base64,${base64Data}`;
+
+          const file = await FileModel.create({
+            title: `Comprovante - ${payment._id}`,
+            mimetype: mimetype,
+            url: dataUrl,
+            size: receipt.size,
+            relatedToId: payment._id,
+            relatedToType: "payment",
+            uploadedBy: session.user.id,
+            description: `Comprovante de pagamento`,
+          });
+
+          // Update payment with receiptUrl
+          await Payment.findByIdAndUpdate(payment._id, {
+            receiptUrl: dataUrl,
+          });
+        } catch (fileError) {
+          console.error("Error saving receipt file:", fileError);
+          await Payment.findByIdAndUpdate(payment._id, {
+            notes: `${notes ? notes + " | " : ""}[AVISO: Falha ao salvar comprovante em ${new Date().toISOString()}]`,
+          });
+        }
+      }
+
+      const populatedPayment = await Payment.findById(payment._id)
+        .populate("classId", "classTitle")
+        .populate("userId", "fullName")
+        .lean();
+
+      return NextResponse.json(
+        { success: true, message: "Payment submitted successfully. Awaiting verification.", data: populatedPayment },
+        { status: 201 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: false, message: "Invalid action" },
+      { status: 400 }
+    );
+  } catch (error) {
+    console.error("Error creating payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error creating payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/payments/route.js.bak b/src/app/api/payments/route.js.bak
new file mode 100644
index 0000000..82e978f
--- /dev/null
+++ b/src/app/api/payments/route.js.bak
@@ -0,0 +1,328 @@
+import connectDB from "@/app/config/mongodb";
+import mongoose from "mongoose";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET all payments/obligations
+export async function GET(request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id }).lean();
+  const isAdmin = currentUser.roles.includes("admin");
+
+  console.log("=== DEBUG API /api/payments GET ===");
+  console.log("User ID:", session.user.id);
+  console.log("Current User:", JSON.stringify(currentUser, null, 2));
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const { searchParams } = new URL(request.url);
+    const type = searchParams.get("type"); // "obligation", "payment", or null for all
+    const status = searchParams.get("status");
+    const classId = searchParams.get("classId");
+    const obligationId = searchParams.get("obligationId");
+    const studentId = searchParams.get("studentId");
+
+    let query = {};
+
+    // Non-admin users can only see their own payments/obligations
+    if (!isAdmin) {
+      // If parent/guardian, also see their wards' payments
+      if (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) {
+        const wardObjectIds = (currentUser.wardAccounts || []).map(id => 
+          new mongoose.Types.ObjectId(id)
+        );
+        
+        query.userId = { $in: [currentUser._id, ...wardObjectIds] };
+      } else {
+        query.userId = currentUser._id;
+      }
+    }
+
+    // Filter by specific student if requested
+    if (studentId) {
+      // Check if the requested student is either the user themselves or one of their wards
+      const isGuardianOrParent = currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+      const wardIds = currentUser.wardAccounts?.map(id => id.toString()) || [];
+      const userIdStr = currentUser._id.toString();
+      const requestedStudentStr = studentId;
+      
+      if (userIdStr === requestedStudentStr || (isGuardianOrParent && wardIds.includes(requestedStudentStr))) {
+        query.userId = new mongoose.Types.ObjectId(studentId);
+      }
+    }
+
+    if (type) {
+      query.type = type;
+    }
+
+    if (status) {
+      query.status = status;
+    }
+
+    if (classId) {
+      query.classId = classId;
+    }
+
+    if (obligationId) {
+      // Find payments related to a specific obligation
+      query.relatedObligationId = obligationId;
+    }
+
+    const payments = await Payment.find(query)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName email")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    console.log("Query:", JSON.stringify(query));
+    console.log("Payments found:", payments.length);
+
+    return NextResponse.json(payments, { status: 200 });
+  } catch (error) {
+    console.error("Error fetching payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// Endpoint to fix obligation statuses (admin only)
+export async function PATCH(request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+  const isAdmin = currentUser.roles.includes("admin");
+
+  if (!isAdmin) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+  }
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+
+    // Fix: Change all obligations with status "pending_verification" to "pending"
+    const result = await Payment.updateMany(
+      { type: "obligation", status: "pending_verification" },
+      { $set: { status: "pending" } }
+    );
+
+    console.log(`Fixed ${result.modifiedCount} obligations`);
+
+    return NextResponse.json(
+      { success: true, message: `Fixed ${result.modifiedCount} obligations` },
+      { status: 200 }
+    );
+  } catch (error) {
+    console.error("Error fixing obligations:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fixing obligations", error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+// POST create payment or obligation
+export async function POST(request) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  const user = await getUserModel();
+  const currentUser = await user.findOne({ _id: session.user.id });
+  const isAdmin = currentUser.roles.includes("admin");
+
+  await connectDB();
+
+  try {
+    const Payment = await getPaymentModel();
+    const Class = await getClassModel();
+
+    // Check content type to handle both JSON and FormData
+    const contentType = request.headers.get("content-type") || "";
+    let data;
+
+    if (contentType.includes("multipart/form-data")) {
+      data = await request.formData();
+    } else {
+      data = await request.json();
+    }
+
+    const action = data.get ? data.get("action") : data.action;
+    const classId = data.get ? data.get("classId") : data.classId;
+    const userId = data.get ? data.get("userId") : data.userId;
+
+    // ADMIN: Creating payment obligations
+    if (isAdmin && action === "obligation") {
+      const amount = parseFloat(data.get ? data.get("amount") : data.amount);
+      const dueDate = data.get ? data.get("dueDate") : data.dueDate;
+      const description = data.get ? data.get("description") : data.description;
+
+      // Validate class exists
+      const classData = await Class.findById(classId);
+      if (!classData) {
+        return NextResponse.json(
+          { success: false, message: "Class not found" },
+          { status: 404 }
+        );
+      }
+
+      // Create obligation for specific user (or all students if no userId)
+      if (userId) {
+        // Create obligation for single user
+        const obligation = await Payment.create({
+          classId,
+          userId,
+          type: "obligation",
+          amount,
+          dueDate: dueDate ? new Date(dueDate) : null,
+          description,
+          status: "pending",
+          createdBy: session.user.id,
+        });
+
+        return NextResponse.json(
+          { success: true, message: "Obrigação criada com sucesso", data: obligation },
+          { status: 201 }
+        );
+      } else {
+        // Create obligations for all students in class
+        const obligations = [];
+        for (const studentId of classData.students) {
+          const obligation = await Payment.create({
+            classId,
+            userId: studentId,
+            type: "obligation",
+            amount,
+            dueDate: dueDate ? new Date(dueDate) : null,
+            description,
+            status: "pending",
+            createdBy: session.user.id,
+          });
+          obligations.push(obligation);
+        }
+
+        return NextResponse.json(
+          { success: true, message: `Created ${obligations.length} payment obligations`, data: obligations },
+          { status: 201 }
+        );
+      }
+    }
+
+    // USER: Marking obligation as paid
+    if (!isAdmin) {
+      const amount = parseFloat(data.get ? data.get("amount") : data.amount);
+      const paymentDate = data.get ? data.get("paymentDate") : data.paymentDate;
+      const paymentMethod = data.get ? data.get("paymentMethod") : data.paymentMethod;
+      const notes = data.get ? data.get("notes") : data.notes;
+      const receipt = data.get ? data.get("receipt") : null;
+      const obligationId = data.get ? data.get("obligationId") : data.obligationId;
+
+      // Find the obligation
+      const obligation = await Payment.findById(obligationId);
+      if (!obligation) {
+        return NextResponse.json(
+          { success: false, message: "Payment obligation not found" },
+          { status: 404 }
+        );
+      }
+
+      // Verify user owns this obligation or is their guardian/parent
+      const isOwner = obligation.userId.toString() === session.user.id;
+      const isGuardianOrParent = (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) && 
+        currentUser.wardAccounts.some(wardId => wardId.toString() === obligation.userId.toString());
+
+      if (!isOwner && !isGuardianOrParent) {
+        return NextResponse.json(
+          { success: false, message: "Not authorized to pay this obligation" },
+          { status: 403 }
+        );
+      }
+
+      // Create payment record
+      const payment = await Payment.create({
+        classId: obligation.classId,
+        userId: obligation.userId,
+        type: "payment",
+        amount,
+        paymentDate: new Date(paymentDate),
+        paymentMethod,
+        notes,
+        status: "pending_verification",
+        relatedObligationId: obligationId,
+        createdBy: session.user.id,
+      });
+
+      // Update obligation status to mark as paid
+      await Payment.findByIdAndUpdate(obligationId, {
+        status: "pending_verification",
+        updatedAt: Date.now(),
+      });
+
+      // If receipt file is uploaded, save it
+      if (receipt && (receipt instanceof File || (typeof receipt === "object" && receipt !== null))) {
+        try {
+          const FileModel = await getFileModel();
+          
+          const arrayBuffer = await receipt.arrayBuffer();
+          const buffer = Buffer.from(arrayBuffer);
+          const base64Data = buffer.toString("base64");
+          const mimetype = receipt.type || "image/jpeg";
+          const dataUrl = `data:${mimetype};base64,${base64Data}`;
+          
+          await FileModel.create({
+            title: `Comprovante - ${payment._id}`,
+            mimetype: mimetype,
+            url: dataUrl,
+            size: receipt.size,
+            relatedToId: payment._id,
+            relatedToType: "payment",
+            uploadedBy: session.user.id,
+            description: `Comprovante de pagamento`,
+          });
+        } catch (fileError) {
+          console.error("Error saving receipt file:", fileError);
+        }
+      }
+
+      const populatedPayment = await Payment.findById(payment._id)
+        .populate("classId", "classTitle")
+        .populate("userId", "fullName")
+        .lean();
+
+      return NextResponse.json(
+        { success: true, message: "Payment submitted successfully. Awaiting verification.", data: populatedPayment },
+        { status: 201 }
+      );
+    }
+
+    return NextResponse.json(
+      { success: false, message: "Invalid action" },
+      { status: 400 }
+    );
+  } catch (error) {
+    console.error("Error creating payment:", error);
+    return NextResponse.json(
+      { success: false, message: "Error creating payment", error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/payments/user/[userId]/route.js b/src/app/api/payments/user/[userId]/route.js
new file mode 100644
index 0000000..1ec61c2
--- /dev/null
+++ b/src/app/api/payments/user/[userId]/route.js
@@ -0,0 +1,51 @@
+import connectDB from "@/app/config/mongodb";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { auth } from "@/app/lib/utils/auth";
+
+// GET payments for a specific user (guardian/student only)
+export async function GET(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    const user = await getUserModel();
+    const currentUser = await user.findOne({ _id: session.user.id });
+
+    // Only guardians and students can view their own payments
+    if (!currentUser.roles.includes("guardian") && !currentUser.roles.includes("student")) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 403 });
+    }
+
+    await connectDB();
+
+    const Payment = await getPaymentModel();
+
+    // If guardian, show payments for all their wards
+    if (currentUser.roles.includes("guardian")) {
+      const payments = await Payment.find({ userId: { $in: currentUser.wardAccounts } })
+        .populate("classId", "classTitle")
+        .sort({ createdAt: -1 })
+        .lean();
+      return NextResponse.json(payments, { status: 200 });
+    }
+
+    // If student, show only their own payments
+    if (currentUser.roles.includes("student")) {
+      const payments = await Payment.find({ userId: session.user.id })
+        .populate("classId", "classTitle")
+        .sort({ createdAt: -1 })
+        .lean();
+      return NextResponse.json(payments, { status: 200 });
+    }
+  } catch (error) {
+    console.error("Error fetching user payments:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching payments", error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/products/[id]/route.js b/src/app/api/products/[id]/route.js
new file mode 100644
index 0000000..21d68f4
--- /dev/null
+++ b/src/app/api/products/[id]/route.js
@@ -0,0 +1,86 @@
+import { getProductModel } from "@/app/models/Product";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+export async function GET(request, { params }) {
+  try {
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const Product = await getProductModel();
+    const product = await Product.findById(id).lean();
+
+    if (!product) {
+      return NextResponse.json({ success: false, error: "Produto não encontrado" }, { status: 404 });
+    }
+
+    return NextResponse.json({ success: true, data: product });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}
+
+export async function PUT(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, error: "Não autorizado" }, { status: 401 });
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id);
+    if (!currentUser?.roles?.includes("admin")) {
+      return NextResponse.json({ success: false, error: "Acesso negado" }, { status: 403 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const body = await request.json();
+    const Product = await getProductModel();
+
+    const product = await Product.findByIdAndUpdate(
+      id,
+      { ...body, modifiedAt: Date.now() },
+      { new: true, runValidators: true }
+    ).lean();
+
+    if (!product) {
+      return NextResponse.json({ success: false, error: "Produto não encontrado" }, { status: 404 });
+    }
+
+    return NextResponse.json({ success: true, data: product });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}
+
+export async function DELETE(request, { params }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, error: "Não autorizado" }, { status: 401 });
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id);
+    if (!currentUser?.roles?.includes("admin")) {
+      return NextResponse.json({ success: false, error: "Acesso negado" }, { status: 403 });
+    }
+
+    const { id } = await params;
+    if (!isValidObjectId(id)) {
+      return NextResponse.json({ error: "ID inválido" }, { status: 400 });
+    }
+    const Product = await getProductModel();
+    await Product.findByIdAndDelete(id);
+
+    return NextResponse.json({ success: true, message: "Produto excluído" });
+  } catch (error) {
+    return NextResponse.json({ success: false, error: error.message }, { status: 500 });
+  }
+}
diff --git a/src/app/api/products/route.js b/src/app/api/products/route.js
new file mode 100644
index 0000000..55ef3e0
--- /dev/null
+++ b/src/app/api/products/route.js
@@ -0,0 +1,75 @@
+import { getProductModel } from "@/app/models/Product";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+
+export async function GET(request) {
+  try {
+    const Product = await getProductModel();
+    const { searchParams } = new URL(request.url);
+    const active = searchParams.get("active");
+    const type = searchParams.get("type");
+
+    let query = {};
+    if (active !== null) {
+      query.active = active === "true";
+    } else {
+      query.active = true;
+    }
+    if (type) query.type = type;
+
+    const products = await Product.find(query).sort({ createdAt: -1 }).lean();
+
+    return NextResponse.json({ success: true, data: products });
+  } catch (error) {
+    return NextResponse.json(
+      { success: false, error: error.message },
+      { status: 500 }
+    );
+  }
+}
+
+export async function POST(request) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, error: "Não autorizado" }, { status: 401 });
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id);
+    if (!currentUser?.roles?.includes("admin")) {
+      return NextResponse.json({ success: false, error: "Acesso negado" }, { status: 403 });
+    }
+
+    const body = await request.json();
+    const { title, description, imageUrl, price, type, stock, active, relatedClassType, relatedClass } = body;
+
+    if (!title || !title.trim()) {
+      return NextResponse.json({ success: false, error: "Título é obrigatório" }, { status: 400 });
+    }
+    if (price === undefined || price === null || isNaN(parseFloat(price)) || parseFloat(price) < 0) {
+      return NextResponse.json({ success: false, error: "Preço inválido" }, { status: 400 });
+    }
+
+    const Product = await getProductModel();
+    const product = await Product.create({
+      title,
+      description,
+      imageUrl,
+      price: parseFloat(price),
+      type: type || "digital",
+      stock: stock ? parseInt(stock) : null,
+      active: active !== false,
+      relatedClassType: relatedClassType || undefined,
+      relatedClass: relatedClass || undefined,
+    });
+
+    return NextResponse.json({ success: true, data: product }, { status: 201 });
+  } catch (error) {
+    return NextResponse.json(
+      { success: false, error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/user/wards/route.js b/src/app/api/user/wards/route.js
new file mode 100644
index 0000000..3bd966a
--- /dev/null
+++ b/src/app/api/user/wards/route.js
@@ -0,0 +1,38 @@
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+
+export async function GET(request) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+    }
+
+    const UserModel = await getUserModel();
+    const currentUser = await UserModel.findOne({ _id: session.user.id })
+      .populate("wardAccounts", "fullName username _id")
+      .lean();
+
+    if (!currentUser) {
+      return NextResponse.json({ success: false, message: "User not found" }, { status: 404 });
+    }
+
+    const isGuardianOrParent = currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+
+    if (!isGuardianOrParent) {
+      return NextResponse.json({ success: false, message: "Not a guardian" }, { status: 403 });
+    }
+
+    return NextResponse.json({
+      success: true,
+      wards: currentUser.wardAccounts || []
+    });
+  } catch (error) {
+    console.error("Error fetching wards:", error);
+    return NextResponse.json(
+      { success: false, message: "Error fetching wards", error: error.message },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/api/users/route.js b/src/app/api/users/route.js
new file mode 100644
index 0000000..81acfdf
--- /dev/null
+++ b/src/app/api/users/route.js
@@ -0,0 +1,34 @@
+import connectDB from "@/app/config/mongodb";
+import { getUserModel } from "@/app/models/User";
+import { NextResponse } from "next/server";
+import { requireRole, AuthError } from "@/app/lib/middleware/authorization";
+
+export async function GET(request) {
+  await connectDB();
+
+  try {
+    // Verify authentication and admin role
+    await requireRole("admin");
+
+    const UserSchema = await getUserModel();
+    const users = await UserSchema.find({})
+      .select("-passwordHash") // Exclude password hash from response
+      .lean();
+
+    return NextResponse.json(users, { status: 200 });
+  } catch (error) {
+    // Handle AuthError specifically for proper status codes
+    if (error instanceof AuthError) {
+      return NextResponse.json({ error: error.message }, { status: error.status });
+    }
+    console.error("Erro na API /api/users:", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Erro ao buscar os usuários.",
+        error: error.message,
+      },
+      { status: 500 }
+    );
+  }
+}
diff --git a/src/app/auth/components/NotAuthorized.jsx b/src/app/auth/components/NotAuthorized.jsx
new file mode 100644
index 0000000..e50959b
--- /dev/null
+++ b/src/app/auth/components/NotAuthorized.jsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+
+export default function NotAuthorized({
+  message = "Você não tem acesso a esta página.",
+}) {
+  const router = useRouter();
+
+  return (
+    <div className="flex flex-col items-center justify-center h-full p-8">
+      <h2 className="text-2xl font-bold text-red-600 mb-4">Acesso Negado</h2>
+      <p className="text-gray-700 dark:text-gray-300 mb-6">{message}</p>
+      <button
+        onClick={() => router.back()}
+        className="bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-2 px-4 rounded-lg shadow"
+      >
+        Voltar
+      </button>
+    </div>
+  );
+}
diff --git a/src/app/auth/login/LoginForm.jsx b/src/app/auth/login/LoginForm.jsx
new file mode 100644
index 0000000..b0311e4
--- /dev/null
+++ b/src/app/auth/login/LoginForm.jsx
@@ -0,0 +1,83 @@
+"use client";
+
+import { useActionState, useState } from "react";
+import userLogin from "@/app/lib/userLoginAction";
+import { UICard } from "@/components/ui/card";
+import { UIInput } from "@/components/ui/input";
+import { UIButton } from "@/components/ui/button";
+import { UIAlert } from "@/components/ui/alert";
+import { sanitizeUsername, hasInvalidUsernameChars } from "@/app/lib/utils/stringUtils";
+
+function LoginForm({ registered = false }) {
+  const initialState = {
+    success: registered,
+    message: registered
+      ? "Cadastro efetuado com sucesso! Faça login para continuar."
+      : "",
+  };
+
+  const [state, action, isPending] = useActionState(userLogin, initialState);
+  const [username, setUsername] = useState("");
+  const [usernameWarning, setUsernameWarning] = useState(false);
+
+  return (
+    <>
+      {state.message && (
+        <UIAlert variant={state.success ? "success" : "danger"} className="mb-4">
+          {state.message}
+        </UIAlert>
+      )}
+      <UICard className="p-8 rounded-2xl">
+        <form action={action} className="space-y-5">
+          <div>
+            <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+              Usuário
+            </label>
+            <UIInput
+              type="text"
+              value={username}
+              onChange={(e) => {
+                const raw = e.target.value;
+                const clean = sanitizeUsername(raw);
+                setUsername(clean);
+                setUsernameWarning(hasInvalidUsernameChars(raw));
+              }}
+              name="username"
+              placeholder="Digite seu nome do usuário"
+              className="h-11 rounded-xl"
+              autoCapitalize="none"
+              autoCorrect="off"
+              spellCheck={false}
+              autoComplete="username"
+            />
+            {usernameWarning && (
+              <p className="text-xs text-amber-600 dark:text-amber-400 mt-1">
+                Acentos, espaços e maiúsculas não são permitidos. Use apenas letras, números e _.
+              </p>
+            )}
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+              Senha
+            </label>
+            <UIInput
+              type="password"
+              name="password"
+              placeholder="••••••••"
+              className="h-11 rounded-xl"
+            />
+          </div>
+          <UIButton
+            type="submit"
+            disabled={isPending}
+            className="w-full h-11 rounded-xl font-semibold bg-indigo-600 hover:bg-indigo-700 text-white"
+          >
+            {isPending ? "Entrando..." : "Entrar"}
+          </UIButton>
+        </form>
+      </UICard>
+    </>
+  );
+}
+
+export default LoginForm;
diff --git a/src/app/auth/login/page.jsx b/src/app/auth/login/page.jsx
new file mode 100644
index 0000000..74772b8
--- /dev/null
+++ b/src/app/auth/login/page.jsx
@@ -0,0 +1,52 @@
+import LoginForm from "./LoginForm";
+import { auth } from "@/auth";
+import { redirect } from "next/navigation";
+import Link from "next/link";
+import Image from "next/image";
+
+export default async function LoginWrapper({ searchParams }) {
+  const session = await auth();
+  if (session) redirect('/dispatcher');
+
+  // No Next.js 15+, searchParams é uma Promise e precisa ser aguardada.
+  const params = await searchParams;
+  const registered = params?.registered === "1";
+
+  return (
+    <div className="min-h-screen bg-indigo-50 dark:bg-neutral-950 flex items-center justify-center px-4 py-12">
+      <div className="w-full max-w-md">
+        {/* Logo and Title */}
+        <div className="text-center mb-8">
+           <Link href="/" className="inline-flex items-center justify-center mb-6">
+             <Image
+               src="/imgLogo.jpg"
+               alt="Inglês com ideias vivas"
+               width={1414}
+               height={2000}
+               style={{ width: 64, height: 'auto' }}
+               className="rounded-xl shadow-sm ring-1 ring-black/5 dark:ring-white/10"
+               priority
+             />
+           </Link>
+          <h1 className="text-3xl font-bold text-neutral-900 dark:text-white mb-2">
+            Bem-vindo de volta
+          </h1>
+          <p className="text-neutral-600 dark:text-neutral-400">
+            Entre para continuar sua jornada de aprendizado
+          </p>
+        </div>
+
+        {/* Login Form */}
+        <LoginForm registered={registered} />
+
+        {/* Register Link */}
+        <p className="text-center mt-6 text-sm text-neutral-600 dark:text-neutral-400">
+          Não tem uma conta?{' '}
+          <Link href="/auth/register" className="font-semibold text-indigo-600 hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300">
+            Criar conta
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/auth/register/components/RegisterForm.jsx b/src/app/auth/register/components/RegisterForm.jsx
new file mode 100644
index 0000000..99f4cdd
--- /dev/null
+++ b/src/app/auth/register/components/RegisterForm.jsx
@@ -0,0 +1,313 @@
+"use client";
+import { useActionState, useEffect, useState } from "react";
+import saveUserData from "@/app/lib/users/createUserAction";
+import getSimpleCaptchaAction from "@/app/lib/actions/getSimpleCaptchaAction";
+import { useRouter } from "next/navigation";
+import { FaCheckCircle } from "react-icons/fa";
+import { UICard } from "@/components/ui/card";
+import { UIInput } from "@/components/ui/input";
+import { UIButton } from "@/components/ui/button";
+import { UIAlert } from "@/components/ui/alert";
+import { maskDateToBR } from "@/app/lib/utils/dateUtils";
+import { sanitizeUsername, sanitizeFullName, hasInvalidUsernameChars, hasInvalidFullNameChars } from "@/app/lib/utils/stringUtils";
+
+const initialState = {
+  success: false,
+  message: "",
+};
+
+const checkPasswordStrength = (pwd) => {
+  const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/;
+  return regex.test(pwd);
+};
+
+function RegisterForm() {
+  const [state, action, isPending] = useActionState(saveUserData, initialState);
+  const [password, setPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [passwordStrength, setPasswordStrength] = useState(false);
+  const [captchaQuestion, setCaptchaQuestion] = useState("");
+  const [captchaToken, setCaptchaToken] = useState("");
+  const [isCaptchaLoading, setIsCaptchaLoading] = useState(true);
+  const [captchaError, setCaptchaError] = useState("");
+  const [dateOfBirth, setDateOfBirth] = useState("");
+  const [fullName, setFullName] = useState(state?.inputs?.fullName || "");
+  const [username, setUsername] = useState(state?.inputs?.username || "");
+  const [fullNameWarning, setFullNameWarning] = useState(false);
+  const [usernameWarning, setUsernameWarning] = useState(false);
+
+  const router = useRouter();
+
+
+
+  const loadCaptcha = async () => {
+    setIsCaptchaLoading(true);
+    setCaptchaError("");
+
+    try {
+      const captcha = await getSimpleCaptchaAction();
+      setCaptchaQuestion(captcha.question || "");
+      setCaptchaToken(captcha.token || "");
+    } catch {
+      setCaptchaError("Nao foi possivel carregar o captcha. Tente novamente.");
+      setCaptchaQuestion("");
+      setCaptchaToken("");
+    } finally {
+      setIsCaptchaLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    loadCaptcha();
+  }, []);
+
+  useEffect(() => {
+    if (state?.inputs?.dateOfBirth) {
+      setDateOfBirth(state.inputs.dateOfBirth);
+    }
+  }, [state?.inputs?.dateOfBirth]);
+
+  // Redireciona automaticamente para o login após o cadastro,
+  // cumprindo a mensagem "Você será redirecionado para a página de login em instantes".
+  useEffect(() => {
+    if (!state?.success) return;
+    const redirectTimer = setTimeout(() => {
+      router.replace("/auth/login?registered=1");
+    }, 3000);
+    return () => clearTimeout(redirectTimer);
+  }, [state?.success, router]);
+
+  if (state?.success) {
+    return (
+      <div className="w-full max-w-md mx-auto">
+        <UICard className="p-6 text-center">
+          <div className="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100 dark:bg-emerald-900/30 mb-4">
+            <FaCheckCircle className="h-8 w-8 text-emerald-600 dark:text-emerald-400" />
+          </div>
+          <h2 className="text-lg font-semibold mb-2">
+            Cadastro realizado com sucesso!
+          </h2>
+          <p className="text-sm text-muted-foreground mb-4">
+            Você será redirecionado para a página de login em instantes.
+          </p>
+          <UIButton
+            type="button"
+            onClick={() => router.replace("/auth/login?registered=1")}
+            className="w-full"
+          >
+            Ir para login
+          </UIButton>
+        </UICard>
+      </div>
+    );
+  }
+
+  return (
+    <div className="w-full max-w-md mx-auto">
+      <UICard className="p-6">
+        <h2 className="text-lg font-semibold leading-none tracking-tight mb-1">
+          Criar conta
+        </h2>
+        <p className="text-sm text-muted-foreground mb-6">
+          Preencha os dados para criar sua conta
+        </p>
+
+        {state.message && !state.success && (
+          <UIAlert variant="danger" className="mb-4">
+            {state.message}
+          </UIAlert>
+        )}
+
+        <form action={action} className="space-y-4">
+          <input type="hidden" name="captchaToken" value={captchaToken} />
+
+          <div className="space-y-2">
+            <label htmlFor="fullName" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Nome completo
+            </label>
+            <UIInput
+              id="fullName"
+              name="fullName"
+              required
+              value={fullName}
+              onChange={(e) => {
+                const raw = e.target.value;
+                const clean = sanitizeFullName(raw);
+                setFullName(clean);
+                setFullNameWarning(hasInvalidFullNameChars(raw));
+              }}
+              placeholder="seu nome completo (sem acentos)"
+            />
+            {fullNameWarning && (
+              <p className="text-xs text-amber-600 dark:text-amber-400">
+                Acentos, caracteres especiais e maiúsculas são removidos automaticamente. Use apenas letras sem acento.
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="username" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Nome de usuário
+            </label>
+             <UIInput
+               id="username"
+               name="username"
+               required
+               value={username}
+               onChange={(e) => {
+                 const raw = e.target.value;
+                 const clean = sanitizeUsername(raw);
+                 setUsername(clean);
+                 setUsernameWarning(hasInvalidUsernameChars(raw));
+               }}
+               placeholder="sem_espaços (ex: joao_silva)"
+             />
+             {usernameWarning ? (
+               <p className="text-xs text-amber-600 dark:text-amber-400">
+                 Acentos, espaços e maiúsculas são removidos automaticamente. Use apenas letras, números e _.
+               </p>
+             ) : (
+               <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                 Use apenas letras, números e _. Sem espaços ou acentos.
+               </p>
+             )}
+           </div>
+
+          <div className="space-y-2">
+            <label htmlFor="email" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Email
+            </label>
+            <UIInput
+              type="email"
+              id="email"
+              name="email"
+              required
+              defaultValue={state?.inputs?.email}
+              placeholder="email@exemplo.com"
+            />
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="password" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Senha
+            </label>
+            <UIInput
+              type="password"
+              id="password"
+              name="password"
+              required
+              value={password}
+              onChange={(e) => {
+                const val = e.target.value;
+                setPassword(val);
+                setPasswordStrength(checkPasswordStrength(val));
+              }}
+              placeholder="••••••••"
+            />
+            {!!password && (
+              <p className={`${passwordStrength ? "text-emerald-600 dark:text-emerald-400" : "text-destructive"} text-xs flex items-center gap-1`}>
+                {passwordStrength ? (
+                  <span>Senha forte. <FaCheckCircle className="inline" /></span>
+                ) : (
+                  <span>Senha deve ter pelo menos 8 caracteres, uma minúscula, uma maiúscula e um número.</span>
+                )}
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="confirmPassword" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Confirmar senha
+            </label>
+            <UIInput
+              type="password"
+              id="confirmPassword"
+              name="confirmPassword"
+              required
+              value={confirmPassword}
+              onChange={(e) => setConfirmPassword(e.target.value)}
+              placeholder="••••••••"
+            />
+            {!!confirmPassword && (
+              <p className={`${password === confirmPassword ? "text-emerald-600 dark:text-emerald-400" : "text-destructive"} text-xs flex items-center gap-1`}>
+                {password === confirmPassword ? (
+                  <span>As senhas conferem. <FaCheckCircle className="inline" /></span>
+                ) : (
+                  <span>As senhas não conferem.</span>
+                )}
+              </p>
+            )}
+          </div>
+
+          <div className="space-y-2">
+            <label htmlFor="dateOfBirth" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+              Data de nascimento
+            </label>
+            <UIInput
+              type="text"
+              id="dateOfBirth"
+              name="dateOfBirth"
+              required
+              value={dateOfBirth}
+              onChange={(e) => setDateOfBirth(maskDateToBR(e.target.value))}
+              placeholder="DD/MM/AAAA"
+              inputMode="numeric"
+              maxLength={10}
+            />
+          </div>
+
+          <div className="space-y-2">
+            <div className="flex items-center justify-between gap-2">
+              <label htmlFor="captchaAnswer" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
+                Verificacao anti-bot
+              </label>
+              <button
+                type="button"
+                onClick={loadCaptcha}
+                className="text-xs text-indigo-600 hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300"
+              >
+                Atualizar desafio
+              </button>
+            </div>
+
+            <div className="rounded-lg border border-neutral-200 dark:border-neutral-700 bg-neutral-50 dark:bg-neutral-900 px-3 py-2 text-sm text-neutral-700 dark:text-neutral-200">
+              {isCaptchaLoading ? "Carregando captcha..." : captchaQuestion || "Captcha indisponivel"}
+            </div>
+
+            <UIInput
+              id="captchaAnswer"
+              name="captchaAnswer"
+              required
+              inputMode="numeric"
+              placeholder="Digite o resultado"
+              disabled={isCaptchaLoading || !captchaToken}
+            />
+
+            {captchaError && (
+              <p className="text-xs text-destructive">{captchaError}</p>
+            )}
+          </div>
+
+          <div className="flex flex-col sm:flex-row gap-3 pt-2">
+            <UIButton
+              type="submit"
+              disabled={isPending || isCaptchaLoading || !captchaToken}
+              className="flex-1"
+            >
+              {isPending ? "Cadastrando..." : "Cadastrar"}
+            </UIButton>
+            <UIButton
+              type="button"
+              onClick={() => router.push("/auth/login")}
+              variant="secondary"
+            >
+              Cancelar
+            </UIButton>
+          </div>
+        </form>
+      </UICard>
+    </div>
+  );
+}
+
+export default RegisterForm;
diff --git a/src/app/auth/register/page.jsx b/src/app/auth/register/page.jsx
new file mode 100644
index 0000000..cad264f
--- /dev/null
+++ b/src/app/auth/register/page.jsx
@@ -0,0 +1,41 @@
+import React from "react";
+import RegisterForm from "./components/RegisterForm";
+import Link from "next/link";
+import Image from "next/image";
+
+function RegisterPage() {
+  return (
+    <div className="min-h-screen bg-indigo-50 dark:bg-neutral-950 flex items-center justify-center px-4 py-12">
+      <div className="w-full max-w-md">
+        <div className="text-center mb-8">
+           <Link href="/" className="inline-flex items-center justify-center mb-6">
+             <Image
+               src="/imgLogo.jpg"
+               alt="Inglês com ideias vivas"
+               width={1414}
+               height={2000}
+               style={{ width: 64, height: 'auto' }}
+               className="rounded-xl shadow-sm ring-1 ring-black/5 dark:ring-white/10"
+               priority
+             />
+           </Link>
+          <h1 className="text-3xl font-bold text-neutral-900 dark:text-white mb-2">Crie sua conta</h1>
+          <p className="text-neutral-600 dark:text-neutral-400">
+            Comece sua jornada na plataforma de ingles
+          </p>
+        </div>
+
+        <RegisterForm />
+
+        <p className="text-center mt-6 text-sm text-neutral-600 dark:text-neutral-400">
+          Ja tem uma conta?{" "}
+          <Link href="/auth/login" className="font-semibold text-indigo-600 hover:text-indigo-700 dark:text-indigo-400 dark:hover:text-indigo-300">
+            Fazer login
+          </Link>
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default RegisterPage;
diff --git a/src/app/auth/reset-password/[token]/ResetPasswordForm.jsx b/src/app/auth/reset-password/[token]/ResetPasswordForm.jsx
new file mode 100644
index 0000000..0ffd24a
--- /dev/null
+++ b/src/app/auth/reset-password/[token]/ResetPasswordForm.jsx
@@ -0,0 +1,97 @@
+"use client";
+
+import { useState } from "react";
+import { useActionState } from "react";
+import { resetPasswordWithTokenAction } from "@/app/lib/users/resetPasswordActions";
+import { useRouter } from "next/navigation";
+
+const initialState = { success: false, message: "" };
+
+export default function ResetPasswordForm({ token }) {
+  const router = useRouter();
+  const [state, action, isPending] = useActionState(
+    resetPasswordWithTokenAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(true);
+
+  if (state?.success && showMessage) {
+    return (
+      <div className="bg-white dark:bg-neutral-800 rounded-2xl p-8 shadow-lg border border-neutral-200 dark:border-neutral-700 text-center">
+        <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100 dark:bg-emerald-900/30">
+          <svg className="h-8 w-8 text-emerald-600 dark:text-emerald-400" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+          </svg>
+        </div>
+        <h2 className="text-xl font-bold text-neutral-900 dark:text-neutral-100 mb-2">
+          Senha redefinida!
+        </h2>
+        <p className="text-neutral-600 dark:text-neutral-400 mb-6">
+          {state.message}
+        </p>
+        <button
+          onClick={() => router.push("/auth/login")}
+          className="inline-flex items-center justify-center rounded-xl px-6 py-3 text-sm font-semibold bg-indigo-600 hover:bg-indigo-700 text-white transition-colors"
+        >
+          Fazer login
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-white dark:bg-neutral-800 rounded-2xl p-8 shadow-lg border border-neutral-200 dark:border-neutral-700">
+      {state?.message && !state.success && showMessage && (
+        <div className="mb-4 p-3 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-700">
+          <p className="text-sm text-red-700 dark:text-red-300">{state.message}</p>
+        </div>
+      )}
+
+      <form action={action} className="space-y-4">
+        <input type="hidden" name="token" value={token} />
+
+        <div className="space-y-2">
+          <label htmlFor="newPassword" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+            Nova senha
+          </label>
+          <input
+            id="newPassword"
+            name="newPassword"
+            type="password"
+            required
+            minLength={8}
+            className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+            placeholder="Mínimo 8 caracteres"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label htmlFor="confirmNewPassword" className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+            Confirmar nova senha
+          </label>
+          <input
+            id="confirmNewPassword"
+            name="confirmNewPassword"
+            type="password"
+            required
+            minLength={8}
+            className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+            placeholder="Repita a nova senha"
+          />
+        </div>
+
+        <p className="text-xs text-neutral-500 dark:text-neutral-400">
+          A senha deve ter pelo menos 8 caracteres, incluindo uma letra minúscula, uma maiúscula e um número.
+        </p>
+
+        <button
+          type="submit"
+          disabled={isPending}
+          className="w-full py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-semibold transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+        >
+          {isPending ? "Redefinindo..." : "Redefinir Senha"}
+        </button>
+      </form>
+    </div>
+  );
+}
diff --git a/src/app/auth/reset-password/[token]/page.jsx b/src/app/auth/reset-password/[token]/page.jsx
new file mode 100644
index 0000000..bf50317
--- /dev/null
+++ b/src/app/auth/reset-password/[token]/page.jsx
@@ -0,0 +1,50 @@
+import { validateResetTokenAction } from "@/app/lib/users/resetPasswordActions";
+import ResetPasswordForm from "./ResetPasswordForm";
+
+export default async function ResetPasswordPage({ params }) {
+  const { token } = await params;
+  const validation = await validateResetTokenAction(token);
+
+  if (!validation.valid) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-neutral-50 dark:bg-neutral-950 px-4">
+        <div className="max-w-md w-full text-center">
+          <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/30">
+            <svg className="h-8 w-8 text-red-600 dark:text-red-400" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
+              <path strokeLinecap="round" strokeLinejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+            </svg>
+          </div>
+          <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100 mb-2">
+            Link inválido ou expirado
+          </h1>
+          <p className="text-neutral-600 dark:text-neutral-400 mb-6">
+            Este link de redefinição de senha expirou ou já foi utilizado.
+            Solicite um novo link ao administrador.
+          </p>
+          <a
+            href="/auth/login"
+            className="inline-flex items-center justify-center rounded-xl px-6 py-3 text-sm font-semibold bg-indigo-600 hover:bg-indigo-700 text-white transition-colors"
+          >
+            Ir para o login
+          </a>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-neutral-50 dark:bg-neutral-950 px-4">
+      <div className="max-w-md w-full">
+        <div className="text-center mb-8">
+          <h1 className="text-2xl font-bold text-neutral-900 dark:text-neutral-100 mb-2">
+            Redefinir Senha
+          </h1>
+          <p className="text-neutral-600 dark:text-neutral-400">
+            Defina uma nova senha para <strong>{validation.userName}</strong>
+          </p>
+        </div>
+        <ResetPasswordForm token={token} />
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/components/ContactForm.jsx b/src/app/components/ContactForm.jsx
new file mode 100644
index 0000000..7f5ecac
--- /dev/null
+++ b/src/app/components/ContactForm.jsx
@@ -0,0 +1,357 @@
+"use client";
+
+import React, { useState, useTransition, useEffect } from "react";
+import {
+  EnvelopeIcon,
+  PhoneIcon,
+  PaperAirplaneIcon,
+  ArrowPathIcon,
+} from "@heroicons/react/24/outline";
+import getSimpleCaptchaAction from "@/app/lib/actions/getSimpleCaptchaAction";
+
+function WhatsAppIcon(props) {
+  return (
+    <svg viewBox="0 0 24 24" fill="currentColor" {...props}>
+      <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
+    </svg>
+  );
+}
+
+const contactOptions = [
+  {
+    value: "email",
+    label: "Email",
+    icon: EnvelopeIcon,
+  },
+  {
+    value: "whatsapp",
+    label: "WhatsApp",
+    icon: WhatsAppIcon,
+  },
+  {
+    value: "phone",
+    label: "Telefone",
+    icon: PhoneIcon,
+  },
+];
+
+export default function ContactForm() {
+  const [formData, setFormData] = useState({
+    name: "",
+    email: "",
+    phone: "",
+    subject: "",
+    message: "",
+    preferredContact: "email",
+  });
+  const [errors, setErrors] = useState({});
+  const [isPending, startTransition] = useTransition();
+  const [submitStatus, setSubmitStatus] = useState(null);
+  const [captchaQuestion, setCaptchaQuestion] = useState("");
+  const [captchaToken, setCaptchaToken] = useState("");
+  const [captchaAnswer, setCaptchaAnswer] = useState("");
+  const [isCaptchaLoading, setIsCaptchaLoading] = useState(true);
+
+  async function loadCaptcha() {
+    setIsCaptchaLoading(true);
+    try {
+      const captcha = await getSimpleCaptchaAction();
+      setCaptchaQuestion(captcha.question || "");
+      setCaptchaToken(captcha.token || "");
+    } catch {
+      setCaptchaQuestion("");
+      setCaptchaToken("");
+      setSubmitStatus({
+        type: "error",
+        message: "Erro ao carregar verificação de segurança. Clique em 'Nova conta' para tentar novamente.",
+      });
+    }
+    setIsCaptchaLoading(false);
+  }
+
+  useEffect(() => {
+    loadCaptcha();
+  }, []);
+
+  function handleChange(e) {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+    if (errors[name]) {
+      setErrors((prev) => {
+        const next = { ...prev };
+        delete next[name];
+        return next;
+      });
+    }
+  }
+
+  function handleContactChange(value) {
+    setFormData((prev) => ({ ...prev, preferredContact: value }));
+  }
+
+  function handleSubmit(e) {
+    e.preventDefault();
+    setSubmitStatus(null);
+    setErrors({});
+
+    startTransition(async () => {
+      try {
+        const res = await fetch("/api/contact-messages", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            ...formData,
+            captchaToken,
+            captchaAnswer,
+          }),
+        });
+
+        const data = await res.json();
+
+        if (!res.ok) {
+          if (data.error) {
+            setSubmitStatus({ type: "error", message: data.error });
+          }
+          loadCaptcha();
+          setCaptchaAnswer("");
+          return;
+        }
+
+        setSubmitStatus({
+          type: "success",
+          message: "Mensagem enviada com sucesso! Entraremos em contato em breve.",
+        });
+        setFormData({
+          name: "",
+          email: "",
+          phone: "",
+          subject: "",
+          message: "",
+          preferredContact: "email",
+        });
+        setCaptchaAnswer("");
+        loadCaptcha();
+      } catch {
+        setSubmitStatus({
+          type: "error",
+          message: "Erro ao enviar mensagem. Tente novamente.",
+        });
+      }
+    });
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="max-w-2xl mx-auto space-y-5">
+      <div className="grid sm:grid-cols-2 gap-4">
+        <div>
+          <label
+            htmlFor="contact-name"
+            className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1"
+          >
+            Nome *
+          </label>
+          <input
+            id="contact-name"
+            name="name"
+            type="text"
+            required
+            value={formData.name}
+            onChange={handleChange}
+            disabled={isPending}
+            className="w-full rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-mill-wood focus:border-transparent transition-all disabled:opacity-50"
+            placeholder="Seu nome"
+          />
+        </div>
+        <div>
+          <label
+            htmlFor="contact-email"
+            className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1"
+          >
+            Email *
+          </label>
+          <input
+            id="contact-email"
+            name="email"
+            type="email"
+            required
+            value={formData.email}
+            onChange={handleChange}
+            disabled={isPending}
+            className="w-full rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-mill-wood focus:border-transparent transition-all disabled:opacity-50"
+            placeholder="seu@email.com"
+          />
+        </div>
+      </div>
+
+      <div>
+        <label
+          htmlFor="contact-phone"
+          className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1"
+        >
+          Telefone / WhatsApp
+        </label>
+        <input
+          id="contact-phone"
+          name="phone"
+          type="tel"
+          value={formData.phone}
+          onChange={handleChange}
+          disabled={isPending}
+          className="w-full rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-mill-wood focus:border-transparent transition-all disabled:opacity-50"
+          placeholder="(00) 00000-0000"
+        />
+      </div>
+
+      <div>
+        <label
+          htmlFor="contact-subject"
+          className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1"
+        >
+          Assunto *
+        </label>
+        <input
+          id="contact-subject"
+          name="subject"
+          type="text"
+          required
+          value={formData.subject}
+          onChange={handleChange}
+          disabled={isPending}
+          className="w-full rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-mill-wood focus:border-transparent transition-all disabled:opacity-50"
+          placeholder="Sobre o que deseja falar?"
+        />
+      </div>
+
+      <div>
+        <label
+          htmlFor="contact-message"
+          className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1"
+        >
+          Mensagem *
+        </label>
+        <textarea
+          id="contact-message"
+          name="message"
+          required
+          rows={4}
+          value={formData.message}
+          onChange={handleChange}
+          disabled={isPending}
+          className="w-full rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-mill-wood focus:border-transparent transition-all resize-y disabled:opacity-50"
+          placeholder="Escreva sua mensagem..."
+        />
+      </div>
+
+      <div>
+        <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+          Como prefere que entremos em contato?
+        </label>
+        <div className="flex flex-wrap gap-3">
+          {contactOptions.map((option) => {
+            const Icon = option.icon;
+            const isSelected = formData.preferredContact === option.value;
+            return (
+              <button
+                key={option.value}
+                type="button"
+                onClick={() => handleContactChange(option.value)}
+        disabled={isPending || isCaptchaLoading || !captchaToken}
+                className={`inline-flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-medium border transition-all disabled:opacity-50 ${
+                  isSelected
+                    ? "bg-mill-wooddark text-mill-cream border-mill-wooddark shadow-sm"
+                    : "bg-white dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 border-neutral-300 dark:border-neutral-600 hover:border-mill-wood dark:hover:border-mill-woodlight"
+                }`}
+              >
+                <Icon className="w-4 h-4" />
+                {option.label}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+
+      {submitStatus && (
+        <div
+          className={`rounded-xl p-4 text-sm font-medium ${
+            submitStatus.type === "success"
+              ? "bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400 border border-green-200 dark:border-green-800"
+              : "bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400 border border-red-200 dark:border-red-800"
+          }`}
+        >
+          {submitStatus.message}
+        </div>
+      )}
+
+      <div className="bg-white dark:bg-neutral-800 rounded-xl p-4 border border-neutral-200 dark:border-neutral-700">
+        <div className="flex items-center justify-between mb-2">
+          <label
+            htmlFor="contact-captcha"
+            className="block text-sm font-medium text-neutral-700 dark:text-neutral-300"
+          >
+            Verificação *
+          </label>
+          <button
+            type="button"
+            onClick={loadCaptcha}
+            disabled={isCaptchaLoading}
+            className="inline-flex items-center gap-1 text-xs text-mill-wood dark:text-mill-woodlight hover:underline disabled:opacity-50"
+          >
+            <ArrowPathIcon className="w-3.5 h-3.5" />
+            Nova conta
+          </button>
+        </div>
+        <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-2">
+          {isCaptchaLoading ? "Carregando..." : captchaQuestion || "Indisponível"}
+        </p>
+        <input
+          id="contact-captcha"
+          type="text"
+          inputMode="numeric"
+          required
+          value={captchaAnswer}
+          onChange={(e) => setCaptchaAnswer(e.target.value)}
+          disabled={isPending || isCaptchaLoading || !captchaToken}
+          className="w-full max-w-[200px] rounded-xl border border-neutral-300 dark:border-neutral-700 bg-white dark:bg-neutral-800 px-4 py-2.5 text-sm text-neutral-900 dark:text-white placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-mill-wood focus:border-transparent transition-all disabled:opacity-50"
+          placeholder="Resposta"
+        />
+      </div>
+
+      <button
+        type="submit"
+        disabled={isPending}
+        className="w-full inline-flex items-center justify-center gap-2 rounded-xl px-6 py-3 text-base font-semibold bg-mill-wooddark hover:bg-mill-wood text-mill-cream transition-all shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed"
+      >
+        {isPending ? (
+          <>
+            <svg
+              className="animate-spin h-5 w-5"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+            >
+              <circle
+                className="opacity-25"
+                cx="12"
+                cy="12"
+                r="10"
+                stroke="currentColor"
+                strokeWidth="4"
+              />
+              <path
+                className="opacity-75"
+                fill="currentColor"
+                d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+              />
+            </svg>
+            Enviando...
+          </>
+        ) : (
+          <>
+            <PaperAirplaneIcon className="w-5 h-5" />
+            Enviar Mensagem
+          </>
+        )}
+      </button>
+    </form>
+  );
+}
diff --git a/src/app/components/ToggleTheme.jsx b/src/app/components/ToggleTheme.jsx
new file mode 100644
index 0000000..6be347c
--- /dev/null
+++ b/src/app/components/ToggleTheme.jsx
@@ -0,0 +1,51 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { MoonIcon, SunIcon } from '@heroicons/react/24/outline';
+
+export default function ThemeToggle() {
+  const [isDark, setIsDark] = useState(false);
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    const saved = localStorage.getItem('theme');
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    const shouldUseDark = saved ? saved === 'dark' : prefersDark;
+
+    document.documentElement.classList.toggle('dark', shouldUseDark);
+    localStorage.setItem('theme', shouldUseDark ? 'dark' : 'light');
+    setIsDark(shouldUseDark);
+    setMounted(true);
+  }, []);
+
+  const toggleTheme = () => {
+    const newTheme = isDark ? 'light' : 'dark';
+    localStorage.setItem('theme', newTheme);
+    document.documentElement.classList.toggle('dark', newTheme === 'dark');
+    setIsDark(newTheme === 'dark');
+  };
+
+  if (!mounted) {
+    return (
+      <button
+        type="button"
+        aria-label="Alternar tema"
+        className="inline-flex h-9 w-9 items-center justify-center rounded-md border border-neutral-300 bg-white text-neutral-700 shadow-sm"
+      >
+        <SunIcon className="h-4 w-4" />
+      </button>
+    );
+  }
+
+  return (
+    <button
+      type="button"
+      onClick={toggleTheme}
+      aria-label={isDark ? 'Ativar tema claro' : 'Ativar tema escuro'}
+      title={isDark ? 'Tema escuro ativo' : 'Tema claro ativo'}
+      className="inline-flex h-9 w-9 items-center justify-center rounded-md border border-neutral-300 bg-white text-neutral-700 shadow-sm transition-colors hover:bg-neutral-100 dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-200 dark:hover:bg-neutral-800"
+    >
+      {isDark ? <MoonIcon className="h-4 w-4" /> : <SunIcon className="h-4 w-4" />}
+    </button>
+  );
+}
diff --git a/src/app/components/shared/Header.jsx b/src/app/components/shared/Header.jsx
new file mode 100644
index 0000000..2825d14
--- /dev/null
+++ b/src/app/components/shared/Header.jsx
@@ -0,0 +1,168 @@
+import React from "react";
+import ToggleTheme from "../ToggleTheme";
+import Link from "next/link";
+import Image from "next/image";
+import LogoutBtn from "./LogoutBtn";
+import UserMenu from "./UserMenu";
+import Label from "@/app/(protected)/components/shared/Label";
+import { auth } from "@/auth";
+import {
+  HomeIcon,
+  UserGroupIcon,
+  AcademicCapIcon,
+  ClipboardDocumentListIcon,
+  CurrencyDollarIcon,
+  ShoppingBagIcon,
+} from "@heroicons/react/24/outline";
+
+async function Header() {
+  const session = await auth();
+
+  const isAdmin = session?.user?.roles?.includes("admin");
+  const isTeacher = session?.user?.roles?.includes("teacher");
+  const isStudent = session?.user?.roles?.includes("student");
+  const isParent = session?.user?.roles?.includes("parent");
+
+  // Role-specific navigation configurations
+  const getRoleNav = () => {
+    if (isAdmin) {
+      return [
+        { href: "/admin/dashboard", label: "Dashboard", icon: HomeIcon },
+        { href: "/admin/dashboard/users", label: "Usuários", icon: UserGroupIcon },
+        { href: "/admin/dashboard/class", label: "Turmas", icon: AcademicCapIcon },
+        { href: "/admin/dashboard/exams", label: "Provas", icon: ClipboardDocumentListIcon },
+        { href: "/admin/dashboard/affiliate-products", label: "Produtos", icon: ShoppingBagIcon },
+        { href: "/admin/dashboard/payments", label: "Pagamentos", icon: CurrencyDollarIcon },
+      ];
+    }
+    if (isTeacher) {
+      return [
+        { href: "/dashboard/teacher", label: "Turmas", icon: AcademicCapIcon },
+      ];
+    }
+    if (isStudent) {
+      return [
+        { href: "/dashboard/student", label: "Turmas", icon: AcademicCapIcon },
+      ];
+    }
+    if (isParent) {
+      return [
+        { href: "/dashboard/guardian", label: "Meus Filhos", icon: UserGroupIcon },
+        { href: "/dashboard/guardian/payments", label: "Pagamentos", icon: CurrencyDollarIcon },
+      ];
+    }
+    return [];
+  };
+
+  const roleNav = getRoleNav();
+  const roleColor = isAdmin ? "red" : isTeacher ? "amber" : isStudent ? "emerald" : "blue";
+  const roleLabel = isAdmin ? "Admin" : isTeacher ? "Professor" : isStudent ? "Estudante" : isParent ? "Responsável" : "";
+
+  return (
+    <header className="sticky top-0 z-50 w-full bg-white dark:bg-neutral-950 border-b border-neutral-200 dark:border-neutral-800 shadow-sm">
+      <nav className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div className="h-16 flex items-center justify-between gap-4">
+          {/* Left: Logo + Role Badge */}
+          <div className="flex items-center gap-4 shrink-0">
+             <Link href="/" className="flex items-center gap-2">
+               <Image
+                 src="/imgLogo.jpg"
+                 alt="Inglês com ideias vivas"
+                 width={1414}
+                 height={2000}
+                 style={{ width: 36, height: 'auto' }}
+                 className="rounded-lg shadow-sm ring-1 ring-black/5 dark:ring-white/10"
+                 priority
+               />
+             </Link>
+            {session && roleLabel && (
+              <span className="hidden sm:inline-block">
+                <Label color={roleColor} size="sm">{roleLabel}</Label>
+              </span>
+            )}
+          </div>
+
+          {/* Center: Role-specific navigation */}
+          {session && roleNav.length > 0 && (
+            <ul className="hidden md:flex items-center gap-1">
+              {roleNav.map((item) => {
+                const Icon = item.icon;
+                return (
+                  <li key={item.href}>
+                    <Link
+                      href={item.href}
+                      className="hover-sidebar-light flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium text-neutral-600 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-white transition-all"
+                    >
+                      <Icon className="w-4 h-4" />
+                      <span>{item.label}</span>
+                    </Link>
+                  </li>
+                );
+              })}
+            </ul>
+          )}
+
+          {/* Public links (when not authenticated) */}
+          {!session && (
+            <ul className="hidden md:flex items-center gap-1">
+              <li>
+                <Link
+                  href="/"
+                  className="hover-sidebar-light flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium text-neutral-600 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-white transition-all"
+                >
+                  <HomeIcon className="w-4 h-4" />
+                  <span>Home</span>
+                </Link>
+              </li>
+              <li>
+                <Link
+                  href="/auth/register"
+                  className="hover-sidebar-light flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium text-neutral-600 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-white transition-all"
+                >
+                  <span>Cadastro</span>
+                </Link>
+              </li>
+            </ul>
+          )}
+
+          {/* Right: Actions */}
+          <div className="flex items-center gap-2 shrink-0">
+            <ToggleTheme />
+            {!session && (
+              <Link
+                href="/auth/login"
+                className="inline-flex items-center rounded-lg px-4 py-2 text-sm font-semibold bg-indigo-600 hover:bg-indigo-700 text-white transition-colors shadow-sm"
+              >
+                Login
+              </Link>
+            )}
+            {session && (
+              <UserMenu user={session.user} />
+            )}
+          </div>
+        </div>
+
+        {/* Mobile quick navigation (role-specific) */}
+        {session && roleNav.length > 0 && (
+          <div className="md:hidden flex items-center gap-2 pb-3 overflow-x-auto scrollbar-hide">
+            {roleNav.slice(0, 4).map((item) => {
+              const Icon = item.icon;
+              return (
+                <Link
+                  key={item.href}
+                  href={item.href}
+                  className="hover-sidebar-light flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium text-neutral-600 dark:text-neutral-300 bg-neutral-100 dark:bg-neutral-800 transition-all shrink-0"
+                >
+                  <Icon className="w-3.5 h-3.5" />
+                  <span>{item.label}</span>
+                </Link>
+              );
+            })}
+          </div>
+        )}
+      </nav>
+    </header>
+  );
+}
+
+export default Header;
diff --git a/src/app/components/shared/LogoutBtn.jsx b/src/app/components/shared/LogoutBtn.jsx
new file mode 100644
index 0000000..863feb8
--- /dev/null
+++ b/src/app/components/shared/LogoutBtn.jsx
@@ -0,0 +1,38 @@
+"use client"
+import { useState } from "react";
+import { logoutAction } from "@/app/lib/logoutAction";
+import { ArrowRightOnRectangleIcon } from "@heroicons/react/24/outline";
+
+function LogoutBtn({ variant = "default" }) {
+  const [isLoggingOut, setIsLoggingOut] = useState(false);
+  const [error, setError] = useState(false);
+
+  const handleLogout = async () => {
+    setIsLoggingOut(true);
+    setError(false);
+    try {
+      await logoutAction();
+    } catch {
+      setIsLoggingOut(false);
+      setError(true);
+    }
+  };
+
+  const styles = {
+    default: "inline-flex items-center rounded-lg px-3 py-1.5 text-sm font-semibold bg-red-600 text-white hover:bg-red-700 dark:bg-red-900 dark:hover:bg-red-800 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+    dropdown: "flex items-center gap-2 w-full px-2 py-2 text-sm text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+  };
+
+  return (
+    <button
+      onClick={handleLogout}
+      disabled={isLoggingOut}
+      className={styles[variant]}
+    >
+      {variant === "dropdown" && <ArrowRightOnRectangleIcon className="w-4 h-4" />}
+      <span>{error ? "Erro ao sair, tente novamente" : isLoggingOut ? "Saindo..." : "Sair"}</span>
+    </button>
+  );
+}
+
+export default LogoutBtn;
diff --git a/src/app/components/shared/UserMenu.jsx b/src/app/components/shared/UserMenu.jsx
new file mode 100644
index 0000000..82d17cc
--- /dev/null
+++ b/src/app/components/shared/UserMenu.jsx
@@ -0,0 +1,110 @@
+"use client";
+
+import { useState, useEffect, useRef } from "react";
+import Link from "next/link";
+import { UserIcon, ChevronDownIcon, UserCircleIcon, HomeIcon } from "@heroicons/react/24/outline";
+import LogoutBtn from "./LogoutBtn";
+import Label from "@/app/(protected)/components/shared/Label";
+
+export default function UserMenu({ user }) {
+  const [isOpen, setIsOpen] = useState(false);
+  const menuRef = useRef(null);
+
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+
+    // Small delay to avoid immediate closing on button click
+    if (isOpen) {
+      const timeoutId = setTimeout(() => {
+        document.addEventListener("mousedown", handleClickOutside);
+      }, 100);
+
+      return () => {
+        clearTimeout(timeoutId);
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen]);
+
+  const isAdmin = user?.roles?.includes("admin");
+  const isTeacher = user?.roles?.includes("teacher");
+  const isStudent = user?.roles?.includes("student");
+  const isParent = user?.roles?.includes("parent");
+
+  const roleColor = isAdmin ? "red" : isTeacher ? "amber" : isStudent ? "emerald" : "blue";
+  const roleLabel = isAdmin ? "Admin" : isTeacher ? "Professor" : isStudent ? "Estudante" : isParent ? "Responsável" : "";
+
+  // Dashboard link based on role
+  const getDashboardLink = () => {
+    if (isAdmin) return "/admin/dashboard";
+    if (isTeacher) return "/dashboard/teacher";
+    if (isStudent) return "/dashboard/student";
+    if (isParent) return "/dashboard/guardian";
+    return "/";
+  };
+
+  return (
+    <div className="relative" ref={menuRef}>
+      <button
+        onClick={() => setIsOpen(!isOpen)}
+        className="inline-flex items-center gap-2 rounded-lg px-3 py-2 text-sm font-medium bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-200 hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-all"
+      >
+        <UserIcon className="w-4 h-4" />
+        <span className="hidden sm:inline max-w-[120px] truncate">{user?.fullName || "Usuário"}</span>
+        <ChevronDownIcon className={`w-4 h-4 transition-transform ${isOpen ? "rotate-180" : ""}`} />
+      </button>
+
+      {isOpen && (
+        <div className="absolute right-0 mt-2 w-48 bg-white dark:bg-neutral-700 rounded-lg shadow-lg border border-neutral-200 dark:border-neutral-600 py-1 z-50">
+          {/* User Info */}
+          <div className="px-3 py-2 border-b border-neutral-200 dark:border-neutral-700">
+            <div className="flex items-center gap-2">
+              <div className="w-8 h-8 rounded-full bg-indigo-100 dark:bg-indigo-900/30 flex items-center justify-center">
+                <UserIcon className="w-4 h-4 text-indigo-600 dark:text-indigo-400" />
+              </div>
+              <div className="flex-1 min-w-0">
+                <p className="text-sm font-medium text-neutral-900 dark:text-neutral-100 truncate">
+                  {user?.fullName}
+                </p>
+                <Label color={roleColor} size="sm" className="mt-0.5">{roleLabel}</Label>
+              </div>
+            </div>
+          </div>
+
+          {/* Links */}
+          <div className="py-1">
+            <Link
+              href="/profile"
+              onClick={() => setIsOpen(false)}
+              className="flex items-center gap-2 px-3 py-2 text-sm text-neutral-700 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-300/60 transition-colors"
+            >
+              <UserCircleIcon className="w-4 h-4" />
+              Editar Perfil
+            </Link>
+            <Link
+              href={getDashboardLink()}
+              onClick={() => setIsOpen(false)}
+              className="flex items-center gap-2 px-3 py-2 text-sm text-neutral-700 dark:text-neutral-200 hover:bg-neutral-100 dark:hover:bg-neutral-300/60 transition-colors"
+            >
+              <HomeIcon className="w-4 h-4" />
+              Dashboard
+            </Link>
+          </div>
+
+          {/* Logout */}
+          <div className="border-t border-neutral-200 dark:border-neutral-700 pt-1">
+            <LogoutBtn variant="dropdown" />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/config/mongodb.js b/src/app/config/mongodb.js
new file mode 100644
index 0000000..ee2ef25
--- /dev/null
+++ b/src/app/config/mongodb.js
@@ -0,0 +1,36 @@
+import mongoose from "mongoose";
+
+let cached = global.mongoose;
+
+if (!cached) {
+  cached = global.mongoose = { conn: null, promise: null };
+}
+
+const connectDB = async () => {
+  mongoose.set("strictQuery", true);
+
+  if (cached.conn) {
+    return cached.conn;
+  }
+
+  const mongoUri = process.env.MONGODB_URI || process.env.MONGO_URI;
+  if (!mongoUri) {
+    throw new Error("MongoDB URI nao configurada. Defina MONGODB_URI ou MONGO_URI.");
+  }
+
+  if (!cached.promise) {
+    cached.promise = mongoose.connect(mongoUri, {
+      bufferCommands: false,
+    });
+  }
+
+  try {
+    cached.conn = await cached.promise;
+    return cached.conn;
+  } catch (error) {
+    cached.promise = null;
+    throw error;
+  }
+};
+
+export default connectDB;
diff --git a/src/app/config/server.js b/src/app/config/server.js
new file mode 100644
index 0000000..db48ae5
--- /dev/null
+++ b/src/app/config/server.js
@@ -0,0 +1,2 @@
+import { loadEnvConfig } from "@next/env";
+loadEnvConfig(process.cwd());
\ No newline at end of file
diff --git a/src/app/error.jsx b/src/app/error.jsx
new file mode 100644
index 0000000..f8e4e89
--- /dev/null
+++ b/src/app/error.jsx
@@ -0,0 +1,41 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function Error({ error, reset }) {
+  useEffect(() => {
+    console.error("Erro na aplicação:", error);
+  }, [error]);
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] p-8">
+      <div className="max-w-md w-full text-center">
+        <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/30">
+          <svg className="h-8 w-8 text-red-600 dark:text-red-400" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
+            <path strokeLinecap="round" strokeLinejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+          </svg>
+        </div>
+        <h2 className="text-xl font-bold text-neutral-900 dark:text-neutral-100 mb-2">
+          Algo deu errado
+        </h2>
+        <p className="text-sm text-neutral-600 dark:text-neutral-400 mb-6">
+          Ocorreu um erro inesperado. Tente novamente ou volte para a página anterior.
+        </p>
+        <div className="flex gap-3 justify-center">
+          <button
+            onClick={reset}
+            className="px-5 py-2.5 text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 rounded-lg transition-colors"
+          >
+            Tentar novamente
+          </button>
+          <button
+            onClick={() => window.history.back()}
+            className="px-5 py-2.5 text-sm font-medium text-neutral-700 dark:text-neutral-200 bg-white dark:bg-neutral-800 border border-neutral-300 dark:border-neutral-600 rounded-lg hover:bg-neutral-50 dark:hover:bg-neutral-700 transition-colors"
+          >
+            Voltar
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/src/app/favicon.ico differ
diff --git a/src/app/globals.backup-phase2.css b/src/app/globals.backup-phase2.css
new file mode 100644
index 0000000..42df03e
--- /dev/null
+++ b/src/app/globals.backup-phase2.css
@@ -0,0 +1,1244 @@
+@import "tailwindcss";
+
+/* ========== CSS VARIABLES - THEME CONFIG ========== */
+:root {
+  --background: #ffffff;
+  --foreground: #09090b;
+  --card: #ffffff;
+  --card-foreground: #09090b;
+  --popover: #ffffff;
+  --popover-foreground: #09090b;
+  --primary: #18181b;
+  --primary-foreground: #fafafa;
+  --secondary: #f4f4f5;
+  --secondary-foreground: #18181b;
+  --muted: #f4f4f5;
+  --muted-foreground: #71717a;
+  --accent: #f4f4f5;
+  --accent-foreground: #18181b;
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --border: #e4e4e7;
+  --input: #e4e4e7;
+  --ring: #18181b;
+  --radius: 0.5rem;
+}
+
+.dark {
+  --background: #09090b;
+  --foreground: #fafafa;
+  --card: #09090b;
+  --card-foreground: #fafafa;
+  --popover: #09090b;
+  --popover-foreground: #fafafa;
+  --primary: #fafafa;
+  --primary-foreground: #18181b;
+  --secondary: #27272a;
+  --secondary-foreground: #fafafa;
+  --muted: #27272a;
+  --muted-foreground: #a1a1aa;
+  --accent: #27272a;
+  --accent-foreground: #fafafa;
+  --destructive: #7f1d1d;
+  --destructive-foreground: #fafafa;
+  --border: #27272a;
+  --input: #27272a;
+  --ring: #d4d4d8;
+  --radius: 0.5rem;
+}
+
+/* ========== GLOBAL BASE STYLES ========== */
+body {
+  background-color: var(--background);
+  color: var(--foreground);
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+/* ========== TAILWIND COMPATIBILITY - ESSENTIAL CLASSES ========== */
+/* These classes ensure compatibility with components using Tailwind syntax */
+
+/* Background colors - Light mode */
+.bg-white { background-color: #ffffff; }
+.bg-gray-50 { background-color: #fafafa; }
+.bg-gray-100 { background-color: #f4f4f5; }
+.bg-gray-200 { background-color: #e4e4e7; }
+.bg-gray-300 { background-color: #d4d4d8; }
+.bg-gray-400 { background-color: #a1a1aa; }
+.bg-gray-500 { background-color: #71717a; }
+.bg-gray-600 { background-color: #52525b; }
+.bg-gray-700 { background-color: #3f3f46; }
+.bg-gray-800 { background-color: #27272a; }
+.bg-gray-900 { background-color: #18181b; }
+.bg-gray-950 { background-color: #09090b; }
+
+/* Background colors - Dark mode */
+.dark .bg-white { background-color: #09090b; }
+.dark .bg-gray-50 { background-color: #09090b; }
+.dark .bg-gray-100 { background-color: #18181b; }
+.dark .bg-gray-200 { background-color: #27272a; }
+.dark .bg-gray-300 { background-color: #3f3f46; }
+.dark .bg-gray-400 { background-color: #52525b; }
+.dark .bg-gray-500 { background-color: #71717a; }
+.dark .bg-gray-600 { background-color: #a1a1aa; }
+.dark .bg-gray-700 { background-color: #d4d4d8; }
+.dark .bg-gray-800 { background-color: #f4f4f5; }
+.dark .bg-gray-900 { background-color: #fafafa; }
+.dark .bg-gray-950 { background-color: #fafafa; }
+
+/* Neutral backgrounds - Light mode */
+.bg-neutral-50 { background-color: #fafafa; }
+.bg-neutral-100 { background-color: #f5f5f5; }
+.bg-neutral-200 { background-color: #e5e5e5; }
+.bg-neutral-300 { background-color: #d4d4d4; }
+.bg-neutral-400 { background-color: #a3a3a3; }
+.bg-neutral-500 { background-color: #737373; }
+.bg-neutral-600 { background-color: #525252; }
+.bg-neutral-700 { background-color: #404040; }
+.bg-neutral-800 { background-color: #262626; }
+.bg-neutral-900 { background-color: #171717; }
+.bg-neutral-950 { background-color: #0a0a0a; }
+
+/* Neutral backgrounds - Dark mode */
+.dark .bg-neutral-50 { background-color: #09090b; }
+.dark .bg-neutral-100 { background-color: #18181b; }
+.dark .bg-neutral-200 { background-color: #27272a; }
+.dark .bg-neutral-300 { background-color: #3f3f46; }
+.dark .bg-neutral-400 { background-color: #52525b; }
+.dark .bg-neutral-500 { background-color: #71717a; }
+.dark .bg-neutral-600 { background-color: #a1a1aa; }
+.dark .bg-neutral-700 { background-color: #d4d4d8; }
+.dark .bg-neutral-800 { background-color: #f4f4f5; }
+.dark .bg-neutral-900 { background-color: #fafafa; }
+.dark .bg-neutral-950 { background-color: #fafafa; }
+
+/* Indigo backgrounds */
+.bg-indigo-50 { background-color: #eef2ff; }
+.dark .bg-indigo-50 { background-color: #312e81; }
+.bg-indigo-100 { background-color: #e0e7ff; }
+.dark .bg-indigo-100 { background-color: #3730a3; }
+
+/* Text colors - Light mode */
+.text-white { color: #ffffff; }
+.text-gray-100 { color: #f4f4f5; }
+.text-gray-200 { color: #e4e4e7; }
+.text-gray-300 { color: #d4d4d8; }
+.text-gray-400 { color: #a1a1aa; }
+.text-gray-500 { color: #71717a; }
+.text-gray-600 { color: #52525b; }
+.text-gray-700 { color: #3f3f46; }
+.text-gray-800 { color: #27272a; }
+.text-gray-900 { color: #18181b; }
+
+/* Text colors - Dark mode */
+.dark .text-gray-100 { color: #f4f4f5; }
+.dark .text-gray-200 { color: #e4e4e7; }
+.dark .text-gray-300 { color: #d4d4d8; }
+.dark .text-gray-400 { color: #a1a1aa; }
+.dark .text-gray-500 { color: #71717a; }
+.dark .text-gray-600 { color: #52525b; }
+.dark .text-gray-700 { color: #3f3f46; }
+.dark .text-gray-800 { color: #e4e4e7; }
+.dark .text-gray-900 { color: #fafafa; }
+
+/* Neutral text - Light mode */
+.text-neutral-100 { color: #f5f5f5; }
+.text-neutral-200 { color: #e5e5e5; }
+.text-neutral-300 { color: #d4d4d4; }
+.text-neutral-400 { color: #a3a3a3; }
+.text-neutral-500 { color: #737373; }
+.text-neutral-600 { color: #525252; }
+.text-neutral-700 { color: #404040; }
+.text-neutral-800 { color: #262626; }
+.text-neutral-900 { color: #171717; }
+
+/* Neutral text - Dark mode */
+.dark .text-neutral-100 { color: #f4f4f5; }
+.dark .text-neutral-200 { color: #e4e4e7; }
+.dark .text-neutral-300 { color: #d4d4d8; }
+.dark .text-neutral-400 { color: #a1a1aa; }
+.dark .text-neutral-500 { color: #71717a; }
+.dark .text-neutral-600 { color: #d4d4d8; }
+.dark .text-neutral-700 { color: #e4e4e7; }
+.dark .text-neutral-800 { color: #fafafa; }
+.dark .text-neutral-900 { color: #fafafa; }
+
+/* Border colors */
+.border-gray-200 { border-color: #e4e4e7; }
+.border-gray-300 { border-color: #d4d4d8; }
+.border-gray-700 { border-color: #3f3f46; }
+.border-gray-800 { border-color: #27272a; }
+
+.dark .border-gray-200 { border-color: #27272a; }
+.dark .border-gray-300 { border-color: #3f3f46; }
+.dark .border-gray-700 { border-color: #d4d4d8; }
+.dark .border-gray-800 { border-color: #e4e4e7; }
+
+.border-neutral-200 { border-color: #e5e5e5; }
+.border-neutral-300 { border-color: #d4d4d4; }
+.border-neutral-700 { border-color: #404040; }
+.border-neutral-800 { border-color: #262626; }
+
+.dark .border-neutral-200 { border-color: #27272a; }
+.dark .border-neutral-300 { border-color: #3f3f46; }
+.dark .border-neutral-700 { border-color: #e4e4e7; }
+.dark .border-neutral-800 { border-color: #f4f4f5; }
+
+/* ========== PAGE HEADER GRADIENTS ========== */
+.page-header {
+  background: linear-gradient(to right, #eef2ff 0%, #f9fafb 50%, #f3f4f6 100%);
+}
+
+.dark .page-header {
+  background: linear-gradient(to right, #1e1b4b 0%, #09090b 50%, #09090b 100%) !important;
+}
+
+/* ========== LOGIN BUTTON ========== */
+.login-btn {
+  background-color: #171717;
+  color: #ffffff;
+}
+.login-btn:hover {
+  background-color: #262626;
+}
+
+.dark .login-btn {
+  background-color: #e5e5e5;
+  color: #171717;
+}
+.dark .login-btn:hover {
+  background-color: #d4d4d4;
+}
+
+/* ========== LABEL/BADGE COMPONENT ========== */
+.label {
+  background-color: #f3f4f6;
+  color: #374151;
+  border-color: #e5e7eb;
+}
+.dark .label {
+  background-color: rgba(55, 65, 81, 0.15);
+  color: #d1d5db;
+  border-color: rgba(75, 85, 99, 0.3);
+}
+
+.label-red {
+  background-color: #fecaca;
+  color: #991b1b;
+  border-color: #fca5a5;
+}
+.dark .label-red {
+  background-color: rgba(153, 27, 27, 0.15);
+  color: #fca5a5;
+  border-color: rgba(127, 29, 29, 0.3);
+}
+
+.label-amber {
+  background-color: #fef3c7;
+  color: #92400e;
+  border-color: #fde68a;
+}
+.dark .label-amber {
+  background-color: rgba(146, 64, 14, 0.15);
+  color: #fde68a;
+  border-color: rgba(120, 53, 15, 0.3);
+}
+
+.label-emerald {
+  background-color: #d1fae5;
+  color: #065f46;
+  border-color: #6ee7b7;
+}
+.dark .label-emerald {
+  background-color: rgba(6, 95, 70, 0.15);
+  color: #6ee7b7;
+  border-color: rgba(5, 150, 105, 0.3);
+}
+
+.label-blue {
+  background-color: #dbeafe;
+  color: #1e40af;
+  border-color: #93c5fd;
+}
+.dark .label-blue {
+  background-color: rgba(30, 64, 175, 0.15);
+  color: #93c5fd;
+  border-color: rgba(59, 130, 246, 0.3);
+}
+
+.label-sky {
+  background-color: #e0f2fe;
+  color: #075985;
+  border-color: #7dd3fc;
+}
+.dark .label-sky {
+  background-color: rgba(7, 89, 133, 0.15);
+  color: #7dd3fc;
+  border-color: rgba(3, 105, 161, 0.3);
+}
+
+.label-indigo {
+  background-color: #e0e7ff;
+  color: #3730a3;
+  border-color: #a5b4fc;
+}
+.dark .label-indigo {
+  background-color: rgba(55, 48, 163, 0.15);
+  color: #a5b4fc;
+  border-color: rgba(79, 70, 229, 0.3);
+}
+
+.label-purple {
+  background-color: #f3e8ff;
+  color: #6b21a8;
+  border-color: #d8b4fe;
+}
+.dark .label-purple {
+  background-color: rgba(107, 33, 168, 0.15);
+  color: #d8b4fe;
+  border-color: rgba(147, 51, 234, 0.3);
+}
+
+.label-pink {
+  background-color: #fce7f3;
+  color: #9d174d;
+  border-color: #f9a8d4;
+}
+.dark .label-pink {
+  background-color: rgba(157, 23, 77, 0.15);
+  color: #f9a8d4;
+  border-color: rgba(190, 24, 93, 0.3);
+}
+
+/* ========== ALERT BOXES ========== */
+.alert-success {
+  background-color: #d1fae5;
+  color: #065f46;
+  border-color: #6ee7b7;
+}
+.dark .alert-success {
+  background-color: rgba(6, 95, 70, 0.15);
+  color: #6ee7b7;
+  border-color: rgba(5, 150, 105, 0.3);
+}
+
+.alert-error {
+  background-color: #fee2e2;
+  color: #991b1b;
+  border-color: #fca5a5;
+}
+.dark .alert-error {
+  background-color: rgba(127, 29, 29, 0.15);
+  color: #fca5a5;
+  border-color: rgba(220, 38, 38, 0.3);
+}
+
+.alert-warning {
+  background-color: #fef3c7;
+  color: #92400e;
+  border-color: #fcd34d;
+}
+.dark .alert-warning {
+  background-color: rgba(120, 53, 15, 0.15);
+  color: #fcd34d;
+  border-color: rgba(161, 98, 7, 0.3);
+}
+
+/* ========== HOVER STATES FOR CARDS ========== */
+.hover-card-light {
+  background-color: transparent;
+  transition: background-color 0.2s;
+}
+.hover-card-light:hover {
+  background-color: #f9fafb;
+}
+
+.dark .hover-card-light {
+  background-color: transparent;
+}
+.dark .hover-card-light:hover {
+  background-color: rgba(38, 38, 38, 0.5);
+}
+
+/* ========== HOVER STATES FOR SIDEBAR ========== */
+.hover-sidebar-light {
+  background-color: transparent;
+  transition: background-color 0.2s;
+}
+.hover-sidebar-light:hover {
+  background-color: #f3f4f6;
+}
+
+.dark .hover-sidebar-light {
+  background-color: transparent;
+}
+.dark .hover-sidebar-light:hover {
+  background-color: rgba(38, 38, 38, 0.5);
+}
+
+/* ========== GRADING MODAL STYLES ========== */
+/* Question cards */
+.modal-question-card {
+  background-color: #ffffff;
+  border-color: #e5e7eb;
+}
+.dark .modal-question-card {
+  background-color: #171717;
+  border-color: #3f3f46;
+}
+
+/* Question cards that need grading */
+.modal-question-card.needs-grading {
+  background-color: #fef3c7;
+  border-color: #fbbf24;
+}
+.dark .modal-question-card.needs-grading {
+  background-color: rgba(120, 53, 15, 0.15);
+  border-color: rgba(161, 98, 7, 0.4);
+}
+
+/* Option cards */
+.modal-option {
+  background-color: #fafafa;
+  border-color: #e5e7eb;
+}
+.dark .modal-option {
+  background-color: #262626;
+  border-color: #3f3f46;
+}
+
+.modal-option.selected-correct {
+  background-color: #d1fae5;
+  border-color: #6ee7b7;
+}
+.dark .modal-option.selected-correct {
+  background-color: rgba(6, 95, 70, 0.2);
+  border-color: rgba(52, 211, 153, 0.4);
+}
+
+.modal-option.selected-wrong {
+  background-color: #fecaca;
+  border-color: #fca5a5;
+}
+.dark .modal-option.selected-wrong {
+  background-color: rgba(153, 27, 27, 0.2);
+  border-color: rgba(220, 38, 38, 0.4);
+}
+
+.modal-option.correct-option {
+  background-color: #f0fdf4;
+  border-color: #bbf7d0;
+}
+.dark .modal-option.correct-option {
+  background-color: rgba(6, 95, 70, 0.1);
+  border-color: rgba(34, 197, 94, 0.3);
+}
+
+/* Text answer display */
+.modal-text-answer {
+  background-color: #ffffff;
+  border-color: #e5e7eb;
+}
+.dark .modal-text-answer {
+  background-color: #262626;
+  border-color: #3f3f46;
+}
+
+/* Close button */
+.modal-close-btn {
+  color: #9ca3af;
+  transition: color 0.2s;
+}
+.modal-close-btn:hover {
+  color: #4b5563;
+}
+.dark .modal-close-btn {
+  color: #6b7280;
+}
+.dark .modal-close-btn:hover {
+  color: #d1d5db;
+}
+
+/* ========== QUESTION NUMBER BADGE ========== */
+.question-number {
+  background-color: #6366f1;
+  color: #ffffff;
+}
+.dark .question-number {
+  background-color: rgba(99, 102, 241, 0.25);
+  color: #a5b4fc;
+}
+
+/* ========== EXAM OPTION STYLES ========== */
+.exam-option {
+  background-color: #fafafa;
+  border-color: #e5e7eb;
+}
+.dark .exam-option {
+  background-color: #262626;
+  border-color: #3f3f46;
+}
+
+.exam-option:hover {
+  background-color: #f3f4f6;
+}
+.dark .exam-option:hover {
+  background-color: #2d2d2d;
+}
+
+.exam-option.selected {
+  background-color: #e0e7ff;
+  border-color: #a5b4fc;
+}
+.dark .exam-option.selected {
+  background-color: rgba(99, 102, 241, 0.2);
+  border-color: rgba(129, 140, 248, 0.4);
+}
+
+/* ========== BUTTON HOVER ========== */
+.btn-secondary-light {
+  background-color: #ffffff;
+  transition: background-color 0.2s;
+}
+.btn-secondary-light:hover {
+  background-color: #f9fafb;
+}
+
+.dark .btn-secondary-light {
+  background-color: #171717;
+}
+.dark .btn-secondary-light:hover {
+  background-color: #262626;
+}
+
+/* ========== FORM LABELS - Dark mode fix ========== */
+.dark .label-dark {
+  color: #e4e4e7;
+}
+
+
+/* ========== CSS VARIABLE UTILITIES ========== */
+.bg-background { background-color: var(--background); }
+.bg-card { background-color: var(--card); }
+.bg-primary { background-color: var(--primary); }
+.bg-secondary { background-color: var(--secondary); }
+.bg-accent { background-color: var(--accent); }
+.bg-destructive { background-color: var(--destructive); }
+.bg-muted { background-color: var(--muted); }
+.bg-popover { background-color: var(--popover); }
+
+.text-foreground { color: var(--foreground); }
+.text-card-foreground { color: var(--card-foreground); }
+.text-primary-foreground { color: var(--primary-foreground); }
+.text-secondary-foreground { color: var(--secondary-foreground); }
+.text-accent-foreground { color: var(--accent-foreground); }
+.text-destructive-foreground { color: var(--destructive-foreground); }
+.text-muted-foreground { color: var(--muted-foreground); }
+.text-popover-foreground { color: var(--popover-foreground); }
+
+.border { border: 1px solid var(--border); }
+.border-border { border-color: var(--border); }
+.border-input { border-color: var(--input); }
+.border-primary { border-color: var(--primary); }
+.border-secondary { border-color: var(--secondary); }
+.border-destructive { border-color: var(--destructive); }
+.border-muted { border-color: var(--muted); }
+
+.rounded { border-radius: var(--radius); }
+.rounded-md { border-radius: var(--radius); }
+.rounded-lg { border-radius: var(--radius); }
+.rounded-xl { border-radius: 0.75rem; }
+.rounded-full { border-radius: 9999px; }
+
+/* Focus styles */
+.focus-visible\:outline-none:focus-visible { outline: none; }
+.focus-visible\:ring-2:focus-visible { box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring); }
+.focus-visible\:ring:focus-visible { --tw-ring-color: var(--ring); }
+
+/* Disabled states */
+.disabled\:pointer-events-none:disabled { pointer-events: none; }
+.disabled\:opacity-50:disabled { opacity: 0.5; }
+
+/* ========== FORM ELEMENTS ========== */
+input, select, textarea {
+  border: 1px solid var(--input);
+  background-color: var(--background);
+  border-radius: var(--radius);
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
+  color: var(--foreground);
+  transition: all 0.2s;
+}
+
+input:focus, select:focus, textarea:focus {
+  outline: none;
+  border-color: var(--ring);
+  box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);
+}
+
+input::placeholder, textarea::placeholder {
+  color: var(--muted-foreground);
+}
+
+/* Select dropdown arrow */
+select {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
+  background-repeat: no-repeat;
+  background-size: 1.5em 1.5em;
+  padding-right: 2.5rem;
+}
+
+.dark select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+}
+
+/* Select options - fix dark colors in light mode */
+select option {
+  background-color: #ffffff;
+  color: #09090b;
+}
+
+.dark select option {
+  background-color: #27272a;
+  color: #fafafa;
+}
+
+/* ========== CLASS FORM SELECTS - High Contrast ========== */
+.select-contrast {
+  color: #09090b !important;
+  background-color: #ffffff !important;
+}
+.dark .select-contrast {
+  color: #fafafa !important;
+  background-color: #27272a !important;
+}
+
+/* ========== ROLE CHECKBOX COMPONENT - Custom Classes ========== */
+.role-checkbox-gray {
+  background-color: #ffffff !important;
+  border-color: #d4d4d8 !important;
+  color: #404040 !important;
+}
+.role-checkbox-gray:hover {
+  border-color: #a3a3a3 !important;
+}
+.dark .role-checkbox-gray {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #a1a1aa !important;
+}
+.dark .role-checkbox-gray:hover {
+  border-color: #a3a3a3 !important;
+}
+
+.role-checkbox-gray-checked {
+  background-color: #e5e5e5 !important;
+  border-color: #737373 !important;
+  color: #262626 !important;
+}
+.dark .role-checkbox-gray-checked {
+  background-color: #3f3f46 !important;
+  border-color: #737373 !important;
+  color: #f4f4f5 !important;
+}
+
+.role-checkbox-emerald {
+  background-color: #ffffff !important;
+  border-color: #6ee7b7 !important;
+  color: #059669 !important;
+}
+.role-checkbox-emerald:hover {
+  border-color: #34d399 !important;
+}
+.dark .role-checkbox-emerald {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #6ee7b7 !important;
+}
+.dark .role-checkbox-emerald:hover {
+  border-color: #34d399 !important;
+}
+
+.role-checkbox-emerald-checked {
+  background-color: #d1fae5 !important;
+  border-color: #059669 !important;
+  color: #064e3b !important;
+}
+.dark .role-checkbox-emerald-checked {
+  background-color: rgba(6, 95, 70, 0.2) !important;
+  border-color: #059669 !important;
+  color: #6ee7b7 !important;
+}
+
+.role-checkbox-blue {
+  background-color: #ffffff !important;
+  border-color: #93c5fd !important;
+  color: #2563eb !important;
+}
+.role-checkbox-blue:hover {
+  border-color: #60a5fa !important;
+}
+.dark .role-checkbox-blue {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #93c5fd !important;
+}
+.dark .role-checkbox-blue:hover {
+  border-color: #60a5fa !important;
+}
+
+.role-checkbox-blue-checked {
+  background-color: #dbeafe !important;
+  border-color: #2563eb !important;
+  color: #1e40af !important;
+}
+.dark .role-checkbox-blue-checked {
+  background-color: rgba(30, 64, 175, 0.2) !important;
+  border-color: #2563eb !important;
+  color: #93c5fd !important;
+}
+
+.role-checkbox-amber {
+  background-color: #ffffff !important;
+  border-color: #fcd34d !important;
+  color: #d97706 !important;
+}
+.role-checkbox-amber:hover {
+  border-color: #fbbf24 !important;
+}
+.dark .role-checkbox-amber {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #fcd34d !important;
+}
+.dark .role-checkbox-amber:hover {
+  border-color: #fbbf24 !important;
+}
+
+.role-checkbox-amber-checked {
+  background-color: #fef3c7 !important;
+  border-color: #d97706 !important;
+  color: #92400e !important;
+}
+.dark .role-checkbox-amber-checked {
+  background-color: rgba(120, 53, 15, 0.2) !important;
+  border-color: #d97706 !important;
+  color: #fcd34d !important;
+}
+
+.role-checkbox-red {
+  background-color: #ffffff !important;
+  border-color: #fca5a5 !important;
+  color: #dc2626 !important;
+}
+.role-checkbox-red:hover {
+  border-color: #f87171 !important;
+}
+.dark .role-checkbox-red {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #fca5a5 !important;
+}
+.dark .role-checkbox-red:hover {
+  border-color: #f87171 !important;
+}
+
+.role-checkbox-red-checked {
+  background-color: #fee2e2 !important;
+  border-color: #dc2626 !important;
+  color: #991b1b !important;
+}
+.dark .role-checkbox-red-checked {
+  background-color: rgba(127, 29, 29, 0.2) !important;
+  border-color: #dc2626 !important;
+  color: #fca5a5 !important;
+}
+
+.role-checkbox-indigo {
+  background-color: #ffffff !important;
+  border-color: #a5b4fc !important;
+  color: #4f46e5 !important;
+}
+.role-checkbox-indigo:hover {
+  border-color: #818cf8 !important;
+}
+.dark .role-checkbox-indigo {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #a5b4fc !important;
+}
+.dark .role-checkbox-indigo:hover {
+  border-color: #818cf8 !important;
+}
+
+.role-checkbox-indigo-checked {
+  background-color: #e0e7ff !important;
+  border-color: #4f46e5 !important;
+  color: #3730a3 !important;
+}
+.dark .role-checkbox-indigo-checked {
+  background-color: rgba(49, 46, 129, 0.2) !important;
+  border-color: #4f46e5 !important;
+  color: #a5b4fc !important;
+}
+
+.role-checkbox-purple {
+  background-color: #ffffff !important;
+  border-color: #d8b4fe !important;
+  color: #9333ea !important;
+}
+.role-checkbox-purple:hover {
+  border-color: #c084fc !important;
+}
+.dark .role-checkbox-purple {
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+  color: #d8b4fe !important;
+}
+.dark .role-checkbox-purple:hover {
+  border-color: #c084fc !important;
+}
+
+.role-checkbox-purple-checked {
+  background-color: #f3e8ff !important;
+  border-color: #9333ea !important;
+  color: #6b21a8 !important;
+}
+.dark .role-checkbox-purple-checked {
+  background-color: rgba(107, 33, 168, 0.2) !important;
+  border-color: #9333ea !important;
+  color: #d8b4fe !important;
+}
+
+/* ========== AMBER CHECKBOX - High Contrast (LEGACY - for backward compatibility) ========== */
+.checkbox-amber {
+  color: #09090b !important;
+  background-color: #ffffff !important;
+  border-color: #d4d4d8 !important;
+}
+.checkbox-amber:hover {
+  border-color: #d97706 !important;
+}
+.dark .checkbox-amber {
+  color: #fcd34d !important;
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+}
+.dark .checkbox-amber:hover {
+  border-color: #d97706 !important;
+}
+
+.checkbox-amber-checked {
+  color: #78350f !important;
+  background-color: #fef3c7 !important;
+  border-color: #d97706 !important;
+}
+.dark .checkbox-amber-checked {
+  color: #fcd34d !important;
+  background-color: rgba(120, 53, 15, 0.2) !important;
+  border-color: #d97706 !important;
+}
+
+/* ========== INDIGO CHECKBOX - High Contrast (LEGACY - for backward compatibility) ========== */
+.checkbox-indigo {
+  color: #09090b !important;
+  background-color: #ffffff !important;
+  border-color: #d4d4d8 !important;
+}
+.checkbox-indigo:hover {
+  border-color: #4f46e5 !important;
+}
+.dark .checkbox-indigo {
+  color: #a5b4fc !important;
+  background-color: #27272a !important;
+  border-color: #3f3f46 !important;
+}
+.dark .checkbox-indigo:hover {
+  border-color: #4f46e5 !important;
+}
+
+.checkbox-indigo-checked {
+  color: #312e81 !important;
+  background-color: #eef2ff !important;
+  border-color: #4f46e5 !important;
+}
+.dark .checkbox-indigo-checked {
+  color: #a5b4fc !important;
+  background-color: rgba(49, 46, 129, 0.2) !important;
+  border-color: #4f46e5 !important;
+}
+
+/* File input */
+input[type="file"] {
+  padding: 0.5rem;
+}
+
+input[type="file"]::file-selector-button {
+  margin-right: 0.75rem;
+  border: none;
+  background-color: var(--secondary);
+  color: var(--secondary-foreground);
+  padding: 0.375rem 0.75rem;
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  cursor: pointer;
+}
+
+/* ========== BUTTONS ========== */
+button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  font-weight: 500;
+  height: 2.5rem;
+  padding: 0 1rem;
+  cursor: pointer;
+  transition: all 0.2s;
+  border: 1px solid transparent;
+}
+
+button:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+
+/* ========== TABLES ========== */
+table {
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 0.875rem;
+}
+
+thead {
+  background-color: var(--muted);
+}
+
+tbody tr {
+  border-bottom: 1px solid var(--border);
+}
+
+tbody tr:hover {
+  background-color: var(--accent);
+}
+
+th {
+  text-align: left;
+  font-weight: 500;
+  color: var(--muted-foreground);
+  padding: 0.75rem 1rem;
+  font-size: 0.75rem;
+  text-transform: uppercase;
+}
+
+td {
+  padding: 1rem;
+  vertical-align: middle;
+}
+
+/* ========== CARDS ========== */
+.card {
+  background-color: var(--card);
+  color: var(--card-foreground);
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+}
+
+/* ========== BADGES ========== */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 9999px;
+  padding: 0.125rem 0.625rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.badge-outline {
+  background-color: transparent;
+  border: 1px solid var(--input);
+  color: var(--foreground);
+}
+
+.badge-secondary {
+  background-color: var(--secondary);
+  color: var(--secondary-foreground);
+}
+
+.badge-destructive {
+  background-color: var(--destructive);
+  color: var(--destructive-foreground);
+}
+
+/* ========== BADGE COMPONENTS - COLOR VARIANTS ========== */
+.badge-emerald {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #ecfdf5;
+  color: #047857;
+  border: 1px solid rgba(16, 185, 129, 0.24);
+}
+.dark .badge-emerald {
+  background-color: rgba(16, 185, 129, 0.1);
+  color: #6ee7b7;
+  border: 1px solid rgba(16, 185, 129, 0.08);
+}
+
+.badge-blue {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #eff6ff;
+  color: #1d4ed8;
+  border: 1px solid rgba(59, 130, 246, 0.24);
+}
+.dark .badge-blue {
+  background-color: rgba(59, 130, 246, 0.1);
+  color: #60a5fa;
+  border: 1px solid rgba(59, 130, 246, 0.08);
+}
+
+.badge-red {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #fef2f2;
+  color: #b91c1c;
+  border: 1px solid rgba(239, 68, 68, 0.24);
+}
+.dark .badge-red {
+  background-color: rgba(239, 68, 68, 0.1);
+  color: #f87171;
+  border: 1px solid rgba(239, 68, 68, 0.08);
+}
+
+.badge-amber {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #fffbeb;
+  color: #b45309;
+  border: 1px solid rgba(245, 158, 11, 0.24);
+}
+.dark .badge-amber {
+  background-color: rgba(245, 158, 11, 0.1);
+  color: #fbbf24;
+  border: 1px solid rgba(245, 158, 11, 0.08);
+}
+
+.badge-yellow {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #fefce8;
+  color: #ca8a04;
+  border: 1px solid rgba(234, 179, 8, 0.24);
+}
+.dark .badge-yellow {
+  background-color: rgba(234, 179, 8, 0.1);
+  color: #facc15;
+  border: 1px solid rgba(234, 179, 8, 0.08);
+}
+
+.badge-purple {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #faf5ff;
+  color: #7e22ce;
+  border: 1px solid rgba(168, 85, 247, 0.24);
+}
+.dark .badge-purple {
+  background-color: rgba(168, 85, 247, 0.1);
+  color: #c084fc;
+  border: 1px solid rgba(168, 85, 247, 0.08);
+}
+
+.badge-indigo {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #eef2ff;
+  color: #4338ca;
+  border: 1px solid rgba(99, 102, 241, 0.24);
+}
+.dark .badge-indigo {
+  background-color: rgba(99, 102, 241, 0.1);
+  color: #818cf8;
+  border: 1px solid rgba(99, 102, 241, 0.08);
+}
+
+.badge-gray {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background-color: #f9fafb;
+  color: #4b5563;
+  border: 1px solid rgba(107, 114, 128, 0.24);
+}
+.dark .badge-gray {
+  background-color: rgba(107, 114, 128, 0.1);
+  color: #9ca3af;
+  border: 1px solid rgba(107, 114, 128, 0.08);
+}
+
+/* ========== STUDENT TAGS IN CLASS FORM ========== */
+.student-tag {
+  background-color: #d1fae5;
+  color: #064e3b;
+  border: 1px solid #6ee7b7;
+}
+.dark .student-tag {
+  background-color: rgba(6, 95, 70, 0.15);
+  color: #6ee7b7;
+  border: 1px solid rgba(5, 150, 105, 0.3);
+}
+.student-tag button {
+  color: #047857;
+}
+.dark .student-tag button {
+  color: #34d399;
+}
+.student-tag button:hover {
+  color: #064e3b;
+}
+.dark .student-tag button:hover {
+  color: #6ee7b7;
+}
+
+/* ========== LINKS ========== */
+a {
+  color: var(--primary);
+  text-decoration: none;
+}
+
+a:hover,
+a:focus,
+a:active {
+  text-decoration: none !important;
+}
+
+/* ========== SCROLLBAR UTILITIES ========== */
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+/* ========== THEME TOGGLE SWITCH ========== */
+.theme-toggle-switch {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 3.5rem;
+  height: 1.75rem;
+  cursor: pointer;
+}
+
+.theme-toggle-switch input {
+  display: none;
+}
+
+.theme-toggle-slider {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: #e5e5e5;
+  border-radius: 9999px;
+  transition: background-color 0.3s;
+}
+
+.theme-toggle-slider::before {
+  content: "";
+  position: absolute;
+  top: 0.125rem;
+  left: 0.125rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  background-color: #ffffff;
+  border-radius: 50%;
+  transition: transform 0.3s;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371737' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z'/%3E%3C/svg%3E");
+  background-size: 1.25rem;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.theme-toggle-switch input:checked + .theme-toggle-slider {
+  background-color: #4f46e5;
+}
+
+.theme-toggle-switch input:checked + .theme-toggle-slider::before {
+  transform: translateX(1.75rem);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z'/%3E%3C/svg%3E");
+}
+
+/* ========== GUARDIAN ALERT BOX ========== */
+.guardian-alert {
+  background-color: #fef3c7;
+  border-color: #fcd34d;
+}
+.dark .guardian-alert {
+  background-color: rgba(180, 83, 9, 0.15);
+  border-color: rgba(161, 98, 7, 0.3);
+}
+.guardian-alert-title {
+  color: #78350f;
+}
+.dark .guardian-alert-title {
+  color: #fde68a;
+}
+.guardian-alert-text {
+  color: #92400e;
+}
+.dark .guardian-alert-text {
+  color: #d97706;
+}
+.guardian-alert-icon-box {
+  background-color: #fef3c7;
+  color: #d97706;
+}
+.dark .guardian-alert-icon-box {
+  background-color: rgba(180, 83, 9, 0.15);
+  color: #fbbf24;
+}
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..e8728c9
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,418 @@
+@import "tailwindcss";
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* Paleta "Moinho" — extraída de public/img/1.jpg e 2.jpg.
+   Apenas nomes novos/inertes: nenhuma página existente é afetada. */
+@theme {
+  --color-mill-cream: #fbf6ee;
+  --color-mill-sand: #f1e7d3;
+  --color-mill-peach: #f0d9b5;
+  --color-mill-peachlight: #f7e8d0;
+  --color-mill-stone: #e0d6c4;
+  --color-mill-wood: #8b6f47;
+  --color-mill-woodlight: #b08d5e;
+  --color-mill-wooddark: #5d4e37;
+  --color-mill-gold: #c9a36a;
+  --color-mill-ink: #3d352a;
+  --color-mill-muted: #6b5d3f;
+  --color-mill-night: #1c1710;
+  --color-mill-carddark: #241d14;
+  --color-mill-creamdark: #efe4d2;
+}
+
+:root {
+  --background: #ffffff;
+  --foreground: #0f172a;
+  --card: #ffffff;
+  --card-foreground: #0f172a;
+  --popover: #ffffff;
+  --popover-foreground: #0f172a;
+  --primary: #1d4ed8;
+  --primary-foreground: #eff6ff;
+  --secondary: #f1f5f9;
+  --secondary-foreground: #0f172a;
+  --muted: #f8fafc;
+  --muted-foreground: #64748b;
+  --accent: #e2e8f0;
+  --accent-foreground: #0f172a;
+  --destructive: #dc2626;
+  --destructive-foreground: #ffffff;
+  --border: #e2e8f0;
+  --input: #cbd5e1;
+  --ring: #2563eb;
+  --radius: 0.625rem;
+}
+
+.dark {
+  --background: #09090b;
+  --foreground: #f5f5f5;
+  --card: #111827;
+  --card-foreground: #f5f5f5;
+  --popover: #111827;
+  --popover-foreground: #f5f5f5;
+  --primary: #60a5fa;
+  --primary-foreground: #082f49;
+  --secondary: #1f2937;
+  --secondary-foreground: #f5f5f5;
+  --muted: #27272a;
+  --muted-foreground: #a1a1aa;
+  --accent: #27272a;
+  --accent-foreground: #f5f5f5;
+  --destructive: #7f1d1d;
+  --destructive-foreground: #fecaca;
+  --border: #27272a;
+  --input: #3f3f46;
+  --ring: #93c5fd;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-geist-sans), system-ui, -apple-system, sans-serif;
+}
+
+:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
+.page-header {
+  background: linear-gradient(95deg, #dbeafe 0%, #eff6ff 52%, #f8fafc 100%);
+}
+
+.dark .page-header {
+  background: linear-gradient(95deg, #172554 0%, #0f172a 52%, #09090b 100%);
+}
+
+.login-btn {
+  background-color: #0f172a;
+  color: #ffffff;
+}
+
+.login-btn:hover {
+  background-color: #1e293b;
+}
+
+.dark .login-btn {
+  background-color: #e2e8f0;
+  color: #0f172a;
+}
+
+.dark .login-btn:hover {
+  background-color: #cbd5e1;
+}
+
+.dark .alert-danger {
+  background-color: rgb(127 29 29 / 20%);
+  color: #fca5a5;
+  border-color: rgb(220 38 38 / 40%);
+}
+
+.dark .alert-warning {
+  background-color: rgb(120 53 15 / 20%);
+  color: #fde68a;
+  border-color: rgb(245 158 11 / 40%);
+}
+
+.dark .alert-success {
+  background-color: rgb(6 95 70 / 20%);
+  color: #6ee7b7;
+  border-color: rgb(16 185 129 / 40%);
+}
+
+.dark .alert-info {
+  background-color: rgb(30 64 175 / 20%);
+  color: #93c5fd;
+  border-color: rgb(59 130 246 / 40%);
+}
+
+.hover-card-light {
+  background-color: transparent;
+  transition: background-color 0.2s ease;
+}
+
+.hover-card-light:hover {
+  background-color: #f8fafc;
+}
+
+.dark .hover-card-light:hover {
+  background-color: rgb(39 39 42 / 60%);
+}
+
+.hover-sidebar-light {
+  background-color: transparent;
+  transition: background-color 0.2s ease;
+}
+
+.hover-sidebar-light:hover {
+  background-color: #f1f5f9;
+}
+
+.dark .hover-sidebar-light:hover {
+  background-color: rgb(39 39 42 / 60%);
+}
+
+.modal-question-card {
+  background-color: #ffffff;
+  border-color: #e5e7eb;
+}
+
+.dark .modal-question-card {
+  background-color: #171717;
+  border-color: #3f3f46;
+}
+
+.modal-question-card.needs-grading {
+  background-color: #fef3c7;
+  border-color: #f59e0b;
+}
+
+.dark .modal-question-card.needs-grading {
+  background-color: rgb(120 53 15 / 20%);
+  border-color: rgb(245 158 11 / 45%);
+}
+
+.modal-option {
+  background-color: #fafafa;
+  border-color: #e5e7eb;
+}
+
+.dark .modal-option {
+  background-color: #262626;
+  border-color: #3f3f46;
+}
+
+.modal-option.selected-correct {
+  background-color: #d1fae5;
+  border-color: #10b981;
+}
+
+.modal-option.selected-wrong {
+  background-color: #fee2e2;
+  border-color: #ef4444;
+}
+
+.modal-option.correct-option {
+  background-color: #f0fdf4;
+  border-color: #86efac;
+}
+
+.modal-text-answer {
+  background-color: #ffffff;
+  border-color: #e5e7eb;
+}
+
+.dark .modal-text-answer {
+  background-color: #262626;
+  border-color: #3f3f46;
+}
+
+.question-number {
+  background-color: #2563eb;
+  color: #ffffff;
+}
+
+.dark .question-number {
+  background-color: rgb(37 99 235 / 28%);
+  color: #93c5fd;
+}
+
+.exam-option {
+  background-color: #fafafa;
+  border-color: #e5e7eb;
+}
+
+.exam-option:hover {
+  background-color: #f1f5f9;
+}
+
+.exam-option.selected {
+  background-color: #dbeafe;
+  border-color: #93c5fd;
+}
+
+.dark .exam-option {
+  background-color: #262626;
+  border-color: #3f3f46;
+}
+
+.dark .exam-option:hover {
+  background-color: #2d2d2d;
+}
+
+.dark .exam-option.selected {
+  background-color: rgb(37 99 235 / 20%);
+  border-color: rgb(96 165 250 / 45%);
+}
+
+.btn-secondary-light {
+  background-color: #ffffff;
+  transition: background-color 0.2s ease;
+}
+
+.btn-secondary-light:hover {
+  background-color: #f8fafc;
+}
+
+.dark .btn-secondary-light {
+  background-color: #171717;
+}
+
+.dark .btn-secondary-light:hover {
+  background-color: #262626;
+}
+
+.dark .label-dark {
+  color: #e4e4e7;
+}
+
+.select-contrast {
+  color: #0f172a;
+  background-color: #ffffff;
+}
+
+.dark .select-contrast {
+  color: #f5f5f5;
+  background-color: #27272a;
+}
+
+.bg-background { background-color: var(--background); }
+.bg-card { background-color: var(--card); }
+.bg-primary { background-color: var(--primary); }
+.bg-secondary { background-color: var(--secondary); }
+.bg-accent { background-color: var(--accent); }
+.bg-destructive { background-color: var(--destructive); }
+.bg-muted { background-color: var(--muted); }
+.bg-popover { background-color: var(--popover); }
+
+.text-foreground { color: var(--foreground); }
+.text-card-foreground { color: var(--card-foreground); }
+.text-primary-foreground { color: var(--primary-foreground); }
+.text-secondary-foreground { color: var(--secondary-foreground); }
+.text-accent-foreground { color: var(--accent-foreground); }
+.text-destructive-foreground { color: var(--destructive-foreground); }
+.text-muted-foreground { color: var(--muted-foreground); }
+.text-popover-foreground { color: var(--popover-foreground); }
+
+.border-border { border-color: var(--border); }
+.border-input { border-color: var(--input); }
+
+.ring-offset-background { --tw-ring-offset-color: var(--background); }
+.focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--ring); }
+
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+.theme-toggle-switch {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 3.5rem;
+  height: 1.75rem;
+  cursor: pointer;
+}
+
+.theme-toggle-switch input {
+  display: none;
+}
+
+.theme-toggle-slider {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: #e5e7eb;
+  border-radius: 9999px;
+  transition: background-color 0.3s ease;
+}
+
+.theme-toggle-slider::before {
+  content: "";
+  position: absolute;
+  top: 0.125rem;
+  left: 0.125rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: 9999px;
+  background: #ffffff;
+  transition: transform 0.3s ease;
+}
+
+.theme-toggle-switch input:checked + .theme-toggle-slider {
+  background-color: #2563eb;
+}
+
+.theme-toggle-switch input:checked + .theme-toggle-slider::before {
+  transform: translateX(1.75rem);
+}
+
+.guardian-alert {
+  background-color: #fef3c7;
+  border-color: #fcd34d;
+}
+
+.guardian-alert-title {
+  color: #78350f;
+}
+
+.guardian-alert-text {
+  color: #92400e;
+}
+
+.guardian-alert-icon-box {
+  background-color: #fef3c7;
+  color: #d97706;
+}
+
+.dark .guardian-alert {
+  background-color: rgb(180 83 9 / 18%);
+  border-color: rgb(245 158 11 / 35%);
+}
+
+.dark .guardian-alert-title {
+  color: #fde68a;
+}
+
+.dark .guardian-alert-text {
+  color: #fbbf24;
+}
+
+.dark .guardian-alert-icon-box {
+  background-color: rgb(180 83 9 / 18%);
+  color: #facc15;
+}
+
+.student-tag {
+  background-color: #d1fae5;
+  color: #065f46;
+  border: 1px solid #6ee7b7;
+}
+
+.dark .student-tag {
+  background-color: rgb(6 95 70 / 20%);
+  color: #6ee7b7;
+  border-color: rgb(16 185 129 / 35%);
+}
+
+.student-tag button {
+  color: #047857;
+}
+
+.dark .student-tag button {
+  color: #34d399;
+}
diff --git a/src/app/layout.jsx b/src/app/layout.jsx
new file mode 100644
index 0000000..feb7f93
--- /dev/null
+++ b/src/app/layout.jsx
@@ -0,0 +1,34 @@
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+import Header from "./components/shared/Header";
+import { headers } from "next/headers";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata = {
+  title: "Inglês com idéias vivas",
+  description: "Generated by create next app",
+};
+
+export default async function RootLayout({ children }) {
+  const headersList = await headers();
+  const pathname = headersList.get("x-pathname") || "/";
+  const isHomePage = pathname === "/";
+
+  return (
+    <html lang="pt-br" suppressHydrationWarning>
+      <body className={`${geistSans.variable} ${geistMono.variable} bg-background text-foreground antialiased`}>
+        {!isHomePage && <Header />}
+        {children}
+      </body>
+    </html>
+  );
+}
diff --git a/src/app/lib/actions/examActions.js b/src/app/lib/actions/examActions.js
new file mode 100644
index 0000000..4b3413c
--- /dev/null
+++ b/src/app/lib/actions/examActions.js
@@ -0,0 +1,1102 @@
+'use server';
+
+import { revalidatePath } from 'next/cache';
+import { auth } from '@/app/lib/utils/auth';
+import { getExamTemplateModel } from '@/app/models/ExamTemplate';
+import { getExamAssignmentModel } from '@/app/models/ExamAssignment';
+import { getExamAttemptModel } from '@/app/models/ExamAttempt';
+import { getClassModel } from '@/app/models/Class';
+import { getUserModel } from '@/app/models/User';
+
+/**
+ * Helper function to serialize Mongoose documents for Client Components
+ * Converts all ObjectIds to strings recursively
+ * Handles circular references using a WeakMap
+ * Filters out functions and Mongoose document methods
+ */
+function serializeData(data, seen = new WeakMap()) {
+  if (data === null || data === undefined) {
+    return data;
+  }
+  
+  if (typeof data !== 'object') {
+    return data;
+  }
+  
+  // Handle functions - skip them
+  if (typeof data === 'function') {
+    return undefined;
+  }
+  
+  // Handle circular references
+  if (seen.has(data)) {
+    return '[Circular]';
+  }
+  seen.set(data, true);
+  
+  if (Array.isArray(data)) {
+    return data.map(item => serializeData(item, seen));
+  }
+  
+  // Handle ObjectId (has toString method and is not a plain object)
+  if (data.constructor && data.constructor.name === 'ObjectId') {
+    return data.toString();
+  }
+  
+  // Handle Date objects
+  if (data instanceof Date) {
+    return data.toISOString();
+  }
+  
+  // Handle plain objects - filter out any function properties
+  const serialized = {};
+  for (const key in data) {
+    if (Object.prototype.hasOwnProperty.call(data, key)) {
+      const value = data[key];
+      // Skip functions (Mongoose document methods)
+      if (typeof value === 'function') {
+        continue;
+      }
+      serialized[key] = serializeData(value, seen);
+    }
+  }
+  return serialized;
+}
+
+/**
+ * Helper function to convert Mongoose documents to plain objects
+ * This properly converts ObjectIds to strings and Dates to ISO strings
+ */
+function toPlainObject(doc) {
+  if (!doc) return null;
+  
+  // Use serializeData to properly convert all Mongoose types
+  return serializeData(doc);
+}
+
+// ==================== EXAM TEMPLATE ACTIONS ====================
+
+/**
+ * Get all exam templates
+ */
+export async function getExamTemplates() {
+  try {
+    const ExamTemplate = await getExamTemplateModel();
+    const User = await getUserModel(); // Ensure User model is registered
+    const templates = await ExamTemplate.find()
+      .populate('createdBy', 'fullName email')
+      .sort({ createdAt: -1 })
+      .lean();
+    
+    // Serialize templates to convert ObjectIds to strings
+    const serializedTemplates = templates.map(template => toPlainObject(template));
+    
+    return { success: true, data: serializedTemplates };
+  } catch (error) {
+    console.error('Error fetching exam templates:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get exam template by ID
+ */
+export async function getExamTemplateById(id) {
+  try {
+    const ExamTemplate = await getExamTemplateModel();
+    const User = await getUserModel(); // Ensure User model is registered
+    const template = await ExamTemplate.findById(id)
+      .populate('createdBy', 'fullName email')
+      .lean();
+    
+    if (!template) {
+      return { success: false, error: 'Template not found' };
+    }
+    
+    // Serialize template to convert ObjectIds to strings
+    return { success: true, data: toPlainObject(template) };
+  } catch (error) {
+    console.error('Error fetching exam template:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Create new exam template
+ */
+export async function createExamTemplate(data) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, error: 'Unauthorized' };
+    }
+    
+    const ExamTemplate = await getExamTemplateModel();
+    const User = await getUserModel(); // Ensure User model is registered
+    
+    const template = await ExamTemplate.create({
+      ...data,
+      createdBy: session.user.id,
+    });
+    
+    revalidatePath('/admin/dashboard/exam-templates');
+    revalidatePath('/admin/dashboard/assignments');
+    
+    return { success: true, data: toPlainObject(template) };
+  } catch (error) {
+    console.error('Error creating exam template:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Update exam template
+ */
+export async function updateExamTemplate(id, data) {
+  try {
+    const ExamTemplate = await getExamTemplateModel();
+    const User = await getUserModel(); // Ensure User model is registered
+    
+    const template = await ExamTemplate.findByIdAndUpdate(
+      id,
+      { $set: data },
+      { new: true, runValidators: true }
+    ).lean();
+    
+    if (!template) {
+      return { success: false, error: 'Template not found' };
+    }
+    
+    revalidatePath('/admin/dashboard/exam-templates');
+    revalidatePath('/admin/dashboard/assignments');
+    revalidatePath(`/admin/dashboard/exam-templates/${id}`);
+    
+    return { success: true, data: toPlainObject(template) };
+  } catch (error) {
+    console.error('Error updating exam template:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Delete exam template
+ */
+export async function deleteExamTemplate(id) {
+  try {
+    const ExamTemplate = await getExamTemplateModel();
+    const ExamAssignment = await getExamAssignmentModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    // Check if template is used in any assignments
+    const assignmentsCount = await ExamAssignment.countDocuments({ examTemplateId: id });
+    if (assignmentsCount > 0) {
+      return {
+        success: false,
+        error: `Cannot delete template. It is used in ${assignmentsCount} assignment(s).`
+      };
+    }
+
+    const template = await ExamTemplate.findByIdAndDelete(id);
+
+    if (!template) {
+      return { success: false, error: 'Template not found' };
+    }
+
+    revalidatePath('/admin/dashboard/exam-templates');
+    revalidatePath('/admin/dashboard/assignments');
+    
+    return { success: true, data: toPlainObject(template) };
+  } catch (error) {
+    console.error('Error deleting exam template:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Duplicate exam template
+ */
+export async function duplicateExamTemplate(id) {
+  try {
+    const ExamTemplate = await getExamTemplateModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const originalTemplate = await ExamTemplate.findById(id).lean();
+    if (!originalTemplate) {
+      return { success: false, error: 'Template not found' };
+    }
+
+    // Create a copy with a new title - explicitly exclude _id to let MongoDB generate a new one
+    const { _id, createdAt, updatedAt, __v, createdBy, ...templateData } = originalTemplate;
+
+    const duplicatedTemplate = await ExamTemplate.create({
+      ...templateData,
+      title: `${originalTemplate.title} (Copy)`,
+      usageCount: 0,
+      createdBy: createdBy, // Keep the same creator
+    });
+
+    // Populate the createdBy field before returning
+    await duplicatedTemplate.populate('createdBy', 'fullName email');
+
+    revalidatePath('/admin/dashboard/exam-templates');
+    revalidatePath('/admin/dashboard/assignments');
+
+    return { success: true, data: toPlainObject(duplicatedTemplate.toObject()) };
+  } catch (error) {
+    console.error('Error duplicating exam template:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+// ==================== EXAM ASSIGNMENT ACTIONS ====================
+
+/**
+ * Get exam assignments for a class
+ */
+export async function getExamAssignments(classId) {
+  try {
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamAttempt = await getExamAttemptModel();
+    await getExamTemplateModel(); // Ensure ExamTemplate model is registered for populate
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const query = classId ? { classId } : {};
+
+    const assignments = await ExamAssignment.find(query)
+      .populate('examTemplateId', 'title description totalPoints questionCount')
+      .populate('classId', 'classTitle')
+      .populate('assignedBy', 'fullName email')
+      .sort({ startDate: -1 })
+      .lean();
+
+    // Add attempt count for each assignment
+    const assignmentIds = assignments.map(a => a._id);
+    const attemptCounts = await ExamAttempt.aggregate([
+      { $match: { assignmentId: { $in: assignmentIds } } },
+      { $group: { _id: "$assignmentId", count: { $sum: 1 } } }
+    ]);
+
+    const attemptCountMap = Object.fromEntries(
+      attemptCounts.map(({ _id, count }) => [_id.toString(), count])
+    );
+
+    const enrichedAssignments = assignments.map(a => ({
+      ...a,
+      attemptCount: attemptCountMap[a._id.toString()] || 0
+    }));
+
+    // Serialize assignments to convert ObjectIds to strings
+    const serializedAssignments = enrichedAssignments.map(assignment => toPlainObject(assignment));
+
+    return { success: true, data: serializedAssignments };
+  } catch (error) {
+    console.error('Error fetching exam assignments:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get exam assignment by ID
+ */
+export async function getExamAssignmentById(id) {
+  try {
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamTemplate = await getExamTemplateModel(); // Ensure ExamTemplate model is registered
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const assignment = await ExamAssignment.findById(id)
+      .populate('examTemplateId')
+      .populate('classId', 'classTitle')
+      .populate('assignedBy', 'fullName email')
+      .lean();
+
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    // Serialize to plain object (handles Mongoose types and nested documents)
+    const serialized = serializeData(assignment);
+    return { success: true, data: serialized };
+  } catch (error) {
+    console.error('Error fetching exam assignment:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Create new exam assignment
+ */
+export async function createExamAssignment(classId, data) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, error: 'Unauthorized' };
+    }
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const Class = await getClassModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    // Verify class exists
+    const classDoc = await Class.findById(classId);
+    if (!classDoc) {
+      return { success: false, error: 'Class not found' };
+    }
+
+    const assignment = await ExamAssignment.create({
+      ...data,
+      classId,
+      assignedBy: session.user.id,
+    });
+
+    // Increment template usage count
+    const ExamTemplate = await getExamTemplateModel();
+    await ExamTemplate.findByIdAndUpdate(
+      data.examTemplateId,
+      { $inc: { usageCount: 1 } }
+    );
+
+    revalidatePath('/admin/dashboard/assignments');
+    revalidatePath(`/admin/dashboard/class/${classId}`);
+    revalidatePath(`/dashboard/teacher/class/${classId}`);
+
+    return { success: true, data: toPlainObject(assignment) };
+  } catch (error) {
+    console.error('Error creating exam assignment:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Update exam assignment
+ */
+export async function updateExamAssignment(id, data) {
+  try {
+    const ExamAssignment = await getExamAssignmentModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const assignment = await ExamAssignment.findByIdAndUpdate(
+      id,
+      { $set: data },
+      { new: true, runValidators: true }
+    ).lean();
+
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    revalidatePath('/admin/dashboard/assignments');
+    revalidatePath(`/admin/dashboard/class/${assignment.classId}`);
+    revalidatePath(`/dashboard/teacher/class/${assignment.classId}`);
+
+    return { success: true, data: toPlainObject(assignment) };
+  } catch (error) {
+    console.error('Error updating exam assignment:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Delete exam assignment
+ */
+export async function deleteExamAssignment(id) {
+  try {
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamAttempt = await getExamAttemptModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    // Check if assignment has attempts
+    const attemptsCount = await ExamAttempt.countDocuments({ assignmentId: id });
+    if (attemptsCount > 0) {
+      return {
+        success: false,
+        error: `Cannot delete assignment. It has ${attemptsCount} attempt(s). Consider archiving instead.`
+      };
+    }
+
+    const assignment = await ExamAssignment.findByIdAndDelete(id);
+
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    // Decrement template usage count
+    const ExamTemplate = await getExamTemplateModel();
+    await ExamTemplate.findByIdAndUpdate(
+      assignment.examTemplateId,
+      { $inc: { usageCount: -1 } }
+    );
+
+    revalidatePath('/admin/dashboard/assignments');
+    revalidatePath(`/admin/dashboard/class/${assignment.classId}`);
+    revalidatePath(`/dashboard/teacher/class/${assignment.classId}`);
+
+    return { success: true, data: toPlainObject(assignment) };
+  } catch (error) {
+    console.error('Error deleting exam assignment:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Archive/unarchive exam assignment
+ */
+export async function archiveExamAssignment(id, archived = true) {
+  try {
+    const ExamAssignment = await getExamAssignmentModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const assignment = await ExamAssignment.findByIdAndUpdate(
+      id,
+      { $set: { status: archived ? 'archived' : 'active' } },
+      { new: true }
+    ).lean();
+
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    revalidatePath('/admin/dashboard/assignments');
+    revalidatePath(`/admin/dashboard/class/${assignment.classId}`);
+    revalidatePath(`/dashboard/teacher/class/${assignment.classId}`);
+
+    return { success: true, data: toPlainObject(assignment) };
+  } catch (error) {
+    console.error('Error archiving exam assignment:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+// ==================== EXAM ATTEMPT ACTIONS ====================
+
+/**
+ * Get exam attempts for an assignment
+ */
+export async function getExamAttempts(assignmentId) {
+  try {
+    const ExamAttempt = await getExamAttemptModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const attempts = await ExamAttempt.find({ assignmentId })
+      .populate('studentId', 'fullName email')
+      .populate('classId', 'classTitle')
+      .sort({ submittedAt: -1 })
+      .lean();
+
+    // Serialize attempts to convert ObjectIds to strings
+    const serializedAttempts = attempts.map(attempt => toPlainObject(attempt));
+
+    return { success: true, data: serializedAttempts };
+  } catch (error) {
+    console.error('Error fetching exam attempts:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get exam attempt by ID
+ */
+export async function getExamAttemptById(id) {
+  try {
+    const ExamAttempt = await getExamAttemptModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const attempt = await ExamAttempt.findById(id)
+      .populate('studentId', 'fullName email')
+      .populate('classId', 'classTitle')
+      .populate('assignmentId')
+      .populate('examTemplateId')
+      .lean();
+
+    if (!attempt) {
+      return { success: false, error: 'Attempt not found' };
+    }
+
+    return { success: true, data: toPlainObject(attempt) };
+  } catch (error) {
+    console.error('Error fetching exam attempt:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Create new exam attempt
+ */
+export async function createExamAttempt(data) {
+  try {
+    const ExamAttempt = await getExamAttemptModel();
+    const ExamAssignment = await getExamAssignmentModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    // Verify assignment exists and is active
+    const assignment = await ExamAssignment.findById(data.assignmentId);
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    if (assignment.status !== 'active') {
+      return { success: false, error: 'Assignment is not active' };
+    }
+
+    // Check if within date range
+    const now = new Date();
+    if (now < assignment.startDate || now > assignment.endDate) {
+      return { success: false, error: 'Assignment is not currently available' };
+    }
+
+    // Check max attempts
+    const existingAttempts = await ExamAttempt.countDocuments({
+      assignmentId: data.assignmentId,
+      studentId: data.studentId,
+    });
+
+    if (existingAttempts >= assignment.maxAttempts) {
+      return {
+        success: false,
+        error: `Maximum attempts (${assignment.maxAttempts}) reached`
+      };
+    }
+
+    const attempt = await ExamAttempt.create({
+      ...data,
+      attemptNumber: existingAttempts + 1,
+      examTemplateId: assignment.examTemplateId,
+      classId: assignment.classId,
+    });
+
+    revalidatePath(`/dashboard/student/assignments/${data.assignmentId}`);
+    revalidatePath(`/dashboard/teacher/assignments/${data.assignmentId}/results`);
+
+    return { success: true, data: toPlainObject(attempt) };
+  } catch (error) {
+    console.error('Error creating exam attempt:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Submit exam attempt
+ */
+export async function submitExamAttempt(id, answers) {
+  try {
+    console.log("Server Action - submitExamAttempt called with id:", id);
+    console.log("Server Action - answers received:", answers);
+
+    const ExamAttempt = await getExamAttemptModel();
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamTemplate = await getExamTemplateModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const attempt = await ExamAttempt.findById(id);
+    if (!attempt) {
+      return { success: false, error: 'Attempt not found' };
+    }
+
+    if (attempt.status !== 'in_progress') {
+      return { success: false, error: 'Attempt is not in progress' };
+    }
+
+    const assignment = await ExamAssignment.findById(attempt.assignmentId);
+    const template = await ExamTemplate.findById(assignment.examTemplateId);
+
+    // Determine which questions to use (custom or template)
+    const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+      ? assignment.customQuestions
+      : template?.questions || [];
+
+    console.log("Server Action - questions to use:", questions.length);
+
+    // Calculate score
+    let totalScore = 0;
+    let autoGraded = true;
+
+    const processedAnswers = answers.map(answer => {
+      console.log("Processing answer:", answer);
+      const question = questions.find(q => q._id.toString() === answer.questionId);
+      console.log("Found question:", question);
+      let isCorrect = false;
+      let pointsEarned = 0;
+
+      if (question && question.questionType === 'multiple_choice') {
+        const selectedOption = question.options.find(o => o._id.toString() === answer.selectedOptionId);
+        isCorrect = selectedOption && selectedOption.isCorrect;
+        pointsEarned = isCorrect ? question.points : 0;
+      } else {
+        // Text questions need manual grading
+        autoGraded = false;
+      }
+
+      totalScore += pointsEarned;
+
+      return {
+        ...answer,
+        isCorrect,
+        pointsEarned,
+      };
+    });
+
+    console.log("Server Action - processedAnswers:", processedAnswers);
+
+    const timeSpent = Math.floor((Date.now() - attempt.startedAt) / 1000);
+    const totalPoints = questions.reduce((sum, q) => sum + (q.points || 0), 0);
+
+    const updatedAttempt = await ExamAttempt.findByIdAndUpdate(
+      id,
+      {
+        $set: {
+          answers: processedAnswers,
+          submittedAt: new Date(),
+          timeSpent,
+          score: totalScore,
+          totalPoints,
+          percentage: totalPoints > 0 ? Math.round((totalScore / totalPoints) * 100) : 0,
+          gradingStatus: autoGraded ? 'auto_graded' : 'pending',
+          autoGraded,
+          status: 'submitted',
+        },
+      },
+      { new: true }
+    ).lean();
+
+    console.log("Server Action - updatedAttempt:", updatedAttempt);
+
+    revalidatePath(`/dashboard/student/assignments/${attempt.assignmentId}/results`);
+    revalidatePath(`/dashboard/teacher/assignments/${attempt.assignmentId}/results`);
+
+    return { success: true, data: toPlainObject(updatedAttempt) };
+  } catch (error) {
+    console.error('Error submitting exam attempt:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+// ==================== STATISTICS ACTIONS ====================
+
+/**
+ * Get exam statistics with filtering
+ */
+export async function getExamStatistics(filters = {}) {
+  try {
+    const ExamAttempt = await getExamAttemptModel();
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamTemplate = await getExamTemplateModel();
+    const Class = await getClassModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const {
+      classId,
+      studentId,
+      templateId,
+      startDate,
+      endDate,
+      status,
+      gradingStatus,
+      page = 1,
+      limit = 20,
+    } = filters;
+
+    // Build query
+    const query = {};
+
+    if (classId) query.classId = classId;
+    if (studentId) query.studentId = studentId;
+    if (templateId) query.examTemplateId = templateId;
+    if (status) query.status = status;
+    if (gradingStatus) query.gradingStatus = gradingStatus;
+    if (startDate || endDate) {
+      query.submittedAt = {};
+      if (startDate) query.submittedAt.$gte = new Date(startDate);
+      if (endDate) query.submittedAt.$lte = new Date(endDate);
+    }
+
+    // Get attempts with pagination
+    const skip = (page - 1) * limit;
+    const [attempts, total] = await Promise.all([
+      ExamAttempt.find(query)
+        .populate('studentId', 'fullName email')
+        .populate('classId', 'classTitle')
+        .populate('assignmentId', 'title')
+        .populate('examTemplateId', 'title')
+        .sort({ submittedAt: -1 })
+        .skip(skip)
+        .limit(limit)
+        .lean(),
+      ExamAttempt.countDocuments(query),
+    ]);
+
+    // Calculate aggregate statistics
+    const stats = await ExamAttempt.aggregate([
+      { $match: query },
+      {
+        $group: {
+          _id: null,
+          totalAttempts: { $sum: 1 },
+          averageScore: { $avg: '$score' },
+          averagePercentage: { $avg: '$percentage' },
+          maxScore: { $max: '$score' },
+          minScore: { $min: '$score' },
+          passedCount: {
+            $sum: { $cond: [{ $gte: ['$percentage', 60] }, 1, 0] },
+          },
+        },
+      },
+    ]);
+
+    const aggregateStats = stats[0] || {
+      totalAttempts: 0,
+      averageScore: 0,
+      averagePercentage: 0,
+      maxScore: 0,
+      minScore: 0,
+      passedCount: 0,
+    };
+
+    // Get statistics by class
+    const byClass = await ExamAttempt.aggregate([
+      { $match: query },
+      {
+        $group: {
+          _id: '$classId',
+          totalAttempts: { $sum: 1 },
+          averagePercentage: { $avg: '$percentage' },
+        },
+      },
+      {
+        $lookup: {
+          from: 'classes',
+          localField: '_id',
+          foreignField: '_id',
+          as: 'class',
+        },
+      },
+      { $unwind: '$class' },
+      {
+        $project: {
+          classId: '$_id',
+          className: '$class.classTitle',
+          totalAttempts: 1,
+          averagePercentage: { $round: ['$averagePercentage', 1] },
+        },
+      },
+    ]);
+
+    // Get statistics by template
+    const byTemplate = await ExamAttempt.aggregate([
+      { $match: query },
+      {
+        $group: {
+          _id: '$examTemplateId',
+          totalAttempts: { $sum: 1 },
+          averagePercentage: { $avg: '$percentage' },
+        },
+      },
+      {
+        $lookup: {
+          from: 'examtemplates',
+          localField: '_id',
+          foreignField: '_id',
+          as: 'template',
+        },
+      },
+      { $unwind: '$template' },
+      {
+        $project: {
+          templateId: '$_id',
+          templateTitle: '$template.title',
+          totalAttempts: 1,
+          averagePercentage: { $round: ['$averagePercentage', 1] },
+        },
+      },
+    ]);
+
+    // Serialize attempts to convert ObjectIds to strings
+    const serializedAttempts = attempts.map(attempt => toPlainObject(attempt));
+
+    // Serialize byClass and byTemplate to convert ObjectIds to strings
+    const serializedByClass = byClass.map(item => ({
+      ...item,
+      _id: item._id ? item._id.toString() : null,
+      classId: item.classId ? item.classId.toString() : null,
+    }));
+
+    const serializedByTemplate = byTemplate.map(item => ({
+      ...item,
+      _id: item._id ? item._id.toString() : null,
+      templateId: item.templateId ? item.templateId.toString() : null,
+    }));
+
+    return {
+      success: true,
+      data: {
+        attempts: serializedAttempts,
+        pagination: {
+          page,
+          limit,
+          total,
+          totalPages: Math.ceil(total / limit),
+        },
+        aggregate: {
+          ...aggregateStats,
+          passRate: aggregateStats.totalAttempts > 0
+            ? Math.round((aggregateStats.passedCount / aggregateStats.totalAttempts) * 100)
+            : 0,
+        },
+        byClass: serializedByClass,
+        byTemplate: serializedByTemplate,
+      },
+    };
+  } catch (error) {
+    console.error('Error fetching exam statistics:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get assignment statistics
+ */
+export async function getAssignmentStatistics(assignmentId) {
+  try {
+    const ExamAttempt = await getExamAttemptModel();
+    const ExamAssignment = await getExamAssignmentModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const assignment = await ExamAssignment.findById(assignmentId)
+      .populate('examTemplateId')
+      .lean();
+
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    const attempts = await ExamAttempt.find({ assignmentId })
+      .populate('studentId', 'fullName email')
+      .lean();
+
+    const totalAttempts = attempts.length;
+    const submittedAttempts = attempts.filter(a => a.status === 'submitted' || a.status === 'graded');
+    const averageScore = submittedAttempts.length > 0
+      ? submittedAttempts.reduce((sum, a) => sum + a.score, 0) / submittedAttempts.length
+      : 0;
+    const averagePercentage = submittedAttempts.length > 0
+      ? submittedAttempts.reduce((sum, a) => sum + a.percentage, 0) / submittedAttempts.length
+      : 0;
+    const passedCount = submittedAttempts.filter(a => a.percentage >= 60).length;
+
+    // Serialize attempts to convert ObjectIds to strings
+    const serializedAttempts = attempts.map(attempt => toPlainObject(attempt));
+
+    return {
+      success: true,
+      data: {
+        assignment: toPlainObject(assignment),
+        stats: {
+          totalAttempts,
+          submittedAttempts: submittedAttempts.length,
+          averageScore: Math.round(averageScore * 100) / 100,
+          averagePercentage: Math.round(averagePercentage * 100) / 100,
+          passRate: submittedAttempts.length > 0
+            ? Math.round((passedCount / submittedAttempts.length) * 100)
+            : 0,
+          passedCount,
+        },
+        attempts: serializedAttempts,
+      },
+    };
+  } catch (error) {
+    console.error('Error fetching assignment statistics:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get student exam statistics
+ */
+export async function getStudentExamStatistics(studentId) {
+  try {
+    const ExamAttempt = await getExamAttemptModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    const attempts = await ExamAttempt.find({ studentId })
+      .populate('assignmentId', 'title startDate endDate')
+      .populate('examTemplateId', 'title totalPoints')
+      .populate('classId', 'classTitle')
+      .sort({ submittedAt: -1 })
+      .lean();
+
+    const totalAttempts = attempts.length;
+    const submittedAttempts = attempts.filter(a => a.status === 'submitted' || a.status === 'graded');
+    const averageScore = submittedAttempts.length > 0
+      ? submittedAttempts.reduce((sum, a) => sum + a.score, 0) / submittedAttempts.length
+      : 0;
+    const averagePercentage = submittedAttempts.length > 0
+      ? submittedAttempts.reduce((sum, a) => sum + a.percentage, 0) / submittedAttempts.length
+      : 0;
+    const passedCount = submittedAttempts.filter(a => a.percentage >= 60).length;
+
+    // Serialize attempts to convert ObjectIds to strings
+    const serializedAttempts = attempts.map(attempt => toPlainObject(attempt));
+
+    return {
+      success: true,
+      data: {
+        stats: {
+          totalAttempts,
+          submittedAttempts: submittedAttempts.length,
+          averageScore: Math.round(averageScore * 100) / 100,
+          averagePercentage: Math.round(averagePercentage * 100) / 100,
+          passRate: submittedAttempts.length > 0
+            ? Math.round((passedCount / submittedAttempts.length) * 100)
+            : 0,
+          passedCount,
+        },
+        attempts: serializedAttempts,
+      },
+    };
+  } catch (error) {
+    console.error('Error fetching student exam statistics:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get student's results for an assignment
+ */
+export async function getMyAssignmentResults(assignmentId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, error: 'Unauthorized' };
+    }
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamAttempt = await getExamAttemptModel();
+    const User = await getUserModel(); // Ensure User model is registered
+
+    // Get assignment
+    const assignment = await ExamAssignment.findById(assignmentId)
+      .populate('examTemplateId')
+      .lean();
+
+    if (!assignment) {
+      return { success: false, error: 'Assignment not found' };
+    }
+
+    // Check if results should be shown
+    if (!assignment.showResultsAfterGrading) {
+      return { success: false, error: 'Results not available' };
+    }
+
+    // Get student's attempts
+    const attempts = await ExamAttempt.find({
+      assignmentId,
+      studentId: session.user.id,
+    })
+      .sort({ attemptNumber: -1 })
+      .lean();
+
+    // Filter out in-progress attempts
+    const completedAttempts = attempts.filter((a) => a.status !== 'in_progress');
+
+    // Check if any attempt is fully graded
+    const hasGradedResults = completedAttempts.some(
+      (a) => a.gradingStatus === 'fully_graded' || a.gradingStatus === 'auto_graded'
+    );
+
+    if (!hasGradedResults && completedAttempts.length > 0) {
+      return {
+        success: true,
+        data: {
+          message: 'Aguardando correção',
+          attempts: [],
+          needsGrading: true,
+        },
+      };
+    }
+
+    // Determine which questions to use (custom or template)
+    const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+      ? assignment.customQuestions
+      : assignment.examTemplateId?.questions || [];
+
+    // Calculate total points once
+    const totalPoints = questions.reduce((sum, q) => sum + (q.points || 0), 0);
+
+    // For fully graded attempts, include the template with answers
+    const results = completedAttempts.map((attempt) => {
+      // Only show detailed answers if fully graded
+      if (attempt.gradingStatus === 'fully_graded' || attempt.gradingStatus === 'auto_graded') {
+        return {
+          ...toPlainObject(attempt),
+          totalPoints: attempt.totalPoints || totalPoints, // Include attempt's stored totalPoints
+          template: {
+            title: assignment.title || assignment.examTemplateId?.title,
+            totalPoints: attempt.totalPoints || totalPoints, // Use attempt's stored value
+            questions: questions.map((q) => {
+              const answer = attempt.answers.find((a) => a.questionId.toString() === q._id.toString());
+              return {
+                _id: q._id.toString(),
+                questionText: q.questionText,
+                questionType: q.questionType,
+                points: q.points,
+                options: q.options?.map(o => ({
+                  _id: o._id.toString(),
+                  optionText: o.optionText,
+                  isCorrect: o.isCorrect,
+                })) || [],
+                userAnswer: answer ? toPlainObject(answer) : null,
+              };
+            }),
+          },
+        };
+      }
+      return {
+        ...toPlainObject(attempt),
+        totalPoints: attempt.totalPoints || totalPoints,
+      };
+    });
+
+    return {
+      success: true,
+      data: {
+        attempts: results,
+        assignment: {
+          title: assignment.title || assignment.examTemplateId?.title,
+          totalPoints: questions.reduce((sum, q) => sum + (q.points || 0), 0),
+          showResultsAfterGrading: assignment.showResultsAfterGrading,
+        },
+        needsGrading: !hasGradedResults,
+      },
+    };
+  } catch (error) {
+    console.error('Error fetching assignment results:', error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Get all classes for dropdown selection
+ */
+export async function getClasses() {
+  try {
+    const Class = await getClassModel();
+    
+    const classes = await Class.find()
+      .select('classTitle _id')
+      .sort({ classTitle: 1 })
+      .lean();
+    
+    // Serialize to plain objects to avoid function serialization issues
+    const serializedClasses = JSON.parse(JSON.stringify(classes.map(cls => ({
+      _id: cls._id.toString(),
+      classTitle: cls.classTitle,
+    }))));
+    
+    return {
+      success: true,
+      data: serializedClasses,
+    };
+  } catch (error) {
+    console.error('Error fetching classes:', error);
+    return { success: false, error: error.message };
+  }
+}
diff --git a/src/app/lib/actions/examFlowActions.js b/src/app/lib/actions/examFlowActions.js
new file mode 100644
index 0000000..4d1b7f7
--- /dev/null
+++ b/src/app/lib/actions/examFlowActions.js
@@ -0,0 +1,443 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { auth } from "@/app/lib/utils/auth";
+import { getExamAssignmentModel } from "@/app/models/ExamAssignment";
+import { getExamTemplateModel } from "@/app/models/ExamTemplate";
+import { getExamAttemptModel } from "@/app/models/ExamAttempt";
+import { getClassModel } from "@/app/models/Class";
+import { getUserModel } from "@/app/models/User";
+import { requireClassMembership, AuthError } from "@/app/lib/middleware/authorization";
+
+const toPlain = (value) => JSON.parse(JSON.stringify(value));
+
+const fail = (message, status = 500, fieldErrors = null) => ({
+  success: false,
+  data: null,
+  message,
+  fieldErrors,
+  status,
+});
+
+export async function getClassAssignmentsAction(classId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) return fail("Nao autorizado", 401);
+
+    await requireClassMembership(classId, session.user.id);
+    await getExamTemplateModel();
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const ExamAttempt = await getExamAttemptModel();
+
+    const assignments = await ExamAssignment.find({ classId })
+      .populate("examTemplateId", "title totalPoints questionCount")
+      .populate("assignedBy", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    const assignmentIds = assignments.map((a) => a._id);
+    const attemptCounts = await ExamAttempt.aggregate([
+      { $match: { assignmentId: { $in: assignmentIds } } },
+      { $group: { _id: "$assignmentId", count: { $sum: 1 } } },
+    ]);
+
+    const attemptCountMap = Object.fromEntries(
+      attemptCounts.map(({ _id, count }) => [_id.toString(), count])
+    );
+
+    const enriched = assignments.map((a) => ({
+      ...a,
+      attemptCount: attemptCountMap[a._id.toString()] || 0,
+    }));
+
+    return {
+      success: true,
+      data: toPlain(enriched),
+      message: "Atribuicoes carregadas com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    if (error instanceof AuthError) {
+      return fail(error.message, error.status);
+    }
+    return fail(error.message || "Erro ao buscar atribuicoes.", 500);
+  }
+}
+
+export async function getMyAssignmentResultsAction(assignmentId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) return fail("Nao autorizado", 401);
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(assignmentId)
+      .populate("examTemplateId")
+      .lean();
+
+    if (!assignment) return fail("Atribuicao nao encontrada", 404);
+
+    await requireClassMembership(assignment.classId, session.user.id);
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempts = await ExamAttempt.find({
+      assignmentId,
+      studentId: session.user.id,
+    })
+      .sort({ attemptNumber: -1 })
+      .lean();
+
+    const completedAttempts = attempts.filter((a) => a.status !== "in_progress");
+    const hasGradedResults = completedAttempts.some(
+      (a) => a.gradingStatus === "fully_graded" || a.gradingStatus === "auto_graded"
+    );
+
+    if (!assignment.showResultsAfterGrading || !hasGradedResults) {
+      return {
+        success: true,
+        data: {
+          attempts: [],
+          attemptCount: completedAttempts.length,
+          assignment: {
+            title: assignment.title || assignment.examTemplateId?.title,
+            totalPoints: assignment.totalPoints,
+            maxAttempts: assignment.maxAttempts || 1,
+          },
+          needsGrading: !hasGradedResults,
+        },
+        message: "Resultados indisponiveis no momento.",
+        fieldErrors: null,
+        status: 200,
+      };
+    }
+
+    const results = completedAttempts.map((attempt) => {
+      if (attempt.gradingStatus === "fully_graded" || attempt.gradingStatus === "auto_graded") {
+        const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+          ? assignment.customQuestions
+          : assignment.examTemplateId?.questions || [];
+
+        return {
+          ...attempt,
+          template: {
+            title: assignment.title || assignment.examTemplateId?.title,
+            totalPoints: questions.reduce((sum, q) => sum + (q.points || 0), 0),
+            questions: questions.map((q) => {
+              const answer = attempt.answers.find((a) => a.questionId.toString() === q._id.toString());
+              return {
+                _id: q._id,
+                questionText: q.questionText,
+                questionType: q.questionType,
+                points: q.points,
+                options: q.options,
+                userAnswer: answer || null,
+              };
+            }),
+          },
+        };
+      }
+
+      return attempt;
+    });
+
+    return {
+      success: true,
+      data: {
+        attempts: toPlain(results),
+        attemptCount: completedAttempts.length,
+        assignment: {
+          title: assignment.title || assignment.examTemplateId?.title,
+          totalPoints: assignment.totalPoints,
+          maxAttempts: assignment.maxAttempts || 1,
+        },
+        needsGrading: !hasGradedResults,
+      },
+      message: "Resultados carregados com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    if (error instanceof AuthError) {
+      return fail(error.message, error.status);
+    }
+    return fail(error.message || "Erro ao buscar resultados.", 500);
+  }
+}
+
+export async function startExamAttemptAction(assignmentId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) return fail("Nao autorizado", 401);
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(assignmentId).lean();
+    if (!assignment) return fail("Atribuicao nao encontrada", 404);
+
+    if (assignment.status !== "active") return fail("Prova nao disponivel", 400);
+
+    const now = new Date();
+    if (now < new Date(assignment.startDate)) return fail("Prova ainda nao disponivel", 400);
+    if (now > new Date(assignment.endDate)) return fail("Prova encerrada", 400);
+
+    const Class = await getClassModel();
+    const classData = await Class.findById(assignment.classId).lean();
+    const studentIds = classData?.students?.map((s) => s.toString()) || [];
+    if (!studentIds.includes(session.user.id)) return fail("Acesso negado", 403);
+
+    const ExamAttempt = await getExamAttemptModel();
+    const existingAttempts = await ExamAttempt.find({
+      assignmentId,
+      studentId: session.user.id,
+    });
+
+    const inProgressAttempt = existingAttempts.find((a) => a.status === "in_progress");
+    if (inProgressAttempt) {
+      return {
+        success: true,
+        data: toPlain(inProgressAttempt),
+        message: "Tentativa em andamento retomada.",
+        fieldErrors: null,
+        status: 200,
+      };
+    }
+
+    const completedAttempts = existingAttempts.filter((a) => a.status !== "in_progress");
+    if (completedAttempts.length >= assignment.maxAttempts) {
+      return fail("Numero maximo de tentativas atingido", 400);
+    }
+
+    const attemptNumber = completedAttempts.length + 1;
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(assignment.examTemplateId).lean();
+    if (!template) return fail("Template nao encontrado", 404);
+
+    const sourceQuestions =
+      assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+        ? assignment.customQuestions
+        : template.questions;
+
+    const answers = sourceQuestions.map((q) => ({
+      questionId: q._id,
+      selectedOptionId: q.questionType === "multiple_choice" ? null : undefined,
+      textAnswer: q.questionType === "text" ? "" : undefined,
+      isCorrect: null,
+      pointsEarned: 0,
+    }));
+
+    const newAttempt = await ExamAttempt.create({
+      assignmentId,
+      examTemplateId: assignment.examTemplateId,
+      studentId: session.user.id,
+      classId: assignment.classId,
+      answers,
+      attemptNumber,
+      startedAt: now,
+      status: "in_progress",
+      gradingStatus: "pending",
+    });
+
+    return {
+      success: true,
+      data: toPlain(newAttempt),
+      message: "Tentativa iniciada com sucesso.",
+      fieldErrors: null,
+      status: 201,
+    };
+  } catch (error) {
+    return fail(error.message || "Erro ao iniciar prova.", 500);
+  }
+}
+
+export async function getAssignmentAttemptsAction(assignmentId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) return fail("Nao autorizado", 401);
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(assignmentId).lean();
+    if (!assignment) return fail("Atribuicao nao encontrada", 404);
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    const isAdmin = currentUser?.roles?.includes("admin");
+
+    const Class = await getClassModel();
+    const classData = await Class.findById(assignment.classId).lean();
+    const teacherIds = classData?.teachers?.map((t) => t.toString()) || [];
+    if (!isAdmin && !teacherIds.includes(session.user.id)) return fail("Acesso negado", 403);
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempts = await ExamAttempt.find({ assignmentId })
+      .populate("studentId", "fullName email")
+      .sort({ submittedAt: -1 })
+      .lean();
+
+    return {
+      success: true,
+      data: toPlain(attempts),
+      message: "Tentativas carregadas com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return fail(error.message || "Erro ao buscar tentativas.", 500);
+  }
+}
+
+export async function getAttemptDetailsAction(attemptId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) return fail("Unauthorized", 401);
+
+    await getUserModel();
+    const ExamAttempt = await getExamAttemptModel();
+    const attempt = await ExamAttempt.findById(attemptId)
+      .populate("studentId", "fullName email")
+      .populate("assignmentId", "title examTemplateId useCustomQuestions customQuestions")
+      .lean();
+
+    if (!attempt) return fail("Attempt not found", 404);
+
+    const userRoles = session.user.roles || [];
+    const isStudent = userRoles.includes("student");
+    const isTeacher = userRoles.includes("teacher");
+    const isAdmin = userRoles.includes("admin");
+
+    if (isStudent && attempt.studentId._id.toString() !== session.user.id) {
+      return fail("Unauthorized", 403);
+    }
+
+    if (isTeacher && !isAdmin) {
+      const ExamAssignment = await getExamAssignmentModel();
+      const assignment = await ExamAssignment.findById(attempt.assignmentId._id || attempt.assignmentId)
+        .populate("classId")
+        .lean();
+
+      if (assignment?.classId?.teachers) {
+        const teacherIds = assignment.classId.teachers.map((t) => t.toString());
+        if (!teacherIds.includes(session.user.id)) {
+          return fail("Unauthorized - Not the class teacher", 403);
+        }
+      }
+    }
+
+    const ExamAssignment = await getExamAssignmentModel();
+    const assignment = await ExamAssignment.findById(attempt.assignmentId._id || attempt.assignmentId)
+      .populate("examTemplateId")
+      .lean();
+    if (!assignment) return fail("Assignment not found", 404);
+
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(
+      assignment.examTemplateId._id || assignment.examTemplateId
+    ).lean();
+    if (!template) return fail("Template not found", 404);
+
+    const questions = assignment.useCustomQuestions && assignment.customQuestions?.length > 0
+      ? assignment.customQuestions
+      : template.questions || [];
+
+    const questionsWithAnswers = questions.map((q) => {
+      const userAnswer = attempt.answers?.find(
+        (a) => a.questionId.toString() === q._id.toString()
+      );
+
+      return {
+        ...q,
+        userAnswer: userAnswer || null,
+      };
+    });
+
+    return {
+      success: true,
+      data: toPlain({
+        ...attempt,
+        template: {
+          ...template,
+          questions: questionsWithAnswers,
+        },
+      }),
+      message: "Tentativa carregada com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return fail(error.message || "Failed to fetch attempt", 500);
+  }
+}
+
+export async function gradeAttemptAnswerAction(attemptId, answerId, gradeData) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) return fail("Nao autorizado", 401);
+
+    const ExamAttempt = await getExamAttemptModel();
+    const attempt = await ExamAttempt.findById(attemptId);
+    if (!attempt) return fail("Tentativa nao encontrada", 404);
+
+    if (gradeData?.version !== undefined && attempt.version !== gradeData.version) {
+      return fail(
+        "Esta tentativa foi modificada por outra sessao. Recarregue e tente novamente.",
+        409
+      );
+    }
+
+    const Class = await getClassModel();
+    const classData = await Class.findById(attempt.classId).lean();
+    const teacherIds = classData?.teachers?.map((t) => t.toString()) || [];
+    if (!teacherIds.includes(session.user.id)) {
+      return fail("Acesso negado. Apenas professores da turma podem corrigir provas.", 403);
+    }
+
+    const answer = attempt.answers.id(answerId);
+    if (!answer) return fail("Resposta nao encontrada", 404);
+
+    if (gradeData?.isCorrect !== undefined) answer.isCorrect = gradeData.isCorrect;
+    if (gradeData?.pointsEarned !== undefined) answer.pointsEarned = gradeData.pointsEarned;
+    if (gradeData?.feedback !== undefined || gradeData?.teacherFeedback !== undefined) {
+      answer.teacherFeedback = gradeData.feedback || gradeData.teacherFeedback;
+    }
+    answer.gradedBy = session.user.id;
+    answer.gradedAt = new Date();
+
+    let totalScore = 0;
+    let hasUngraded = false;
+    for (const ans of attempt.answers) {
+      totalScore += ans.pointsEarned || 0;
+      if (ans.isCorrect === null) hasUngraded = true;
+    }
+
+    const ExamTemplate = await getExamTemplateModel();
+    const template = await ExamTemplate.findById(attempt.examTemplateId).lean();
+
+    attempt.score = totalScore;
+    const totalPoints = attempt.totalPoints || template?.totalPoints || 0;
+    if (totalPoints > 0) {
+      attempt.percentage = Math.round((totalScore / totalPoints) * 100);
+    }
+
+    if (hasUngraded) {
+      attempt.gradingStatus = "partially_graded";
+    } else {
+      attempt.gradingStatus = "fully_graded";
+      attempt.status = "graded";
+    }
+
+    await attempt.save();
+
+    revalidatePath(`/dashboard/teacher/assignments/${attempt.assignmentId}/results`);
+    revalidatePath(`/admin/dashboard/assignments/${attempt.assignmentId}/results`);
+    revalidatePath(`/dashboard/student/assignments/${attempt.assignmentId}/results`);
+
+    return {
+      success: true,
+      data: toPlain(attempt),
+      message: "Resposta corrigida com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return fail(error.message || "Erro ao avaliar resposta.", 500);
+  }
+}
diff --git a/src/app/lib/actions/fileActions.js b/src/app/lib/actions/fileActions.js
new file mode 100644
index 0000000..ca2667d
--- /dev/null
+++ b/src/app/lib/actions/fileActions.js
@@ -0,0 +1,229 @@
+"use server";
+
+import { auth } from "@/app/lib/utils/auth";
+import { redirect } from "next/navigation";
+import { getClassModel } from "@/app/models/Class";
+import { getFileModel } from "@/app/models/FilesSchema";
+
+/**
+ * Delete a file from a class
+ * - If the file belongs specifically to this class (relatedToType === "class" and relatedToId === classId),
+ *   it will be permanently deleted from the database
+ * - If the file is inherited or from another source, only the reference is removed from the class
+ *
+ * @param {string} classId - The ID of the class
+ * @param {string} fileId - The ID of the file to remove
+ */
+export async function deleteFileFromClass(classId, fileId) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return { success: false, message: "Não autorizado" };
+  }
+
+  try {
+    const ClassModel = await getClassModel();
+    const FileModel = await getFileModel();
+
+    // Find the class and check if the user is a teacher
+    const classData = await ClassModel.findById(classId);
+    if (!classData) {
+      return { success: false, message: "Turma não encontrada" };
+    }
+
+    const isTeacher = classData.teachers?.some(
+      (t) => t.toString() === session.user.id
+    );
+
+    if (!isTeacher) {
+      return { success: false, message: "Apenas professores podem remover arquivos" };
+    }
+
+    // Find the file to check if it belongs specifically to this class
+    const file = await FileModel.findById(fileId);
+
+    if (!file) {
+      // File doesn't exist, just remove the reference from class
+      await ClassModel.findByIdAndUpdate(classId, {
+        $pull: { files: fileId }
+      });
+      return { success: true, message: "Arquivo removido da turma" };
+    }
+
+    // Check if the file belongs specifically to this class (not inherited)
+    const isClassSpecificFile =
+      file.relatedToType === "class" &&
+      file.relatedToId?.toString() === classId;
+
+    if (isClassSpecificFile) {
+      // File was added directly to this class - delete permanently
+      await FileModel.findByIdAndDelete(fileId);
+      await ClassModel.findByIdAndUpdate(classId, {
+        $pull: { files: fileId }
+      });
+      return { success: true, message: "Arquivo excluído permanentemente" };
+    } else {
+      // File is inherited or from another source - just remove reference
+      await ClassModel.findByIdAndUpdate(classId, {
+        $pull: { files: fileId }
+      });
+      return { success: true, message: "Arquivo removido da turma" };
+    }
+  } catch (error) {
+    console.error("Error deleting file from class:", error);
+    return { success: false, message: "Erro ao remover arquivo" };
+  }
+}
+
+/**
+ * Check if a file from a class type can be safely deleted
+ * Returns information about classes using this file
+ *
+ * @param {string} fileId - The ID of the file to check
+ * @returns { success: boolean, canDelete: boolean, usingClasses: number, message: string }
+ */
+export async function checkFileBeforeDeleteFromClassType(fileId) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return { success: false, message: "Não autorizado" };
+  }
+
+  try {
+    const ClassModel = await getClassModel();
+    const FileModel = await getFileModel();
+
+    const file = await FileModel.findById(fileId);
+    if (!file) {
+      return { success: false, message: "Arquivo não encontrado" };
+    }
+
+    // Check if file belongs to a class type
+    if (file.relatedToType !== "classTypes") {
+      return { success: false, message: "Este arquivo não pertence a um tipo de turma" };
+    }
+
+    // Count how many classes are using this file
+    const classesUsingFile = await ClassModel.countDocuments({
+      files: fileId
+    });
+
+    return {
+      success: true,
+      canDelete: classesUsingFile === 0,
+      usingClasses: classesUsingFile,
+      message: classesUsingFile === 0
+        ? "Arquivo pode ser deletado safely"
+        : `${classesUsingFile} turma(s) está(ão) usando este arquivo. Ao deletar, ele será removido de todas as turmas.`
+    };
+  } catch (error) {
+    console.error("Error checking file before delete:", error);
+    return { success: false, message: "Erro ao verificar arquivo" };
+  }
+}
+
+/**
+ * Delete a file from a class type with confirmation
+ * - If classes are using the file, requires force=true to proceed
+ * - When force=true, removes file from all classes and deletes permanently
+ *
+ * @param {string} fileId - The ID of the file to delete
+ * @param {boolean} force - Force delete even if classes are using the file
+ */
+export async function deleteFileFromClassType(fileId, force = false) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return { success: false, message: "Não autorizado" };
+  }
+
+  try {
+    const ClassModel = await getClassModel();
+    const FileModel = await getFileModel();
+
+    const file = await FileModel.findById(fileId);
+    if (!file) {
+      return { success: false, message: "Arquivo não encontrado" };
+    }
+
+    // Check if file belongs to a class type
+    if (file.relatedToType !== "classTypes") {
+      return { success: false, message: "Este arquivo não pertence a um tipo de turma" };
+    }
+
+    // Check how many classes are using this file
+    const classesUsingFile = await ClassModel.countDocuments({
+      files: fileId
+    });
+
+    if (classesUsingFile > 0 && !force) {
+      return {
+        success: false,
+        requiresConfirmation: true,
+        usingClasses: classesUsingFile,
+        message: `${classesUsingFile} turma(s) está(ão) usando este arquivo. Confirme a exclusão para prosseguir.`
+      };
+    }
+
+    // Remove file from all classes that reference it
+    await ClassModel.updateMany(
+      { files: fileId },
+      { $pull: { files: fileId } }
+    );
+
+    // Delete the file permanently
+    await FileModel.findByIdAndDelete(fileId);
+
+    return {
+      success: true,
+      message: force && classesUsingFile > 0
+        ? `Arquivo excluído permanentemente (removido de ${classesUsingFile} turma(s))`
+        : "Arquivo excluído permanentemente"
+    };
+  } catch (error) {
+    console.error("Error deleting file from class type:", error);
+    return { success: false, message: "Erro ao excluir arquivo" };
+  }
+}
+
+/**
+ * Permanently delete a file from the database
+ * Use with caution - this will delete the file document and may affect other references
+ *
+ * @param {string} fileId - The ID of the file to delete
+ */
+export async function permanentlyDeleteFile(fileId) {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return { success: false, message: "Não autorizado" };
+  }
+
+  try {
+    const FileModel = await getFileModel();
+    const file = await FileModel.findById(fileId);
+
+    if (!file) {
+      return { success: false, message: "Arquivo não encontrado" };
+    }
+
+    // Check if user owns the file or is a teacher of the related class
+    if (file.uploadedBy?.toString() !== session.user.id) {
+      if (file.relatedToType === "class") {
+        const ClassModel = await getClassModel();
+        const classData = await ClassModel.findById(file.relatedToId);
+        const isTeacher = classData?.teachers?.some(
+          (t) => t.toString() === session.user.id
+        );
+        if (!isTeacher) {
+          return { success: false, message: "Não autorizado" };
+        }
+      } else {
+        return { success: false, message: "Não autorizado" };
+      }
+    }
+
+    await FileModel.findByIdAndDelete(fileId);
+
+    return { success: true, message: "Arquivo excluído permanentemente" };
+  } catch (error) {
+    console.error("Error permanently deleting file:", error);
+    return { success: false, message: "Erro ao excluir arquivo" };
+  }
+}
diff --git a/src/app/lib/actions/getSimpleCaptchaAction.js b/src/app/lib/actions/getSimpleCaptchaAction.js
new file mode 100644
index 0000000..4bc92b6
--- /dev/null
+++ b/src/app/lib/actions/getSimpleCaptchaAction.js
@@ -0,0 +1,12 @@
+"use server";
+
+import { issueSimpleCaptcha } from "@/app/lib/utils/simpleCaptcha";
+
+export default async function getSimpleCaptchaAction() {
+  try {
+    return await issueSimpleCaptcha();
+  } catch (error) {
+    console.error("Erro ao gerar captcha:", error);
+    return { token: "", question: "Erro ao gerar captcha. Recarregue a página." };
+  }
+}
diff --git a/src/app/lib/actions/paymentActions.js b/src/app/lib/actions/paymentActions.js
new file mode 100644
index 0000000..eed3a45
--- /dev/null
+++ b/src/app/lib/actions/paymentActions.js
@@ -0,0 +1,161 @@
+"use server";
+
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { getClassModel } from "@/app/models/Class";
+import connectDB from "@/app/config/mongodb";
+import { auth } from "@/app/lib/utils/auth";
+import { revalidatePath } from "next/cache";
+
+/**
+ * Update an obligation (admin only)
+ * @param {string} obligationId - The ID of the obligation to update
+ * @param {Object} data - The data to update
+ * @param {number} data.amount - The amount
+ * @param {string} data.description - The description
+ * @param {string} data.dueDate - The due date (ISO string)
+ * @param {string} data.status - The status (pending, etc.)
+ */
+export async function updateObligation(obligationId, data) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, error: "Não autorizado" };
+    }
+
+    // Check if user is admin
+    const User = await getUserModel();
+    const currentUser = await User.findOne({ _id: session.user.id });
+    if (!currentUser?.roles?.includes("admin")) {
+      return { success: false, error: "Acesso negado. Apenas administradores." };
+    }
+
+    await connectDB();
+    const Payment = await getPaymentModel();
+
+    // Find the obligation
+    const obligation = await Payment.findOne({
+      _id: obligationId,
+      type: "obligation",
+    });
+
+    if (!obligation) {
+      return { success: false, error: "Obrigação não encontrada" };
+    }
+
+    // Only allow editing pending obligations
+    if (obligation.status !== "pending") {
+      return {
+        success: false,
+        error: "Apenas obrigações pendentes podem ser editadas",
+      };
+    }
+
+    // Update fields
+    const updateData = {};
+    if (data.amount !== undefined) {
+      const amount = parseFloat(data.amount);
+      if (isNaN(amount) || amount < 0) {
+        return { success: false, error: "Valor inválido" };
+      }
+      updateData.amount = amount;
+    }
+
+    if (data.description !== undefined) {
+      updateData.description = data.description;
+    }
+
+    if (data.dueDate !== undefined) {
+      updateData.dueDate = data.dueDate ? new Date(data.dueDate) : null;
+    }
+
+    if (data.status !== undefined) {
+      updateData.status = data.status;
+    }
+
+    updateData.updatedAt = new Date();
+
+    // Update the obligation
+    const updated = await Payment.findByIdAndUpdate(
+      obligationId,
+      { $set: updateData },
+      { new: true }
+    ).lean();
+
+    // Revalidate paths
+    revalidatePath("/admin/dashboard/payments");
+    revalidatePath("/admin/dashboard/payments/by-class");
+    revalidatePath("/dashboard/student/payments");
+    revalidatePath("/dashboard/guardian/payments");
+
+    return {
+      success: true,
+      data: {
+        _id: updated._id.toString(),
+        amount: updated.amount,
+        description: updated.description,
+        dueDate: updated.dueDate?.toISOString(),
+        status: updated.status,
+      },
+    };
+  } catch (error) {
+    console.error("Error updating obligation:", error);
+    return { success: false, error: error.message };
+  }
+}
+
+/**
+ * Delete an obligation (admin only)
+ * Only pending obligations can be deleted
+ * @param {string} obligationId - The ID of the obligation to delete
+ */
+export async function deleteObligation(obligationId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, error: "Não autorizado" };
+    }
+
+    // Check if user is admin
+    const User = await getUserModel();
+    const currentUser = await User.findOne({ _id: session.user.id });
+    if (!currentUser?.roles?.includes("admin")) {
+      return { success: false, error: "Acesso negado. Apenas administradores." };
+    }
+
+    await connectDB();
+    const Payment = await getPaymentModel();
+
+    // Find the obligation
+    const obligation = await Payment.findOne({
+      _id: obligationId,
+      type: "obligation",
+    });
+
+    if (!obligation) {
+      return { success: false, error: "Obrigação não encontrada" };
+    }
+
+    // Only allow deleting pending obligations
+    if (obligation.status !== "pending") {
+      return {
+        success: false,
+        error: "Apenas obrigações pendentes podem ser excluídas",
+      };
+    }
+
+    // Delete the obligation
+    await Payment.findByIdAndDelete(obligationId);
+
+    // Revalidate paths
+    revalidatePath("/admin/dashboard/payments");
+    revalidatePath("/admin/dashboard/payments/by-class");
+    revalidatePath("/dashboard/student/payments");
+    revalidatePath("/dashboard/guardian/payments");
+
+    return { success: true, message: "Obrigação excluída com sucesso" };
+  } catch (error) {
+    console.error("Error deleting obligation:", error);
+    return { success: false, error: error.message };
+  }
+}
diff --git a/src/app/lib/affiliateProducts/deleteAffiliateProductAction.js b/src/app/lib/affiliateProducts/deleteAffiliateProductAction.js
new file mode 100644
index 0000000..f6b3fa7
--- /dev/null
+++ b/src/app/lib/affiliateProducts/deleteAffiliateProductAction.js
@@ -0,0 +1,38 @@
+"use server";
+
+import { getAffiliateProductModel } from "@/app/models/AffiliateProduct";
+import { deleteById } from "@/app/lib/helpers/deleteById";
+import { revalidatePath } from "next/cache";
+import { redirect, RedirectType } from "next/navigation";
+import { auth } from "@/app/lib/utils/auth";
+
+export async function deleteAffiliateProductAction(currentState, formData) {
+  const session = await auth();
+  if (!session?.user?.roles?.includes("admin")) {
+    return { success: false, message: "Não autorizado." };
+  }
+
+  const id = formData.get("_id");
+
+  if (!id) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    const AffiliateProduct = await getAffiliateProductModel();
+    await deleteById(AffiliateProduct, id);
+
+    revalidatePath("/admin/dashboard/affiliate-products");
+    revalidatePath("/dashboard/student");
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao excluir: ${e}`,
+    };
+  }
+
+  redirect("/admin/dashboard/affiliate-products", RedirectType.replace);
+}
diff --git a/src/app/lib/affiliateProducts/getAffiliateProductsAction.js b/src/app/lib/affiliateProducts/getAffiliateProductsAction.js
new file mode 100644
index 0000000..f096f9d
--- /dev/null
+++ b/src/app/lib/affiliateProducts/getAffiliateProductsAction.js
@@ -0,0 +1,99 @@
+"use server";
+
+import { getAffiliateProductModel } from "@/app/models/AffiliateProduct";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+
+function normalizeProduct(product) {
+  return {
+    ...product,
+    _id: product._id ? product._id.toString() : product._id,
+    classes: product.classes?.map((id) => id.toString()) || [],
+    classTypes: product.classTypes?.map((id) => id.toString()) || [],
+    imageUrl: getFileUrl(product.imageUrl),
+  };
+}
+
+export async function getAffiliateProductsAction(filters = {}) {
+  try {
+    const AffiliateProduct = await getAffiliateProductModel();
+    const { classId, classTypeId, featured = false, active = true, limit } = filters;
+
+    let query = { active };
+
+    if (!featured) {
+      const orConditions = [];
+
+      if (classId) {
+        orConditions.push({ classes: classId });
+      }
+      if (classTypeId) {
+        orConditions.push({ classTypes: classTypeId });
+      }
+      orConditions.push({
+        $or: [
+          { classes: { $size: 0 } },
+          { classes: { $exists: false } },
+        ]
+      });
+
+      if (orConditions.length > 0) {
+        query.$or = orConditions;
+      }
+    }
+
+    let queryBuilder = AffiliateProduct.find(query)
+      .select("-createdAt -modifiedAt -__v")
+      .sort({ createdAt: -1 });
+
+    if (limit) {
+      queryBuilder = queryBuilder.limit(parseInt(limit));
+    }
+
+    const products = await queryBuilder.lean();
+
+    return {
+      success: true,
+      data: products.map(normalizeProduct),
+    };
+  } catch (error) {
+    console.error("Error fetching affiliate products:", error);
+    return { success: false, data: [], error: "Falha ao buscar produtos afiliados." };
+  }
+}
+
+export async function getAllAffiliateProductsForAdmin() {
+  try {
+    const AffiliateProduct = await getAffiliateProductModel();
+    const products = await AffiliateProduct.find({})
+      .select("-createdAt -modifiedAt -__v")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return {
+      success: true,
+      data: products.map(normalizeProduct),
+    };
+  } catch (error) {
+    console.error("Error fetching affiliate products:", error);
+    return { success: false, data: [], error: "Falha ao buscar produtos afiliados." };
+  }
+}
+
+export async function getAffiliateProductById(id) {
+  try {
+    const AffiliateProduct = await getAffiliateProductModel();
+    const product = await AffiliateProduct.findById(id)
+      .select("-createdAt -modifiedAt -__v")
+      .lean();
+
+    if (!product) return { success: true, data: null };
+
+    return {
+      success: true,
+      data: normalizeProduct(product),
+    };
+  } catch (error) {
+    console.error("Error fetching affiliate product:", error);
+    return { success: false, data: null, error: "Falha ao buscar produto afiliado." };
+  }
+}
diff --git a/src/app/lib/affiliateProducts/saveAffiliateProductAction.js b/src/app/lib/affiliateProducts/saveAffiliateProductAction.js
new file mode 100644
index 0000000..0a49072
--- /dev/null
+++ b/src/app/lib/affiliateProducts/saveAffiliateProductAction.js
@@ -0,0 +1,153 @@
+"use server";
+
+import { getAffiliateProductModel } from "@/app/models/AffiliateProduct";
+import { uploadToS3 } from "@/app/lib/utils/s3";
+import { auth } from "@/app/lib/utils/auth";
+import { revalidatePath } from "next/cache";
+import { MAX_FILE_SIZE } from "@/app/lib/constants";
+
+async function uploadProductImage(file) {
+  try {
+    const url = await uploadToS3(file, "iciv/affiliate-products");
+    return url;
+  } catch (error) {
+    console.error("Error uploading product image:", error);
+    throw new Error("Erro ao fazer upload da imagem");
+  }
+}
+
+export default async function saveAffiliateProductAction(currentState, formData) {
+  const session = await auth();
+  if (!session?.user?.roles?.includes("admin")) {
+    return { success: false, message: "Não autorizado." };
+  }
+
+  const id = formData.get("_id");
+  const title = formData.get("title");
+  const description = formData.get("description");
+  const imageUrl = formData.get("imageUrl");
+  const imageFile = formData.get("imageFile");
+  const affiliateUrl = formData.get("affiliateUrl");
+  const price = formData.get("price");
+  const category = formData.get("category");
+  const classTypeIds = formData.getAll("classTypeIds");
+  const classIds = formData.getAll("classIds");
+  const active = formData.get("active") === "true";
+
+  let finalImageUrl = imageUrl || null;
+
+  if (imageFile && imageFile.size > 0) {
+    if (imageFile.size > MAX_FILE_SIZE) {
+      const sizeMB = (imageFile.size / (1024 * 1024)).toFixed(2);
+      return {
+        success: false,
+        message: `Imagem (${sizeMB}MB) excede o limite de 500MB.`,
+        inputs: { title, description, imageUrl, affiliateUrl, price, category, classTypeIds, classIds, active },
+      };
+    }
+  }
+
+  if (imageFile && imageFile.size > 0) {
+    try {
+      finalImageUrl = await uploadProductImage(imageFile);
+    } catch (uploadError) {
+      return {
+        success: false,
+        message: "Erro ao fazer upload da imagem. Verifique o arquivo e tente novamente.",
+        inputs: {
+          title,
+          description,
+          imageUrl,
+          affiliateUrl,
+          price,
+          category,
+          classTypeIds,
+          classIds,
+          active,
+        },
+      };
+    }
+  }
+
+  const rawData = {
+    title,
+    description,
+    imageUrl: finalImageUrl,
+    affiliateUrl,
+    price,
+    category,
+    classTypeIds,
+    classIds,
+    active,
+  };
+
+  function isBlank(value) {
+    return value === null || value?.trim() === "";
+  }
+
+  if (isBlank(title) || isBlank(affiliateUrl)) {
+    return {
+      success: false,
+      message: "Título e link de afiliado são campos obrigatórios...",
+      inputs: rawData,
+    };
+  }
+
+  if (price !== null && price !== "" && isNaN(Number(price))) {
+    return {
+      success: false,
+      message: "Preço inválido.",
+      inputs: rawData,
+    };
+  }
+
+  try {
+    const affiliateProductModel = await getAffiliateProductModel();
+
+    const classTypesArray = classTypeIds.filter((ctId) => ctId && ctId.trim() !== "");
+    const classesArray = classIds.filter((cId) => cId && cId.trim() !== "");
+
+    if (id && !finalImageUrl) {
+      const existingProduct = await affiliateProductModel.findById(id).lean();
+      if (existingProduct?.imageUrl) {
+        finalImageUrl = existingProduct.imageUrl;
+      }
+    }
+
+    const productData = {
+      title,
+      description,
+      imageUrl: finalImageUrl,
+      affiliateUrl,
+      price: price ? parseFloat(price) : null,
+      category,
+      classTypes: classTypesArray,
+      classes: classesArray,
+      active,
+      modifiedAt: new Date(),
+    };
+
+    if (id) {
+      await affiliateProductModel.findByIdAndUpdate(id, productData, {
+        runValidators: true,
+      });
+    } else {
+      await affiliateProductModel.create(productData);
+    }
+
+    revalidatePath("/admin/dashboard/affiliate-products");
+    revalidatePath("/dashboard/student");
+
+    return {
+      success: true,
+      message: id ? "Produto atualizado com sucesso!" : "Produto criado com sucesso!",
+      redirectTo: "/admin/dashboard/affiliate-products",
+    };
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro: ${e}`,
+      inputs: rawData,
+    };
+  }
+}
diff --git a/src/app/lib/categories/deleteCategory.js b/src/app/lib/categories/deleteCategory.js
new file mode 100644
index 0000000..6195fdc
--- /dev/null
+++ b/src/app/lib/categories/deleteCategory.js
@@ -0,0 +1,30 @@
+"use server";
+
+import { deleteById } from "@/app/lib/helpers/deleteById";
+import { getCategoryModel } from "@/app/models/Category";
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+
+export async function deleteCategory(formData) {
+  const categoryId = formData.get("categoryId");
+
+  if (!categoryId) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    const Category = await getCategoryModel();
+    await deleteById(Category, categoryId);
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao excluir: ${e}`,
+    };
+  }
+
+  revalidatePath("/admin/dashboard/categories");
+  redirect("/admin/dashboard/categories");
+}
\ No newline at end of file
diff --git a/src/app/lib/categories/getCategoriesAction.js b/src/app/lib/categories/getCategoriesAction.js
new file mode 100644
index 0000000..6435271
--- /dev/null
+++ b/src/app/lib/categories/getCategoriesAction.js
@@ -0,0 +1,54 @@
+"use server";
+
+import { getCategoryModel } from "@/app/models/Category";
+import { requireAuth } from "@/app/lib/middleware/authorization";
+
+export async function getCategoriesAction() {
+  try {
+    await requireAuth();
+
+    const CategoryModel = await getCategoryModel();
+    const categories = await CategoryModel.find({}).lean();
+
+    let needsUpdate = false;
+    for (const cat of categories) {
+      if (cat.colorIndex === undefined) {
+        needsUpdate = true;
+        break;
+      }
+    }
+
+    if (needsUpdate) {
+      let currentIndex = 0;
+      const withColorIndex = await CategoryModel.find({ colorIndex: { $exists: true } }).sort({ colorIndex: 1 });
+
+      if (withColorIndex.length > 0) {
+        currentIndex = Math.max(...withColorIndex.map((c) => c.colorIndex)) + 1;
+      }
+
+      const withoutColorIndex = await CategoryModel.find({ colorIndex: { $exists: false } });
+      for (const cat of withoutColorIndex) {
+        await CategoryModel.findByIdAndUpdate(cat._id, { colorIndex: currentIndex % 10 });
+        currentIndex += 1;
+      }
+    }
+
+    const updatedCategories = await CategoryModel.find({}).lean();
+
+    return {
+      success: true,
+      data: JSON.parse(JSON.stringify(updatedCategories)),
+      message: "Categorias carregadas com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Erro ao buscar categorias.",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
diff --git a/src/app/lib/categories/saveCategoryAction.js b/src/app/lib/categories/saveCategoryAction.js
new file mode 100644
index 0000000..ac76995
--- /dev/null
+++ b/src/app/lib/categories/saveCategoryAction.js
@@ -0,0 +1,57 @@
+"use server";
+
+import { getCategoryModel } from "@/app/models/Category";
+import { revalidatePath } from "next/cache";
+import { redirect, RedirectType } from "next/navigation";
+import z from "zod";
+import { categorySchema } from "@/app/lib/schemas/categorySchema";
+import { getNextColorIndex } from "@/app/lib/helpers/categoryColors";
+
+const MAX_COLOR_INDEX = 9; // We have 10 colors (0-9)
+
+export default async function saveCategoryAction(currentState, formData) {
+  const data = {
+    _id: formData.get("_id") || undefined,
+    name: formData.get("name") || undefined,
+    description: formData.get("description") || undefined,
+  };
+
+  const validatedFields = categorySchema.safeParse(data);
+
+  if (!validatedFields.success) {
+    const validationErrors = z.flattenError(validatedFields.error);
+
+    return {
+      success: false,
+      message: `Erro: ${JSON.stringify(validationErrors)}`,
+      inputs: data,
+    };
+  }
+
+  try {
+    const CategoryModel = await getCategoryModel();
+    const id = formData.get("_id");
+
+    if (!id) {
+      // New category - assign next color index automatically
+      const count = await CategoryModel.countDocuments();
+      data.colorIndex = getNextColorIndex(count);
+      await CategoryModel.create(data);
+    } else {
+      // Editing existing category - preserve colorIndex or allow override
+      if (formData.get("colorIndex") !== null) {
+        data.colorIndex = parseInt(formData.get("colorIndex")) || 0;
+      }
+      await CategoryModel.findByIdAndUpdate(id, data, { new: true });
+    }
+  } catch (err) {
+    return {
+      success: false,
+      message: `Erro ao criar ou alterar categoria ${err.message || err}`,
+      inputs: data,
+    };
+  }
+
+  revalidatePath("/admin/dashboard/categories/");
+  redirect("/admin/dashboard/categories", RedirectType.replace);
+}
\ No newline at end of file
diff --git a/src/app/lib/classes/deleteClass.js b/src/app/lib/classes/deleteClass.js
new file mode 100644
index 0000000..b1aef15
--- /dev/null
+++ b/src/app/lib/classes/deleteClass.js
@@ -0,0 +1,30 @@
+"use server";
+
+import { deleteById } from "@/app/lib/helpers/deleteById";
+import { getClassModel } from "@/app/models/Class";
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+
+export async function deleteClass(formData) {
+  const classId = formData.get("classId");
+
+  if (!classId) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    const Class = await getClassModel();
+    await deleteById(Class, classId);
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao excluir: ${e}`,
+    };
+  }
+
+  revalidatePath("/admin/dashboard/class");
+  redirect("/admin/dashboard/class");
+}
\ No newline at end of file
diff --git a/src/app/lib/classes/deleteClassType.js b/src/app/lib/classes/deleteClassType.js
new file mode 100644
index 0000000..c19dd78
--- /dev/null
+++ b/src/app/lib/classes/deleteClassType.js
@@ -0,0 +1,37 @@
+"use server";
+
+import { getClassTypeModel } from "@/app/models/ClassType";
+import { deleteById } from "@/app/lib/helpers/deleteById";
+import { revalidatePath } from "next/cache";
+import { redirect, RedirectType } from "next/navigation";
+import { relatedToTitleUrl } from "../helpers/generalUtils";
+
+export async function deleteClassTypeAction(currentState, formData ) {
+  const id = formData.get("_id");
+
+  if (!id) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    const ClassType = await getClassTypeModel();
+    /* I'm using this, although for now it is just
+    as I transfer deleteOne to a helper function. But
+    it is not so simple. The thing is that, if I want
+    the deletions to follow a pattern, they will be there
+    in the helper function */
+    await deleteById(ClassType, id);
+
+    revalidatePath(`/admin/dashboard/${relatedToTitleUrl("classTypes")}`);
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao excluir: ${e}`,
+    };
+  }
+
+  redirect(`/admin/dashboard/${relatedToTitleUrl("classTypes")}`, RedirectType.replace);
+}
diff --git a/src/app/lib/classes/getClassTypes.js b/src/app/lib/classes/getClassTypes.js
new file mode 100644
index 0000000..9467518
--- /dev/null
+++ b/src/app/lib/classes/getClassTypes.js
@@ -0,0 +1,15 @@
+import { getClassTypeModel } from "@/app/models/ClassType";
+
+
+export async function getClassTypes() {
+  try {
+    const ClassType = await getClassTypeModel();
+    const classTypes = await ClassType.find({});
+    const plainClassTypes = JSON.parse(JSON.stringify(classTypes));
+
+    return { success: true, data: plainClassTypes };
+  } catch (error) {
+    console.error("Falha ao buscar os tipos de turma no DB:", error);
+    return { success: false, data: [], error: "Falha ao buscar tipos de turma." };
+  }
+}
diff --git a/src/app/lib/classes/saveClassAction.js b/src/app/lib/classes/saveClassAction.js
new file mode 100644
index 0000000..ff17729
--- /dev/null
+++ b/src/app/lib/classes/saveClassAction.js
@@ -0,0 +1,204 @@
+"use server";
+
+import {getClassModel} from "@/app/models/Class";
+import {revalidatePath} from "next/cache";
+import {redirect, RedirectType} from "next/navigation";
+import z from "zod";
+import {classSchema} from "@/app/lib/schemas/classSchema";
+import {getUserModel} from "@/app/models/User";
+import {getClassTypeModel} from "@/app/models/ClassType";
+import {DAYS} from "@/app/lib/utils/days";
+import {getItemById} from "../helpers/getItems";
+
+export default async function saveClassAction(currentState, formData) {
+    const days = formData.getAll("days") || {};
+    const time = formData.get("time") || undefined;
+
+    const inheritFiles = formData.has("inheritFiles");
+
+    const data = {
+        _id: formData.get("_id") || undefined,
+        classTitle: formData.get("classTitle") || undefined,
+        classType: formData.get("classType") || undefined,
+        teachers: formData.getAll("teachers"),
+        students: formData.getAll("students"),
+        startDate: formData.get("startDate") || undefined,
+        endDate: formData.get("endDate") || undefined,
+        inheritFiles,
+        schedule: {
+            days,
+            time,
+        },
+        status: formData.get("status") || undefined,
+        price: Number(formData.get("price")) || 0,
+        link: formData.get("link") || "",
+    };
+
+    const validatedFields = classSchema.safeParse(data);
+
+    if (!validatedFields.success) {
+        const validationErrors = z.flattenError(validatedFields.error);
+        return {
+            success: false,
+            message: `Erro: ${JSON.stringify(validationErrors)}`,
+            inputs: data,
+        };
+    }
+    let ClassTypeModel;
+    let classTypeExists;
+    try {
+        ClassTypeModel = await getClassTypeModel();
+        classTypeExists = await getItemById(
+            ClassTypeModel,
+            validatedFields.data.classType
+        );
+    } catch (error) {
+        return {
+            success: false,
+            message: "Erro ao verificar o tipo de turma. Tente novamente.",
+            inputs: data,
+        };
+    }
+    const {teachers, students, startDate, endDate, schedule} =
+        validatedFields.data;
+
+    let validStudentIds = students;
+    let validTeacherIds = teachers;
+
+    try {
+        const User = await getUserModel();
+        const [teachersExist, studentsExist] = await Promise.all([
+            User.find({_id: {$in: teachers}}).select("_id").lean(),
+            User.find({_id: {$in: students}}).select("_id").lean(),
+        ]);
+
+        if (teachers.length !== teachersExist.length) {
+            validTeacherIds = teachersExist.map((t) => String(t._id));
+        }
+
+        if (students.length !== studentsExist.length) {
+            validStudentIds = studentsExist.map((s) => String(s._id));
+        }
+    } catch (error) {
+        return {
+            success: false,
+            message: `Erro ao verificar professores/alunos. ${error}`,
+        };
+    }
+
+    try {
+        if (!classTypeExists) {
+            return {
+                success: false,
+                message: "O tipo de turma selecionado não existe.",
+                inputs: validatedFields.data,
+            };
+        }
+    } catch (error) {
+        return {
+            success: false,
+            message: "Erro ao verificar o tipo de turma.",
+        };
+    }
+
+    if (endDate && startDate && new Date(endDate) < new Date(startDate)) {
+        return {
+            success: false,
+            message: "A data de término não pode ser anterior à data de início.",
+            inputs: validatedFields.data,
+        };
+    }
+
+    if (!days.every((day) => DAYS.includes(day))) {
+        return {
+            success: false,
+            message: "Erro ao processar os dias das aulas.",
+            inputs: validatedFields.data,
+        };
+    }
+
+    const isBlank = (v) =>
+        v == null || v === "" || (Array.isArray(v) && v.length === 0);
+
+    if (
+        isBlank(data.classTitle) ||
+        isBlank(data.classType) ||
+        isBlank(data.teachers) ||
+        isBlank(data.startDate) ||
+        isBlank(time) ||
+        isBlank(days)
+    ) {
+        return {
+            success: false,
+            message:
+                "Tipo de classe, título da classe, professor, data de início, horário e dias da semana são obrigatórios.",
+            inputs: {
+                ...data,
+                days,
+                time,
+            },
+        };
+    }
+    if (
+        data?.endDate &&
+        data?.startDate &&
+        new Date(data?.endDate) < new Date(data?.startDate)
+    ) {
+        return {
+            success: false,
+            message: "Data de término não pode ser anterior à data de início.",
+            inputs: data,
+        };
+    }
+
+    let removedStudents = students.length - validStudentIds.length;
+    let removedTeachers = teachers.length - validTeacherIds.length;
+
+    data.students = validStudentIds;
+    data.teachers = validTeacherIds;
+
+    try {
+        const Class = await getClassModel();
+        const id = formData.get("_id");
+
+        if (!id) {
+            if (inheritFiles && classTypeExists?.files?.length) {
+                const isPopulated =
+                    typeof classTypeExists.populated === "function"
+                        ? classTypeExists.populated("files")
+                        : false;
+
+                const filesToAttach = isPopulated
+                    ? classTypeExists.files.map((f) => f._id)
+                    : classTypeExists.files;
+
+                data.files = [...filesToAttach];
+            }
+            await Class.create(data);
+        } else {
+            const { _id, inheritFiles: _inherit, ...updateData } = data;
+            await Class.findByIdAndUpdate(id, updateData, {new: true});
+        }
+    } catch (err) {
+        return {
+            success: false,
+            message: `Erro ao criar ou alterar turma ${err.message || err}`,
+            inputs: data,
+        };
+    }
+
+    const warnings = [];
+    if (removedStudents > 0) {
+        warnings.push(`${removedStudents} aluno(s) não encontrado(s) e removido(s) automaticamente da turma.`);
+    }
+    if (removedTeachers > 0) {
+        warnings.push(`${removedTeachers} professor(es) não encontrado(s) e removido(s) automaticamente da turma.`);
+    }
+
+    revalidatePath("/admin/dashboard/class/");
+    if (warnings.length > 0) {
+        const encoded = encodeURIComponent(warnings.join(" "));
+        redirect(`/admin/dashboard/class?warn=${encoded}`, RedirectType.replace);
+    }
+    redirect("/admin/dashboard/class", RedirectType.replace);
+}
diff --git a/src/app/lib/classes/saveClassLinkAction.js b/src/app/lib/classes/saveClassLinkAction.js
new file mode 100644
index 0000000..d287e5f
--- /dev/null
+++ b/src/app/lib/classes/saveClassLinkAction.js
@@ -0,0 +1,40 @@
+'use server'
+
+import {getClassModel} from "@/app/models/Class";
+
+export async function saveClassLink(prevState, formData) {
+
+    const link = formData.get('link');
+    const classId = formData.get('id');
+
+    if (!link || !link.startsWith("http")) {
+        return {success: false, message: "URL inválida."};
+    }
+
+    try {
+        const ClassModel = await getClassModel();
+        const studentsClass = await ClassModel.findOne({_id: classId});
+
+        if (!studentsClass) {
+            return { success: false, message: "Turma não encontrada." };
+        }
+        await ClassModel.findByIdAndUpdate(
+            classId,
+            { link },
+            { new: true }
+        );
+
+    } catch (e) {
+        return {
+            success: false,
+            message: `Erro ao salvar novo link, ${e.message}`,
+            inputs: {
+                link: link,
+                classId: classId
+            },
+        };
+    }
+
+    return {success: true, message: "Link salvo com sucesso!", link};
+
+}
\ No newline at end of file
diff --git a/src/app/lib/classes/saveClassTypeAction.js b/src/app/lib/classes/saveClassTypeAction.js
new file mode 100644
index 0000000..275fcb5
--- /dev/null
+++ b/src/app/lib/classes/saveClassTypeAction.js
@@ -0,0 +1,59 @@
+"use server";
+
+import { getClassTypeModel } from "@/app/models/ClassType";
+import { relatedToTitleUrl } from "../helpers/generalUtils";
+
+export default async function saveClassTypeAction(currentState, formData) {
+  const id = formData.get("_id");
+  const title = formData.get("title");
+  const description = formData.get("description");
+  const ageRange = formData.get("ageRange");
+  const price = formData.get("price");
+
+  const rawData = {
+    title,
+    description,
+    ageRange,
+    price,
+  };
+
+  function isBlank(value) {
+    return value === null || value.trim() === "";
+  }
+
+  if (isBlank(title) || isBlank(price)) {
+    return {
+      success: false,
+      message: "Título e preço são campos obrigatórios...",
+      inputs: rawData,
+    };
+  }
+
+  try {
+    const classTypeModel = await getClassTypeModel();
+    if (id) {
+      await classTypeModel.updateOne(
+        { _id: id },
+        { title, description, ageRange, price }
+      );
+    } else {
+      await classTypeModel.create({
+        title,
+        description,
+        ageRange,
+        price,
+      });
+    }
+    
+    return {
+      success: true,
+      redirectTo: `/admin/dashboard/${relatedToTitleUrl("classTypes")}`,
+    };
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro: ${e}`,
+      inputs: rawData,
+    };
+  }
+}
diff --git a/src/app/lib/classes/toggleClassStatus.js b/src/app/lib/classes/toggleClassStatus.js
new file mode 100644
index 0000000..5892147
--- /dev/null
+++ b/src/app/lib/classes/toggleClassStatus.js
@@ -0,0 +1,45 @@
+"use server";
+
+import { getClassModel } from "@/app/models/Class";
+import { revalidatePath } from "next/cache";
+
+export async function toggleClassStatus(formData) {
+  const classId = formData.get("classId");
+
+  if (!classId) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    const Class = await getClassModel();
+    const classItem = await Class.findById(classId);
+
+    if (!classItem) {
+      return {
+        success: false,
+        message: "Turma não encontrada.",
+      };
+    }
+
+    // Toggle status
+    const newStatus = classItem.status === "active" ? "archived" : "active";
+    classItem.status = newStatus;
+    await classItem.save();
+
+    revalidatePath("/admin/dashboard/class");
+
+    return {
+      success: true,
+      message: newStatus === "active" ? "Turma ativada com sucesso." : "Turma desativada com sucesso.",
+      status: newStatus,
+    };
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao alterar status: ${e}`,
+    };
+  }
+}
diff --git a/src/app/lib/constants.js b/src/app/lib/constants.js
new file mode 100644
index 0000000..16adb7d
--- /dev/null
+++ b/src/app/lib/constants.js
@@ -0,0 +1 @@
+export const MAX_FILE_SIZE = 500 * 1024 * 1024;
diff --git a/src/app/lib/generalActions/deleteFile.js b/src/app/lib/generalActions/deleteFile.js
new file mode 100644
index 0000000..6a1bab6
--- /dev/null
+++ b/src/app/lib/generalActions/deleteFile.js
@@ -0,0 +1,95 @@
+"use server";
+
+import { getFileModel } from "@/app/models/FilesSchema";
+import { deleteById } from "@/app/lib/helpers/deleteById";
+import { revalidatePath } from "next/cache"; // Replace redirect with revalidatePath
+import { deleteFromS3 } from "../utils/s3";
+import { getItemById } from "../helpers/getItems";
+import { getClassModel } from "@/app/models/Class";
+import { getClassTypeModel } from "@/app/models/ClassType";
+import { deleteFileFromClassType } from "@/app/lib/actions/fileActions";
+
+export async function deleteFile({ _id, redirectTo, relatedTo, relatedToId, force = false }) {
+  if (!_id) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    // For classTypes files, use the new logic that checks for classes using the file
+    if (relatedTo === "classTypes") {
+      const result = await deleteFileFromClassType(_id, force);
+
+      if (!result.success && result.requiresConfirmation) {
+        // Return info to client for confirmation dialog
+        return {
+          success: false,
+          requiresConfirmation: true,
+          usingClasses: result.usingClasses,
+          message: result.message,
+          _id,
+          redirectTo,
+          relatedTo,
+          relatedToId,
+        };
+      }
+
+      // If successful and file was deleted from S3 is needed
+      if (result.success) {
+        const FileModel = await getFileModel();
+        const file = await getItemById(FileModel, _id);
+        if (file) {
+          await deleteFromS3(file.url, "iciv/ClassTypes");
+        }
+      }
+
+      if (redirectTo) {
+        revalidatePath(redirectTo);
+      }
+
+      return result;
+    }
+
+    // Original logic for other entity types
+    if (relatedTo && relatedToId) {
+      // Remove file from the related entity's files array
+      let Model;
+      if (relatedTo === "class") {
+        Model = await getClassModel();
+      } else if (relatedTo === "classType") {
+        Model = await getClassTypeModel();
+      } else {
+        return {
+          success: false,
+          message: "Tipo de entidade relacionado inválido.",
+        };
+      }
+
+      await Model.findByIdAndUpdate(relatedToId, { $pull: { files: _id } });
+    } else {
+      // Delete the file entirely
+      const FileModel = await getFileModel();
+      const file = await getItemById(FileModel, _id);
+
+      await deleteById(FileModel, _id);
+      await deleteFromS3(file.url, "iciv/ClassTypes");
+    }
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao excluir arquivo: ${e.message}`,
+    };
+  }
+
+  if (redirectTo) {
+    revalidatePath(redirectTo);
+  }
+
+  return {
+    success: true,
+    message: "Arquivo excluído com sucesso!",
+    redirectTo: redirectTo,
+  };
+}
diff --git a/src/app/lib/generalActions/saveFileAction.js b/src/app/lib/generalActions/saveFileAction.js
new file mode 100644
index 0000000..399ac17
--- /dev/null
+++ b/src/app/lib/generalActions/saveFileAction.js
@@ -0,0 +1,309 @@
+"use server";
+
+import { getFileModel } from "@/app/models/FilesSchema";
+import {
+  uploadToS3,
+  deleteFromS3,
+} from "@/app/lib/utils/s3";
+import { auth } from "@/app/lib/utils/auth";
+import { getItemById } from "@/app/lib/helpers/getItems";
+import { getClassTypeModel } from "@/app/models/ClassType";
+import { getClassModel } from "@/app/models/Class";
+import { getCategoryModel } from "@/app/models/Category";
+import mongoose from "mongoose";
+import z from "zod";
+import { fileZodSchema } from "../schemas/fileZodSchema";
+import { revalidatePath } from "next/cache";
+import { redirect, RedirectType } from "next/navigation";
+import { relatedToTitleUrl } from "../helpers/generalUtils";
+import { getNextColorIndex } from "../helpers/categoryColors";
+
+const MAX_FILE_SIZE = 500 * 1024 * 1024; // 500MB
+
+function getErrorMessage(error) {
+  // Return user-friendly error messages
+  if (error.name === "ValidationError") {
+    return "Dados inválidos. Verifique os campos e tente novamente.";
+  }
+  if (error.name === "MongoServerError" && error.code === 11000) {
+    return "Já existe um arquivo com este nome.";
+  }
+  if (error.message?.includes("network") || error.message?.includes("ECONNREFUSED")) {
+    return "Erro de conexão. Verifique sua rede e tente novamente.";
+  }
+  if (error.message?.includes("timeout")) {
+    return "O upload demorou muito tempo. Tente um arquivo menor ou verifique sua conexão.";
+  }
+  if (error.message?.includes("ENOSPC")) {
+    return "Espaço em disco insuficiente no servidor.";
+  }
+  return error.message || "Erro ao processar o arquivo.";
+}
+
+export async function saveFileAction(currentState, formData) {
+  let session;
+  try {
+    session = await auth();
+  } catch (error) {
+    return {
+      success: false,
+      message: "Erro ao verificar autenticação. Faça login e tente novamente.",
+    };
+  }
+
+  if (!session?.user) {
+    return {
+      success: false,
+      message: "Você não está autenticado. Faça login e tente novamente.",
+    };
+  }
+
+  const title = formData.get("title")?.trim();
+  const description = formData.get("description")?.trim();
+  const file =
+    formData.get("file") && formData.get("file").size > 0
+      ? formData.get("file")
+      : null;
+  const fileId = formData.get("id");
+  const relatedToId = formData.get("relatedToId") || null;
+  const relatedToType = formData.get("relatedToType") || null;
+  const category = formData.get("category");
+  const newCategoryName = formData.get("newCategoryName");
+  const redirectUrl = formData.get("redirectUrl") || null;
+
+  let categoryId = null;
+  if (newCategoryName && newCategoryName.trim()) {
+    try {
+      const CategoryModel = await getCategoryModel();
+      const existingCategory = await CategoryModel.findOne({ name: newCategoryName.trim() });
+      if (existingCategory) {
+        categoryId = existingCategory._id;
+      } else {
+        const categoryCount = await CategoryModel.countDocuments({});
+        const newCategory = await CategoryModel.create({
+          name: newCategoryName.trim(),
+          colorIndex: getNextColorIndex(categoryCount),
+        });
+        categoryId = newCategory._id;
+      }
+    } catch (error) {
+      console.error("Error creating category:", error);
+      return {
+        success: false,
+        message: "Erro ao criar categoria. Tente novamente.",
+      };
+    }
+  } else if (category && category.trim()) {
+    try {
+      categoryId = new mongoose.Types.ObjectId(category);
+    } catch {
+      return {
+        success: false,
+        message: "Categoria inválida.",
+      };
+    }
+  }
+
+  const rawData = {
+    title,
+    description,
+    relatedToId,
+    relatedToType,
+    category,
+    newCategoryName,
+  };
+
+  // Validation
+  if (!title || (!fileId && !file)) {
+    return {
+      success: false,
+      message: "Os campos título e arquivo são obrigatórios!",
+      inputs: rawData,
+    };
+  }
+
+  // Validate file size
+  if (file && file.size > MAX_FILE_SIZE) {
+    const maxSizeMB = (MAX_FILE_SIZE / (1024 * 1024)).toFixed(0);
+    const fileSizeMB = (file.size / (1024 * 1024)).toFixed(2);
+    return {
+      success: false,
+      message: `Arquivo muito grande (${fileSizeMB}MB). Máximo permitido: ${maxSizeMB}MB.`,
+      inputs: rawData,
+    };
+  }
+
+  const fileModel = await getFileModel();
+  let resultFile;
+
+  // UPDATE existing file
+  if (fileId) {
+    try {
+      const fileToUpdate = await getItemById(fileModel, fileId);
+      if (!fileToUpdate) {
+        return {
+          success: false,
+          message: "Arquivo não encontrado. Ele pode ter sido excluído.",
+          inputs: rawData,
+        };
+      }
+
+      let s3Result = fileToUpdate.url;
+      let mimetype = fileToUpdate.mimetype;
+      let size = fileToUpdate.size;
+
+      if (file) {
+        try {
+          s3Result = await uploadToS3(file, "iciv/ClassTypes");
+          if (!s3Result) {
+            return {
+              success: false,
+              message: "Erro ao fazer upload do arquivo para o servidor de armazenamento.",
+              inputs: rawData,
+            };
+          }
+          // Delete old file only after new upload succeeds
+          await deleteFromS3(fileToUpdate.url, "iciv/ClassTypes");
+          mimetype = file.type;
+          size = file.size;
+        } catch (uploadError) {
+          console.error("S3 upload error:", uploadError);
+          return {
+            success: false,
+            message: `Erro ao fazer upload: ${getErrorMessage(uploadError)}`,
+            inputs: rawData,
+          };
+        }
+      }
+
+      const fileDataToSave = {
+        title,
+        description: description || null,
+        url: s3Result,
+        mimetype,
+        size,
+        uploadedBy: session.user.id,
+        category: categoryId ? categoryId.toString() : null,
+      };
+
+      const validatedFields = fileZodSchema.safeParse(fileDataToSave);
+      if (!validatedFields.success) {
+        const validationErrors = validatedFields.error.flatten();
+        const errorMessages = Object.values(validationErrors.fieldErrors).flat();
+        return {
+          success: false,
+          message: `Erro de validação: ${errorMessages.join(", ")}`,
+          inputs: fileDataToSave,
+        };
+      }
+
+      Object.assign(fileToUpdate, fileDataToSave);
+      resultFile = await fileToUpdate.save();
+
+      return {
+        success: true,
+        message: "Arquivo atualizado com sucesso!",
+        inputs: { rawData },
+      };
+    } catch (error) {
+      console.error("Update file error:", error);
+      return {
+        success: false,
+        message: `Erro ao atualizar arquivo: ${getErrorMessage(error)}`,
+        inputs: rawData,
+      };
+    }
+  }
+
+  // CREATE new file
+  try {
+    let s3Result;
+    try {
+      s3Result = await uploadToS3(file, "iciv/ClassTypes");
+      if (!s3Result) {
+        return {
+          success: false,
+          message: "Erro ao fazer upload do arquivo para o servidor de armazenamento.",
+          inputs: rawData,
+        };
+      }
+    } catch (uploadError) {
+      console.error("S3 upload error:", uploadError);
+      return {
+        success: false,
+        message: `Erro ao fazer upload: ${getErrorMessage(uploadError)}`,
+        inputs: rawData,
+      };
+    }
+
+    try {
+      const createdFile = await fileModel.create({
+        title,
+        description,
+        url: s3Result,
+        mimetype: file.type,
+        size: file.size,
+        relatedToId,
+        relatedToType,
+        uploadedBy: session.user.id,
+        category: categoryId ? categoryId.toString() : null,
+      });
+
+      // Link to parent entity if specified
+      if (relatedToType) {
+        let model;
+        switch (relatedToType) {
+          case relatedToTitleUrl("classTypes"):
+            model = await getClassTypeModel();
+            break;
+          case relatedToTitleUrl("class"):
+            model = await getClassModel();
+            break;
+          case "Lesson":
+            model = "";
+            break;
+          default:
+            break;
+        }
+
+        if (model && relatedToId) {
+          try {
+            const fileParent = await getItemById(model, relatedToId);
+            if (fileParent) {
+              fileParent.files.push(createdFile._id);
+              await fileParent.save();
+            }
+          } catch (linkError) {
+            console.error("Error linking file to parent:", linkError);
+            console.warn(`Orphaned file ${createdFile._id} - not linked to parent ${relatedToType}:${relatedToId}`);
+          }
+        }
+      }
+    } catch (dbError) {
+      // If database save fails, try to clean up S3
+      try {
+        await deleteFromS3(s3Result, "iciv/ClassTypes");
+      } catch (cleanupErr) {
+        console.warn("Failed to cleanup S3 file after DB error. Orphaned file:", s3Result, cleanupErr);
+      }
+      throw dbError;
+    }
+
+    const finalRedirectUrl = redirectUrl || (relatedToType
+      ? `/admin/dashboard/${relatedToTitleUrl(relatedToType)}/files/${relatedToId}`
+      : "/admin/dashboard/files");
+    revalidatePath(finalRedirectUrl);
+    redirect(finalRedirectUrl, RedirectType.replace);
+  } catch (error) {
+    // NEXT_REDIRECT é o mecanismo do Next.js para redirects, não um erro real
+    if (error?.digest?.startsWith("NEXT_REDIRECT")) {
+      throw error; // Re-throw para deixar o Next.js handle o redirect
+    }
+    console.error("Create file error:", error);
+    return {
+      success: false,
+      message: `Erro ao salvar arquivo: ${getErrorMessage(error)}`,
+      inputs: rawData,
+    };
+  }
+}
diff --git a/src/app/lib/helpers/categoryColors.js b/src/app/lib/helpers/categoryColors.js
new file mode 100644
index 0000000..870cb7f
--- /dev/null
+++ b/src/app/lib/helpers/categoryColors.js
@@ -0,0 +1,115 @@
+/**
+ * Predefined color palette for categories
+ * 10 colors that cycle automatically when creating new categories
+ * Light mode uses neutral bg with colored border/text, dark mode uses tints
+ */
+export const CATEGORY_COLORS = [
+  {
+    bg: "bg-white",
+    text: "text-blue-700",
+    border: "border-blue-200",
+    darkBg: "dark:bg-blue-900/30",
+    darkText: "dark:text-blue-300",
+    darkBorder: "dark:border-blue-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-emerald-700",
+    border: "border-emerald-200",
+    darkBg: "dark:bg-emerald-900/30",
+    darkText: "dark:text-emerald-300",
+    darkBorder: "dark:border-emerald-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-purple-700",
+    border: "border-purple-200",
+    darkBg: "dark:bg-purple-900/30",
+    darkText: "dark:text-purple-300",
+    darkBorder: "dark:border-purple-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-amber-700",
+    border: "border-amber-200",
+    darkBg: "dark:bg-amber-900/30",
+    darkText: "dark:text-amber-300",
+    darkBorder: "dark:border-amber-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-red-700",
+    border: "border-red-200",
+    darkBg: "dark:bg-red-900/30",
+    darkText: "dark:text-red-300",
+    darkBorder: "dark:border-red-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-indigo-700",
+    border: "border-indigo-200",
+    darkBg: "dark:bg-indigo-900/30",
+    darkText: "dark:text-indigo-300",
+    darkBorder: "dark:border-indigo-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-pink-700",
+    border: "border-pink-200",
+    darkBg: "dark:bg-pink-900/30",
+    darkText: "dark:text-pink-300",
+    darkBorder: "dark:border-pink-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-teal-700",
+    border: "border-teal-200",
+    darkBg: "dark:bg-teal-900/30",
+    darkText: "dark:text-teal-300",
+    darkBorder: "dark:border-teal-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-orange-700",
+    border: "border-orange-200",
+    darkBg: "dark:bg-orange-900/30",
+    darkText: "dark:text-orange-300",
+    darkBorder: "dark:border-orange-700",
+  },
+  {
+    bg: "bg-white",
+    text: "text-cyan-700",
+    border: "border-cyan-200",
+    darkBg: "dark:bg-cyan-900/30",
+    darkText: "dark:text-cyan-300",
+    darkBorder: "dark:border-cyan-700",
+  },
+];
+
+/**
+ * Get color classes by index (cycles through palette)
+ * @param {number} index - Color index
+ * @returns {string} Combined CSS classes
+ */
+export function getCategoryColorClasses(index = 0) {
+  const color = CATEGORY_COLORS[index % CATEGORY_COLORS.length];
+  return `${color.bg} ${color.text} ${color.border} ${color.darkBg} ${color.darkText} ${color.darkBorder}`;
+}
+
+/**
+ * Get color object by index
+ * @param {number} index - Color index
+ * @returns {Object} Color object with individual class properties
+ */
+export function getCategoryColor(index = 0) {
+  return CATEGORY_COLORS[index % CATEGORY_COLORS.length];
+}
+
+/**
+ * Auto-assign next color index for new category
+ * @param {number} currentCount - Current number of categories
+ * @returns {number} Next color index
+ */
+export function getNextColorIndex(currentCount = 0) {
+  return currentCount % CATEGORY_COLORS.length;
+}
diff --git a/src/app/lib/helpers/deleteById.js b/src/app/lib/helpers/deleteById.js
new file mode 100644
index 0000000..49d33c3
--- /dev/null
+++ b/src/app/lib/helpers/deleteById.js
@@ -0,0 +1,3 @@
+export async function deleteById(Model, id) {
+  await Model.deleteOne({ _id: id });
+}
\ No newline at end of file
diff --git a/src/app/lib/helpers/generalUtils.js b/src/app/lib/helpers/generalUtils.js
new file mode 100644
index 0000000..e00b9d0
--- /dev/null
+++ b/src/app/lib/helpers/generalUtils.js
@@ -0,0 +1,16 @@
+export const relatedToTitle = (name) => {
+  const types = {
+    ClassType: "Tipo de Turma",
+    Class: "Turma",
+  };
+  return types[name] || "avulso";
+};
+
+export const relatedToTitleUrl = (name) => {
+  const types = {
+    classTypes: "classTypes",
+    class: "class",
+    affiliateProducts: "affiliate-products",
+  };
+  return types[name] || "loose";
+};
\ No newline at end of file
diff --git a/src/app/lib/helpers/getItems.js b/src/app/lib/helpers/getItems.js
new file mode 100644
index 0000000..77d75dc
--- /dev/null
+++ b/src/app/lib/helpers/getItems.js
@@ -0,0 +1,98 @@
+import { getClassModel } from "@/app/models/Class";
+import { getClassTypeModel } from "@/app/models/ClassType";
+import { getCategoryModel } from "@/app/models/Category";
+
+export async function getItemById(Model, id) {
+  try {
+    return await Model.findById(id);
+  } catch (error) {
+    console.error("Erro ao buscar item por ID:", error);
+    throw new Error("Falha ao buscar item.");
+  }
+}
+
+export function convertClassTypeToPlain(item) {
+  if (!item) return item;
+  if (Array.isArray(item)) return item.map(convertClassTypeToPlain);
+
+  const { createdAt, modifiedAt, __v, ...rest } = item;
+
+  return {
+    ...rest,
+    _id: item._id ? item._id.toString() : item._id,
+    files: item.files
+      ? item.files.map((fileId) => fileId.toString())
+      : item.files,
+  };
+}
+
+export async function getAllClassItems(query = {}) {
+  try {
+    const ClassTypeModel = await getClassTypeModel();
+    const classTypes = await ClassTypeModel.find(query)
+      .select("-createdAt -modifiedAt -__v")
+      .lean();
+
+    return classTypes.map(convertClassTypeToPlain);
+  } catch (error) {
+    console.error("Error fetching class types:", error);
+    throw new Error("Failed to fetch class types");
+  }
+}
+
+export async function getAllCategories(query = {}) {
+  try {
+    const CategoryModel = await getCategoryModel();
+    const categories = await CategoryModel.find(query)
+      .select("-createdAt -modifiedAt -__v")
+      .lean();
+
+    return categories.map((item) => ({
+      ...item,
+      _id: item._id ? item._id.toString() : item._id,
+    }));
+  } catch (error) {
+    console.error("Error fetching categories:", error);
+    throw new Error("Failed to fetch categories");
+  }
+}
+
+export async function getCategoryById(id) {
+  try {
+    const CategoryModel = await getCategoryModel();
+    const category = await CategoryModel.findById(id)
+      .select("-createdAt -modifiedAt -__v")
+      .lean();
+
+    if (!category) return null;
+
+    return {
+      ...category,
+      _id: category._id ? category._id.toString() : category._id,
+    };
+  } catch (error) {
+    console.error("Error fetching category:", error);
+    throw new Error("Failed to fetch category");
+  }
+}
+
+export async function getTypeClassAsPlainObject(id) {
+  try {
+    const ClassType = await getClassTypeModel();
+    const classType = await ClassType.findOne({ _id: id }).lean();
+    return convertClassTypeToPlain(classType);
+  } catch (error) {
+    console.error("Erro ao buscar tipo de turma:", error);
+    throw new Error("Falha ao buscar tipo de turma.");
+  }
+}
+
+export async function getFieldItemByItem(Model, id, field) {
+  try {
+    const document = await Model.findById(id).select(field);
+    return document ? document[field] : null;
+  } catch (error) {
+    console.error("Erro ao buscar campo do item:", error);
+    throw new Error("Falha ao buscar campo do item.");
+  }
+}
diff --git a/src/app/lib/helpers/lessonAttendance.js b/src/app/lib/helpers/lessonAttendance.js
new file mode 100644
index 0000000..f43a409
--- /dev/null
+++ b/src/app/lib/helpers/lessonAttendance.js
@@ -0,0 +1,34 @@
+import { isValidObjectId } from "@/app/lib/helpers/validObjectId";
+
+// Status de presença aceitos pelo schema de Lesson (AttendanceSchema).
+export const VALID_ATTENDANCE_STATUS = ["present", "absent", "late", "excused"];
+
+// Extrai o id do aluno tanto de ObjectId/string quanto de objeto populado
+// { _id, fullName } (que é como a página de histórico envia ao formulário).
+export function normalizeAttendanceEntry(entry) {
+  const sid =
+    entry?.studentId?._id?.toString?.() ||
+    entry?.studentId?.toString?.() ||
+    entry?.studentId;
+  return { studentId: sid, status: entry?.status };
+}
+
+export function normalizeAttendance(attendance) {
+  if (!Array.isArray(attendance)) return [];
+  return attendance.map(normalizeAttendanceEntry);
+}
+
+export function isValidAttendanceEntry(entry) {
+  return (
+    isValidObjectId(entry?.studentId) &&
+    VALID_ATTENDANCE_STATUS.includes(entry?.status)
+  );
+}
+
+// Normaliza e descarta entradas inválidas. Retorna { clean, valid } para o
+// caller decidir se rejeita (400) quando há entradas descartadas.
+export function sanitizeAttendance(attendance) {
+  const normalized = normalizeAttendance(attendance);
+  const clean = normalized.filter(isValidAttendanceEntry);
+  return { normalized, clean };
+}
diff --git a/src/app/lib/helpers/linkWardAndGuardian.js b/src/app/lib/helpers/linkWardAndGuardian.js
new file mode 100644
index 0000000..d16ba7c
--- /dev/null
+++ b/src/app/lib/helpers/linkWardAndGuardian.js
@@ -0,0 +1,67 @@
+import { getUserModel } from "@/app/models/User";
+import { Types } from "mongoose";
+const { ObjectId } = require('mongodb');
+
+const User = await getUserModel();
+
+export async function linkWardAndGuardian(guardianIds = [], wardIds = []) {
+  const toObjectIds = (ids = []) =>
+    ids.map((id) => new ObjectId(id));
+
+  const guardianOids = toObjectIds(guardianIds);
+  const wardOids = toObjectIds(wardIds);
+
+  // Validations
+  const guardians = await User.find({ _id: { $in: guardianOids } }).select('roles').lean();
+  const wards = await User.find({ _id: { $in: wardOids } }).select('roles dateOfBirth').lean();
+
+  // Check if all guardians have 'parent' role
+  const invalidGuardians = guardians.filter(g => !g.roles.includes('parent'));
+  if (invalidGuardians.length > 0) {
+    console.error("Invalid guardians: must have 'parent' role");
+    return false;
+  }
+
+  // Check if all wards have 'student' role
+  const invalidWards = wards.filter(w => !w.roles.includes('student'));
+  if (invalidWards.length > 0) {
+    console.error("Invalid wards: must have 'student' role");
+    return false;
+  }
+
+  // Check if all wards are under 18
+  // Commented out for admin assignment flexibility
+  /*
+  const today = new Date();
+  const underageWards = wards.filter(w => {
+    const birthDate = new Date(w.dateOfBirth);
+    let age = today.getFullYear() - birthDate.getFullYear();
+    const monthDiff = today.getMonth() - birthDate.getMonth();
+    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
+      age--;
+    }
+    return age >= 18;
+  });
+  if (underageWards.length > 0) {
+    console.error("Invalid wards: must be under 18 years old");
+    return false;
+  }
+  */
+
+  try {
+    await User.updateMany(
+      { _id: { $in: guardianOids } },
+      { $addToSet: { wardAccounts: { $each: wardOids } } }
+    );
+
+    await User.updateMany(
+      { _id: { $in: wardOids } },
+      { $addToSet: { guardiansAccounts: { $each: guardianOids } } }
+    );
+
+    return true;
+  } catch (err) {
+    console.error("Erro de vinculação entre responsáveis e aluno:", err);
+    return false;
+  }
+}
diff --git a/src/app/lib/helpers/retriveFiles.js b/src/app/lib/helpers/retriveFiles.js
new file mode 100644
index 0000000..898dfe2
--- /dev/null
+++ b/src/app/lib/helpers/retriveFiles.js
@@ -0,0 +1,59 @@
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+
+export function retrieveFiles(rawFiles) {
+    if (!Array.isArray(rawFiles)) {
+        console.error("Input must be an array.");
+        return {};
+    }
+
+    const groupedFiles = {};
+    const categories = {}; // Store category metadata
+
+    rawFiles.forEach((file) => {
+        const catName = file?.category?.name || 'Outros';
+        const colorIndex = Number.isInteger(file?.category?.colorIndex) ? file.category.colorIndex : 0;
+
+        if (!groupedFiles[catName]) {
+            groupedFiles[catName] = [];
+            categories[catName] = {
+                name: catName,
+                colorIndex: colorIndex,
+            };
+        }
+
+        groupedFiles[catName].push({
+            _id: file?._id,
+            name: file?.title || file?.name || "Arquivo",
+            size: file?.size,
+            type: file?.mimetype || "",
+            url: getFileUrl(file?.url), // Converte proxy:// para /api/files/
+        });
+    });
+
+    const categoryNames = Object.keys(categories);
+    const uniqueIndices = new Set(categoryNames.map((name) => categories[name].colorIndex));
+    const allBlueFallback = categoryNames.length > 1 && uniqueIndices.size === 1 && uniqueIndices.has(0);
+
+    if (allBlueFallback) {
+        categoryNames.forEach((name) => {
+            categories[name].colorIndex = getStableColorIndex(name);
+        });
+    }
+
+    // Return both files and category metadata in a structure that survives serialization
+    const result = {
+        files: groupedFiles,
+        categories: categories
+    };
+
+    return result;
+}
+
+function getStableColorIndex(value) {
+    let hash = 0;
+    for (let i = 0; i < value.length; i += 1) {
+        hash = (hash << 5) - hash + value.charCodeAt(i);
+        hash |= 0;
+    }
+    return Math.abs(hash) % 10;
+}
diff --git a/src/app/lib/helpers/statusPatterns.js b/src/app/lib/helpers/statusPatterns.js
new file mode 100644
index 0000000..75c91b3
--- /dev/null
+++ b/src/app/lib/helpers/statusPatterns.js
@@ -0,0 +1,117 @@
+/**
+ * Centralized status patterns for the application
+ * Use these constants and functions to ensure consistency across all components
+ */
+
+// ========== STATUS VALUES (use these in DB and logic) ==========
+export const STATUS = {
+  // Class/Exam status
+  ACTIVE: 'active',
+  INACTIVE: 'inactive',
+  ARCHIVED: 'archived',
+
+  // Exam specific
+  DRAFT: 'draft',
+  PUBLISHED: 'published',
+  CLOSED: 'closed',
+
+  // Assignment availability (computed from dates)
+  AVAILABLE: 'available',
+  UPCOMING: 'upcoming',
+  EXPIRED: 'expired',
+
+  // Payment status
+  PENDING: 'pending',
+  PAID: 'paid',
+  OVERDUE: 'overdue',
+  CANCELLED: 'cancelled',
+  PENDING_VERIFICATION: 'pending_verification',
+  VERIFIED: 'verified',
+  REJECTED: 'rejected',
+  NOT_PAID: 'not_paid',
+
+  // Attendance
+  PRESENT: 'present',
+  ABSENT: 'absent',
+  LATE: 'late',
+  EXCUSED: 'excused',
+};
+
+// ========== STATUS DISPLAY LABELS (Portuguese) ==========
+export const STATUS_LABELS = {
+  [STATUS.ACTIVE]: 'Ativa',
+  [STATUS.INACTIVE]: 'Inativa',
+  [STATUS.ARCHIVED]: 'Arquivada',
+  [STATUS.DRAFT]: 'Rascunho',
+  [STATUS.PUBLISHED]: 'Publicada',
+  [STATUS.CLOSED]: 'Fechada',
+  [STATUS.AVAILABLE]: 'Disponível',
+  [STATUS.UPCOMING]: 'Em breve',
+  [STATUS.EXPIRED]: 'Encerrada',
+  [STATUS.PENDING]: 'Pendente',
+  [STATUS.PAID]: 'Pago',
+  [STATUS.OVERDUE]: 'Atrasado',
+  [STATUS.CANCELLED]: 'Cancelado',
+  [STATUS.PENDING_VERIFICATION]: 'Aguardando Verificação',
+  [STATUS.VERIFIED]: 'Pago',
+  [STATUS.REJECTED]: 'Rejeitado',
+  [STATUS.NOT_PAID]: 'Não Pago',
+  [STATUS.PRESENT]: 'Presente',
+  [STATUS.ABSENT]: 'Ausente',
+  [STATUS.LATE]: 'Atrasado',
+  [STATUS.EXCUSED]: 'Justificado',
+};
+
+// ========== LABEL COLORS FOR LABEL COMPONENT ==========
+export const STATUS_COLORS = {
+  [STATUS.ACTIVE]: 'emerald',
+  [STATUS.INACTIVE]: 'gray',
+  [STATUS.ARCHIVED]: 'amber',
+  [STATUS.DRAFT]: 'gray',
+  [STATUS.PUBLISHED]: 'blue',
+  [STATUS.CLOSED]: 'red',
+  [STATUS.AVAILABLE]: 'emerald',
+  [STATUS.UPCOMING]: 'sky',
+  [STATUS.EXPIRED]: 'red',
+  [STATUS.PENDING]: 'amber',
+  [STATUS.PAID]: 'emerald',
+  [STATUS.OVERDUE]: 'red',
+  [STATUS.CANCELLED]: 'gray',
+  [STATUS.PENDING_VERIFICATION]: 'blue',
+  [STATUS.VERIFIED]: 'emerald',
+  [STATUS.REJECTED]: 'red',
+  [STATUS.NOT_PAID]: 'gray',
+  [STATUS.PRESENT]: 'emerald',
+  [STATUS.ABSENT]: 'red',
+  [STATUS.LATE]: 'amber',
+  [STATUS.EXCUSED]: 'blue',
+};
+
+// ========== HELPER FUNCTIONS ==========
+
+/**
+ * Get the display label for a status
+ * @param {string} status - The status value
+ * @returns {string} The Portuguese label
+ */
+export function getStatusLabel(status) {
+  return STATUS_LABELS[status] || status;
+}
+
+/**
+ * Get the color for the Label component
+ * @param {string} status - The status value
+ * @returns {string} The color name for Label component
+ */
+export function getStatusColor(status) {
+  return STATUS_COLORS[status] || 'gray';
+}
+
+export function normalizeStatus(status) {
+  if (!status) return STATUS.ACTIVE;
+  const s = status.toLowerCase();
+  if (s === 'active' || s === 'ativa') return STATUS.ACTIVE;
+  if (s === 'inactive' || s === 'inativa') return STATUS.INACTIVE;
+  if (s === 'archived' || s === 'arquivada') return STATUS.ARCHIVED;
+  return STATUS.ACTIVE;
+}
diff --git a/src/app/lib/helpers/toPlain.js b/src/app/lib/helpers/toPlain.js
new file mode 100644
index 0000000..bc52b20
--- /dev/null
+++ b/src/app/lib/helpers/toPlain.js
@@ -0,0 +1,29 @@
+export function toPlain(value) {
+  if (value === undefined) return undefined;
+  try {
+    return JSON.parse(
+      JSON.stringify(value, (_k, v) => {
+
+        if (v && typeof v === "object" && v._bsontype === "ObjectID" && typeof v.toString === "function") {
+          return v.toString();
+        }
+
+        if (v instanceof Date) {
+          return v.toISOString();
+        }
+
+        if (v && v.type === "Buffer" && Array.isArray(v.data)) {
+          try {
+            return Buffer.from(v.data).toString("base64");
+          } catch {
+            return null;
+          }
+        }
+        return v;
+      })
+    );
+  } catch (error) {
+    console.error("toPlain serialization error:", error);
+    return value;
+  }
+}
diff --git a/src/app/lib/helpers/validObjectId.js b/src/app/lib/helpers/validObjectId.js
new file mode 100644
index 0000000..313478d
--- /dev/null
+++ b/src/app/lib/helpers/validObjectId.js
@@ -0,0 +1,5 @@
+import mongoose from "mongoose";
+
+export function isValidObjectId(id) {
+  return mongoose.Types.ObjectId.isValid(id) && new mongoose.Types.ObjectId(id).toString() === id;
+}
diff --git a/src/app/lib/helpers/youtube.js b/src/app/lib/helpers/youtube.js
new file mode 100644
index 0000000..89716ae
--- /dev/null
+++ b/src/app/lib/helpers/youtube.js
@@ -0,0 +1,33 @@
+const YOUTUBE_PATTERNS = [
+  /(?:youtube\.com\/watch\?(?:.*&)?v=)([\w-]{11})/,
+  /(?:youtu\.be\/)([\w-]{11})/,
+  /(?:youtube\.com\/embed\/)([\w-]{11})/,
+  /(?:youtube\.com\/shorts\/)([\w-]{11})/,
+  /(?:youtube-nocookie\.com\/embed\/)([\w-]{11})/,
+];
+
+export function getYouTubeId(url) {
+  if (!url || typeof url !== "string") return null;
+  const normalized = url.trim();
+  for (const pattern of YOUTUBE_PATTERNS) {
+    const match = normalized.match(pattern);
+    if (match && match[1]) return match[1];
+  }
+  return null;
+}
+
+export function isYouTubeUrl(url) {
+  return getYouTubeId(url) !== null;
+}
+
+export function getYouTubeEmbedUrl(url) {
+  const id = getYouTubeId(url);
+  if (!id) return null;
+  return `https://www.youtube.com/embed/${id}`;
+}
+
+export function getYouTubeThumbnail(url) {
+  const id = getYouTubeId(url);
+  if (!id) return null;
+  return `https://img.youtube.com/vi/${id}/hqdefault.jpg`;
+}
diff --git a/src/app/lib/logger.js b/src/app/lib/logger.js
new file mode 100644
index 0000000..9de828e
--- /dev/null
+++ b/src/app/lib/logger.js
@@ -0,0 +1,70 @@
+/**
+ * Centralized logging utility for the application
+ * Usage: import { log, logError, logDebug } from '@/app/lib/logger';
+ */
+
+const LOG_LEVELS = {
+  error: 0,
+  warn: 1,
+  info: 2,
+  debug: 3,
+};
+
+const envLevel = process.env.LOG_LEVEL;
+let currentLevel = LOG_LEVELS.info;
+if (envLevel) {
+  if (LOG_LEVELS[envLevel] !== undefined) {
+    currentLevel = LOG_LEVELS[envLevel];
+  } else {
+    console.warn(`[logger] LOG_LEVEL inválido: "${envLevel}". Usando "info". Valores válidos: error, warn, info, debug.`);
+  }
+}
+
+const formatMessage = (level, message, data = {}) => {
+  const timestamp = new Date().toISOString();
+  const prefix = `[${timestamp}] [${level.toUpperCase()}]`;
+  
+  if (Object.keys(data).length > 0) {
+    let serialized;
+    try {
+      serialized = JSON.stringify(data);
+    } catch {
+      serialized = String(data);
+    }
+    return `${prefix} ${message} ${serialized}`;
+  }
+  return `${prefix} ${message}`;
+};
+
+export const logError = (message, data = {}) => {
+  if (currentLevel >= LOG_LEVELS.error) {
+    console.error(formatMessage('error', message, data));
+  }
+};
+
+export const logWarn = (message, data = {}) => {
+  if (currentLevel >= LOG_LEVELS.warn) {
+    console.warn(formatMessage('warn', message, data));
+  }
+};
+
+export const logInfo = (message, data = {}) => {
+  if (currentLevel >= LOG_LEVELS.info) {
+    console.log(formatMessage('info', message, data));
+  }
+};
+
+export const logDebug = (message, data = {}) => {
+  if (currentLevel >= LOG_LEVELS.debug) {
+    console.log(formatMessage('debug', message, data));
+  }
+};
+
+// Convenience wrapper that logs function entry/exit
+export const logTrace = (functionName, data = {}) => {
+  logDebug(`ENTER: ${functionName}`, data);
+  return {
+    exit: (result = {}) => logDebug(`EXIT: ${functionName}`, result),
+    error: (error) => logError(`ERROR in ${functionName}`, { error: error.message, stack: error.stack }),
+  };
+};
diff --git a/src/app/lib/logoutAction.js b/src/app/lib/logoutAction.js
new file mode 100644
index 0000000..4bff89a
--- /dev/null
+++ b/src/app/lib/logoutAction.js
@@ -0,0 +1,23 @@
+"use server";
+
+import { signOut } from "@/auth";
+import { redirect } from "next/navigation";
+
+export async function logoutAction() {
+  try {
+    await signOut({ redirect: false });
+
+    redirect("/auth/login");
+  } catch (error) {
+    if (
+      error &&
+      typeof error === "object" &&
+      "message" in error &&
+      error.message.includes("NEXT_REDIRECT")
+    ) {
+      throw error;
+    }
+
+    throw new Error("Falha ao fazer logout. Tente novamente.");
+  }
+}
diff --git a/src/app/lib/middleware/authorization.js b/src/app/lib/middleware/authorization.js
new file mode 100644
index 0000000..977e3bf
--- /dev/null
+++ b/src/app/lib/middleware/authorization.js
@@ -0,0 +1,160 @@
+import { auth } from "@/app/lib/utils/auth";
+import { getClassModel } from "@/app/models/Class";
+import { NextResponse } from "next/server";
+
+/**
+ * Custom error class for authentication/authorization errors
+ */
+export class AuthError extends Error {
+  constructor(message, status) {
+    super(message);
+    this.status = status;
+    this.name = "AuthError";
+  }
+}
+
+/**
+ * Verifies that the user is authenticated
+ * @returns {Promise<Object>} The session object
+ * @throws {AuthError} If user is not authenticated
+ */
+export async function requireAuth() {
+  const session = await auth();
+  if (!session?.user?.id) {
+    throw new AuthError("Não autorizado", 401);
+  }
+  return session;
+}
+
+/**
+ * Verifies that the user has at least one of the specified roles
+ * @param {string[]} roles - Array of allowed roles
+ * @returns {Promise<Object>} The session object
+ * @throws {AuthError} If user is not authenticated or lacks required roles
+ */
+export async function requireRole(...roles) {
+  const session = await requireAuth();
+  const userRoles = session.user.roles || [];
+
+  const hasRole = roles.some(role => userRoles.includes(role));
+  if (!hasRole) {
+    throw new AuthError("Acesso negado", 403);
+  }
+
+  return session;
+}
+
+/**
+ * Verifies that the user is either a student or teacher of the class
+ * @param {string} classId - The class ID
+ * @param {string} userId - The user ID
+ * @returns {Promise<Object>} The class data
+ * @throws {AuthError} If class not found or user is not a member
+ */
+export async function requireClassMembership(classId, userId) {
+  const Class = await getClassModel();
+  const classData = await Class.findById(classId).lean();
+
+  if (!classData) {
+    throw new AuthError("Turma não encontrada", 404);
+  }
+
+  const studentIds = classData.students?.map(s => s.toString()) || [];
+  const teacherIds = classData.teachers?.map(t => t.toString()) || [];
+
+  if (!studentIds.includes(userId) && !teacherIds.includes(userId)) {
+    throw new AuthError("Acesso negado", 403);
+  }
+
+  return classData;
+}
+
+/**
+ * Verifies that the user is a teacher of the class
+ * @param {string} classId - The class ID
+ * @param {string} userId - The user ID
+ * @returns {Promise<Object>} The class data
+ * @throws {AuthError} If class not found or user is not a teacher
+ */
+export async function requireTeacherAccess(classId, userId) {
+  const Class = await getClassModel();
+  const classData = await Class.findById(classId).lean();
+
+  if (!classData) {
+    throw new AuthError("Turma não encontrada", 404);
+  }
+
+  const teacherIds = classData.teachers?.map(t => t.toString()) || [];
+
+  if (!teacherIds.includes(userId)) {
+    throw new AuthError("Acesso negado", 403);
+  }
+
+  return classData;
+}
+
+/**
+ * Verifies that the user is a student of the class
+ * @param {string} classId - The class ID
+ * @param {string} userId - The user ID
+ * @returns {Promise<Object>} The class data
+ * @throws {AuthError} If class not found or user is not a student
+ */
+export async function requireStudentAccess(classId, userId) {
+  const Class = await getClassModel();
+  const classData = await Class.findById(classId).lean();
+
+  if (!classData) {
+    throw new AuthError("Turma não encontrada", 404);
+  }
+
+  const studentIds = classData.students?.map(s => s.toString()) || [];
+
+  if (!studentIds.includes(userId)) {
+    throw new AuthError("Acesso negado", 403);
+  }
+
+  return classData;
+}
+
+/**
+ * Verifies that the user owns the resource
+ * @param {Object} resource - The resource with ownerId field
+ * @param {string} userId - The user ID
+ * @param {string} ownerIdField - The field name containing the owner ID (default: "assignedBy")
+ * @throws {AuthError} If user is not the owner
+ */
+export function requireOwnership(resource, userId, ownerIdField = "assignedBy") {
+  const ownerId = resource[ownerIdField]?.toString();
+  if (ownerId !== userId) {
+    throw new AuthError("Acesso negado", 403);
+  }
+}
+
+/**
+ * Wrapper to handle AuthError and return appropriate NextResponse
+ * @param {Function} handler - The route handler function
+ * @returns {Function} Wrapped handler
+ */
+export function withAuth(handler) {
+  return async (request, context) => {
+    try {
+      return await handler(request, context);
+    } catch (error) {
+      if (error instanceof AuthError) {
+        return NextResponse.json({ error: error.message }, { status: error.status });
+      }
+      throw error;
+    }
+  };
+}
+
+/**
+ * Helper function to create a standardized error response
+ * @param {string} message - Error message
+ * @param {number} status - HTTP status code
+ * @returns {NextResponse}
+ */
+export function authErrorResponse(message, status) {
+  return NextResponse.json({ error: message }, { status });
+}
diff --git a/src/app/lib/orders/actions.js b/src/app/lib/orders/actions.js
new file mode 100644
index 0000000..2d8b6f1
--- /dev/null
+++ b/src/app/lib/orders/actions.js
@@ -0,0 +1,425 @@
+"use server";
+
+import mongoose from "mongoose";
+import { revalidatePath } from "next/cache";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { getProductModel } from "@/app/models/Product";
+import { getOrderModel } from "@/app/models/Order";
+import { getClassModel } from "@/app/models/Class";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { getFileUrl } from "@/app/lib/utils/storage/fileUrl";
+
+const normalize = (value) => JSON.parse(JSON.stringify(value));
+
+export async function createOrderAction(productId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, message: "Não autorizado." };
+    }
+
+    const Product = await getProductModel();
+    const Order = await getOrderModel();
+
+    const product = await Product.findById(productId);
+    if (!product) {
+      return { success: false, message: "Produto não encontrado." };
+    }
+
+    if (!product.active) {
+      return { success: false, message: "Produto não está disponível." };
+    }
+
+    if (product.saleType === "affiliate") {
+      return { success: false, message: "Produtos afiliados não podem ser comprados diretamente." };
+    }
+
+    if (product.stock !== null && product.stock <= 0) {
+      return { success: false, message: "Produto esgotado." };
+    }
+
+    const existingOrder = await Order.findOne({
+      userId: session.user.id,
+      productId: productId,
+      status: { $in: ["pending", "pending_verification", "approved"] },
+    });
+
+    if (existingOrder) {
+      return {
+        success: false,
+        message: "Você já possui um pedido para este produto.",
+        data: { orderId: existingOrder._id.toString(), status: existingOrder.status },
+      };
+    }
+
+    const isFree = product.price === 0 || product.price === null;
+    const status = isFree ? "approved" : "pending";
+
+    const order = await Order.create({
+      userId: session.user.id,
+      productId: productId,
+      amount: product.price || 0,
+      status,
+      ...(isFree ? { paymentMethod: "free", approvedAt: new Date() } : {}),
+    });
+
+    if (isFree) {
+      if (product.relatedClass) {
+        try {
+          const Class = await getClassModel();
+          await Class.findByIdAndUpdate(product.relatedClass, {
+            $addToSet: { students: session.user.id },
+          });
+        } catch (err) {
+          console.error("Error enrolling user in class:", err);
+          try {
+            await Order.findByIdAndDelete(order._id);
+          } catch (cleanupErr) {
+            console.error("Error cleaning up order after enrollment failure:", cleanupErr);
+          }
+          return {
+            success: false,
+            message: "Erro ao matricular na turma. Tente novamente.",
+          };
+        }
+      }
+    }
+
+    revalidatePath("/dashboard/student/pedidos");
+    revalidatePath("/dashboard/student/produtos");
+
+    return {
+      success: true,
+      message: isFree ? "Produto gratuito liberado com sucesso!" : "Pedido criado com sucesso. Envie o comprovante de pagamento.",
+      data: { orderId: order._id.toString(), status: order.status },
+    };
+  } catch (error) {
+    console.error("Error creating order:", error);
+    return { success: false, message: error.message || "Erro ao criar pedido." };
+  }
+}
+
+export async function submitOrderPaymentAction(orderId, formData) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, message: "Não autorizado." };
+    }
+
+    const Order = await getOrderModel();
+
+    const orderIdStr = orderId?.toString();
+    if (!orderIdStr || orderIdStr === "true" || orderIdStr === "false") {
+      return { success: false, message: "ID do pedido inválido." };
+    }
+
+    const order = await Order.findById(orderIdStr);
+    if (!order) {
+      return { success: false, message: "Pedido não encontrado." };
+    }
+
+    if (order.userId.toString() !== session.user.id) {
+      return { success: false, message: "Não autorizado." };
+    }
+
+    if (order.status !== "pending" && order.status !== "rejected") {
+      return { success: false, message: "Este pedido não aceita mais envio de comprovante." };
+    }
+
+    const paymentMethod = formData.get("paymentMethod");
+    const receipt = formData.get("receipt");
+    const payerName = formData.get("payerName") || "";
+
+    if (!paymentMethod) {
+      return { success: false, message: "Método de pagamento é obrigatório." };
+    }
+
+    let receiptUrl = null;
+
+    if (receipt && typeof receipt === "object" && typeof receipt.arrayBuffer === "function") {
+      try {
+        const arrayBuffer = await receipt.arrayBuffer();
+        const buffer = Buffer.from(arrayBuffer);
+        const base64Data = buffer.toString("base64");
+        const mimetype = receipt.type || "image/jpeg";
+        receiptUrl = `data:${mimetype};base64,${base64Data}`;
+      } catch (receiptError) {
+        console.error("Erro ao processar comprovante:", receiptError);
+        return { success: false, message: "Erro ao processar comprovante." };
+      }
+    }
+
+    const updateData = {
+      paymentMethod,
+      paymentDate: new Date(),
+      status: "pending_verification",
+      updatedAt: Date.now(),
+    };
+
+    if (payerName) {
+      updateData.payerName = payerName;
+    }
+
+    if (receiptUrl) {
+      updateData.receiptUrl = receiptUrl;
+    }
+
+    await Order.findByIdAndUpdate(orderId, updateData);
+
+    revalidatePath("/dashboard/student/pedidos");
+    revalidatePath("/dashboard/student/produtos");
+    revalidatePath("/admin/dashboard/pedidos");
+
+    return { success: true, message: "Comprovante enviado com sucesso. Aguardando verificação." };
+  } catch (error) {
+    console.error("Error submitting order payment:", error);
+    return { success: false, message: error.message || "Erro ao enviar comprovante." };
+  }
+}
+
+export async function getOrdersAction(filters = {}) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, data: [], message: "Não autorizado." };
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    if (!currentUser) {
+      return { success: false, data: [], message: "Usuário não encontrado." };
+    }
+
+    const Order = await getOrderModel();
+    await getProductModel();
+    const isAdmin = currentUser.roles.includes("admin");
+    const isGuardian = currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+
+    let query = {};
+
+    if (!isAdmin) {
+      if (isGuardian) {
+        const wardObjectIds = (currentUser.wardAccounts || []).map(
+          (id) => new mongoose.Types.ObjectId(id)
+        );
+        query.userId = { $in: [currentUser._id, ...wardObjectIds] };
+      } else {
+        query.userId = currentUser._id;
+      }
+    }
+
+    if (filters.status) {
+      query.status = filters.status;
+    }
+
+    if (filters.userId) {
+      query.userId = filters.userId;
+    }
+
+    const orders = await Order.find(query)
+      .populate("productId", "title description imageUrl price type")
+      .populate("userId", "fullName email")
+      .populate("approvedBy", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return {
+      success: true,
+      data: normalize(orders),
+    };
+  } catch (error) {
+    console.error("Error fetching orders:", error);
+    return { success: false, data: [], message: error.message || "Erro ao buscar pedidos." };
+  }
+}
+
+export async function getOrderByIdAction(orderId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, data: null, message: "Não autorizado." };
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+
+    const Order = await getOrderModel();
+    const order = await Order.findById(orderId)
+      .populate("productId")
+      .populate("userId", "fullName email")
+      .populate("approvedBy", "fullName")
+      .lean();
+
+    if (!order) {
+      return { success: false, data: null, message: "Pedido não encontrado." };
+    }
+
+    const isAdmin = currentUser.roles.includes("admin");
+    const isOwner = order.userId._id.toString() === session.user.id;
+    const isGuardian =
+      (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) &&
+      currentUser.wardAccounts?.some((w) => w.toString() === order.userId._id.toString());
+
+    if (!isAdmin && !isOwner && !isGuardian) {
+      return { success: false, data: null, message: "Não autorizado." };
+    }
+
+    return { success: true, data: normalize(order) };
+  } catch (error) {
+    console.error("Error fetching order:", error);
+    return { success: false, data: null, message: error.message || "Erro ao buscar pedido." };
+  }
+}
+
+export async function updateOrderStatusAction(orderId, { status, notes, rejectionReason }) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, message: "Não autorizado." };
+    }
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    if (!currentUser?.roles?.includes("admin")) {
+      return { success: false, message: "Acesso negado. Apenas administradores." };
+    }
+
+    if (!["approved", "rejected"].includes(status)) {
+      return { success: false, message: "Status inválido." };
+    }
+
+    const Order = await getOrderModel();
+    const order = await Order.findById(orderId);
+
+    if (!order) {
+      return { success: false, message: "Pedido não encontrado." };
+    }
+
+    if (order.status !== "pending_verification") {
+      return { success: false, message: "Este pedido não está aguardando verificação." };
+    }
+
+    const updateData = {
+      status,
+      notes: notes || undefined,
+      rejectionReason: rejectionReason || undefined,
+      updatedAt: Date.now(),
+    };
+
+    if (status === "approved") {
+      updateData.approvedBy = session.user.id;
+      updateData.approvedAt = new Date();
+    }
+
+    await Order.findByIdAndUpdate(orderId, updateData);
+
+    if (status === "approved") {
+      const Product = await getProductModel();
+      const product = await Product.findById(order.productId);
+
+      if (product) {
+        if (product.relatedClass) {
+          try {
+            const Class = await getClassModel();
+            await Class.findByIdAndUpdate(product.relatedClass, {
+              $addToSet: { students: order.userId },
+            });
+          } catch (err) {
+            console.error("Error enrolling user in class:", err);
+            revalidatePath("/admin/dashboard/pedidos");
+            return {
+              success: false,
+              message: "Pedido aprovado, mas houve erro ao matricular o aluno na turma. Verifique manualmente.",
+            };
+          }
+        }
+
+        if (product.stock !== null && product.stock > 0) {
+          await Product.findByIdAndUpdate(product._id, {
+            $inc: { stock: -1 },
+          });
+        }
+      }
+    }
+
+    revalidatePath("/admin/dashboard/pedidos");
+    revalidatePath("/dashboard/student/pedidos");
+    revalidatePath("/dashboard/student/produtos");
+
+    return {
+      success: true,
+      message: status === "approved" ? "Pedido aprovado com sucesso." : "Pedido rejeitado.",
+    };
+  } catch (error) {
+    console.error("Error updating order status:", error);
+    return { success: false, message: error.message || "Erro ao atualizar pedido." };
+  }
+}
+
+export async function getOrdersWithContentAction() {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, data: [] };
+    }
+
+    const Order = await getOrderModel();
+    const orders = await Order.find({
+      userId: session.user.id,
+      status: "approved",
+    })
+      .populate("productId", "title description imageUrl price type files relatedClass relatedClassType")
+      .lean();
+
+    const Product = await getProductModel();
+    const FileModel = await getFileModel();
+
+    const results = await Promise.all(
+      normalize(orders).map(async (order) => {
+        const product = order.productId;
+        let content = { files: [], classLink: null };
+
+        if (product) {
+          if (product.relatedClass) {
+            const Class = await getClassModel();
+            const cls = await Class.findById(product.relatedClass).select("classTitle").lean();
+            content.classLink = cls
+              ? { id: cls._id.toString(), title: cls.classTitle }
+              : null;
+          }
+
+          if (product.files && product.files.length > 0) {
+            const files = await FileModel.find({
+              _id: { $in: product.files },
+            }).lean();
+
+            content.files = files.map((f) => ({
+              _id: f._id.toString(),
+              title: f.title,
+              mimetype: f.mimetype,
+              size: f.size,
+              url: getFileUrl(f.url),
+            }));
+          }
+        }
+
+        return {
+          _id: order._id.toString(),
+          productId: product?._id?.toString(),
+          productTitle: product?.title,
+          productImageUrl: product?.imageUrl ? getFileUrl(product.imageUrl) : null,
+          productType: product?.type,
+          amount: order.amount,
+          approvedAt: order.approvedAt,
+          content,
+        };
+      })
+    );
+
+    return { success: true, data: results };
+  } catch (error) {
+    console.error("Error fetching orders with content:", error);
+    return { success: false, data: [] };
+  }
+}
diff --git a/src/app/lib/payments/actions.js b/src/app/lib/payments/actions.js
new file mode 100644
index 0000000..abd694a
--- /dev/null
+++ b/src/app/lib/payments/actions.js
@@ -0,0 +1,543 @@
+"use server";
+
+import mongoose from "mongoose";
+import { revalidatePath } from "next/cache";
+import connectDB from "@/app/config/mongodb";
+import { auth } from "@/app/lib/utils/auth";
+import { getPaymentModel } from "@/app/models/Payment";
+import { getUserModel } from "@/app/models/User";
+import { getClassModel } from "@/app/models/Class";
+import { getFileModel } from "@/app/models/FilesSchema";
+
+const normalize = (value) => JSON.parse(JSON.stringify(value));
+
+const unauthorized = (status = 401, message = "Unauthorized") => ({
+  success: false,
+  data: null,
+  message,
+  fieldErrors: null,
+  status,
+});
+
+const ensureAdminUser = async () => {
+  const session = await auth();
+  if (!session?.user?.id) {
+    return { error: unauthorized() };
+  }
+
+  const User = await getUserModel();
+  const currentUser = await User.findById(session.user.id).lean();
+  if (!currentUser) {
+    return { error: unauthorized(404, "User not found") };
+  }
+
+  if (!currentUser.roles.includes("admin")) {
+    return { error: unauthorized(403, "Acesso negado. Apenas administradores.") };
+  }
+
+  return { session, currentUser };
+};
+
+export async function getPaymentsAction({ studentId } = {}) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return unauthorized();
+    }
+
+    await connectDB();
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    if (!currentUser) {
+      return unauthorized(404, "User not found");
+    }
+
+    const Payment = await getPaymentModel();
+    const query = {};
+    const isAdmin = currentUser.roles.includes("admin");
+
+    if (!isAdmin) {
+      if (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) {
+        const wardObjectIds = (currentUser.wardAccounts || []).map((id) => new mongoose.Types.ObjectId(id));
+        query.userId = { $in: [currentUser._id, ...wardObjectIds] };
+      } else {
+        query.userId = currentUser._id;
+      }
+    }
+
+    if (studentId) {
+      const isGuardianOrParent =
+        currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+      const wardIds = currentUser.wardAccounts?.map((id) => id.toString()) || [];
+      const userIdStr = currentUser._id.toString();
+
+      if (userIdStr === studentId || (isGuardianOrParent && wardIds.includes(studentId))) {
+        query.userId = new mongoose.Types.ObjectId(studentId);
+      }
+    }
+
+    const payments = await Payment.find(query)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName email")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return {
+      success: true,
+      data: normalize(payments),
+      message: "Pagamentos carregados com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Error fetching payments",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
+
+export async function submitPaymentAction(formData) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return unauthorized();
+    }
+
+    await connectDB();
+
+    const User = await getUserModel();
+    const currentUser = await User.findById(session.user.id).lean();
+    if (!currentUser) {
+      return unauthorized(404, "User not found");
+    }
+
+    const isAdmin = currentUser.roles.includes("admin");
+    if (isAdmin) {
+      return unauthorized(403, "Admins nao podem registrar pagamento por este fluxo");
+    }
+
+    const Payment = await getPaymentModel();
+
+    const amount = parseFloat(formData.get("amount"));
+    const paymentDate = formData.get("paymentDate");
+    const paymentMethod = formData.get("paymentMethod");
+    const notes = formData.get("notes") || "";
+    const receipt = formData.get("receipt");
+    const obligationId = formData.get("obligationId");
+    const payerName = formData.get("payerName") || "";
+    const classId = formData.get("classId");
+
+    if (!amount || Number.isNaN(amount)) {
+      return {
+        success: false,
+        data: null,
+        message: "Valor de pagamento invalido.",
+        fieldErrors: { amount: "Informe um valor valido" },
+        status: 400,
+      };
+    }
+
+    let obligation = null;
+
+    if (obligationId) {
+      obligation = await Payment.findById(obligationId);
+    } else if (classId) {
+      obligation = await Payment.findOne({
+        classId,
+        userId: session.user.id,
+        type: "obligation",
+        status: { $in: ["pending", "rejected"] },
+      });
+    }
+
+    if (!obligation) {
+      return {
+        success: false,
+        data: null,
+        message: "Payment obligation not found",
+        fieldErrors: null,
+        status: 404,
+      };
+    }
+
+    if (obligation.status === "verified") {
+      return {
+        success: false,
+        data: null,
+        message: "Esta obrigacao ja foi paga e verificada.",
+        fieldErrors: null,
+        status: 400,
+      };
+    }
+
+    if (Math.abs(amount - obligation.amount) > 0.01) {
+      return {
+        success: false,
+        data: null,
+        message: `O valor do pagamento deve ser igual ao valor da obrigacao (R$ ${obligation.amount.toFixed(2)}).`,
+        fieldErrors: { amount: "Valor divergente da obrigacao" },
+        status: 400,
+      };
+    }
+
+    const existingPayment = await Payment.findOne({
+      relatedObligationId: obligation._id,
+      type: "payment",
+      status: { $in: ["pending_verification", "verified"] },
+    });
+
+    if (existingPayment) {
+      const statusMessage =
+        existingPayment.status === "verified"
+          ? "Esta obrigacao ja foi paga e verificada."
+          : "Ja existe um pagamento aguardando verificacao para esta obrigacao.";
+
+      return {
+        success: false,
+        data: null,
+        message: statusMessage,
+        fieldErrors: null,
+        status: 400,
+      };
+    }
+
+    const isOwner = obligation.userId.toString() === session.user.id;
+    const isGuardianOrParent =
+      (currentUser.roles.includes("guardian") || currentUser.roles.includes("parent")) &&
+      currentUser.wardAccounts.some((wardId) => wardId.toString() === obligation.userId.toString());
+
+    if (!isOwner && !isGuardianOrParent) {
+      return unauthorized(403, "Not authorized to pay this obligation");
+    }
+
+    const payment = await Payment.create({
+      classId: obligation.classId,
+      userId: obligation.userId,
+      type: "payment",
+      amount,
+      paymentDate: new Date(paymentDate),
+      paymentMethod,
+      notes,
+      payerName,
+      status: "pending_verification",
+      relatedObligationId: obligation._id,
+      createdBy: session.user.id,
+    });
+
+    await Payment.findByIdAndUpdate(obligation._id, {
+      status: "pending_verification",
+      updatedAt: Date.now(),
+    });
+
+    if (receipt && typeof receipt === "object" && typeof receipt.arrayBuffer === "function") {
+      try {
+        const FileModel = await getFileModel();
+        const arrayBuffer = await receipt.arrayBuffer();
+        const buffer = Buffer.from(arrayBuffer);
+        const base64Data = buffer.toString("base64");
+        const mimetype = receipt.type || "image/jpeg";
+        const dataUrl = `data:${mimetype};base64,${base64Data}`;
+
+        await FileModel.create({
+          title: `Comprovante - ${payment._id}`,
+          mimetype,
+          url: dataUrl,
+          size: receipt.size,
+          relatedToId: payment._id,
+          relatedToType: "payment",
+          uploadedBy: session.user.id,
+          description: "Comprovante de pagamento",
+        });
+
+        await Payment.findByIdAndUpdate(payment._id, {
+          receiptUrl: dataUrl,
+        });
+      } catch (receiptError) {
+        console.error("Erro ao salvar comprovante de pagamento:", receiptError);
+        await Payment.findByIdAndUpdate(payment._id, {
+          notes: `${notes ? notes + " | " : ""}[AVISO: Falha ao salvar comprovante em ${new Date().toISOString()}]`,
+        });
+      }
+    }
+
+    const populatedPayment = await Payment.findById(payment._id)
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName")
+      .lean();
+
+    revalidatePath("/dashboard/student/payments");
+    revalidatePath("/dashboard/guardian/payments");
+
+    return {
+      success: true,
+      data: normalize(populatedPayment),
+      message: "Payment submitted successfully. Awaiting verification.",
+      fieldErrors: null,
+      status: 201,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Error creating payment",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
+
+export async function createObligationAction(formData) {
+  try {
+    await connectDB();
+
+    const adminCheck = await ensureAdminUser();
+    if (adminCheck.error) {
+      return adminCheck.error;
+    }
+
+    const Payment = await getPaymentModel();
+    const Class = await getClassModel();
+    const { session } = adminCheck;
+
+    const classId = formData.get("classId");
+    const userId = formData.get("userId") || null;
+    const amount = parseFloat(formData.get("amount"));
+    const dueDate = formData.get("dueDate") || null;
+    const description = formData.get("description") || "";
+
+    if (!classId) {
+      return {
+        success: false,
+        data: null,
+        message: "Turma e obrigatoria.",
+        fieldErrors: { classId: "Informe a turma." },
+        status: 400,
+      };
+    }
+
+    if (!amount || Number.isNaN(amount) || amount <= 0) {
+      return {
+        success: false,
+        data: null,
+        message: "Valor invalido.",
+        fieldErrors: { amount: "Informe um valor maior que zero." },
+        status: 400,
+      };
+    }
+
+    const classData = await Class.findById(classId).lean();
+    if (!classData) {
+      return {
+        success: false,
+        data: null,
+        message: "Class not found",
+        fieldErrors: null,
+        status: 404,
+      };
+    }
+
+    if (userId) {
+      const obligation = await Payment.create({
+        classId,
+        userId,
+        type: "obligation",
+        amount,
+        dueDate: dueDate ? new Date(dueDate) : null,
+        description,
+        status: "pending",
+        createdBy: session.user.id,
+      });
+
+      revalidatePath("/admin/dashboard/payments");
+      revalidatePath("/admin/dashboard/payments/by-class");
+      revalidatePath("/dashboard/student/payments");
+      revalidatePath("/dashboard/guardian/payments");
+
+      return {
+        success: true,
+        data: normalize(obligation),
+        message: "Obrigacao criada com sucesso",
+        fieldErrors: null,
+        status: 201,
+      };
+    }
+
+    const obligations = [];
+    for (const studentId of classData.students || []) {
+      const obligation = await Payment.create({
+        classId,
+        userId: studentId,
+        type: "obligation",
+        amount,
+        dueDate: dueDate ? new Date(dueDate) : null,
+        description,
+        status: "pending",
+        createdBy: session.user.id,
+      });
+      obligations.push(obligation);
+    }
+
+    revalidatePath("/admin/dashboard/payments");
+    revalidatePath("/admin/dashboard/payments/by-class");
+    revalidatePath("/dashboard/student/payments");
+    revalidatePath("/dashboard/guardian/payments");
+
+    return {
+      success: true,
+      data: normalize(obligations),
+      message: `Created ${obligations.length} payment obligations`,
+      fieldErrors: null,
+      status: 201,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Error creating obligation",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
+
+export async function updatePaymentStatusAction(paymentId, { status, notes } = {}) {
+  try {
+    await connectDB();
+
+    const adminCheck = await ensureAdminUser();
+    if (adminCheck.error) {
+      return adminCheck.error;
+    }
+
+    if (!["pending", "pending_verification", "verified", "rejected"].includes(status)) {
+      return {
+        success: false,
+        data: null,
+        message: "Invalid status",
+        fieldErrors: { status: "Status invalido" },
+        status: 400,
+      };
+    }
+
+    const Payment = await getPaymentModel();
+
+    const payment = await Payment.findByIdAndUpdate(
+      paymentId,
+      { status, notes, updatedAt: Date.now() },
+      { new: true }
+    )
+      .populate("classId", "classTitle")
+      .populate("userId", "fullName")
+      .lean();
+
+    if (!payment) {
+      return {
+        success: false,
+        data: null,
+        message: "Payment not found",
+        fieldErrors: null,
+        status: 404,
+      };
+    }
+
+    if (status === "rejected" && payment.relatedObligationId) {
+      const obligationUpdate = await Payment.findByIdAndUpdate(
+        payment.relatedObligationId,
+        {
+          status: "pending",
+          rejectionReason: notes || "Pagamento rejeitado pelo administrador",
+          updatedAt: Date.now(),
+        },
+        { new: true }
+      );
+
+      if (obligationUpdate) {
+        await Payment.updateMany(
+          {
+            relatedObligationId: payment.relatedObligationId,
+            type: "payment",
+            _id: { $ne: payment._id },
+          },
+          {
+            status: "rejected",
+            notes: notes || "Pagamento rejeitado. Nova obrigacao foi reativada.",
+            updatedAt: Date.now(),
+          }
+        );
+      }
+    }
+
+    if (status === "verified" && payment.relatedObligationId) {
+      await Payment.findByIdAndUpdate(
+        payment.relatedObligationId,
+        {
+          status: "verified",
+          rejectionReason: undefined,
+          updatedAt: Date.now(),
+        },
+        { new: true }
+      );
+    }
+
+    revalidatePath("/admin/dashboard/payments");
+    revalidatePath("/admin/dashboard/payments/by-class");
+    revalidatePath("/dashboard/student/payments");
+    revalidatePath("/dashboard/guardian/payments");
+
+    return {
+      success: true,
+      data: normalize(payment),
+      message: "Payment updated successfully",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Error updating payment",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
+
+export async function getPaymentsByObligationAction(obligationId) {
+  try {
+    await connectDB();
+
+    const adminCheck = await ensureAdminUser();
+    if (adminCheck.error) {
+      return adminCheck.error;
+    }
+
+    const Payment = await getPaymentModel();
+    const payments = await Payment.find({
+      relatedObligationId: obligationId,
+      type: "payment",
+    })
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return {
+      success: true,
+      data: normalize(payments),
+      message: "Pagamentos da obrigacao carregados com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Error fetching obligation payments",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
diff --git a/src/app/lib/products/actions.js b/src/app/lib/products/actions.js
new file mode 100644
index 0000000..f8cbc7b
--- /dev/null
+++ b/src/app/lib/products/actions.js
@@ -0,0 +1,276 @@
+"use server";
+
+import { getProductModel } from "@/app/models/Product";
+import { getFileModel } from "@/app/models/FilesSchema";
+import { uploadToS3 } from "@/app/lib/utils/s3";
+import { revalidatePath } from "next/cache";
+
+const MAX_FILE_SIZE = 500 * 1024 * 1024;
+
+function validateFileSize(file, label) {
+  if (file && file.size > MAX_FILE_SIZE) {
+    const sizeMB = (file.size / (1024 * 1024)).toFixed(2);
+    return `Arquivo "${file.name}" (${sizeMB}MB) excede o limite de 500MB.`;
+  }
+  return null;
+}
+
+async function uploadProductImage(file) {
+  try {
+    const url = await uploadToS3(file, "iciv/products");
+    return url;
+  } catch (error) {
+    console.error("Error uploading product image:", error);
+    throw new Error("Erro ao fazer upload da imagem");
+  }
+}
+
+export async function getProductsAction(filters = {}) {
+  try {
+    const Product = await getProductModel();
+    const { active, type, limit } = filters;
+
+    let query = {};
+
+    if (active !== undefined) {
+      query.active = active;
+    } else {
+      query.active = true;
+    }
+
+    if (type) {
+      query.type = type;
+    }
+
+    let queryBuilder = Product.find(query)
+      .sort({ createdAt: -1 });
+
+    if (limit) {
+      queryBuilder = queryBuilder.limit(parseInt(limit));
+    }
+
+    const products = await queryBuilder.lean();
+
+    return {
+      success: true,
+      data: products.map((product) => ({
+        ...product,
+        _id: product._id.toString(),
+        files: product.files?.map((id) => id.toString()) || [],
+        relatedClassType: product.relatedClassType?.toString() || null,
+        relatedClass: product.relatedClass?.toString() || null,
+      })),
+    };
+  } catch (error) {
+    console.error("Error fetching products:", error);
+    return { success: false, data: [], error: "Falha ao buscar produtos." };
+  }
+}
+
+export async function getProductByIdAction(id) {
+  try {
+    const Product = await getProductModel();
+    const product = await Product.findById(id).lean();
+
+    if (!product) return { success: true, data: null };
+
+    return {
+      success: true,
+      data: {
+        ...product,
+        _id: product._id.toString(),
+        files: product.files?.map((id) => id.toString()) || [],
+        relatedClassType: product.relatedClassType?.toString() || null,
+        relatedClass: product.relatedClass?.toString() || null,
+      },
+    };
+  } catch (error) {
+    console.error("Error fetching product:", error);
+    return { success: false, data: null, error: "Falha ao buscar produto." };
+  }
+}
+
+export async function saveProductAction(currentState, formData) {
+  const id = formData.get("_id");
+  const title = formData.get("title");
+  const description = formData.get("description");
+  const imageUrl = formData.get("imageUrl");
+  const imageFile = formData.get("imageFile");
+  const price = formData.get("price");
+  const type = formData.get("type") || "digital";
+  const saleType = formData.get("saleType") || "direct";
+  const affiliateUrl = formData.get("affiliateUrl") || "";
+  const stock = formData.get("stock");
+  const active = formData.get("active") === "true";
+  const relatedClassType = formData.get("relatedClassType") || null;
+  const relatedClass = formData.get("relatedClass") || null;
+
+  let finalImageUrl = imageUrl || null;
+
+  if (imageFile && imageFile.size > 0) {
+    const sizeError = validateFileSize(imageFile, "imagem");
+    if (sizeError) {
+      return {
+        success: false,
+        message: sizeError,
+        inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+      };
+    }
+  }
+
+  const productFilesRaw = formData.getAll("productFiles");
+  for (const file of productFilesRaw) {
+    if (file && typeof file === "object" && file.size > 0) {
+      const sizeError = validateFileSize(file, "arquivo");
+      if (sizeError) {
+        return {
+          success: false,
+          message: sizeError,
+          inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+        };
+      }
+    }
+  }
+
+  if (imageFile && imageFile.size > 0) {
+    try {
+      finalImageUrl = await uploadProductImage(imageFile);
+    } catch (uploadError) {
+      return {
+        success: false,
+        message: "Erro ao fazer upload da imagem. Verifique o arquivo e tente novamente.",
+        inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+      };
+    }
+  }
+
+  if (!title || !title.trim()) {
+    return {
+      success: false,
+      message: "Título é obrigatório.",
+      inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+    };
+  }
+
+  if (saleType === "affiliate" && (!affiliateUrl || !affiliateUrl.trim())) {
+    return {
+      success: false,
+      message: "Link de afiliado é obrigatório para produtos afiliados.",
+      inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+    };
+  }
+
+  if (saleType === "direct") {
+    const parsedPrice = parseFloat(price);
+    if (isNaN(parsedPrice) || parsedPrice < 0) {
+      return {
+        success: false,
+        message: "Preço inválido para produto de venda direta.",
+        inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+      };
+    }
+  }
+
+  try {
+    const Product = await getProductModel();
+    const FileModel = await getFileModel();
+
+    let productId = id;
+
+    const productData = {
+      title,
+      description,
+      imageUrl: finalImageUrl,
+      price: saleType === "direct" ? parseFloat(price) : (parseFloat(price) || null),
+      saleType,
+      affiliateUrl: saleType === "affiliate" ? affiliateUrl : undefined,
+      type,
+      stock: saleType === "direct" && stock ? parseInt(stock) : null,
+      active,
+      relatedClassType: saleType === "direct" && relatedClassType ? relatedClassType : undefined,
+      relatedClass: saleType === "direct" && relatedClass ? relatedClass : undefined,
+    };
+
+    if (id) {
+      if (!finalImageUrl) {
+        const existingProduct = await Product.findById(id);
+        if (existingProduct?.imageUrl) {
+          productData.imageUrl = existingProduct.imageUrl;
+        }
+      }
+      await Product.updateOne({ _id: id }, productData);
+    } else {
+      const created = await Product.create(productData);
+      productId = created._id;
+    }
+
+    const productFiles = formData.getAll("productFiles");
+    if (productFiles && productFiles.length > 0) {
+      const fileIds = [];
+      const existingProduct = await Product.findById(productId);
+      if (existingProduct?.files) {
+        fileIds.push(...existingProduct.files.map((f) => f.toString()));
+      }
+
+for (const file of productFiles) {
+         if (file && typeof file === "object" && file.size > 0) {
+           try {
+             const url = await uploadToS3(file, "iciv/products");
+             const fileDoc = await FileModel.create({
+               title: file.name,
+               mimetype: file.type,
+               url,
+               size: file.size,
+               relatedToId: productId,
+               relatedToType: "product",
+             });
+             fileIds.push(fileDoc._id.toString());
+           } catch (uploadErr) {
+             console.error("Error uploading product file:", uploadErr);
+             return {
+               success: false,
+               message: `Erro ao fazer upload do arquivo "${file.name}": ${uploadErr.message || "Erro desconhecido"}`,
+               inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+             };
+           }
+         }
+       }
+
+      await Product.updateOne({ _id: productId }, { files: fileIds });
+    }
+
+    revalidatePath("/admin/dashboard/produtos");
+    revalidatePath("/dashboard/student/produtos");
+
+    return {
+      success: true,
+      message: id ? "Produto atualizado com sucesso." : "Produto criado com sucesso.",
+    };
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro: ${e.message || e}`,
+      inputs: { title, description, imageUrl, price, type, saleType, affiliateUrl, stock, active },
+    };
+  }
+}
+
+export async function deleteProductAction(currentState, formData) {
+  const id = formData.get("_id");
+
+  if (!id) {
+    return { success: false, message: "ID inválido." };
+  }
+
+  try {
+    const Product = await getProductModel();
+    await Product.findByIdAndDelete(id);
+
+    revalidatePath("/admin/dashboard/produtos");
+    revalidatePath("/dashboard/student/produtos");
+
+    return { success: true, message: "Produto excluído com sucesso." };
+  } catch (e) {
+    return { success: false, message: `Erro ao excluir: ${e.message || e}` };
+  }
+}
diff --git a/src/app/lib/schemas/categorySchema.js b/src/app/lib/schemas/categorySchema.js
new file mode 100644
index 0000000..0210a48
--- /dev/null
+++ b/src/app/lib/schemas/categorySchema.js
@@ -0,0 +1,21 @@
+import z from "zod";
+
+export const categorySchema = z.object({
+  _id: z.string().optional(),
+  name: z
+    .string({
+      invalid_type_error: "O nome deve conter letras.",
+    })
+    .min(2, {
+      message: "O nome deve ter no mínimo 2 caracteres.",
+    })
+    .max(50, {
+      message: "O nome deve ter no máximo 50 caracteres.",
+    }),
+  description: z
+    .string()
+    .max(200, {
+      message: "A descrição deve ter no máximo 200 caracteres.",
+    })
+    .optional(),
+});
\ No newline at end of file
diff --git a/src/app/lib/schemas/classSchema.js b/src/app/lib/schemas/classSchema.js
new file mode 100644
index 0000000..19202c0
--- /dev/null
+++ b/src/app/lib/schemas/classSchema.js
@@ -0,0 +1,37 @@
+import z from "zod";
+
+export const classSchema = z.object({
+    _id: z.string({invalid_type_error: "Classe não encontrada"}).optional(),
+    classTitle: z.string({invalid_type_error: "Título inválido"}),
+    classType: z.string({invalid_type_error: "Tipo de Classe Inválido"}),
+    teachers: z.array(z.string({invalid_type_error: "Professores inválidos"})),
+    students: z.array(z.string({invalid_type_error: "Alunos inválidos"})),
+    startDate: z
+        .string()
+        .transform((str) => new Date(str))
+        .optional(),
+    endDate: z
+        .string()
+        .transform((str) => new Date(str))
+        .optional(),
+    schedule: z
+        .object({
+            days: z
+                .array(z.string({invalid_type_error: "Dias inválidos"}))
+                .optional(),
+            time: z
+                .string()
+                .regex(
+                    /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/,
+                    "Formato de horário inválido. Use HH:MM"
+                ),
+        })
+        .optional(),
+    price: z.number({invalid_type_error: "Mensalidade inválida"}),
+    link: z.string({invalid_type_error: "Link inválido"}),
+    inheritFiles: z.boolean().default(false),
+    files: z
+        .array(z.string({invalid_type_error: "Arquivos inválidos"}))
+        .optional(),
+    status: z.string({invalid_type_error: "Status incorreto"}),
+});
diff --git a/src/app/lib/schemas/contactMessageSchema.js b/src/app/lib/schemas/contactMessageSchema.js
new file mode 100644
index 0000000..e652eed
--- /dev/null
+++ b/src/app/lib/schemas/contactMessageSchema.js
@@ -0,0 +1,29 @@
+import z from "zod";
+
+export const contactMessageSchema = z.object({
+  name: z
+    .string({ invalid_type_error: "Nome inválido" })
+    .min(2, "Nome deve ter pelo menos 2 caracteres")
+    .max(100, "Nome deve ter no máximo 100 caracteres"),
+  email: z
+    .string({ invalid_type_error: "Email inválido" })
+    .email("Email inválido"),
+  phone: z
+    .string()
+    .max(20, "Telefone deve ter no máximo 20 caracteres")
+    .optional()
+    .default(""),
+  subject: z
+    .string({ invalid_type_error: "Assunto inválido" })
+    .min(3, "Assunto deve ter pelo menos 3 caracteres")
+    .max(200, "Assunto deve ter no máximo 200 caracteres"),
+  message: z
+    .string({ invalid_type_error: "Mensagem inválida" })
+    .min(10, "Mensagem deve ter pelo menos 10 caracteres")
+    .max(2000, "Mensagem deve ter no máximo 2000 caracteres"),
+  preferredContact: z
+    .enum(["email", "whatsapp", "phone"], {
+      invalid_type_error: "Meio de contato inválido",
+    })
+    .default("email"),
+});
diff --git a/src/app/lib/schemas/fileZodSchema.js b/src/app/lib/schemas/fileZodSchema.js
new file mode 100644
index 0000000..4d03ab8
--- /dev/null
+++ b/src/app/lib/schemas/fileZodSchema.js
@@ -0,0 +1,28 @@
+import z from "zod";
+
+export const fileZodSchema = z.object({
+  _id: z.string({ invalid_type_error: "Classe não encontrada" }).optional(),
+  title: z
+    .string({
+      invalid_type_error: "O título deve conter letras.",
+    })
+    .min(3, {
+      message: "O título deve ter no mínimo 3 caracteres.",
+    }),
+  mimetype: z
+    .string({
+      invalid_type_error: "Tipo de mimetype incorreto, deve ser uma string",
+    })
+    .optional(),
+  url: z.string().url({
+    message: "O url deve ser uma URL válida",
+  }),
+  size: z.number({
+    invalid_type_error: "O tamanho do arquivo deve ser numérico",
+  }),
+  relatedToId: z.string().optional(),
+  relatedToType: z.enum(["class", "classTypes", "loose", "payment", "product"]).optional(),
+uploadedBy: z.string(),
+description: z.string().optional(),
+category: z.string().optional(),
+});
diff --git a/src/app/lib/userLoginAction.js b/src/app/lib/userLoginAction.js
new file mode 100644
index 0000000..c1d7bea
--- /dev/null
+++ b/src/app/lib/userLoginAction.js
@@ -0,0 +1,55 @@
+"use server";
+
+import { isBlank } from "./utils/formUtils";
+import { signIn } from "./utils/auth";
+import { normalizeName } from "./utils/stringUtils";
+
+export default async function userLogin(currentState, formData) {
+  const username = normalizeName(formData.get("username")).replace(/\s+/g, "");
+  const password = formData.get("password");
+
+  const rawData = {
+    username: username,
+  };
+
+  if (isBlank(username) || isBlank(password)) {
+    return {
+      success: false,
+      message: "Nome do usuário e senha são obrigatórios para fazer login...",
+      inputs: rawData,
+    };
+  }
+
+  try {
+    await signIn("credentials", {
+      username,
+      password,
+      redirectTo: "/dispatcher",
+    });
+  } catch (error) {
+    /* Totalmente contraintuitivo, mas é como o server action do Next funciona
+    Como o redirect vai ser executado no servidor, vai dar pau e tem que "lançado"
+    para que não dê pau "de fato...". */
+    if (
+      error &&
+      typeof error === "object" &&
+      "message" in error &&
+      error.message.includes("NEXT_REDIRECT")
+    ) {
+      throw error;
+    }
+
+    if (
+      error &&
+      typeof error === "object" &&
+      error.type === "CredentialsSignin"
+    ) {
+      return { success: false, message: "Credenciais inválidas." };
+    }
+
+    return {
+      success: false,
+      message: `Um erro inesperado ocorreu: ${error.message || String(error)}`,
+    };
+  }
+}
diff --git a/src/app/lib/users/actions.js b/src/app/lib/users/actions.js
new file mode 100644
index 0000000..ba0b3b1
--- /dev/null
+++ b/src/app/lib/users/actions.js
@@ -0,0 +1,111 @@
+"use server";
+
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+
+const normalize = (value) => JSON.parse(JSON.stringify(value));
+
+export async function getWardsAction() {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return {
+        success: false,
+        data: null,
+        message: "Unauthorized",
+        fieldErrors: null,
+        status: 401,
+      };
+    }
+
+    const UserModel = await getUserModel();
+    const currentUser = await UserModel.findById(session.user.id)
+      .populate("wardAccounts", "fullName username _id")
+      .lean();
+
+    if (!currentUser) {
+      return {
+        success: false,
+        data: null,
+        message: "User not found",
+        fieldErrors: null,
+        status: 404,
+      };
+    }
+
+    const isGuardianOrParent =
+      currentUser.roles.includes("guardian") || currentUser.roles.includes("parent");
+
+    if (!isGuardianOrParent) {
+      return {
+        success: false,
+        data: null,
+        message: "Not a guardian",
+        fieldErrors: null,
+        status: 403,
+      };
+    }
+
+    return {
+      success: true,
+      data: normalize(currentUser.wardAccounts || []),
+      message: "Dependentes carregados com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Error fetching wards",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
+
+export async function getUsersForAdminAction() {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return {
+        success: false,
+        data: null,
+        message: "Unauthorized",
+        fieldErrors: null,
+        status: 401,
+      };
+    }
+
+    const UserModel = await getUserModel();
+    const currentUser = await UserModel.findById(session.user.id).select("roles").lean();
+
+    if (!currentUser?.roles?.includes("admin")) {
+      return {
+        success: false,
+        data: null,
+        message: "Acesso negado",
+        fieldErrors: null,
+        status: 403,
+      };
+    }
+
+    const users = await UserModel.find({}).select("-passwordHash").lean();
+
+    return {
+      success: true,
+      data: normalize(users),
+      message: "Usuarios carregados com sucesso.",
+      fieldErrors: null,
+      status: 200,
+    };
+  } catch (error) {
+    return {
+      success: false,
+      data: null,
+      message: error.message || "Erro ao buscar usuarios.",
+      fieldErrors: null,
+      status: 500,
+    };
+  }
+}
diff --git a/src/app/lib/users/createUserAction.js b/src/app/lib/users/createUserAction.js
new file mode 100644
index 0000000..4f8ae98
--- /dev/null
+++ b/src/app/lib/users/createUserAction.js
@@ -0,0 +1,192 @@
+"use server";
+
+import { getUserModel } from "@/app/models/User";
+import bcrypt from "bcryptjs";
+import { isBlank } from "@/app/lib/utils/formUtils";
+import { auth } from "@/app/lib/utils/auth";
+import { verifySimpleCaptcha } from "@/app/lib/utils/simpleCaptcha";
+import { normalizeDateInput } from "@/app/lib/utils/dateUtils";
+import { normalizeName } from "@/app/lib/utils/stringUtils";
+
+export default async function saveUserData(currentState, formData) {
+  let session;
+  try {
+    session = await auth();
+  } catch (error) {
+    return {
+      success: false,
+      message: "Erro ao verificar autenticação. Tente novamente.",
+      inputs: {},
+    };
+  }
+  const isAuthenticated = !!session?.user?.id;
+
+  const fullName = normalizeName(formData.get("fullName"));
+  const username = normalizeName(formData.get("username")).replace(/\s+/g, "");
+  const email = formData.get("email") || "";
+  const password = formData.get("password") || "";
+  const confirmPassword = formData.get("confirmPassword") || "";
+  const dateOfBirthInput = formData.get("dateOfBirth") || "";
+  const dateOfBirth = normalizeDateInput(dateOfBirthInput);
+  const guardianId = formData.get("guardianId") || "";
+  const captchaAnswer = formData.get("captchaAnswer") || "";
+  const captchaToken = formData.get("captchaToken") || "";
+
+  const rawData = {
+    fullName: fullName,
+    username: username,
+    email: email,
+    dateOfBirth: dateOfBirthInput,
+  };
+
+  if (
+    isBlank(fullName) ||
+    isBlank(username) ||
+    isBlank(email) ||
+    isBlank(password)
+  ) {
+    return {
+      success: false,
+      message:
+        "Nome, nome do usuário, email e senha são campos obrigatórios...",
+      inputs: rawData,
+    };
+  }
+
+  if (/\s/.test(username)) {
+    return {
+      success: false,
+      message: "Nome de usuário não pode conter espaços. Use apenas letras, números e _",
+      inputs: rawData,
+    };
+  }
+
+  if (!dateOfBirth) {
+    return {
+      success: false,
+      message: "Data de nascimento invalida. Use o formato DD/MM/AAAA.",
+      inputs: rawData,
+    };
+  }
+
+  if (password !== confirmPassword) {
+    return {
+      success: false,
+      message: "Senhas não conferem...",
+      inputs: rawData,
+    };
+  }
+
+  let captchaValid;
+  try {
+    captchaValid = verifySimpleCaptcha(captchaToken, captchaAnswer);
+  } catch (error) {
+    return {
+      success: false,
+      message: "Erro ao validar captcha. Recarregue a página e tente novamente.",
+      inputs: rawData,
+    };
+  }
+
+  if (!captchaValid) {
+    return {
+      success: false,
+      message: "Captcha inválido ou expirado. Tente novamente.",
+      inputs: rawData,
+    };
+  }
+
+  try {
+    const User = await getUserModel();
+
+    let ownerGuardianId = "";
+
+    if (isAuthenticated) {
+      const loggedUser = await User.findById(session.user.id).select("roles").lean();
+      if (!loggedUser) {
+        return {
+          success: false,
+          message: "Usuario nao encontrado",
+          inputs: rawData,
+        };
+      }
+
+      const roles = Array.isArray(loggedUser.roles) ? loggedUser.roles : [];
+      const isAdmin = roles.includes("admin") || roles.includes("superadmin");
+      const canManageWards =
+        roles.includes("parent") ||
+        roles.includes("guardian") ||
+        isAdmin;
+
+      if (!canManageWards) {
+        return {
+          success: false,
+          message: "Acesso negado",
+          inputs: rawData,
+        };
+      }
+
+      ownerGuardianId = isAdmin ? guardianId || "" : session.user.id;
+    }
+
+    const existingUsername = await User.findOne({ username }).select("_id").lean();
+    if (existingUsername) {
+      return {
+        success: false,
+        message: "Nome de usuario ja cadastrado",
+        inputs: rawData,
+      };
+    }
+
+    const passwordHash = await bcrypt.hash(password, 10);
+
+    const newUser = await User.create({
+      fullName,
+      username,
+      email,
+      passwordHash,
+      dateOfBirth,
+      roles: ["student"],
+      guardiansAccounts: ownerGuardianId ? [ownerGuardianId] : [],
+    });
+
+    // Add the new student to the guardian's wardAccounts
+    if (ownerGuardianId) {
+      await User.findByIdAndUpdate(ownerGuardianId, {
+        $push: { wardAccounts: newUser._id },
+      });
+    }
+
+    /* if (true) {
+      console.log("(DEBUG) NOVO USÁRIO: ", newUser)
+      await newUser.deleteOne();
+      return {
+        success: false,
+        message: `Erro ao vincular responsável e aluno, cancelando operação`,
+        inputs: rawData,
+      };
+    } */
+
+    return {
+      success: true,
+      message: "Usuário criado com sucesso...",
+    };
+  } catch (err) {
+    if (err.code === 11000 || err.code === 11001) {
+      const field = Object.keys(err.keyPattern || {})[0] || "campo";
+      const value = err.keyValue ? err.keyValue[field] : "";
+      const fieldLabels = { username: "Nome de usuário", email: "Email" };
+      const label = fieldLabels[field] || field;
+      return {
+        success: false,
+        message: `${label} "${value}" já está em uso. Escolha outro.`,
+        inputs: rawData,
+      };
+    }
+    return {
+      success: false,
+      message: `Erro ao criar o usuário. Tente novamente.`,
+      inputs: rawData,
+    };
+  }
+}
diff --git a/src/app/lib/users/createWardUserAction.js b/src/app/lib/users/createWardUserAction.js
new file mode 100644
index 0000000..d469874
--- /dev/null
+++ b/src/app/lib/users/createWardUserAction.js
@@ -0,0 +1,151 @@
+"use server";
+
+import { getUserModel } from "@/app/models/User";
+import bcrypt from "bcryptjs";
+import { linkWardAndGuardian } from "@/app/lib/helpers/linkWardAndGuardian";
+import { isBlank } from "@/app/lib/utils/formUtils";
+import { normalizeDateInput } from "@/app/lib/utils/dateUtils";
+import { normalizeName } from "@/app/lib/utils/stringUtils";
+
+export default async function saveUserData(currentState, formData) {
+  const fullName = normalizeName(formData.get("fullName"));
+  const username = normalizeName(formData.get("username")).replace(/\s+/g, "");
+  const email = formData.get("email") || "";
+  const password = formData.get("password") || "";
+  const confirmPassword = formData.get("confirmPassword") || "";
+  const dateOfBirthInput = formData.get("dateOfBirth") || "";
+  const dateOfBirth = normalizeDateInput(dateOfBirthInput);
+  const guardianId = formData.get("guardianId") || "";
+
+  const rawData = {
+    fullName: fullName,
+    username: username,
+    email: email,
+    dateOfBirth: dateOfBirthInput,
+  };
+
+  let passwordHash;
+  try {
+    passwordHash = await bcrypt.hash(password, 10);
+  } catch (error) {
+    return {
+      success: false,
+      message: "Erro ao processar a senha. Tente novamente.",
+      inputs: rawData,
+    };
+  }
+
+  if (!dateOfBirth) {
+    return {
+      success: false,
+      message: "Data de nascimento invalida. Use o formato DD/MM/AAAA.",
+      inputs: rawData,
+    };
+  }
+
+  const birthDate = new Date(`${dateOfBirth}T00:00:00.000Z`);
+  const today = new Date();
+  let age = today.getFullYear() - birthDate.getUTCFullYear();
+  const monthDiff = today.getMonth() - birthDate.getUTCMonth();
+  if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getUTCDate())) {
+    age--;
+  }
+  if (age >= 18) {
+    return {
+      success: false,
+      message: "O aluno deve ter menos de 18 anos.",
+      inputs: rawData,
+    };
+  }
+
+  if (
+    isBlank(fullName) ||
+    isBlank(username) ||
+    isBlank(email) ||
+    isBlank(password)
+  ) {
+    return {
+      success: false,
+      message:
+        "Nome, nome do usuário, email e senha são campos obrigatórios...",
+      inputs: rawData,
+    };
+  }
+
+  if (password !== confirmPassword) {
+    return {
+      success: false,
+      message: "Senhas não conferem...",
+      inputs: rawData,
+    };
+  }
+
+  // Password strength validation
+  const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/;
+  if (!passwordRegex.test(password)) {
+    return {
+      success: false,
+      message: "A senha deve ter pelo menos 8 caracteres, incluindo uma letra minúscula, uma maiúscula e um número.",
+      inputs: rawData,
+    };
+  }
+
+  try {
+    const User = await getUserModel();    
+
+    const newUser = await User.create({
+      fullName,
+      username,
+      email,
+      passwordHash,
+      dateOfBirth,
+      roles: ["student"],
+    });
+
+    let linkingResult = false;
+
+    if (newUser && newUser._id && !!guardianId)
+      linkingResult = await linkWardAndGuardian([guardianId], [newUser._id]);
+
+    /* if (true) {
+      console.log("(DEBUG) NOVO USÁRIO: ", newUser)
+      await newUser.deleteOne();
+      return {
+        success: false,
+        message: `Erro ao vincular responsável e aluno, cancelando operação`,
+        inputs: rawData,
+      };
+    } */
+
+    if (!linkingResult) {
+      await newUser.deleteOne();
+      return {
+        success: false,
+        message: `Erroao vincular responsável e aluno, cancelando operação`,
+        inputs: rawData,
+      };
+    }
+
+    return {
+      success: true,
+      message: "Usuário criado com sucesso...",
+    };
+  } catch (err) {
+    if (err.code === 11000 || err.code === 11001) {
+      const field = Object.keys(err.keyPattern || {})[0] || "campo";
+      const value = err.keyValue ? err.keyValue[field] : "";
+      const fieldLabels = { username: "Nome de usuário", email: "Email" };
+      const label = fieldLabels[field] || field;
+      return {
+        success: false,
+        message: `${label} "${value}" já está em uso. Escolha outro.`,
+        inputs: rawData,
+      };
+    }
+    return {
+      success: false,
+      message: `Erro ao criar o usuário. Tente novamente.`,
+      inputs: rawData,
+    };
+  }
+}
diff --git a/src/app/lib/users/deleteUser.js b/src/app/lib/users/deleteUser.js
new file mode 100644
index 0000000..caf0a1f
--- /dev/null
+++ b/src/app/lib/users/deleteUser.js
@@ -0,0 +1,63 @@
+"use server";
+
+import { deleteById } from "@/app/lib/helpers/deleteById";
+import { getUserModel } from "@/app/models/User";
+import { revalidatePath } from "next/cache";
+import { auth } from "@/app/lib/utils/auth";
+
+export async function deleteUser(currentState, formData) {
+  const userId = formData.get("userId");
+
+  if (!userId) {
+    return {
+      success: false,
+      message: "ID inválido.",
+    };
+  }
+
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return {
+        success: false,
+        message: "Usuário não autenticado.",
+      };
+    }
+
+    const loggedUserId = session.user.id;
+    const UserModel = await getUserModel();
+
+    const loggedUser = await UserModel.findOne({ _id: loggedUserId }).select('roles wardAccounts').lean();
+    if (!loggedUser) {
+      return {
+        success: false,
+        message: "Usuário logado não encontrado.",
+      };
+    }
+    const isAdmin = loggedUser.roles.includes('admin');
+
+    if (!isAdmin) {
+      const isWard = loggedUser.wardAccounts.some(wardId => wardId.toString() === userId);
+      if (!isWard) {
+        return {
+          success: false,
+          message: "Você não tem permissão para excluir este usuário.",
+        };
+      }
+    }
+
+    await deleteById(UserModel, userId);
+  } catch (e) {
+    return {
+      success: false,
+      message: `Erro ao excluir: ${e.message || e}`,
+    };
+  }
+
+  revalidatePath("/admin/dashboard/users");
+  return {
+    success: true,
+    message: "Usuário excluído com sucesso!",
+    redirectTo: "/admin/dashboard/users",
+  };
+}
diff --git a/src/app/lib/users/getUsers.js b/src/app/lib/users/getUsers.js
new file mode 100644
index 0000000..e44236e
--- /dev/null
+++ b/src/app/lib/users/getUsers.js
@@ -0,0 +1,14 @@
+import { getUserModel } from "@/app/models/User";
+
+export async function getUsers() {
+  try {
+    const User = await getUserModel();
+    const users = await User.find({});
+    const plainUsers = JSON.parse(JSON.stringify(users));
+
+    return { success: true, data: plainUsers };
+  } catch (error) {
+    console.error("Falha ao buscar os usuários diretamente do DB:", error);
+    return { success: false, data: [], error: "Falha ao buscar usuários." };
+  }
+}
diff --git a/src/app/lib/users/getUsersByRole.js b/src/app/lib/users/getUsersByRole.js
new file mode 100644
index 0000000..48eab91
--- /dev/null
+++ b/src/app/lib/users/getUsersByRole.js
@@ -0,0 +1,17 @@
+import { getUserModel } from "@/app/models/User";
+
+export async function getUsersByRole(userRoles) {
+  try {
+    const User = await getUserModel();
+    const users = await User.find({
+      roles: { $in: userRoles },
+    });
+
+    const plainUsers = JSON.parse(JSON.stringify(users));
+
+    return { success: true, data: plainUsers };
+  } catch (error) {
+    console.error("Falha ao buscar os usuários no DB:", error);
+    return { success: false, data: [], error: "Falha ao buscar usuários." };
+  }
+}
diff --git a/src/app/lib/users/resetPasswordActions.js b/src/app/lib/users/resetPasswordActions.js
new file mode 100644
index 0000000..08de5d2
--- /dev/null
+++ b/src/app/lib/users/resetPasswordActions.js
@@ -0,0 +1,147 @@
+"use server";
+
+import { randomBytes } from "crypto";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+import { getPasswordResetTokenModel } from "@/app/models/PasswordResetToken";
+
+const TOKEN_EXPIRY_HOURS = 24;
+
+export async function generatePasswordResetTokenAction(userId) {
+  try {
+    const session = await auth();
+    if (!session?.user?.id) {
+      return { success: false, message: "Não autorizado." };
+    }
+
+    const User = await getUserModel();
+    const adminUser = await User.findById(session.user.id).select("roles").lean();
+    if (!adminUser?.roles?.includes("admin")) {
+      return { success: false, message: "Apenas administradores podem gerar links de reset." };
+    }
+
+    const targetUser = await User.findById(userId).select("fullName username").lean();
+    if (!targetUser) {
+      return { success: false, message: "Usuário não encontrado." };
+    }
+
+    const TokenModel = await getPasswordResetTokenModel();
+
+    await TokenModel.deleteMany({ userId, usedAt: null });
+
+    const rawToken = randomBytes(32).toString("hex");
+
+    const expiresAt = new Date();
+    expiresAt.setHours(expiresAt.getHours() + TOKEN_EXPIRY_HOURS);
+
+    await TokenModel.create({
+      userId,
+      token: rawToken,
+      expiresAt,
+    });
+
+    const baseUrl = process.env.NEXTAUTH_URL || process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000";
+    const resetLink = `${baseUrl}/auth/reset-password/${rawToken}`;
+
+    return {
+      success: true,
+      message: "Link gerado com sucesso.",
+      data: {
+        resetLink,
+        userName: targetUser.fullName,
+        username: targetUser.username,
+        expiresAt: expiresAt.toISOString(),
+      },
+    };
+  } catch (error) {
+    console.error("Erro ao gerar token de reset:", error);
+    return { success: false, message: "Erro ao gerar link de reset. Tente novamente." };
+  }
+}
+
+export async function resetPasswordWithTokenAction(currentState, formData) {
+  const token = formData.get("token") || "";
+  const newPassword = (formData.get("newPassword") || "").toString();
+  const confirmNewPassword = (formData.get("confirmNewPassword") || "").toString();
+
+  if (!token) {
+    return { success: false, message: "Token inválido." };
+  }
+
+  if (!newPassword || !confirmNewPassword) {
+    return { success: false, message: "Preencha a nova senha e a confirmação." };
+  }
+
+  if (newPassword !== confirmNewPassword) {
+    return { success: false, message: "As senhas não conferem." };
+  }
+
+  const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/;
+  if (!passwordRegex.test(newPassword)) {
+    return {
+      success: false,
+      message: "A senha deve ter pelo menos 8 caracteres, incluindo uma letra minúscula, uma maiúscula e um número.",
+    };
+  }
+
+  try {
+    const TokenModel = await getPasswordResetTokenModel();
+    const resetToken = await TokenModel.findOne({
+      token,
+      usedAt: null,
+      expiresAt: { $gt: new Date() },
+    }).lean();
+
+    if (!resetToken) {
+      return { success: false, message: "Link expirado ou já utilizado. Solicite um novo." };
+    }
+
+    const User = await getUserModel();
+    const user = await User.findById(resetToken.userId);
+    if (!user) {
+      return { success: false, message: "Usuário não encontrado." };
+    }
+
+    const bcrypt = await import("bcryptjs");
+    user.passwordHash = await bcrypt.default.hash(newPassword, 10);
+    await user.save();
+
+    await TokenModel.updateOne(
+      { _id: resetToken._id },
+      { $set: { usedAt: new Date() } }
+    );
+
+    return { success: true, message: "Senha redefinida com sucesso!" };
+  } catch (error) {
+    console.error("Erro ao redefinir senha:", error);
+    return { success: false, message: "Erro ao redefinir senha. Tente novamente." };
+  }
+}
+
+export async function validateResetTokenAction(token) {
+  try {
+    if (!token) return { valid: false };
+
+    const TokenModel = await getPasswordResetTokenModel();
+    const resetToken = await TokenModel.findOne({
+      token,
+      usedAt: null,
+      expiresAt: { $gt: new Date() },
+    }).lean();
+
+    if (!resetToken) {
+      return { valid: false };
+    }
+
+    const User = await getUserModel();
+    const user = await User.findById(resetToken.userId).select("fullName username").lean();
+
+    return {
+      valid: true,
+      userName: user?.fullName || "Usuário",
+    };
+  } catch (error) {
+    console.error("Erro ao validar token de reset:", error);
+    return { valid: false };
+  }
+}
diff --git a/src/app/lib/users/updatePasswordAction.js b/src/app/lib/users/updatePasswordAction.js
new file mode 100644
index 0000000..43202ae
--- /dev/null
+++ b/src/app/lib/users/updatePasswordAction.js
@@ -0,0 +1,110 @@
+"use server";
+
+import bcrypt from "bcryptjs";
+import { auth } from "@/app/lib/utils/auth";
+import { getUserModel } from "@/app/models/User";
+
+const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/;
+
+export default async function updatePasswordAction(currentState, formData) {
+  const buildState = (payload) => ({
+    ...payload,
+    attemptId: (currentState?.attemptId || 0) + 1,
+  });
+
+  let session;
+  try {
+    session = await auth();
+  } catch (error) {
+    return buildState({
+      success: false,
+      message: "Erro ao verificar autenticação. Tente novamente.",
+    });
+  }
+
+  if (!session?.user?.id) {
+    return buildState({
+      success: false,
+      message: "Não autorizado.",
+    });
+  }
+
+  const currentPassword = (formData.get("currentPassword") || "").toString();
+  const newPassword = (formData.get("newPassword") || "").toString();
+  const confirmNewPassword = (formData.get("confirmNewPassword") || "").toString();
+
+  if (!currentPassword || !newPassword || !confirmNewPassword) {
+    return buildState({
+      success: false,
+      message: "Preencha senha atual, nova senha e confirmação.",
+    });
+  }
+
+  if (newPassword !== confirmNewPassword) {
+    return buildState({
+      success: false,
+      message: "A confirmação da nova senha não confere.",
+    });
+  }
+
+  if (currentPassword === newPassword) {
+    return buildState({
+      success: false,
+      message: "A nova senha deve ser diferente da senha atual.",
+    });
+  }
+
+  if (!passwordRegex.test(newPassword)) {
+    return buildState({
+      success: false,
+      message:
+        "A nova senha deve ter pelo menos 8 caracteres, incluindo uma letra minúscula, uma maiúscula e um número.",
+    });
+  }
+
+  try {
+    const User = await getUserModel();
+    const user = await User.findById(session.user.id).select("passwordHash").lean();
+
+    if (!user?.passwordHash) {
+      return buildState({
+        success: false,
+        message: "Usuário não encontrado.",
+      });
+    }
+
+    const isCurrentPasswordValid = await bcrypt.compare(
+      currentPassword,
+      user.passwordHash
+    );
+
+    if (!isCurrentPasswordValid) {
+      return buildState({
+        success: false,
+        message: "Senha atual inválida.",
+      });
+    }
+
+    const passwordHash = await bcrypt.hash(newPassword, 10);
+
+    await User.updateOne(
+      { _id: session.user.id },
+      {
+        $set: {
+          passwordHash,
+          modifiedAt: new Date(),
+        },
+      }
+    );
+
+    return buildState({
+      success: true,
+      message: "Senha atualizada com sucesso.",
+    });
+  } catch (err) {
+    return buildState({
+      success: false,
+      message: `Erro ao atualizar senha: ${err}`,
+    });
+  }
+}
diff --git a/src/app/lib/users/updateUserAction.js b/src/app/lib/users/updateUserAction.js
new file mode 100644
index 0000000..2686d55
--- /dev/null
+++ b/src/app/lib/users/updateUserAction.js
@@ -0,0 +1,160 @@
+"use server";
+
+import { getUserModel } from "@/app/models/User";
+import { redirect } from "next/navigation";
+import { revalidatePath } from "next/cache";
+import { isBlank } from "@/app/lib/utils/formUtils";
+import { linkWardAndGuardian } from "@/app/lib/helpers/linkWardAndGuardian";
+import { Types } from "mongoose";
+import { normalizeDateInput } from "@/app/lib/utils/dateUtils";
+import { normalizeName } from "@/app/lib/utils/stringUtils";
+
+export default async function updateUserData(currentState, formData) {
+  const userId = formData.get("_id");
+  const fullName = normalizeName(formData.get("fullName"));
+  const username = normalizeName(formData.get("username")).replace(/\s+/g, "");
+  const email = formData.get("email");
+  const roles = formData.getAll("roles");
+  const dateOfBirthInput = formData.get("dateOfBirth");
+  const dateOfBirth = normalizeDateInput(dateOfBirthInput);
+  const guardiansAccounts = formData.getAll("guardiansAccounts");
+  const wardAccounts = formData.getAll("wardAccounts");
+
+  const rawData = {
+    id: userId,
+    fullName: fullName,
+    username: username,
+    email: email,
+    roles: roles,
+    dateOfBirth: dateOfBirthInput,
+    guardiansAccounts: guardiansAccounts,
+    wardAccounts: wardAccounts,
+  };
+
+  if (isBlank(fullName) || isBlank(username) || isBlank(email)) {
+    return {
+      success: false,
+      message: "Nome, nome do usuário e email são campos obrigatórios...",
+      inputs: rawData,
+    };
+  }
+
+  if (!dateOfBirth) {
+    return {
+      success: false,
+      message: "Data de nascimento invalida. Use o formato DD/MM/AAAA.",
+      inputs: rawData,
+    };
+  }
+
+  try {
+    const User = await getUserModel();
+    let userFound = await User.findOne({ _id: userId });
+
+    if (userFound) {
+      const existingUser = await User.findOne({
+        username,
+        _id: { $ne: userId },
+      }).select("_id").lean();
+      if (existingUser) {
+        return {
+          success: false,
+          message: `O nome de usuário "${username}" já está em uso. Escolha outro.`,
+          inputs: rawData,
+        };
+      }
+
+      const updateData = {
+        fullName,
+        username,
+        email,
+        dateOfBirth: new Date(`${dateOfBirth}T00:00:00.000Z`),
+      };
+      if (roles.length > 0) {
+        updateData.roles = roles;
+      }
+      userFound = await User.findOneAndUpdate(
+        { _id: userId },
+        updateData,
+        { new: true }
+      );
+
+      // Handle guardians if user is student
+      if (userFound.roles.includes("student")) {
+        const currentGuardians = userFound.guardiansAccounts.map(g => g.toString());
+        const newGuardians = guardiansAccounts;
+
+        const toAdd = newGuardians.filter(g => !currentGuardians.includes(g));
+        const toRemove = currentGuardians.filter(g => !newGuardians.includes(g));
+
+        if (toAdd.length > 0) {
+          await linkWardAndGuardian(toAdd, [userId]);
+        }
+
+        if (toRemove.length > 0) {
+          // Remove from guardians' wardAccounts
+          await User.updateMany(
+            { _id: { $in: toRemove.map(id => new Types.ObjectId(id)) } },
+            { $pull: { wardAccounts: new Types.ObjectId(userId) } }
+          );
+          // Remove from user's guardiansAccounts
+          await User.findOneAndUpdate(
+            { _id: userId },
+            { $pull: { guardiansAccounts: { $in: toRemove.map(id => new Types.ObjectId(id)) } } }
+          );
+        }
+      }
+
+      // Handle wards if user is parent/guardian
+      if (userFound.roles.includes("parent")) {
+        const currentWards = userFound.wardAccounts.map(w => w.toString());
+        const newWards = wardAccounts;
+
+        const toAdd = newWards.filter(w => !currentWards.includes(w));
+        const toRemove = currentWards.filter(w => !newWards.includes(w));
+
+        if (toAdd.length > 0) {
+          await linkWardAndGuardian([userId], toAdd);
+        }
+
+        if (toRemove.length > 0) {
+          // Remove from wards' guardiansAccounts
+          await User.updateMany(
+            { _id: { $in: toRemove.map(id => new Types.ObjectId(id)) } },
+            { $pull: { guardiansAccounts: new Types.ObjectId(userId) } }
+          );
+          // Remove from user's wardAccounts
+          await User.findOneAndUpdate(
+            { _id: userId },
+            { $pull: { wardAccounts: { $in: toRemove.map(id => new Types.ObjectId(id)) } } }
+          );
+        }
+      }
+    } else {
+      return {
+        success: false,
+        message: `Erro ao atualizar o usuário...`,
+        inputs: rawData,
+      };
+    }
+  } catch (err) {
+    if (err.code === 11000 || err.code === 11001) {
+      const field = Object.keys(err.keyPattern || {})[0] || "campo";
+      const value = err.keyValue ? err.keyValue[field] : "";
+      const fieldLabels = { username: "Nome de usuário", email: "Email" };
+      const label = fieldLabels[field] || field;
+      return {
+        success: false,
+        message: `${label} "${value}" já está em uso. Escolha outro.`,
+        inputs: rawData,
+      };
+    }
+    return {
+      success: false,
+      message: `Erro ao atualizar o usuário. Tente novamente.`,
+      inputs: rawData,
+    };
+  }
+  revalidatePath("/admin/dashboard/users");
+  redirect("/admin/dashboard/users");
+}
diff --git a/src/app/lib/utils/auth.js b/src/app/lib/utils/auth.js
new file mode 100644
index 0000000..18624bd
--- /dev/null
+++ b/src/app/lib/utils/auth.js
@@ -0,0 +1,91 @@
+import { getUserModel } from "@/app/models/User";
+import NextAuth from "next-auth";
+import Credentials from "next-auth/providers/credentials";
+import bcrypt from "bcryptjs";
+import { normalizeName } from "@/app/lib/utils/stringUtils";
+
+export const { handlers, auth, signIn, signOut } = NextAuth({
+  trustHost: true,
+  cookies: {
+    sessionToken: {
+      name: process.env.NODE_ENV === 'production' ? '__Secure-next-auth.session-token' : 'next-auth.session-token',
+      options: {
+        httpOnly: true,
+        sameSite: 'lax',
+        path: '/',
+        secure: process.env.NODE_ENV === 'production',
+        domain: process.env.NODE_ENV === 'production' ? '.inglescomideiasvivas.com.br' : undefined,
+      },
+    },
+  },
+  providers: [
+    Credentials({
+      async authorize(credentials) {
+        const username = normalizeName(credentials.username).replace(/\s+/g, "");
+        const password = credentials.password;
+
+        if (!username || !password) {
+          return null;
+        }
+
+        const User = await getUserModel();
+        const user = await User.findOne({
+          username,
+        }).lean();
+
+        if (!user) {
+          console.log("No user found with that username.");
+          return null;
+        }
+        
+        if (!user.passwordHash) {
+          console.log("User found, but no password is set.");
+          return null;
+        }
+
+        const isPasswordValid = await bcrypt.compare(
+          password,
+          user.passwordHash
+        );
+
+        if (isPasswordValid) {
+          return {
+            id: user._id.toString(),
+            name: user.fullName || user.username,
+            email: user.email,
+            roles: user.roles,
+          };
+        } else {
+          console.log("Password validation failed.");
+          return null;
+        }
+      },
+    }),
+  ],
+  session: {
+    strategy: "jwt",
+  },
+  pages: {
+    signIn: "/auth/login",
+  },
+  callbacks: {
+    async jwt({ token, user }) {
+      if (user) {
+        token.id = user.id;
+        token.name = user.name;
+        token.email = user.email;
+        token.roles = user.roles;
+      }
+      return token;
+    },
+    async session({ session, token }) {
+      if (token && session.user) {
+        session.user.id = token.id;
+        session.user.name = token.name;
+        session.user.email = token.email;
+        session.user.roles = token.roles;
+      }
+      return session;
+    },
+  },
+});
\ No newline at end of file
diff --git a/src/app/lib/utils/cn.js b/src/app/lib/utils/cn.js
new file mode 100644
index 0000000..66be4a4
--- /dev/null
+++ b/src/app/lib/utils/cn.js
@@ -0,0 +1,3 @@
+export function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
diff --git a/src/app/lib/utils/dateUtils.js b/src/app/lib/utils/dateUtils.js
new file mode 100644
index 0000000..95fe1ca
--- /dev/null
+++ b/src/app/lib/utils/dateUtils.js
@@ -0,0 +1,93 @@
+const pad2 = (value) => String(value).padStart(2, "0");
+
+const isValidDateParts = (year, month, day) => {
+  const date = new Date(Date.UTC(year, month - 1, day));
+  return (
+    date.getUTCFullYear() === year &&
+    date.getUTCMonth() === month - 1 &&
+    date.getUTCDate() === day
+  );
+};
+
+export function normalizeDateInput(value) {
+  const raw = String(value || "").trim();
+  if (!raw) return "";
+
+  const isoMatch = raw.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (isoMatch) {
+    const year = Number(isoMatch[1]);
+    const month = Number(isoMatch[2]);
+    const day = Number(isoMatch[3]);
+    if (!isValidDateParts(year, month, day)) return "";
+    return `${year}-${pad2(month)}-${pad2(day)}`;
+  }
+
+  const brMatch = raw.match(/^(\d{2})\/(\d{2})\/(\d{4})$/);
+  if (brMatch) {
+    const day = Number(brMatch[1]);
+    const month = Number(brMatch[2]);
+    const year = Number(brMatch[3]);
+    if (!isValidDateParts(year, month, day)) return "";
+    return `${year}-${pad2(month)}-${pad2(day)}`;
+  }
+
+  return "";
+}
+
+export function formatDateToBR(value) {
+  if (!value) return "";
+
+  if (value instanceof Date) {
+    const year = value.getUTCFullYear();
+    const month = value.getUTCMonth() + 1;
+    const day = value.getUTCDate();
+    return `${pad2(day)}/${pad2(month)}/${year}`;
+  }
+
+  // Handle ISO string format (e.g., "2024-05-15T00:00:00.000Z")
+  const isoFullMatch = String(value).match(/^(\d{4})-(\d{2})-(\d{2})/);
+  if (isoFullMatch) {
+    const year = Number(isoFullMatch[1]);
+    const month = Number(isoFullMatch[2]);
+    const day = Number(isoFullMatch[3]);
+    if (isValidDateParts(year, month, day)) {
+      return `${pad2(day)}/${pad2(month)}/${year}`;
+    }
+  }
+
+  const normalized = normalizeDateInput(value);
+  if (!normalized) return "";
+  const [year, month, day] = normalized.split("-");
+  return `${day}/${month}/${year}`;
+}
+
+export function formatTime(seconds) {
+  if (!seconds && seconds !== 0) return "";
+  const mins = Math.floor(seconds / 60);
+  const secs = seconds % 60;
+  return `${mins}:${secs.toString().padStart(2, "0")}`;
+}
+
+export function formatDateBR(value) {
+  if (!value) return "";
+  return formatDateToBR(value);
+}
+
+export function formatDateTimeBR(value) {
+  if (!value) return "";
+  const d = new Date(value);
+  return d.toLocaleDateString("pt-BR", {
+    day: "2-digit",
+    month: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+}
+
+export function maskDateToBR(value) {
+  const digits = String(value || "").replace(/\D/g, "").slice(0, 8);
+  if (digits.length <= 2) return digits;
+  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
+  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
+}
diff --git a/src/app/lib/utils/days.js b/src/app/lib/utils/days.js
new file mode 100644
index 0000000..1685faa
--- /dev/null
+++ b/src/app/lib/utils/days.js
@@ -0,0 +1,9 @@
+export const DAYS = [
+  "Segunda-feira",
+  "Terça-feira",
+  "Quarta-feira",
+  "Quinta-feira",
+  "Sexta-feira",
+  "Sábado",
+  "Domingo",
+];
\ No newline at end of file
diff --git a/src/app/lib/utils/formUtils.js b/src/app/lib/utils/formUtils.js
new file mode 100644
index 0000000..ba502d6
--- /dev/null
+++ b/src/app/lib/utils/formUtils.js
@@ -0,0 +1,5 @@
+function isBlank(value) {
+  return value === null || value.trim() === "";
+}
+
+export { isBlank };
diff --git a/src/app/lib/utils/payments.js b/src/app/lib/utils/payments.js
new file mode 100644
index 0000000..8427171
--- /dev/null
+++ b/src/app/lib/utils/payments.js
@@ -0,0 +1,60 @@
+import { getPaymentModel } from "@/app/models/Payment";
+import { getClassModel } from "@/app/models/Class";
+
+export async function getPaymentStatus(userId, classId) {
+  try {
+    const Payment = await getPaymentModel();
+    const payment = await Payment.findOne({ userId, classId }).sort({ createdAt: -1 }).lean();
+
+    if (!payment) {
+      return { status: "not_paid", amount: null };
+    }
+
+    return {
+      status: payment.status,
+      amount: payment.amount,
+      paymentDate: payment.paymentDate,
+      paymentMethod: payment.paymentMethod,
+    };
+  } catch (error) {
+    console.error("Erro ao buscar status de pagamento:", error);
+    throw new Error("Falha ao buscar status de pagamento.");
+  }
+}
+
+export async function getClassPayments(classId) {
+  try {
+    const Payment = await getPaymentModel();
+    const payments = await Payment.find({ classId })
+      .populate("userId", "fullName")
+      .sort({ createdAt: -1 })
+      .lean();
+
+    return payments;
+  } catch (error) {
+    console.error("Erro ao buscar pagamentos da turma:", error);
+    throw new Error("Falha ao buscar pagamentos da turma.");
+  }
+}
+
+export async function getPaymentStats() {
+  try {
+    const Payment = await getPaymentModel();
+
+    const totalPayments = await Payment.countDocuments();
+    const verifiedPayments = await Payment.countDocuments({ status: "verified" });
+    const pendingPayments = await Payment.countDocuments({ status: "pending" });
+    const rejectedPayments = await Payment.countDocuments({ status: "rejected" });
+
+    return {
+      totalPayments,
+      verifiedPayments,
+      pendingPayments,
+      rejectedPayments,
+      verificationRate: totalPayments > 0 ? Math.round((verifiedPayments / totalPayments) * 100) : 0,
+    };
+  } catch (error) {
+    console.error("Erro ao buscar estatísticas de pagamentos:", error);
+    throw new Error("Falha ao buscar estatísticas de pagamentos.");
+  }
+}
diff --git a/src/app/lib/utils/s3.js b/src/app/lib/utils/s3.js
new file mode 100644
index 0000000..f9db0c6
--- /dev/null
+++ b/src/app/lib/utils/s3.js
@@ -0,0 +1,15 @@
+"use server";
+// This module now uses the hybrid storage system
+// Maintains backward compatibility with existing code
+import { uploadFile, deleteFile } from "./storage";
+
+// Re-export functions with the same names for backward compatibility
+async function uploadToS3(file, folder = "general") {
+  return uploadFile(file, folder);
+}
+
+async function deleteFromS3(url, folder) {
+  return deleteFile(url, folder);
+}
+
+export { uploadToS3, deleteFromS3 };
\ No newline at end of file
diff --git a/src/app/lib/utils/simpleCaptcha.js b/src/app/lib/utils/simpleCaptcha.js
new file mode 100644
index 0000000..ad985bc
--- /dev/null
+++ b/src/app/lib/utils/simpleCaptcha.js
@@ -0,0 +1,69 @@
+import crypto from "crypto";
+
+const CAPTCHA_TTL_MS = 10 * 60 * 1000;
+
+function getCaptchaSecret() {
+  const secret = process.env.NEXTAUTH_SECRET || process.env.AUTH_SECRET;
+  if (secret) {
+    return secret;
+  }
+
+  if (process.env.NODE_ENV === "production") {
+    throw new Error("Captcha secret missing in production");
+  }
+
+  return "dev-captcha-secret";
+}
+
+function signPayload(payload) {
+  return crypto.createHmac("sha256", getCaptchaSecret()).update(payload).digest("hex");
+}
+
+export function issueSimpleCaptcha() {
+  const left = Math.floor(Math.random() * 9) + 1;
+  const right = Math.floor(Math.random() * 9) + 1;
+  const answer = String(left + right);
+  const expiresAt = Date.now() + CAPTCHA_TTL_MS;
+  const payload = `${answer}.${expiresAt}`;
+  const signature = signPayload(payload);
+  const token = Buffer.from(`${payload}.${signature}`).toString("base64url");
+
+  return {
+    question: `Quanto e ${left} + ${right}?`,
+    token,
+  };
+}
+
+export function verifySimpleCaptcha(token, userAnswer) {
+  if (!token || !userAnswer) {
+    return false;
+  }
+
+  try {
+    const decoded = Buffer.from(token, "base64url").toString("utf8");
+    const [expectedAnswer, expiresAt, providedSignature] = decoded.split(".");
+
+    if (!expectedAnswer || !expiresAt || !providedSignature) {
+      return false;
+    }
+
+    const payload = `${expectedAnswer}.${expiresAt}`;
+    const expectedSignature = signPayload(payload);
+    const signaturesMatch = crypto.timingSafeEqual(
+      Buffer.from(providedSignature),
+      Buffer.from(expectedSignature)
+    );
+
+    if (!signaturesMatch) {
+      return false;
+    }
+
+    if (Number(expiresAt) < Date.now()) {
+      return false;
+    }
+
+    return String(userAnswer).trim() === expectedAnswer;
+  } catch {
+    return false;
+  }
+}
diff --git a/src/app/lib/utils/storage.js b/src/app/lib/utils/storage.js
new file mode 100644
index 0000000..785ad0e
--- /dev/null
+++ b/src/app/lib/utils/storage.js
@@ -0,0 +1,200 @@
+"use server";
+import fs from "fs/promises";
+import path from "path";
+import { PutObjectCommand, DeleteObjectCommand } from "@aws-sdk/client-s3";
+import { getS3Client } from "./storage/s3Client";
+import { randomUUID } from "crypto";
+
+const STORAGE_TYPE = process.env.STORAGE_TYPE || "s3";
+const LOCAL_STORAGE_PATH = process.env.LOCAL_STORAGE_PATH || "./storage/uploads";
+const bucketName = process.env.S3_BUCKET || "";
+
+if (!bucketName && STORAGE_TYPE === "s3") {
+  console.warn("[storage] S3_BUCKET não configurado. Uploads S3 vão falhar.");
+}
+
+// Get the project root directory (works in both dev and standalone)
+const getProjectRoot = () => {
+  const cwd = process.cwd();
+
+  // If standalone build, go up from .next/standalone
+  if (cwd.includes('.next') || cwd.includes('standalone')) {
+    // Try going up 2 levels (from .next/standalone to project root)
+    return path.resolve(cwd, '..', '..');
+  }
+
+  // Otherwise use current directory (dev)
+  return cwd;
+};
+
+const getAbsolutePath = () => {
+  const projectRoot = getProjectRoot();
+  return path.resolve(projectRoot, LOCAL_STORAGE_PATH);
+};
+
+// Generate unique filename with UUID
+const generateUniqueFilename = (originalFilename) => {
+  const uuid = randomUUID();
+  const ext = path.extname(originalFilename);
+  const timestamp = Date.now();
+  // Format: UUID-timestamp.ext (e.g., a1b2c3d4-...-1743234567890.png)
+  return `${uuid}-${timestamp}${ext}`;
+};
+
+if (process.env.NODE_ENV === "development") {
+  console.log("Storage Config:", {
+    type: STORAGE_TYPE,
+    localPath: LOCAL_STORAGE_PATH,
+  });
+}
+
+// Ensure local directory exists
+async function ensureLocalDir(dirPath) {
+  try {
+    await fs.mkdir(dirPath, { recursive: true });
+  } catch (error) {
+    if (error.code !== "EEXIST") throw error;
+  }
+}
+
+// Extract filename from URL (for both S3 and local URLs)
+function extractFilenameFromUrl(url) {
+  // Proxy URL: proxy://folder/filename
+  if (url.startsWith("proxy://")) {
+    return url.replace("proxy://", "");
+  }
+  // Legacy local URL: http://localhost:3000/uploads/folder/filename
+  const urlParts = url.split("/uploads/");
+  if (urlParts.length > 1) {
+    return urlParts[1]; // Everything after /uploads/
+  }
+  return null;
+}
+
+// ========== UPLOAD ==========
+async function uploadFile(file, folder = "general") {
+  const filename = generateUniqueFilename(file.name);
+
+  if (STORAGE_TYPE === "local") {
+    return uploadToLocal(file, folder, filename);
+  }
+  return uploadToS3(file, folder, filename);
+}
+
+async function uploadToLocal(file, folder, filename) {
+  try {
+    const arrayBuffer = await file.arrayBuffer();
+    const buffer = Buffer.from(arrayBuffer);
+
+    const relativePath = path.join(folder, filename);
+    const absolutePath = getAbsolutePath();
+    const fullPath = path.join(absolutePath, relativePath);
+
+    await ensureLocalDir(path.dirname(fullPath));
+
+    await fs.writeFile(fullPath, buffer);
+
+    return `proxy://${relativePath}`;
+  } catch (error) {
+    console.error("Local upload error:", error);
+    throw new Error(`Falha ao salvar arquivo localmente: ${error.message}`);
+  }
+}
+
+async function uploadToS3(file, folder, filename) {
+  const arrayBuffer = await file.arrayBuffer();
+  const buffer = Buffer.from(arrayBuffer);
+
+  const key = `${folder}/${filename}`;
+
+  const command = new PutObjectCommand({
+    Bucket: bucketName,
+    Key: key,
+    Body: buffer,
+    ContentType: file.type,
+    // No ACL - bucket is private
+  });
+
+  try {
+    const s3Client = getS3Client();
+    await s3Client.send(command);
+
+    // Return proxy URL instead of direct S3 URL
+    // Format: proxy://key (will be converted to /api/files/key when displaying)
+    return `proxy://${key}`;
+  } catch (error) {
+    console.error("S3 upload error:", error);
+    throw new Error(`Failed to upload to S3: ${error.message}`);
+  }
+}
+
+// ========== DELETE ==========
+async function deleteFile(url, folder) {
+  if (STORAGE_TYPE === "local") {
+    return deleteFromLocal(url);
+  }
+  return deleteFromS3ByUrl(url);
+}
+
+async function deleteFromLocal(url) {
+  try {
+    const key = extractFilenameFromUrl(url);
+    if (!key) {
+      console.warn(`Could not extract key from URL: ${url}`);
+      return false;
+    }
+
+    const absolutePath = getAbsolutePath();
+    const fullPath = path.join(absolutePath, key);
+    await fs.unlink(fullPath);
+    return true;
+  } catch (error) {
+    if (error.code === "ENOENT") {
+      console.warn(`File not found, skipping deletion: ${url}`);
+      return true; // Already deleted
+    }
+    console.error("Local delete error:", error);
+    return false;
+  }
+}
+
+async function deleteFromS3ByUrl(url) {
+  try {
+    // Extract key from URL
+    let key;
+
+    if (url.startsWith("proxy://")) {
+      // New proxy URL: proxy://folder/filename
+      key = url.replace("proxy://", "");
+    } else if (process.env.S3_ENDPOINT) {
+      // MinIO URL: http://localhost:9000/bucket/folder/filename
+      const urlParts = url.split(`/${bucketName}/`);
+      if (urlParts.length > 1) {
+        key = urlParts[1];
+      }
+    } else {
+      // AWS S3 URL: https://bucket.s3.region.amazonaws.com/folder/filename
+      const urlObj = new URL(url);
+      key = urlObj.pathname.substring(1); // Remove leading /
+    }
+
+    if (!key) {
+      console.warn(`Could not extract key from URL: ${url}`);
+      return false;
+    }
+
+    const command = new DeleteObjectCommand({
+      Bucket: bucketName,
+      Key: key,
+    });
+
+    const s3Client = getS3Client();
+    await s3Client.send(command);
+    return true;
+  } catch (error) {
+    console.error("S3 delete error:", error);
+    return false;
+  }
+}
+
+export { uploadFile, deleteFile };
diff --git a/src/app/lib/utils/storage/fileUrl.js b/src/app/lib/utils/storage/fileUrl.js
new file mode 100644
index 0000000..9a92801
--- /dev/null
+++ b/src/app/lib/utils/storage/fileUrl.js
@@ -0,0 +1,63 @@
+/**
+ * Converte URLs de armazenamento para URLs de exibição
+ *
+ * Armazenado no BD: proxy://iciv/ClassTypes/file.pdf
+ * Exibido no front: /api/files/iciv/ClassTypes/file.pdf
+ *
+ * Suporta URLs legadas também:
+ * - http://localhost:9000/bucket/... (MinIO)
+ * - https://bucket.s3.amazonaws.com/... (AWS S3)
+ * - /uploads/... (local público legado)
+ */
+
+const BUCKET_NAME = process.env.S3_BUCKET || "course-plat";
+
+export function getFileUrl(url) {
+  if (!url) return null;
+
+  // Proxy URL - converte para API route
+  if (url.startsWith("proxy://")) {
+    return url.replace("proxy://", "/api/files/");
+  }
+
+  // URLs antigas do MinIO/S3 - extrair caminho e converter para proxy
+  // MinIO: http://localhost:9000/bucket/folder/file.pdf
+  // AWS S3: https://bucket.s3.region.amazonaws.com/folder/file.pdf
+  if (url.includes("/" + BUCKET_NAME + "/")) {
+    // Extrai o caminho depois do bucket
+    const parts = url.split("/" + BUCKET_NAME + "/");
+    if (parts.length > 1) {
+      const path = parts[1];
+      return "/api/files/" + path;
+    }
+  }
+
+  // Local público legado: /uploads/folder/file.pdf
+  if (url.startsWith("/uploads/")) {
+    return "/api/files/" + url.replace("/uploads/", "");
+  }
+
+  // Já é uma URL válida (deve ser do proxy)
+  return url;
+}
+
+/**
+ * Converte array de objetos com URLs de arquivo
+ * Útil para listas que vêm do MongoDB
+ */
+export function normalizeFileUrls(items, urlField = "url") {
+  if (!items) return items;
+
+  if (Array.isArray(items)) {
+    return items.map(item => ({
+      ...item,
+      [urlField]: getFileUrl(item[urlField])
+    }));
+  }
+
+  // Single object
+  return {
+    ...items,
+    [urlField]: getFileUrl(items[urlField])
+  };
+}
diff --git a/src/app/lib/utils/storage/s3Client.js b/src/app/lib/utils/storage/s3Client.js
new file mode 100644
index 0000000..62dc86a
--- /dev/null
+++ b/src/app/lib/utils/storage/s3Client.js
@@ -0,0 +1,19 @@
+import { S3Client } from "@aws-sdk/client-s3";
+
+let s3Client = null;
+
+export function getS3Client() {
+  if (s3Client) return s3Client;
+
+  s3Client = new S3Client({
+    region: process.env.S3_REGION || "us-east-1",
+    endpoint: process.env.S3_ENDPOINT,
+    credentials: {
+      accessKeyId: process.env.S3_ACCESS_KEY,
+      secretAccessKey: process.env.S3_SECRET_KEY,
+    },
+    forcePathStyle: !!process.env.S3_ENDPOINT,
+  });
+
+  return s3Client;
+}
diff --git a/src/app/lib/utils/stringUtils.js b/src/app/lib/utils/stringUtils.js
new file mode 100644
index 0000000..3c56e02
--- /dev/null
+++ b/src/app/lib/utils/stringUtils.js
@@ -0,0 +1,40 @@
+export function normalizeName(value) {
+  if (!value || typeof value !== "string") return "";
+  return value
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .toLowerCase()
+    .replace(/\s+/g, " ")
+    .trim();
+}
+
+export function sanitizeUsername(value) {
+  if (!value || typeof value !== "string") return "";
+  return value
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .toLowerCase()
+    .replace(/[^a-z0-9_]/g, "");
+}
+
+export function sanitizeFullName(value) {
+  if (!value || typeof value !== "string") return "";
+  return value
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .toLowerCase()
+    .replace(/[^a-z\s]/g, "")
+    .replace(/\s+/g, " ");
+}
+
+export function hasInvalidFullNameChars(value) {
+  if (!value || typeof value !== "string") return false;
+  const noAccents = value.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  return /[^a-zA-Z\s]/.test(noAccents);
+}
+
+export function hasInvalidUsernameChars(value) {
+  if (!value || typeof value !== "string") return false;
+  const noAccents = value.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  return /[^a-zA-Z0-9_]/.test(noAccents);
+}
diff --git a/src/app/models/AffiliateProduct.js b/src/app/models/AffiliateProduct.js
new file mode 100644
index 0000000..cb3a6a7
--- /dev/null
+++ b/src/app/models/AffiliateProduct.js
@@ -0,0 +1,52 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const AffiliateProductSchema = new mongoose.Schema({
+  title: {
+    type: String,
+    required: [true, "Por favor, forneça um título para este produto."],
+    trim: true,
+  },
+  description: {
+    type: String,
+  },
+  imageUrl: {
+    type: String,
+  },
+  affiliateUrl: {
+    type: String,
+    required: [true, "Por favor, forneça o link de afiliado para este produto."],
+    trim: true,
+  },
+  price: {
+    type: Number,
+  },
+  category: {
+    type: String,
+  },
+  classTypes: [{ type: mongoose.Schema.Types.ObjectId, ref: "ClassType" }],
+  classes: [{ type: mongoose.Schema.Types.ObjectId, ref: "Class" }],
+  active: {
+    type: Boolean,
+    default: true,
+  },
+  createdAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+});
+
+AffiliateProductSchema.pre("save", function (next) {
+  this.modifiedAt = Date.now();
+  next();
+});
+
+const getAffiliateProductModel = async () => {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["AffiliateProduct"];
+  }
+  return (
+    mongoose.models.AffiliateProduct || mongoose.model("AffiliateProduct", AffiliateProductSchema)
+  );
+};
+
+export { AffiliateProductSchema, getAffiliateProductModel };
diff --git a/src/app/models/Category.js b/src/app/models/Category.js
new file mode 100644
index 0000000..a08f6e0
--- /dev/null
+++ b/src/app/models/Category.js
@@ -0,0 +1,27 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const CategorySchema = new mongoose.Schema({
+  name: { type: String, required: true, unique: true },
+  description: { type: String },
+  colorIndex: { type: Number, default: 0 }, // Index for predefined color palette
+  createdAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+});
+
+CategorySchema.pre("save", function (next) {
+  this.modifiedAt = Date.now();
+  next();
+});
+
+const getCategoryModel = async () => {
+  await connectDB();
+  
+  if (!mongoose.models.Category) {
+    mongoose.model("Category", CategorySchema);
+  }
+  
+  return mongoose.models.Category;
+};
+
+export { CategorySchema, getCategoryModel };
\ No newline at end of file
diff --git a/src/app/models/Class.js b/src/app/models/Class.js
new file mode 100644
index 0000000..e2e7718
--- /dev/null
+++ b/src/app/models/Class.js
@@ -0,0 +1,106 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+import {DAYS} from "@/app/lib/utils/days";
+import { getFileModel } from "./FilesSchema";
+
+const ScheduleSchema = new mongoose.Schema(
+  {
+    days: {
+      type: [String],
+      enum: DAYS,
+      validate: {
+        validator: (arr) => Array.isArray(arr) && arr.length > 0,
+        message: "Selecione ao menos um dia da semana.",
+      },
+    },
+    time: {
+      type: String,
+      required: [true, "Please provide a time."],
+    },
+  },
+  { _id: false }
+);
+
+const ClassSchema = new mongoose.Schema(
+  {
+    classTitle: {
+      type: String,
+      required: [true, "Favor adicionar um título."],
+    },
+    classType: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "ClassType",
+      required: [true, "Selecione um tipo de classe."],
+      index: true,
+    },
+    teachers: [
+      {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: "User",
+        required: [true, "Favor selecionar professor."],
+        index: true,
+      },
+    ],
+    students: [
+      {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: "User",
+        index: true,
+      },
+    ],
+    startDate: {
+      type: Date,
+      required: [true, "Please provide a start date."],
+    },
+    endDate: {
+      type: Date,
+      validate: {
+        validator: function (val) {
+          if (!val) return true;
+          if (!this.startDate) return true;
+          return val >= this.startDate;
+        },
+        message: "Data de término não pode ser anterior à data de início.",
+      },
+    },
+    schedule: {
+      type: ScheduleSchema,
+      required: true,
+    },
+    files: [
+      {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: "File",
+      },
+    ],
+    status: {
+      type: String,
+      enum: ["active", "archived"],
+      default: "active",
+      index: true,
+    },
+    price: {
+      type: Number,
+      required: true
+    },
+      link : {
+        type: String,
+      }
+  },
+  {
+    timestamps: { createdAt: "createdAt", updatedAt: "modifiedAt" },
+  }
+);
+
+ClassSchema.index({ classType: 1, status: 1 });
+ClassSchema.index({ teacher: 1, status: 1 });
+
+export async function getClassModel() {
+  await connectDB();
+  // Ensure File model is registered before Class (due to ref)
+  await getFileModel();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["Class"];
+  }
+  return mongoose.models.Class || mongoose.model("Class", ClassSchema);
+}
diff --git a/src/app/models/ClassType.js b/src/app/models/ClassType.js
new file mode 100644
index 0000000..603d766
--- /dev/null
+++ b/src/app/models/ClassType.js
@@ -0,0 +1,40 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+import { getFileModel } from "./FilesSchema";
+
+const ClassTypeSchema = new mongoose.Schema({
+  title: {
+    type: String,
+    required: [true, "Por favor, forneça um título para esse tipo de classe."],
+    trim: true,
+  },
+  description: {
+    type: String,
+  },
+  ageRange: {
+    type: String,
+  },
+  price: Number,
+  files: [{ type: mongoose.Schema.Types.ObjectId, ref: "File" }],
+  createdAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+});
+
+ClassTypeSchema.pre("save", function (next) {
+  this.modifiedAt = Date.now();
+  next();
+});
+
+const getClassTypeModel = async () => {
+  await connectDB();
+  // Ensure File model is registered before ClassType (due to ref)
+  await getFileModel();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["ClassType"];
+  }
+  return (
+    mongoose.models.ClassType || mongoose.model("ClassType", ClassTypeSchema)
+  );
+};
+
+export { ClassTypeSchema, getClassTypeModel };
diff --git a/src/app/models/ContactMessage.js b/src/app/models/ContactMessage.js
new file mode 100644
index 0000000..1d2abf4
--- /dev/null
+++ b/src/app/models/ContactMessage.js
@@ -0,0 +1,61 @@
+import mongoose from "mongoose";
+import connectDB from "../config/mongodb";
+
+const ContactMessageSchema = new mongoose.Schema({
+  name: {
+    type: String,
+    required: [true, "Por favor, forneça seu nome."],
+    trim: true,
+  },
+  email: {
+    type: String,
+    required: [true, "Por favor, forneça seu email."],
+    trim: true,
+    lowercase: true,
+  },
+  phone: {
+    type: String,
+    trim: true,
+    default: "",
+  },
+  subject: {
+    type: String,
+    required: [true, "Por favor, forneça o assunto."],
+    trim: true,
+  },
+  message: {
+    type: String,
+    required: [true, "Por favor, escreva sua mensagem."],
+    trim: true,
+  },
+  preferredContact: {
+    type: String,
+    enum: ["email", "whatsapp", "phone"],
+    default: "email",
+  },
+  status: {
+    type: String,
+    enum: ["new", "read", "replied"],
+    default: "new",
+  },
+  adminNotes: {
+    type: String,
+    trim: true,
+    default: "",
+  },
+  repliedAt: {
+    type: Date,
+    default: null,
+  },
+  createdAt: {
+    type: Date,
+    default: Date.now,
+  },
+});
+
+const getContactMessageModel = async () => {
+  await connectDB();
+  return mongoose.models.ContactMessage || mongoose.model("ContactMessage", ContactMessageSchema);
+};
+
+export { ContactMessageSchema, getContactMessageModel };
diff --git a/src/app/models/ExamAssignment.js b/src/app/models/ExamAssignment.js
new file mode 100644
index 0000000..9c6082f
--- /dev/null
+++ b/src/app/models/ExamAssignment.js
@@ -0,0 +1,170 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const ExamAssignmentSchema = new mongoose.Schema(
+  {
+    examTemplateId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "ExamTemplate",
+      required: [true, "O template da prova é obrigatório"],
+      index: true,
+    },
+    classId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "Class",
+      required: [true, "A turma é obrigatória"],
+      index: true,
+    },
+    assignedBy: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: [true, "Quem atribuiu é obrigatório"],
+      index: true,
+    },
+    title: {
+      type: String,
+      trim: true,
+    },
+    description: {
+      type: String,
+      trim: true,
+    },
+    instructions: {
+      type: String,
+      trim: true,
+    },
+    // Override template settings if needed
+    timeLimit: {
+      type: Number,
+      min: [0, "O limite de tempo não pode ser negativo"],
+    },
+    allowRetakes: {
+      type: Boolean,
+      default: false,
+    },
+    maxAttempts: {
+      type: Number,
+      default: 1,
+      min: [1, "O número máximo de tentativas deve ser pelo menos 1"],
+    },
+    showResultsAfterGrading: {
+      type: Boolean,
+      default: true,
+    },
+    startDate: {
+      type: Date,
+      required: [true, "A data de início é obrigatória"],
+      index: true,
+    },
+    endDate: {
+      type: Date,
+      required: [true, "A data de término é obrigatória"],
+      index: true,
+    },
+    status: {
+      type: String,
+      enum: ["active", "archived"],
+      default: "active",
+      index: true,
+    },
+    // Cached from template for performance
+    totalPoints: {
+      type: Number,
+      default: 0,
+    },
+    questionCount: {
+      type: Number,
+      default: 0,
+    },
+    // Custom questions that override template questions
+    // If provided, these are used instead of template questions
+    customQuestions: [
+      {
+        questionText: {
+          type: String,
+          required: [true, "O texto da questão é obrigatório"],
+          trim: true,
+        },
+        questionType: {
+          type: String,
+          enum: ["multiple_choice", "text"],
+          required: [true, "O tipo da questão é obrigatório"],
+        },
+        options: [
+          {
+            optionText: {
+              type: String,
+              trim: true,
+            },
+            isCorrect: {
+              type: Boolean,
+              default: false,
+            },
+          },
+        ],
+        points: {
+          type: Number,
+          default: 1,
+          min: [0, "Pontos não podem ser negativos"],
+        },
+        order: {
+          type: Number,
+          default: 0,
+        },
+      },
+    ],
+    // Flag to indicate if custom questions are being used
+    useCustomQuestions: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  {
+    timestamps: { createdAt: "createdAt", modifiedAt: "modifiedAt" },
+  }
+);
+
+// Indexes for performance
+ExamAssignmentSchema.index({ classId: 1, status: 1 });
+ExamAssignmentSchema.index({ assignedBy: 1, status: 1 });
+ExamAssignmentSchema.index({ startDate: 1, endDate: 1 });
+// Removed duplicate index: examTemplateId already has index: true in schema definition
+
+// Pre-save hook to cache template data
+ExamAssignmentSchema.pre("save", async function (next) {
+  if (this.isNew || this.isModified("examTemplateId")) {
+    try {
+      const { getExamTemplateModel } = await import("@/app/models/ExamTemplate");
+      const ExamTemplate = await getExamTemplateModel();
+      const template = await ExamTemplate.findById(this.examTemplateId).lean();
+      if (template) {
+        // If using custom questions, calculate from them
+        if (this.useCustomQuestions && this.customQuestions?.length > 0) {
+          this.totalPoints = this.customQuestions.reduce((sum, q) => sum + (q.points || 0), 0);
+          this.questionCount = this.customQuestions.length;
+        } else {
+          this.totalPoints = template.totalPoints || 0;
+          this.questionCount = template.questions?.length || 0;
+        }
+      }
+    } catch (error) {
+      console.error("Error caching template data:", error);
+    }
+  }
+  
+  // Recalculate totals if custom questions are modified
+  if (this.isModified("customQuestions") && this.useCustomQuestions) {
+    this.totalPoints = this.customQuestions?.reduce((sum, q) => sum + (q.points || 0), 0) || 0;
+    this.questionCount = this.customQuestions?.length || 0;
+  }
+  
+  next();
+});
+
+export async function getExamAssignmentModel() {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["ExamAssignment"];
+  }
+  return mongoose.models.ExamAssignment || mongoose.model("ExamAssignment", ExamAssignmentSchema);
+}
diff --git a/src/app/models/ExamAttempt.js b/src/app/models/ExamAttempt.js
new file mode 100644
index 0000000..d5e60c7
--- /dev/null
+++ b/src/app/models/ExamAttempt.js
@@ -0,0 +1,158 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const AnswerSchema = new mongoose.Schema(
+  {
+    questionId: {
+      type: mongoose.Schema.Types.ObjectId,
+      required: true,
+    },
+    selectedOptionId: {
+      type: mongoose.Schema.Types.ObjectId,
+    },
+    textAnswer: {
+      type: String,
+      trim: true,
+    },
+    isCorrect: {
+      type: Boolean,
+      default: null,
+    },
+    pointsEarned: {
+      type: Number,
+      default: 0,
+      min: 0,
+    },
+    teacherFeedback: {
+      type: String,
+      trim: true,
+    },
+    gradedBy: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+    },
+    gradedAt: {
+      type: Date,
+    },
+  },
+  { _id: true }
+);
+
+const ExamAttemptSchema = new mongoose.Schema(
+  {
+    assignmentId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "ExamAssignment",
+      index: true,
+    },
+    examTemplateId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "ExamTemplate",
+      index: true,
+    },
+    studentId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: [true, "O aluno é obrigatório"],
+      index: true,
+    },
+    classId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "Class",
+      required: [true, "A turma é obrigatória"],
+      index: true,
+    },
+    // Version field for optimistic locking (prevents race conditions)
+    version: {
+      type: Number,
+      default: 0,
+      required: true,
+    },
+    answers: [AnswerSchema],
+    attemptNumber: {
+      type: Number,
+      default: 1,
+      min: 1,
+    },
+    startedAt: {
+      type: Date,
+      required: [true, "A data de início é obrigatória"],
+    },
+    submittedAt: {
+      type: Date,
+    },
+    timeSpent: {
+      type: Number,
+      default: 0,
+      min: 0,
+    },
+    score: {
+      type: Number,
+      default: 0,
+      min: 0,
+    },
+    percentage: {
+      type: Number,
+      default: 0,
+      min: 0,
+      max: 100,
+    },
+    gradingStatus: {
+      type: String,
+      enum: ["pending", "auto_graded", "partially_graded", "fully_graded"],
+      default: "pending",
+      index: true,
+    },
+    autoGraded: {
+      type: Boolean,
+      default: false,
+    },
+    status: {
+      type: String,
+      enum: ["in_progress", "submitted", "graded", "reviewed"],
+      default: "in_progress",
+      index: true,
+    },
+    teacherNotes: {
+      type: String,
+      trim: true,
+    },
+    totalPoints: {
+      type: Number,
+      default: 0,
+      min: 0,
+    },
+  },
+  {
+    timestamps: { createdAt: "createdAt", modifiedAt: "modifiedAt" },
+  }
+);
+
+// Indexes for performance
+ExamAttemptSchema.index({ assignmentId: 1, studentId: 1 });
+ExamAttemptSchema.index({ examTemplateId: 1, studentId: 1 });
+ExamAttemptSchema.index({ classId: 1, status: 1 });
+ExamAttemptSchema.index({ submittedAt: -1 });
+// Index for version field (optimistic locking queries)
+ExamAttemptSchema.index({ _id: 1, version: 1 });
+
+// Pre-save hook to calculate percentage and increment version
+ExamAttemptSchema.pre("save", function (next) {
+  // Calculate percentage
+  if (this.score !== undefined && this.totalPoints !== undefined && this.totalPoints > 0) {
+    this.percentage = Math.round((this.score / this.totalPoints) * 100);
+  }
+  // Increment version on each save (for optimistic locking)
+  if (!this.isNew) {
+    this.version += 1;
+  }
+  next();
+});
+
+export async function getExamAttemptModel() {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["ExamAttempt"];
+  }
+  return mongoose.models.ExamAttempt || mongoose.model("ExamAttempt", ExamAttemptSchema);
+}
diff --git a/src/app/models/ExamTemplate.js b/src/app/models/ExamTemplate.js
new file mode 100644
index 0000000..04342a2
--- /dev/null
+++ b/src/app/models/ExamTemplate.js
@@ -0,0 +1,115 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const QuestionSchema = new mongoose.Schema(
+  {
+    questionText: {
+      type: String,
+      required: [true, "O texto da questão é obrigatório"],
+      trim: true,
+    },
+    questionType: {
+      type: String,
+      enum: ["multiple_choice", "text"],
+      required: [true, "O tipo da questão é obrigatório"],
+    },
+    options: [
+      {
+        optionText: {
+          type: String,
+          trim: true,
+        },
+        isCorrect: {
+          type: Boolean,
+          default: false,
+        },
+      },
+    ],
+    points: {
+      type: Number,
+      default: 1,
+      min: [0, "Pontos não podem ser negativos"],
+    },
+    order: {
+      type: Number,
+      default: 0,
+    },
+  },
+  { _id: true }
+);
+
+const ExamTemplateSchema = new mongoose.Schema(
+  {
+    title: {
+      type: String,
+      required: [true, "O título é obrigatório"],
+      trim: true,
+    },
+    description: {
+      type: String,
+      trim: true,
+    },
+    instructions: {
+      type: String,
+      trim: true,
+    },
+    questions: [QuestionSchema],
+    totalPoints: {
+      type: Number,
+      default: 0,
+    },
+    timeLimit: {
+      type: Number,
+      min: [0, "O limite de tempo não pode ser negativo"],
+    },
+    category: {
+      type: String,
+      trim: true,
+    },
+    tags: [{
+      type: String,
+      trim: true,
+    }],
+    createdBy: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: [true, "O criador é obrigatório"],
+      index: true,
+    },
+    isPublic: {
+      type: Boolean,
+      default: false,
+    },
+    usageCount: {
+      type: Number,
+      default: 0,
+    },
+  },
+  {
+    timestamps: { createdAt: "createdAt", modifiedAt: "modifiedAt" },
+  }
+);
+
+// Indexes
+ExamTemplateSchema.index({ createdBy: 1, createdAt: -1 });
+ExamTemplateSchema.index({ category: 1 });
+ExamTemplateSchema.index({ tags: 1 });
+ExamTemplateSchema.index({ isPublic: 1, createdAt: -1 });
+
+// Pre-save hook to calculate totalPoints
+ExamTemplateSchema.pre("save", function (next) {
+  if (this.questions && this.questions.length > 0) {
+    this.totalPoints = this.questions.reduce((sum, q) => sum + (q.points || 0), 0);
+  } else {
+    this.totalPoints = 0;
+  }
+  next();
+});
+
+export async function getExamTemplateModel() {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["ExamTemplate"];
+  }
+  return mongoose.models.ExamTemplate || mongoose.model("ExamTemplate", ExamTemplateSchema);
+}
diff --git a/src/app/models/FilesSchema.js b/src/app/models/FilesSchema.js
new file mode 100644
index 0000000..4b50db6
--- /dev/null
+++ b/src/app/models/FilesSchema.js
@@ -0,0 +1,48 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+import { getCategoryModel } from "@/app/models/Category";
+
+const FileSchema = new mongoose.Schema({
+  title: { type: String, required: true },
+  mimetype: { type: String },
+  url: { type: String, required: true },
+  size: { type: Number },
+  relatedToId: { type: mongoose.Schema.Types.ObjectId, required: false },
+  relatedToType: {
+    type: String,
+    enum: ["class", "classTypes", "loose", "payment", "product", "lesson"],
+    required: false,
+  },
+
+  uploadedBy: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+    required: false,
+  },
+
+  description: { type: String },
+  category: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Category",
+    required: false,
+  },
+  uploadedAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+}, {
+  collection: 'files'
+});
+
+FileSchema.pre("save", function (next) {
+  this.modifiedAt = Date.now();
+  next();
+});
+
+const getFileModel = async () => {
+  await connectDB();
+  // Ensure Category model is registered before File model
+  await getCategoryModel();
+  // Use existing model or create new one (prevents OverwriteModelError)
+  return mongoose.models.File || mongoose.model("File", FileSchema);
+};
+
+export { FileSchema, getFileModel };
diff --git a/src/app/models/Lesson.js b/src/app/models/Lesson.js
new file mode 100644
index 0000000..92c1495
--- /dev/null
+++ b/src/app/models/Lesson.js
@@ -0,0 +1,73 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const AttendanceSchema = new mongoose.Schema(
+  {
+    studentId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: true,
+    },
+    status: {
+      type: String,
+      enum: ["present", "absent", "late", "excused"],
+      required: true,
+    },
+  },
+  { _id: false }
+);
+
+const LessonSchema = new mongoose.Schema(
+  {
+    classId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "Class",
+      required: [true, "Classe é obrigatória"],
+      index: true,
+    },
+    teacherId: {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      required: [true, "Professor é obrigatório"],
+      index: true,
+    },
+    date: {
+      type: Date,
+      required: [true, "Data da aula é obrigatória"],
+    },
+    topic: {
+      type: String,
+      required: [true, "Tópico é obrigatório"],
+      trim: true,
+    },
+    notes: {
+      type: String,
+      trim: true,
+    },
+    links: {
+      type: [String],
+      default: [],
+    },
+    files: {
+      type: [mongoose.Schema.Types.ObjectId],
+      ref: "File",
+      default: [],
+    },
+    attendance: [AttendanceSchema],
+  },
+  {
+    timestamps: { createdAt: "createdAt", updatedAt: "updatedAt" },
+  }
+);
+
+// Índices para performance
+LessonSchema.index({ classId: 1, date: -1 });
+LessonSchema.index({ teacherId: 1, date: -1 });
+
+export async function getLessonModel() {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["Lesson"];
+  }
+  return mongoose.models.Lesson || mongoose.model("Lesson", LessonSchema);
+}
diff --git a/src/app/models/Order.js b/src/app/models/Order.js
new file mode 100644
index 0000000..357b6d3
--- /dev/null
+++ b/src/app/models/Order.js
@@ -0,0 +1,77 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const OrderSchema = new mongoose.Schema({
+  userId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+    required: [true, "Usuário é obrigatório"],
+    index: true,
+  },
+  productId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Product",
+    required: [true, "Produto é obrigatório"],
+    index: true,
+  },
+  amount: {
+    type: Number,
+    required: [true, "Valor é obrigatório"],
+    min: [0, "Valor deve ser positivo"],
+  },
+  status: {
+    type: String,
+    enum: ["pending", "pending_verification", "approved", "rejected", "cancelled"],
+    default: "pending",
+    index: true,
+  },
+  paymentMethod: {
+    type: String,
+    enum: ["pix", "bank_transfer", "cash", "credit_card", "debit_card", "free"],
+  },
+  receiptUrl: {
+    type: String,
+  },
+  paymentDate: {
+    type: Date,
+  },
+  notes: {
+    type: String,
+    maxlength: 500,
+  },
+  rejectionReason: {
+    type: String,
+    maxlength: 500,
+  },
+  payerName: {
+    type: String,
+    maxlength: 100,
+  },
+  approvedBy: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+  },
+  approvedAt: {
+    type: Date,
+  },
+  createdAt: { type: Date, default: Date.now },
+  updatedAt: { type: Date, default: Date.now },
+});
+
+OrderSchema.index({ userId: 1, status: 1 });
+OrderSchema.index({ status: 1, createdAt: -1 });
+
+OrderSchema.pre("save", function (next) {
+  this.updatedAt = Date.now();
+  next();
+});
+
+const getOrderModel = async () => {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["Order"];
+  }
+  return mongoose.models.Order || mongoose.model("Order", OrderSchema);
+};
+
+export { OrderSchema, getOrderModel };
diff --git a/src/app/models/PasswordResetToken.js b/src/app/models/PasswordResetToken.js
new file mode 100644
index 0000000..8fabab3
--- /dev/null
+++ b/src/app/models/PasswordResetToken.js
@@ -0,0 +1,41 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const PasswordResetTokenSchema = new mongoose.Schema({
+  userId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+    required: true,
+  },
+  token: {
+    type: String,
+    required: true,
+    unique: true,
+  },
+  expiresAt: {
+    type: Date,
+    required: true,
+  },
+  usedAt: {
+    type: Date,
+    default: null,
+  },
+  createdAt: {
+    type: Date,
+    default: Date.now,
+  },
+});
+
+PasswordResetTokenSchema.index({ expiresAt: 1 }, { expireAfterSeconds: 0 });
+
+const getPasswordResetTokenModel = async () => {
+  await connectDB();
+
+  if (!mongoose.models.PasswordResetToken) {
+    mongoose.model("PasswordResetToken", PasswordResetTokenSchema);
+  }
+
+  return mongoose.models.PasswordResetToken;
+};
+
+export { PasswordResetTokenSchema, getPasswordResetTokenModel };
diff --git a/src/app/models/Payment.js b/src/app/models/Payment.js
new file mode 100644
index 0000000..28475a9
--- /dev/null
+++ b/src/app/models/Payment.js
@@ -0,0 +1,102 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const PaymentSchema = new mongoose.Schema({
+  classId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Class",
+    required: [true, "Class is required"],
+    index: true,
+  },
+  userId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+    required: [true, "User is required"],
+    index: true,
+  },
+  // Type: obligation (created by admin) or payment (made by user)
+  type: {
+    type: String,
+    enum: ["obligation", "payment"],
+    required: [true, "Payment type is required"],
+    index: true,
+  },
+  amount: {
+    type: Number,
+    required: [true, "Amount is required"],
+    min: [0, "Amount must be positive"],
+  },
+  // For obligations: when it's due
+  dueDate: {
+    type: Date,
+  },
+  // For payments: when it was paid
+  paymentDate: {
+    type: Date,
+  },
+  paymentMethod: {
+    type: String,
+    enum: ["pix", "bank_transfer", "cash", "credit_card", "debit_card"],
+  },
+  // Status for obligations: pending (not paid yet)
+  // Status for payments: pending_verification (awaiting admin), verified (approved), rejected (rejected)
+  status: {
+    type: String,
+    enum: ["pending", "pending_verification", "verified", "rejected"],
+    default: "pending",
+    index: true,
+  },
+  receiptUrl: {
+    type: String,
+  },
+  description: {
+    type: String,
+    maxlength: 200,
+  },
+  notes: {
+    type: String,
+    maxlength: 500,
+  },
+  // Name of the person who made the payment (if different from the student)
+  payerName: {
+    type: String,
+    maxlength: 100,
+  },
+  rejectionReason: {
+    type: String,
+    maxlength: 500,
+  },
+  relatedObligationId: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Payment",
+  },
+  createdBy: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+  },
+  createdAt: { type: Date, default: Date.now },
+  updatedAt: { type: Date, default: Date.now },
+});
+
+// Compound indexes for efficient queries
+PaymentSchema.index({ classId: 1, userId: 1 });
+PaymentSchema.index({ classId: 1, status: 1 });
+PaymentSchema.index({ userId: 1, status: 1 });
+PaymentSchema.index({ type: 1, status: 1 });
+// Index to prevent duplicate payments for the same obligation
+PaymentSchema.index({ relatedObligationId: 1, type: 1, status: 1 });
+
+PaymentSchema.pre("save", function(next) {
+  this.updatedAt = Date.now();
+  next();
+});
+
+const getPaymentModel = async () => {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["Payment"];
+  }
+  return mongoose.models.Payment || mongoose.model("Payment", PaymentSchema);
+};
+
+export { PaymentSchema, getPaymentModel };
diff --git a/src/app/models/Product.js b/src/app/models/Product.js
new file mode 100644
index 0000000..e907248
--- /dev/null
+++ b/src/app/models/Product.js
@@ -0,0 +1,71 @@
+import mongoose from "mongoose";
+import connectDB from "@/app/config/mongodb";
+
+const ProductSchema = new mongoose.Schema({
+  title: {
+    type: String,
+    required: [true, "Por favor, forneça um título para o produto."],
+    trim: true,
+  },
+  description: {
+    type: String,
+  },
+  imageUrl: {
+    type: String,
+  },
+  price: {
+    type: Number,
+    min: [0, "O preço deve ser positivo."],
+  },
+  saleType: {
+    type: String,
+    enum: ["direct", "affiliate"],
+    default: "direct",
+  },
+  affiliateUrl: {
+    type: String,
+    trim: true,
+  },
+  type: {
+    type: String,
+    enum: ["digital", "physical", "course_access"],
+    default: "digital",
+  },
+  files: [{ type: mongoose.Schema.Types.ObjectId, ref: "File" }],
+  relatedClassType: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "ClassType",
+  },
+  relatedClass: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Class",
+  },
+  stock: {
+    type: Number,
+    default: null,
+  },
+  active: {
+    type: Boolean,
+    default: true,
+  },
+  createdAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+});
+
+ProductSchema.index({ active: 1 });
+ProductSchema.index({ type: 1 });
+
+ProductSchema.pre("save", function (next) {
+  this.modifiedAt = Date.now();
+  next();
+});
+
+const getProductModel = async () => {
+  await connectDB();
+  if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["Product"];
+  }
+  return mongoose.models.Product || mongoose.model("Product", ProductSchema);
+};
+
+export { ProductSchema, getProductModel };
diff --git a/src/app/models/User.js b/src/app/models/User.js
new file mode 100644
index 0000000..b5cc9c6
--- /dev/null
+++ b/src/app/models/User.js
@@ -0,0 +1,73 @@
+import mongoose from "mongoose";
+import connectDB from "../config/mongodb";
+
+const UserSchema = new mongoose.Schema({
+  username: {
+    type: String,
+    required: [true, "Por favor, forneça um nome de usuário."],
+    unique: true,
+    trim: true,
+    lowercase: true,
+    validate: {
+      validator: function(v) {
+        return !/\s/.test(v);
+      },
+      message: "Nome de usuário não pode conter espaços."
+    }
+  },
+  passwordHash: {
+    type: String,
+    required: [true, "Por favor, forneça uma senha."],
+    minlength: 6,
+  },
+  email: {
+    type: String,
+    trim: true,
+    lowercase: true,
+  },
+  fullName: {
+    type: String,
+    required: [true, "Por favor, forneça seu nome completo."],
+    trim: true,
+  },
+  dateOfBirth: {
+    type: Date,
+    required: [true, "Por favor, forneça sua data de nascimento."],
+  },
+  roles: {
+    type: [String],
+    enum: ["student", "parent", "guardian", "teacher", "admin"],
+    required: true,
+    default: ["student"],
+  },
+  guardiansAccounts: [
+    {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+      default: [],
+    },
+  ],
+  wardAccounts: [
+    {
+      type: mongoose.Schema.Types.ObjectId,
+      ref: "User",
+    },
+  ],
+  createdAt: { type: Date, default: Date.now },
+  modifiedAt: { type: Date, default: Date.now },
+});
+
+UserSchema.pre('save', function(next) {
+  this.modifiedAt = Date.now();
+  next();
+});
+
+const getUserModel = async () => {
+  await connectDB();
+  /*if (process.env.NODE_ENV === "development") {
+    delete mongoose.connection.models["User"];
+  }*/
+  return mongoose.models.User || mongoose.model("User", UserSchema);
+};
+
+export { UserSchema, getUserModel };
diff --git a/src/app/page.jsx b/src/app/page.jsx
new file mode 100644
index 0000000..373c7fc
--- /dev/null
+++ b/src/app/page.jsx
@@ -0,0 +1,318 @@
+import Link from "next/link";
+import Image from "next/image";
+import { redirect } from "next/navigation";
+import { auth } from "@/auth";
+import {
+  AcademicCapIcon,
+  BeakerIcon,
+  SparklesIcon,
+  EnvelopeIcon,
+  PhoneIcon,
+  CakeIcon,
+} from "@heroicons/react/24/outline";
+import ToggleTheme from "@/app/components/ToggleTheme";
+import ContactForm from "@/app/components/ContactForm";
+
+function InstagramIcon(props) {
+  return (
+    <svg viewBox="0 0 24 24" fill="none" {...props}>
+      <path
+        fill="currentColor"
+        d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"
+      />
+    </svg>
+  );
+}
+
+export default async function Home() {
+  const session = await auth();
+
+  // Redirect logged-in users to dispatcher
+  if (session?.user) {
+    redirect("/dispatcher");
+  }
+  const team = [
+    {
+      name: "Vanzilucy Campos",
+      role: "Professora",
+      image: "/img/vanzy.jpeg",
+      description: "Formada em Música, com experiência internacional no País de Gales e Sudeste Asiático. Leciona inglês desde 2020.",
+    },
+    {
+      name: "Karina Paz",
+      role: "Coordenadora de Curso e Colaboradora do Guia de Estudos para Iniciantes",
+      image: null,
+      description: "Coordenadora de Curso e Colaboradora do Guia de Estudos para Iniciantes.",
+    },
+  ];
+
+  const levels = [
+    {
+      name: "Iniciantes 1",
+      age: "Primeiros passos",
+      icon: <CakeIcon className="w-8 h-8" />,
+    },
+    {
+      name: "Iniciantes 2",
+      age: "Continuação",
+      icon: <CakeIcon className="w-8 h-8" />,
+    },
+    {
+      name: "Elementar",
+      age: "Próximo nível",
+      icon: <AcademicCapIcon className="w-8 h-8" />,
+    },
+    {
+      name: "Pré Intermediário",
+      age: "Avançando",
+      icon: <SparklesIcon className="w-8 h-8" />,
+    },
+  ];
+
+  const termContent = [
+    "Áudios",
+    "Material Digital",
+    "Recursos Pedagógicos",
+    "Avaliação",
+  ];
+
+  return (
+    <div className="min-h-screen">
+      <div className="fixed top-4 right-4 z-50">
+        <ToggleTheme />
+      </div>
+
+      {/* Hero Section */}
+      <section className="bg-gradient-to-b from-mill-peach via-mill-peachlight to-mill-cream dark:from-mill-night dark:via-mill-carddark dark:to-mill-night">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-24 lg:py-32">
+          <div className="text-center">
+            <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight text-mill-ink dark:text-mill-creamdark mb-6">
+              <span className="bg-gradient-to-r from-mill-wood to-mill-wooddark dark:from-mill-woodlight dark:to-mill-gold bg-clip-text text-transparent">
+                Inglês com Ideias Vivas
+              </span>
+            </h1>
+            <p className="mx-auto max-w-2xl text-lg sm:text-xl text-mill-muted dark:text-mill-creamdark/80 mb-8">
+              Uma jornada alegre para aprender inglês, cultivando ideias vivas e fundamentada na Filosofia de Educação de Charlotte Mason.
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
+              <Link
+                href="/auth/register"
+                className="inline-flex items-center justify-center rounded-xl px-8 py-3 text-base font-semibold bg-mill-wooddark hover:bg-mill-wood text-mill-cream transition-all shadow-lg hover:shadow-xl"
+              >
+                Começar Agora
+              </Link>
+              <Link
+                href="/auth/login"
+                className="inline-flex items-center justify-center rounded-xl px-8 py-3 text-base font-semibold bg-white/80 dark:bg-mill-carddark text-mill-ink dark:text-mill-creamdark border border-mill-stone hover:bg-white dark:hover:bg-mill-night transition-all"
+              >
+                Fazer Login
+              </Link>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Banner — slogan do moinho (1.jpg) */}
+      <section className="relative w-full">
+        <Image
+          src="/img/1.jpg"
+          alt="Um jeito vivo de aprender inglês"
+          width={1200}
+          height={628}
+          priority
+          className="block h-auto w-full"
+        />
+      </section>
+
+      {/* Philosophy Section */}
+      <section className="py-16 lg:py-24 bg-mill-cream dark:bg-mill-carddark">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <BeakerIcon className="w-12 h-12 text-mill-wood dark:text-mill-woodlight mx-auto mb-4" />
+            <h2 className="text-3xl sm:text-4xl font-bold text-mill-ink dark:text-mill-creamdark mb-4">
+              Nossa Filosofia
+            </h2>
+            <p className="max-w-3xl mx-auto text-lg text-mill-muted dark:text-mill-creamdark/80">
+              Baseada nos princípios de Charlotte Mason, acreditamos que a mente deve ser nutrida com ideias vivas,
+              assim como o corpo é nutrido com comida.
+            </p>
+          </div>
+
+          <div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
+            <div className="bg-mill-sand dark:bg-mill-night rounded-2xl p-8 border border-mill-stone">
+              <p className="text-lg italic text-mill-ink/80 dark:text-mill-creamdark/70 mb-4">
+                "Portanto, toda família faria bem em cultivar duas línguas além da língua materna"
+              </p>
+              <p className="text-sm font-semibold text-mill-wood dark:text-mill-woodlight">— Charlotte Mason</p>
+            </div>
+
+            <div className="bg-mill-sand dark:bg-mill-night rounded-2xl p-8 border border-mill-stone">
+              <p className="text-lg italic text-mill-ink/80 dark:text-mill-creamdark/70 mb-4">
+                "A mente é como uma pá de moinho, se não tiver nada para moer, moe a si mesma"
+              </p>
+              <p className="text-sm font-semibold text-mill-wood dark:text-mill-woodlight">— Charlotte Mason</p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Levels Section */}
+      <section className="py-16 lg:py-24 bg-mill-sand dark:bg-mill-night">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <AcademicCapIcon className="w-12 h-12 text-mill-wood dark:text-mill-woodlight mx-auto mb-4" />
+            <h2 className="text-3xl sm:text-4xl font-bold text-mill-ink dark:text-mill-creamdark mb-4">
+              Níveis de Ensino
+            </h2>
+            <p className="max-w-2xl mx-auto text-lg text-mill-muted dark:text-mill-creamdark/80">
+              Cursos divididos por faixa etária para garantir o melhor aprendizado.
+            </p>
+          </div>
+
+          <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6">
+            {levels.map((level, index) => (
+              <div
+                key={index}
+                className="bg-mill-cream dark:bg-mill-carddark rounded-2xl p-6 border border-mill-stone hover:border-mill-wood dark:hover:border-mill-woodlight hover:shadow-lg transition-all group"
+              >
+                <div className="text-mill-wood dark:text-mill-woodlight mb-4 group-hover:scale-110 transition-transform">
+                  {level.icon}
+                </div>
+                <h3 className="text-xl font-bold text-mill-ink dark:text-mill-creamdark mb-2">
+                  {level.name}
+                </h3>
+                <p className="text-mill-muted dark:text-mill-creamdark/80">{level.age}</p>
+              </div>
+            ))}
+          </div>
+
+          {/* Term Content */}
+          <div className="mt-12 bg-mill-cream dark:bg-mill-carddark rounded-2xl p-8 border border-mill-stone">
+            <h3 className="text-xl font-bold text-mill-ink dark:text-mill-creamdark mb-6 text-center">
+              Conteúdo de Cada Termo
+            </h3>
+            <div className="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
+              {termContent.map((item, index) => (
+                <div
+                  key={index}
+                  className="flex items-center gap-3 p-4 bg-mill-sand dark:bg-mill-night rounded-xl"
+                >
+                  <SparklesIcon className="w-5 h-5 text-mill-wood dark:text-mill-woodlight flex-shrink-0" />
+                  <span className="font-medium text-mill-ink dark:text-mill-creamdark">{item}</span>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Team Section */}
+      <section className="py-16 lg:py-24 bg-mill-cream dark:bg-mill-carddark">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <SparklesIcon className="w-12 h-12 text-mill-wood dark:text-mill-woodlight mx-auto mb-4" />
+            <h2 className="text-3xl sm:text-4xl font-bold text-mill-ink dark:text-mill-creamdark mb-4">
+              Nossa Equipe
+            </h2>
+            <p className="max-w-2xl mx-auto text-lg text-mill-muted dark:text-mill-creamdark/80">
+              Profissionais que aplicam a filosofia de Charlotte Mason em suas práticas educativas e familiares.
+            </p>
+          </div>
+
+          <div className="flex flex-wrap justify-center gap-8 max-w-5xl mx-auto">
+            {team.map((member, index) => (
+              <div
+                key={index}
+                className="w-full sm:w-80 bg-mill-cream dark:bg-mill-carddark rounded-2xl overflow-hidden border border-mill-stone hover:shadow-xl transition-all group"
+              >
+                <div className="aspect-[4/3] bg-mill-sand dark:bg-mill-night relative overflow-hidden">
+                  {member.image ? (
+                    <Image
+                      src={member.image}
+                      alt={member.name}
+                      fill
+                      className="object-cover group-hover:scale-105 transition-transform duration-300"
+                    />
+                  ) : (
+                    <div className="absolute inset-0 flex items-center justify-center">
+                      <span className="text-4xl font-bold text-mill-wood dark:text-mill-woodlight">
+                        {member.name.charAt(0)}
+                      </span>
+                    </div>
+                  )}
+                </div>
+                <div className="p-6">
+                  <h3 className="text-xl font-bold text-mill-ink dark:text-mill-creamdark mb-1">
+                    {member.name}
+                  </h3>
+                  <p className="text-sm font-semibold text-mill-wood dark:text-mill-woodlight mb-3">
+                    {member.role}
+                  </p>
+                  <p className="text-mill-muted dark:text-mill-creamdark/80 text-sm leading-relaxed">
+                    {member.description}
+                  </p>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Contact Section */}
+      <section className="py-16 lg:py-24 bg-mill-peach dark:bg-mill-night">
+        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+          <div className="text-center mb-12">
+            <EnvelopeIcon className="w-12 h-12 text-mill-wood dark:text-mill-woodlight mx-auto mb-4" />
+            <h2 className="text-3xl sm:text-4xl font-bold text-mill-ink dark:text-mill-creamdark mb-4">
+              Entre em Contato
+            </h2>
+            <p className="max-w-2xl mx-auto text-lg text-mill-muted dark:text-mill-creamdark/80">
+              Tem alguma dúvida? Preencha o formulário abaixo ou utilize nossos canais diretos!
+            </p>
+          </div>
+
+          <div className="flex flex-col sm:flex-row justify-center gap-4 mb-10">
+            <a
+              href="mailto:inglescomideiasvivas@gmail.com"
+              className="bg-mill-cream dark:bg-mill-carddark rounded-2xl p-5 border border-mill-stone hover:border-mill-wood dark:hover:border-mill-woodlight hover:shadow-lg transition-all group flex items-center gap-3"
+            >
+              <EnvelopeIcon className="w-7 h-7 text-mill-wood dark:text-mill-woodlight group-hover:scale-110 transition-transform" />
+              <span className="text-sm font-medium text-mill-ink dark:text-mill-creamdark break-all">
+                inglescomideiasvivas@gmail.com
+              </span>
+            </a>
+            <a
+              href="tel:+5531996888737"
+              className="bg-mill-cream dark:bg-mill-carddark rounded-2xl p-5 border border-mill-stone hover:border-mill-wood dark:hover:border-mill-woodlight hover:shadow-lg transition-all group flex items-center gap-3"
+            >
+              <PhoneIcon className="w-7 h-7 text-mill-wood dark:text-mill-woodlight group-hover:scale-110 transition-transform" />
+              <span className="text-sm font-medium text-mill-ink dark:text-mill-creamdark">
+                (31) 99688-8737
+              </span>
+            </a>
+          </div>
+
+          <ContactForm />
+        </div>
+      </section>
+
+      {/* CTA Section */}
+      <section className="py-16 bg-mill-wooddark dark:bg-mill-wooddark">
+        <div className="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 text-center">
+          <h2 className="text-3xl sm:text-4xl font-bold text-mill-cream mb-4">
+            Pronto para Começar?
+          </h2>
+          <p className="text-lg text-mill-peach mb-8">
+            Junte-se a nós nesta jornada de aprendizado alegre e significativo.
+          </p>
+          <Link
+            href="/auth/register"
+            className="inline-flex items-center justify-center rounded-xl px-8 py-4 text-base font-semibold bg-mill-cream text-mill-wooddark hover:bg-white transition-all shadow-lg hover:shadow-xl"
+          >
+            Criar Conta Gratuita
+          </Link>
+        </div>
+      </section>
+    </div>
+  );
+}
diff --git a/src/app/profile/components/PasswordUpdateForm.jsx b/src/app/profile/components/PasswordUpdateForm.jsx
new file mode 100644
index 0000000..57f3127
--- /dev/null
+++ b/src/app/profile/components/PasswordUpdateForm.jsx
@@ -0,0 +1,147 @@
+"use client";
+
+import { useActionState, useEffect, useState } from "react";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import updatePasswordAction from "@/app/lib/users/updatePasswordAction";
+
+const initialState = {
+  success: false,
+  message: "",
+  attemptId: 0,
+};
+
+export default function PasswordUpdateForm() {
+  const [state, action, isPending] = useActionState(
+    updatePasswordAction,
+    initialState
+  );
+  const [showMessage, setShowMessage] = useState(false);
+  const [formValues, setFormValues] = useState({
+    currentPassword: "",
+    newPassword: "",
+    confirmNewPassword: "",
+  });
+
+  useEffect(() => {
+    if (!state?.message) return;
+
+    setShowMessage(true);
+    const timer = setTimeout(() => setShowMessage(false), 8000);
+
+    if (state.success) {
+      setFormValues({
+        currentPassword: "",
+        newPassword: "",
+        confirmNewPassword: "",
+      });
+    }
+
+    return () => clearTimeout(timer);
+  }, [state?.attemptId, state?.message, state?.success]);
+
+  return (
+    <div className="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 shadow-sm overflow-hidden">
+      <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-b border-neutral-200 dark:border-neutral-700">
+        <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+          Alterar Senha
+        </h2>
+        <p className="text-xs text-neutral-500 dark:text-neutral-400 mt-1">
+          Use uma senha forte com no mínimo 8 caracteres, incluindo letra
+          minúscula, maiúscula e número.
+        </p>
+      </div>
+
+      <div className="p-6">
+        {state?.message && showMessage && (
+          <FlashMessage
+            message={state.message}
+            type={state.success ? "success" : "error"}
+          />
+        )}
+
+        <form action={action} className="space-y-4">
+          <div className="space-y-2">
+            <label
+              htmlFor="currentPassword"
+              className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+            >
+              Senha atual
+            </label>
+            <input
+              id="currentPassword"
+              name="currentPassword"
+              type="password"
+              required
+              value={formValues.currentPassword}
+              onChange={(e) =>
+                setFormValues((prev) => ({
+                  ...prev,
+                  currentPassword: e.target.value,
+                }))
+              }
+              className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+            />
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div className="space-y-2">
+              <label
+                htmlFor="newPassword"
+                className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+              >
+                Nova senha
+              </label>
+              <input
+                id="newPassword"
+                name="newPassword"
+                type="password"
+                required
+                value={formValues.newPassword}
+                onChange={(e) =>
+                  setFormValues((prev) => ({
+                    ...prev,
+                    newPassword: e.target.value,
+                  }))
+                }
+                className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+              />
+            </div>
+
+            <div className="space-y-2">
+              <label
+                htmlFor="confirmNewPassword"
+                className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+              >
+                Confirmar nova senha
+              </label>
+              <input
+                id="confirmNewPassword"
+                name="confirmNewPassword"
+                type="password"
+                required
+                value={formValues.confirmNewPassword}
+                onChange={(e) =>
+                  setFormValues((prev) => ({
+                    ...prev,
+                    confirmNewPassword: e.target.value,
+                  }))
+                }
+                className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+              />
+            </div>
+          </div>
+
+          <div className="flex justify-end pt-2">
+            <button
+              type="submit"
+              disabled={isPending}
+              className="px-6 py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {isPending ? "Atualizando..." : "Atualizar Senha"}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/profile/components/ProfileForm.jsx b/src/app/profile/components/ProfileForm.jsx
new file mode 100644
index 0000000..5a8c485
--- /dev/null
+++ b/src/app/profile/components/ProfileForm.jsx
@@ -0,0 +1,447 @@
+"use client";
+
+import { useState, useActionState, useEffect } from "react";
+import updateUserData from "@/app/lib/users/updateUserAction";
+import FlashMessage from "@/app/(protected)/components/shared/FlashMessage";
+import Label from "@/app/(protected)/components/shared/Label";
+import Link from "next/link";
+import { UserIcon, EnvelopeIcon, CalendarIcon } from "@heroicons/react/24/outline";
+import { formatDateToBR, maskDateToBR, normalizeDateInput } from "@/app/lib/utils/dateUtils";
+import { sanitizeUsername, sanitizeFullName, hasInvalidUsernameChars, hasInvalidFullNameChars } from "@/app/lib/utils/stringUtils";
+
+const initialState = {
+  success: false,
+  message: "",
+  inputs: {},
+};
+
+function ProfileForm({ user, parents = [], students = [] }) {
+  const [state, action, isPending] = useActionState(
+    updateUserData,
+    initialState
+  );
+
+  const [showMessage, setShowMessage] = useState(false);
+  const [fullNameWarning, setFullNameWarning] = useState(false);
+  const [usernameWarning, setUsernameWarning] = useState(false);
+  const [inputs, setInputs] = useState({
+    fullName: user?.fullName || "",
+    username: user?.username || "",
+    email: user?.email || "",
+    dateOfBirth: formatDateToBR(user?.dateOfBirth),
+    roles: user?.roles || [],
+    guardiansAccounts: (user?.guardiansAccounts || []).map((g) =>
+      typeof g === "string" ? g : g.toString()
+    ),
+    wardAccounts: (user?.wardAccounts || []).map((w) =>
+      typeof w === "string" ? w : w.toString()
+    ),
+  });
+
+  useEffect(() => {
+    if (state?.message) {
+      setShowMessage(true);
+      const timer = setTimeout(() => setShowMessage(false), 15000);
+      return () => clearTimeout(timer);
+    } else {
+      setShowMessage(false);
+    }
+  }, [state.message]);
+
+  const onAddGuardian = (guardianId) => {
+    setInputs({
+      ...inputs,
+      guardiansAccounts: [...(inputs.guardiansAccounts || []), guardianId],
+    });
+  };
+
+  const onRemoveGuardian = (guardianId) => {
+    setInputs({
+      ...inputs,
+      guardiansAccounts: (inputs.guardiansAccounts || []).filter(
+        (id) => id !== guardianId
+      ),
+    });
+  };
+
+  const onAddWard = (wardId) => {
+    setInputs({
+      ...inputs,
+      wardAccounts: [...(inputs.wardAccounts || []), wardId],
+    });
+  };
+
+  const onRemoveWard = (wardId) => {
+    setInputs({
+      ...inputs,
+      wardAccounts: (inputs.wardAccounts || []).filter(
+        (id) => id !== wardId
+      ),
+    });
+  };
+
+  const isStudent = inputs.roles.includes("student");
+  const isParent = inputs.roles.includes("parent");
+
+  // Calculate age
+  const calculateAge = (dateOfBirth) => {
+    if (!dateOfBirth) return null;
+    const normalizedDate = normalizeDateInput(dateOfBirth);
+    if (!normalizedDate) return null;
+    const today = new Date();
+    const birthDate = new Date(`${normalizedDate}T00:00:00.000Z`);
+    let age = today.getFullYear() - birthDate.getUTCFullYear();
+    const monthDiff = today.getMonth() - birthDate.getUTCMonth();
+    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getUTCDate())) {
+      age--;
+    }
+    return age;
+  };
+
+  const age = calculateAge(inputs.dateOfBirth);
+  const isAdult = age !== null && age >= 18;
+
+  // Parents cannot have guardians, and adults cannot add new guardians (but can keep existing ones)
+  const canAddGuardians = isStudent && !isParent && !isAdult;
+
+  return (
+    <div className="w-full">
+      {/* FlashMessage */}
+      {state?.message && showMessage && (
+        <div className="mb-4">
+          <FlashMessage
+            message={state?.message}
+            type={state.success ? "success" : "error"}
+          />
+        </div>
+      )}
+
+      <form action={action} className="w-full">
+        {isPending && (
+          <div className="mb-4 p-4 bg-neutral-100 dark:bg-neutral-800 rounded-lg text-center">
+            <p className="text-neutral-600 dark:text-neutral-300">Salvando...</p>
+          </div>
+        )}
+
+        <input type="hidden" name="_id" value={user._id} />
+
+        {/* Hidden inputs for arrays - preserve roles */}
+        {(inputs.roles || []).map((role) => (
+          <input key={`role-${role}`} type="hidden" name="roles" value={role} />
+        ))}
+        {(inputs.guardiansAccounts || []).map((guardianId) => (
+          <input
+            key={`guardian-${guardianId}`}
+            type="hidden"
+            name="guardiansAccounts"
+            value={guardianId}
+          />
+        ))}
+        {(inputs.wardAccounts || []).map((wardId) => (
+          <input
+            key={`ward-${wardId}`}
+            type="hidden"
+            name="wardAccounts"
+            value={wardId}
+          />
+        ))}
+
+        {/* Main Card */}
+        <div className="bg-white dark:bg-neutral-800 rounded-xl border border-neutral-200 dark:border-neutral-700 shadow-sm overflow-hidden">
+          {/* Header */}
+          <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-b border-neutral-200 dark:border-neutral-700">
+            <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100">
+              Informações Pessoais
+            </h2>
+          </div>
+
+          {/* Form Content */}
+          <div className="p-6">
+            {/* 2-Column Grid */}
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              {/* Nome Completo */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="fullName"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Nome Completo <span className="text-red-500">*</span>
+                </label>
+                <input
+                  id="fullName"
+                  name="fullName"
+                  required
+                  value={inputs.fullName}
+                  onChange={(e) => {
+                    const raw = e.target.value;
+                    const clean = sanitizeFullName(raw);
+                    setInputs({ ...inputs, fullName: clean });
+                    setFullNameWarning(hasInvalidFullNameChars(raw));
+                  }}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+                {fullNameWarning && (
+                  <p className="text-xs text-amber-600 dark:text-amber-400">
+                    Acentos, caracteres especiais e maiúsculas são removidos automaticamente. Use apenas letras sem acento.
+                  </p>
+                )}
+              </div>
+
+              {/* Nome de Usuário */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="username"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Nome de Usuário <span className="text-red-500">*</span>
+                </label>
+                <input
+                  id="username"
+                  name="username"
+                  required
+                  value={inputs.username}
+                  onChange={(e) => {
+                    const raw = e.target.value;
+                    const clean = sanitizeUsername(raw);
+                    setInputs({ ...inputs, username: clean });
+                    setUsernameWarning(hasInvalidUsernameChars(raw));
+                  }}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+                {usernameWarning && (
+                  <p className="text-xs text-amber-600 dark:text-amber-400">
+                    Acentos, espaços e maiúsculas são removidos automaticamente. Use apenas letras, números e _.
+                  </p>
+                )}
+              </div>
+
+              {/* Email */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="email"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Email
+                </label>
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  value={inputs.email}
+                  onChange={(e) =>
+                    setInputs({ ...inputs, email: e.target.value })
+                  }
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                  placeholder="email@exemplo.com"
+                />
+              </div>
+
+              {/* Data de Nascimento */}
+              <div className="space-y-2">
+                <label
+                  htmlFor="dateOfBirth"
+                  className="text-sm font-medium text-neutral-700 dark:text-neutral-200"
+                >
+                  Data de Nascimento <span className="text-red-500">*</span>
+                </label>
+                <input
+                  type="text"
+                  id="dateOfBirth"
+                  name="dateOfBirth"
+                  required
+                  value={inputs.dateOfBirth}
+                  onChange={(e) =>
+                    setInputs({ ...inputs, dateOfBirth: maskDateToBR(e.target.value) })
+                  }
+                  placeholder="DD/MM/AAAA"
+                  inputMode="numeric"
+                  maxLength={10}
+                  className="w-full h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                />
+              </div>
+            </div>
+
+            {/* Roles Display (Read-only) */}
+            <div className="mt-6 space-y-3">
+              <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                Suas Funções
+              </label>
+              <div className="flex flex-wrap gap-2">
+                {inputs.roles.map((role) => {
+                  const roleConfig = {
+                    student: { label: "Estudante", color: "emerald" },
+                    parent: { label: "Responsável", color: "blue" },
+                    teacher: { label: "Professor", color: "amber" },
+                    admin: { label: "Administrador", color: "red" },
+                  };
+                  const config = roleConfig[role] || { label: role, color: "gray" };
+                  return (
+                    <Label key={role} color={config.color} size="md">
+                      {config.label}
+                    </Label>
+                  );
+                })}
+              </div>
+              <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                Para alterar suas funções, entre em contato com um administrador.
+              </p>
+            </div>
+
+            {/* Guardians - Only for students who can have them */}
+            {isStudent && !isParent && (
+              <div className="mt-6 space-y-3">
+                <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Responsáveis (Guardians)
+                </label>
+
+                {/* Selected Guardians as Removable Tags */}
+                {(inputs.guardiansAccounts || []).length > 0 && (
+                  <>
+                    <div className="flex flex-wrap gap-2 p-3 rounded-lg bg-neutral-50 dark:bg-neutral-900/50 border border-neutral-200 dark:border-neutral-700">
+                      {inputs.guardiansAccounts.map((guardianId) => {
+                        const guardian = parents.find(
+                          (p) =>
+                            (typeof p._id === "string"
+                              ? p._id
+                              : p._id.toString()) ===
+                            (typeof guardianId === "string"
+                              ? guardianId
+                              : guardianId.toString())
+                        );
+                        if (!guardian) return null;
+                        return (
+                          <Label
+                            key={
+                              typeof guardianId === "string"
+                                ? guardianId
+                                : guardianId.toString()
+                            }
+                            color="blue"
+                            onRemove={() => onRemoveGuardian(guardianId)}
+                          >
+                            {guardian.fullName}
+                          </Label>
+                        );
+                      })}
+                    </div>
+                    {isAdult && (
+                      <p className="text-xs text-amber-600 dark:text-amber-400">
+                        Você tem 18 anos ou mais. Pode remover seus responsáveis existentes, mas não adicionar novos.
+                      </p>
+                    )}
+                  </>
+                )}
+
+                {/* Add Guardian Dropdown - Only for minors */}
+                {canAddGuardians && (
+                  <div className="flex gap-2">
+                    <select
+                      value=""
+                      onChange={(e) => {
+                        if (e.target.value) {
+                          onAddGuardian(e.target.value);
+                        }
+                      }}
+                      className="flex-1 h-10 px-3 rounded-lg border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-700 text-sm text-neutral-900 dark:text-neutral-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+                    >
+                      <option value="">Adicionar responsável...</option>
+                      {parents
+                        .filter(
+                          (p) =>
+                            !(inputs.guardiansAccounts || []).some(
+                              (selectedId) =>
+                                (typeof p._id === "string"
+                                  ? p._id
+                                  : p._id.toString()) ===
+                                (typeof selectedId === "string"
+                                  ? selectedId
+                                  : selectedId.toString())
+                            )
+                        )
+                        .map((parent) => {
+                          const id =
+                            typeof parent._id === "string"
+                              ? parent._id
+                              : parent._id.toString();
+                          return (
+                            <option key={id} value={id}>
+                              {parent.fullName}
+                            </option>
+                          );
+                        })}
+                    </select>
+                  </div>
+                )}
+
+                {parents.length === 0 && canAddGuardians && (
+                  <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                    Nenhum responsável cadastrado.
+                  </p>
+                )}
+              </div>
+            )}
+
+            {/* Wards - Only for parents/guardians (view only) */}
+            {isParent && (
+              <div className="mt-6 space-y-3">
+                <label className="text-sm font-medium text-neutral-700 dark:text-neutral-200">
+                  Estudantes sob Responsabilidade
+                </label>
+                <p className="text-xs text-neutral-500 dark:text-neutral-400">
+                  Estudantes que você é responsável. Para alterar, entre em contato com um administrador.
+                </p>
+
+                {/* Selected Wards - Read-only */}
+                {(inputs.wardAccounts || []).length > 0 ? (
+                  <div className="flex flex-wrap gap-2 p-3 rounded-lg bg-neutral-50 dark:bg-neutral-900/50 border border-neutral-200 dark:border-neutral-700">
+                    {inputs.wardAccounts.map((wardId) => {
+                      const ward = students.find(
+                        (s) =>
+                          (typeof s._id === "string"
+                            ? s._id
+                            : s._id.toString()) ===
+                          (typeof wardId === "string"
+                            ? wardId
+                            : wardId.toString())
+                      );
+                      if (!ward) return null;
+                      return (
+                        <Label
+                          key={
+                            typeof wardId === "string"
+                              ? wardId
+                              : wardId.toString()
+                          }
+                          color="emerald"
+                        >
+                          {ward.fullName}
+                        </Label>
+                      );
+                    })}
+                  </div>
+                ) : (
+                  <p className="text-sm text-neutral-500 dark:text-neutral-400">
+                    Nenhum estudante sob sua responsabilidade.
+                  </p>
+                )}
+              </div>
+            )}
+          </div>
+
+          {/* Action Buttons */}
+          <div className="bg-neutral-50 dark:bg-neutral-900/50 px-6 py-4 border-t border-neutral-200 dark:border-neutral-700 flex justify-end">
+            <button
+              type="submit"
+              disabled={isPending}
+              className="px-6 py-2.5 rounded-lg bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {isPending ? "Salvando..." : "Salvar Alterações"}
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+  );
+}
+
+export default ProfileForm;
diff --git a/src/app/profile/page.jsx b/src/app/profile/page.jsx
new file mode 100644
index 0000000..4a3473f
--- /dev/null
+++ b/src/app/profile/page.jsx
@@ -0,0 +1,61 @@
+import { auth } from "@/auth";
+import { redirect } from "next/navigation";
+import { getUserModel } from "@/app/models/User";
+import { toPlain } from "@/app/lib/helpers/toPlain";
+import ProfileForm from "@/app/profile/components/ProfileForm";
+import PasswordUpdateForm from "@/app/profile/components/PasswordUpdateForm";
+
+export default async function ProfilePage() {
+  const session = await auth();
+
+  if (!session?.user?.id) {
+    redirect("/auth/login");
+  }
+
+  const User = await getUserModel();
+  const userDoc = await User.findById(session.user.id)
+    .select("-passwordHash -createdAt -modifiedAt -__v")
+    .lean();
+
+  if (!userDoc) {
+    redirect("/auth/login");
+  }
+
+  const user = toPlain(userDoc);
+  user._id = user._id.toString();
+
+  // Convert to plain objects for Client Component
+  const parentsDoc = await User.find({ roles: "parent" })
+    .select("_id fullName")
+    .lean();
+
+  const studentsDoc = await User.find({ roles: "student" })
+    .select("_id fullName")
+    .lean();
+
+  const parents = JSON.parse(JSON.stringify(parentsDoc));
+  const students = JSON.parse(JSON.stringify(studentsDoc));
+
+  return (
+    <div className="min-h-screen bg-neutral-50 dark:bg-neutral-950">
+      <div className="max-w-4xl mx-auto px-4 py-8">
+        <div className="mb-6">
+          <h1 className="text-2xl font-semibold text-neutral-900 dark:text-neutral-100">
+            Meu Perfil
+          </h1>
+          <p className="text-sm text-neutral-600 dark:text-neutral-400 mt-1">
+            Gerencie suas informações pessoais
+          </p>
+        </div>
+        <ProfileForm
+          user={user}
+          parents={parents}
+          students={students}
+        />
+        <div className="mt-6">
+          <PasswordUpdateForm />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/ui/alert.jsx b/src/components/ui/alert.jsx
new file mode 100644
index 0000000..18ef5ab
--- /dev/null
+++ b/src/components/ui/alert.jsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+const variants = {
+  info: "bg-blue-50 text-blue-800 border-blue-200 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-500/30",
+  success: "bg-emerald-50 text-emerald-800 border-emerald-200 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-500/30",
+  warning: "bg-amber-50 text-amber-800 border-amber-200 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-500/30",
+  danger: "bg-red-50 text-red-800 border-red-200 dark:bg-red-900/20 dark:text-red-300 dark:border-red-500/30",
+};
+
+export function UIAlert({ className, variant = "info", ...props }) {
+  return (
+    <div
+      role="alert"
+      className={cn(
+        "rounded-lg border px-4 py-3 text-sm",
+        variants[variant] || variants.info,
+        className
+      )}
+      {...props}
+    />
+  );
+}
diff --git a/src/components/ui/badge.jsx b/src/components/ui/badge.jsx
new file mode 100644
index 0000000..350d0ea
--- /dev/null
+++ b/src/components/ui/badge.jsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+const variants = {
+  neutral: "bg-slate-100 text-slate-700 border-slate-300 dark:bg-slate-800 dark:text-slate-200 dark:border-slate-700",
+  success: "bg-emerald-100 text-emerald-800 border-emerald-200 dark:bg-emerald-900/20 dark:text-emerald-300 dark:border-emerald-500/30",
+  warning: "bg-amber-100 text-amber-800 border-amber-200 dark:bg-amber-900/20 dark:text-amber-300 dark:border-amber-500/30",
+  danger: "bg-red-100 text-red-800 border-red-200 dark:bg-red-900/20 dark:text-red-300 dark:border-red-500/30",
+  info: "bg-blue-100 text-blue-800 border-blue-200 dark:bg-blue-900/20 dark:text-blue-300 dark:border-blue-500/30",
+};
+
+export function UIBadge({ className, variant = "neutral", ...props }) {
+  return (
+    <span
+      className={cn(
+        "inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium",
+        variants[variant] || variants.neutral,
+        className
+      )}
+      {...props}
+    />
+  );
+}
diff --git a/src/components/ui/button.jsx b/src/components/ui/button.jsx
new file mode 100644
index 0000000..890dc62
--- /dev/null
+++ b/src/components/ui/button.jsx
@@ -0,0 +1,31 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+const variants = {
+  primary: "bg-primary text-primary-foreground hover:opacity-90",
+  secondary: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+  ghost: "hover:bg-accent hover:text-accent-foreground",
+  destructive: "bg-destructive text-destructive-foreground hover:opacity-90",
+};
+
+const sizes = {
+  sm: "h-9 px-3 text-sm",
+  md: "h-10 px-4 py-2 text-sm",
+  lg: "h-11 px-6 text-base",
+};
+
+export function UIButton({ className, variant = "primary", size = "md", ...props }) {
+  return (
+    <button
+      className={cn(
+        "inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:pointer-events-none disabled:opacity-50",
+        variants[variant] || variants.primary,
+        sizes[size] || sizes.md,
+        className
+      )}
+      {...props}
+    />
+  );
+}
diff --git a/src/components/ui/card.jsx b/src/components/ui/card.jsx
new file mode 100644
index 0000000..9b28bad
--- /dev/null
+++ b/src/components/ui/card.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+export function UICard({ className, ...props }) {
+  return (
+    <div
+      className={cn("rounded-xl border border-border bg-card text-card-foreground shadow-sm", className)}
+      {...props}
+    />
+  );
+}
diff --git a/src/components/ui/dialog.jsx b/src/components/ui/dialog.jsx
new file mode 100644
index 0000000..44f40a5
--- /dev/null
+++ b/src/components/ui/dialog.jsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+export function UIDialog({ open, onClose, title, children, className }) {
+  if (!open) return null;
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <button
+        type="button"
+        aria-label="Fechar"
+        className="absolute inset-0 bg-black/50"
+        onClick={onClose}
+      />
+      <div
+        role="dialog"
+        aria-modal="true"
+        className={cn(
+          "relative z-10 w-full max-w-2xl rounded-xl border border-border bg-card p-6 text-card-foreground shadow-lg",
+          className
+        )}
+      >
+        {title ? <h2 className="mb-4 text-lg font-semibold">{title}</h2> : null}
+        {children}
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/ui/input.jsx b/src/components/ui/input.jsx
new file mode 100644
index 0000000..4e6e287
--- /dev/null
+++ b/src/components/ui/input.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+export function UIInput({ className, type = "text", ...props }) {
+  return (
+    <input
+      type={type}
+      className={cn(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+        "placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
diff --git a/src/components/ui/select.jsx b/src/components/ui/select.jsx
new file mode 100644
index 0000000..9b63e70
--- /dev/null
+++ b/src/components/ui/select.jsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+export function UISelect({ className, children, ...props }) {
+  return (
+    <select
+      className={cn(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </select>
+  );
+}
diff --git a/src/components/ui/table.jsx b/src/components/ui/table.jsx
new file mode 100644
index 0000000..0bbe6c3
--- /dev/null
+++ b/src/components/ui/table.jsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+export function UITable({ className, ...props }) {
+  return <table className={cn("w-full text-sm", className)} {...props} />;
+}
+
+export function UITableHead({ className, ...props }) {
+  return <thead className={cn("bg-muted/50", className)} {...props} />;
+}
+
+export function UITableBody({ className, ...props }) {
+  return <tbody className={cn("divide-y divide-border", className)} {...props} />;
+}
+
+export function UITableRow({ className, ...props }) {
+  return <tr className={cn("hover:bg-muted/30", className)} {...props} />;
+}
+
+export function UITableCell({ className, ...props }) {
+  return <td className={cn("px-3 py-2 align-middle", className)} {...props} />;
+}
+
+export function UITableHeaderCell({ className, ...props }) {
+  return <th className={cn("px-3 py-2 text-left text-xs font-medium text-muted-foreground", className)} {...props} />;
+}
diff --git a/src/components/ui/textarea.jsx b/src/components/ui/textarea.jsx
new file mode 100644
index 0000000..a4b70c2
--- /dev/null
+++ b/src/components/ui/textarea.jsx
@@ -0,0 +1,17 @@
+import React from "react";
+import { cn } from "@/app/lib/utils/cn";
+
+export function UITextarea({ className, rows = 3, ...props }) {
+  return (
+    <textarea
+      rows={rows}
+      className={cn(
+        "flex min-h-[84px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground",
+        "placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  );
+}
diff --git a/src/proxy.js b/src/proxy.js
new file mode 100644
index 0000000..8e3339e
--- /dev/null
+++ b/src/proxy.js
@@ -0,0 +1,102 @@
+import { NextResponse } from "next/server";
+import { getToken } from "next-auth/jwt";
+
+export default async function proxy(req) {
+  const pathname = req.nextUrl.pathname;
+  const authSecret = process.env.AUTH_SECRET || process.env.NEXTAUTH_SECRET;
+  const sessionCookieName =
+    process.env.NODE_ENV === "production"
+      ? "__Secure-next-auth.session-token"
+      : "next-auth.session-token";
+  const token = await getToken({
+    req,
+    secret: authSecret,
+    cookieName: sessionCookieName,
+  });
+  const isLoggedIn = !!token;
+
+  const isProtectedRoute =
+    pathname.startsWith("/dashboard") ||
+    pathname.startsWith("/admin") ||
+    pathname.startsWith("/dispatcher") ||
+    pathname.startsWith("/profile") ||
+    pathname.startsWith("/files");
+  const roles = Array.isArray(token?.roles) ? token.roles : [];
+  const userRole = token?.role;
+  const isAdmin =
+    roles.includes("admin") ||
+    roles.includes("superadmin") ||
+    userRole === "admin" ||
+    userRole === "superadmin";
+  const isTeacher = roles.includes("teacher") || userRole === "teacher";
+  const isGuardian = roles.includes("guardian") || roles.includes("parent") || userRole === "guardian" || userRole === "parent";
+  const isStudent = roles.includes("student") || userRole === "student";
+
+  const isAdminRoute = pathname.startsWith("/admin");
+  const isTeacherRoute = pathname.startsWith("/dashboard/teacher");
+  const isGuardianRoute = pathname.startsWith("/dashboard/guardian");
+  const isStudentRoute = pathname.startsWith("/dashboard/student");
+  const isFilesRoute = pathname.startsWith("/files");
+
+  const getDefaultRoute = () => {
+    if (isAdmin) {
+      return "/admin/dashboard";
+    }
+    if (isTeacher) {
+      return "/dashboard/teacher";
+    }
+    if (isGuardian) {
+      return "/dashboard/guardian";
+    }
+    if (isStudent) {
+      return "/dashboard/student";
+    }
+    if (roles.includes("dispatcher") || userRole === "dispatcher") {
+      return "/dispatcher";
+    }
+    return "/auth/login";
+  };
+
+  if (isProtectedRoute && !isLoggedIn) {
+    const loginUrl = new URL("/auth/login", req.nextUrl);
+    loginUrl.searchParams.set("callbackUrl", `${pathname}${req.nextUrl.search}`);
+    return NextResponse.redirect(loginUrl);
+  }
+
+  if (isAdminRoute && isLoggedIn && !isAdmin) {
+    const dashboardUrl = new URL(getDefaultRoute(), req.nextUrl);
+    return NextResponse.redirect(dashboardUrl);
+  }
+
+  if (isTeacherRoute && isLoggedIn && !isTeacher) {
+    const dashboardUrl = new URL(getDefaultRoute(), req.nextUrl);
+    return NextResponse.redirect(dashboardUrl);
+  }
+
+  if (isGuardianRoute && isLoggedIn && !isGuardian) {
+    const dashboardUrl = new URL(getDefaultRoute(), req.nextUrl);
+    return NextResponse.redirect(dashboardUrl);
+  }
+
+  if (isStudentRoute && isLoggedIn && !isStudent) {
+    const dashboardUrl = new URL(getDefaultRoute(), req.nextUrl);
+    return NextResponse.redirect(dashboardUrl);
+  }
+
+  if (isFilesRoute && isLoggedIn && !(isTeacher || isAdmin)) {
+    const dashboardUrl = new URL(getDefaultRoute(), req.nextUrl);
+    return NextResponse.redirect(dashboardUrl);
+  }
+
+  const response = NextResponse.next();
+  response.headers.set("x-pathname", pathname);
+  // Debug: adicionar info do token nos headers
+  response.headers.set("x-debug-roles", JSON.stringify(roles));
+  response.headers.set("x-debug-is-logged-in", String(isLoggedIn));
+  response.headers.set("x-debug-default-route", getDefaultRoute());
+  return response;
+}
+
+export const config = {
+  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 0000000..d91b52d
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,38 @@
+{
+  "status": "interrupted",
+  "failedTests": [
+    "45c0ee5aa051c7ea0d09-334aac0a456b76c6e206",
+    "45c0ee5aa051c7ea0d09-2afa642ee2657bd59ee7",
+    "45c0ee5aa051c7ea0d09-fa30f26054e671e78885",
+    "45c0ee5aa051c7ea0d09-60a34de52567703675d6",
+    "45c0ee5aa051c7ea0d09-efb89c12f371549c7804",
+    "45c0ee5aa051c7ea0d09-d50633cc5addeaaa83a1",
+    "45c0ee5aa051c7ea0d09-b0427f4233ccb1aebbb9",
+    "45c0ee5aa051c7ea0d09-6d7dd0b1f4495960578f",
+    "45c0ee5aa051c7ea0d09-9906b25e57f9f498a249",
+    "45c0ee5aa051c7ea0d09-dd34f5c5c37744c1f096",
+    "cd15683d43031b1d3c57-fc55b1b37be6500cf778",
+    "cd15683d43031b1d3c57-38c3693b2509d8b38f0a",
+    "cd15683d43031b1d3c57-e3b8226b382f360e3ff5",
+    "cd15683d43031b1d3c57-26c5eec7707330b213cb",
+    "cd15683d43031b1d3c57-88e64d952359b2241aa1",
+    "cd15683d43031b1d3c57-19163143d90e16283c66",
+    "cd15683d43031b1d3c57-b469b6d2eb62905587d6",
+    "e290695a5d61d2f801b4-852c01f6814257ab0caf",
+    "e290695a5d61d2f801b4-ad8e9d9a19184600e8a6",
+    "e290695a5d61d2f801b4-c0717fd87d7c667a6cf9",
+    "e290695a5d61d2f801b4-25221ad16889a586af7f",
+    "e290695a5d61d2f801b4-e201b5360f974c9ed1a3",
+    "e290695a5d61d2f801b4-ef4590de61c4baa12c30",
+    "e290695a5d61d2f801b4-d6924e908a280b6534b2",
+    "e290695a5d61d2f801b4-a72083439aa31a0f7828",
+    "83db38378dec6967ecc7-4b7c96b6ec535930cbf0",
+    "83db38378dec6967ecc7-e0543ae2067513dc249a",
+    "83db38378dec6967ecc7-b1a1ce4a979387eb09ce",
+    "83db38378dec6967ecc7-5f49a288602b7f6b2cab",
+    "83db38378dec6967ecc7-677d675d42758c4e50b8",
+    "83db38378dec6967ecc7-af53747b7776b41b1a0c",
+    "1d1a8386a1f59462f82d-5f0ad91f2647cef60fcd",
+    "1d1a8386a1f59462f82d-8afd288e06b88db0065d"
+  ]
+}
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----20690-arregar-dados-da-atribuição-chromium/error-context.md b/test-results/admin-assignments-Admin----20690-arregar-dados-da-atribuição-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----20690-arregar-dados-da-atribuição-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----20690-arregar-dados-da-atribuição-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----20690-arregar-dados-da-atribuição-chromium/test-failed-1.png
new file mode 100644
index 0000000..1b319b7
Binary files /dev/null and b/test-results/admin-assignments-Admin----20690-arregar-dados-da-atribuição-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----41398-tir-modificar-datas-e-tempo-chromium/error-context.md b/test-results/admin-assignments-Admin----41398-tir-modificar-datas-e-tempo-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----41398-tir-modificar-datas-e-tempo-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----41398-tir-modificar-datas-e-tempo-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----41398-tir-modificar-datas-e-tempo-chromium/test-failed-1.png
new file mode 100644
index 0000000..12421a5
Binary files /dev/null and b/test-results/admin-assignments-Admin----41398-tir-modificar-datas-e-tempo-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----53e06-validar-campos-obrigatórios-chromium/error-context.md b/test-results/admin-assignments-Admin----53e06-validar-campos-obrigatórios-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----53e06-validar-campos-obrigatórios-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----53e06-validar-campos-obrigatórios-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----53e06-validar-campos-obrigatórios-chromium/test-failed-1.png
new file mode 100644
index 0000000..1b319b7
Binary files /dev/null and b/test-results/admin-assignments-Admin----53e06-validar-campos-obrigatórios-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----6d6da--confirmar-antes-de-excluir-chromium/error-context.md b/test-results/admin-assignments-Admin----6d6da--confirmar-antes-de-excluir-chromium/error-context.md
new file mode 100644
index 0000000..27395ae
--- /dev/null
+++ b/test-results/admin-assignments-Admin----6d6da--confirmar-antes-de-excluir-chromium/error-context.md
@@ -0,0 +1,144 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - heading "Exam Assignments" [level=1] [ref=e59]
+        - generic [ref=e60]:
+          - generic [ref=e61]:
+            - generic [ref=e62]:
+              - img [ref=e63]
+              - heading "Provas" [level=2] [ref=e65]
+            - button "Atribuir Prova" [ref=e66] [cursor=pointer]:
+              - img [ref=e67]
+              - generic [ref=e69]: Atribuir Prova
+          - generic [ref=e70]:
+            - generic [ref=e72]:
+              - generic [ref=e73]:
+                - generic [ref=e74]:
+                  - heading "Consequatur Omnis d" [level=3] [ref=e75]
+                  - generic [ref=e76]: Ativa
+                - paragraph [ref=e77]: Ipsa et aliqua Exe
+                - generic [ref=e78]:
+                  - generic [ref=e79]:
+                    - img [ref=e80]
+                    - text: "Início: 05/02/2026, 02:13"
+                  - generic [ref=e82]: "Fim: 13/02/2026, 02:13"
+                  - generic [ref=e83]: "Tempo: 73 min"
+                  - generic [ref=e84]: 0 questões
+                  - generic [ref=e85]: 273 pontos
+              - generic [ref=e86]:
+                - link "Resultados" [ref=e87] [cursor=pointer]:
+                  - /url: /dashboard/teacher/assignments/6983fcd48f0feef1306985d1/results
+                  - button "Resultados" [ref=e88]:
+                    - img [ref=e89]
+                    - generic [ref=e92]: Resultados
+                - button "Editar" [ref=e93] [cursor=pointer]:
+                  - img [ref=e94]
+                  - generic [ref=e96]: Editar
+                - button "Excluir" [active] [ref=e97] [cursor=pointer]:
+                  - img [ref=e98]
+                  - generic [ref=e100]: Excluir
+            - generic [ref=e102]:
+              - generic [ref=e103]:
+                - generic [ref=e104]:
+                  - heading "Duis harum autem vel" [level=3] [ref=e105]
+                  - generic [ref=e106]: Ativa
+                - paragraph [ref=e107]: Odio laboriosam ut
+                - generic [ref=e108]:
+                  - generic [ref=e109]:
+                    - img [ref=e110]
+                    - text: "Início: 02/02/2026, 16:38"
+                  - generic [ref=e112]: "Fim: 09/02/2026, 16:38"
+                  - generic [ref=e113]: "Tempo: 93 min"
+                  - generic [ref=e114]: 0 questões
+                  - generic [ref=e115]: 108 pontos
+              - generic [ref=e116]:
+                - link "Resultados" [ref=e117] [cursor=pointer]:
+                  - /url: /dashboard/teacher/assignments/6980d31c98ada2ebcfdeb7fa/results
+                  - button "Resultados" [ref=e118]:
+                    - img [ref=e119]
+                    - generic [ref=e122]: Resultados
+                - button "Editar" [ref=e123] [cursor=pointer]:
+                  - img [ref=e124]
+                  - generic [ref=e126]: Editar
+            - generic [ref=e128]:
+              - generic [ref=e129]:
+                - generic [ref=e130]:
+                  - heading "Duis harum autem vel" [level=3] [ref=e131]
+                  - generic [ref=e132]: Ativa
+                - paragraph [ref=e133]: Odio laboriosam ut
+                - generic [ref=e134]:
+                  - generic [ref=e135]:
+                    - img [ref=e136]
+                    - text: "Início: 31/01/2026, 04:02"
+                  - generic [ref=e138]: "Fim: 08/02/2026, 04:02"
+                  - generic [ref=e139]: "Tempo: 93 min"
+                  - generic [ref=e140]: 0 questões
+                  - generic [ref=e141]: 108 pontos
+              - generic [ref=e142]:
+                - link "Resultados" [ref=e143] [cursor=pointer]:
+                  - /url: /dashboard/teacher/assignments/697ea62a7934a871ad693bb3/results
+                  - button "Resultados" [ref=e144]:
+                    - img [ref=e145]
+                    - generic [ref=e148]: Resultados
+                - button "Editar" [ref=e149] [cursor=pointer]:
+                  - img [ref=e150]
+                  - generic [ref=e152]: Editar
+  - alert [ref=e153]
+  - button "Open Next.js Dev Tools" [ref=e159] [cursor=pointer]:
+    - img [ref=e160]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----6d6da--confirmar-antes-de-excluir-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----6d6da--confirmar-antes-de-excluir-chromium/test-failed-1.png
new file mode 100644
index 0000000..32486e6
Binary files /dev/null and b/test-results/admin-assignments-Admin----6d6da--confirmar-antes-de-excluir-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----87c6d-strar-formulário-de-criação-chromium/error-context.md b/test-results/admin-assignments-Admin----87c6d-strar-formulário-de-criação-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----87c6d-strar-formulário-de-criação-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----87c6d-strar-formulário-de-criação-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----87c6d-strar-formulário-de-criação-chromium/test-failed-1.png
new file mode 100644
index 0000000..1b319b7
Binary files /dev/null and b/test-results/admin-assignments-Admin----87c6d-strar-formulário-de-criação-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----a3739-r-botão-de-criar-atribuição-chromium/error-context.md b/test-results/admin-assignments-Admin----a3739-r-botão-de-criar-atribuição-chromium/error-context.md
new file mode 100644
index 0000000..06c5627
--- /dev/null
+++ b/test-results/admin-assignments-Admin----a3739-r-botão-de-criar-atribuição-chromium/error-context.md
@@ -0,0 +1,144 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - heading "Exam Assignments" [level=1] [ref=e59]
+        - generic [ref=e60]:
+          - generic [ref=e61]:
+            - generic [ref=e62]:
+              - img [ref=e63]
+              - heading "Provas" [level=2] [ref=e65]
+            - button "Atribuir Prova" [ref=e66] [cursor=pointer]:
+              - img [ref=e67]
+              - generic [ref=e69]: Atribuir Prova
+          - generic [ref=e70]:
+            - generic [ref=e72]:
+              - generic [ref=e73]:
+                - generic [ref=e74]:
+                  - heading "Consequatur Omnis d" [level=3] [ref=e75]
+                  - generic [ref=e76]: Ativa
+                - paragraph [ref=e77]: Ipsa et aliqua Exe
+                - generic [ref=e78]:
+                  - generic [ref=e79]:
+                    - img [ref=e80]
+                    - text: "Início: 05/02/2026, 02:13"
+                  - generic [ref=e82]: "Fim: 13/02/2026, 02:13"
+                  - generic [ref=e83]: "Tempo: 73 min"
+                  - generic [ref=e84]: 0 questões
+                  - generic [ref=e85]: 273 pontos
+              - generic [ref=e86]:
+                - link "Resultados" [ref=e87] [cursor=pointer]:
+                  - /url: /dashboard/teacher/assignments/6983fcd48f0feef1306985d1/results
+                  - button "Resultados" [ref=e88]:
+                    - img [ref=e89]
+                    - generic [ref=e92]: Resultados
+                - button "Editar" [ref=e93] [cursor=pointer]:
+                  - img [ref=e94]
+                  - generic [ref=e96]: Editar
+                - button "Excluir" [ref=e97] [cursor=pointer]:
+                  - img [ref=e98]
+                  - generic [ref=e100]: Excluir
+            - generic [ref=e102]:
+              - generic [ref=e103]:
+                - generic [ref=e104]:
+                  - heading "Duis harum autem vel" [level=3] [ref=e105]
+                  - generic [ref=e106]: Ativa
+                - paragraph [ref=e107]: Odio laboriosam ut
+                - generic [ref=e108]:
+                  - generic [ref=e109]:
+                    - img [ref=e110]
+                    - text: "Início: 02/02/2026, 16:38"
+                  - generic [ref=e112]: "Fim: 09/02/2026, 16:38"
+                  - generic [ref=e113]: "Tempo: 93 min"
+                  - generic [ref=e114]: 0 questões
+                  - generic [ref=e115]: 108 pontos
+              - generic [ref=e116]:
+                - link "Resultados" [ref=e117] [cursor=pointer]:
+                  - /url: /dashboard/teacher/assignments/6980d31c98ada2ebcfdeb7fa/results
+                  - button "Resultados" [ref=e118]:
+                    - img [ref=e119]
+                    - generic [ref=e122]: Resultados
+                - button "Editar" [ref=e123] [cursor=pointer]:
+                  - img [ref=e124]
+                  - generic [ref=e126]: Editar
+            - generic [ref=e128]:
+              - generic [ref=e129]:
+                - generic [ref=e130]:
+                  - heading "Duis harum autem vel" [level=3] [ref=e131]
+                  - generic [ref=e132]: Ativa
+                - paragraph [ref=e133]: Odio laboriosam ut
+                - generic [ref=e134]:
+                  - generic [ref=e135]:
+                    - img [ref=e136]
+                    - text: "Início: 31/01/2026, 04:02"
+                  - generic [ref=e138]: "Fim: 08/02/2026, 04:02"
+                  - generic [ref=e139]: "Tempo: 93 min"
+                  - generic [ref=e140]: 0 questões
+                  - generic [ref=e141]: 108 pontos
+              - generic [ref=e142]:
+                - link "Resultados" [ref=e143] [cursor=pointer]:
+                  - /url: /dashboard/teacher/assignments/697ea62a7934a871ad693bb3/results
+                  - button "Resultados" [ref=e144]:
+                    - img [ref=e145]
+                    - generic [ref=e148]: Resultados
+                - button "Editar" [ref=e149] [cursor=pointer]:
+                  - img [ref=e150]
+                  - generic [ref=e152]: Editar
+  - alert [ref=e153]
+  - button "Open Next.js Dev Tools" [ref=e159] [cursor=pointer]:
+    - img [ref=e160]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----a3739-r-botão-de-criar-atribuição-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----a3739-r-botão-de-criar-atribuição-chromium/test-failed-1.png
new file mode 100644
index 0000000..240f9cc
Binary files /dev/null and b/test-results/admin-assignments-Admin----a3739-r-botão-de-criar-atribuição-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----be114-e-listar-turmas-disponíveis-chromium/error-context.md b/test-results/admin-assignments-Admin----be114-e-listar-turmas-disponíveis-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----be114-e-listar-turmas-disponíveis-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----be114-e-listar-turmas-disponíveis-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----be114-e-listar-turmas-disponíveis-chromium/test-failed-1.png
new file mode 100644
index 0000000..f60f6ab
Binary files /dev/null and b/test-results/admin-assignments-Admin----be114-e-listar-turmas-disponíveis-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----c6938-fim-posterior-a-data-início-chromium/error-context.md b/test-results/admin-assignments-Admin----c6938-fim-posterior-a-data-início-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----c6938-fim-posterior-a-data-início-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----c6938-fim-posterior-a-data-início-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----c6938-fim-posterior-a-data-início-chromium/test-failed-1.png
new file mode 100644
index 0000000..9f8cf91
Binary files /dev/null and b/test-results/admin-assignments-Admin----c6938-fim-posterior-a-data-início-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----edbf2-tribuição-com-dados-válidos-chromium/error-context.md b/test-results/admin-assignments-Admin----edbf2-tribuição-com-dados-válidos-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----edbf2-tribuição-com-dados-válidos-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----edbf2-tribuição-com-dados-válidos-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----edbf2-tribuição-com-dados-válidos-chromium/test-failed-1.png
new file mode 100644
index 0000000..7f6c70c
Binary files /dev/null and b/test-results/admin-assignments-Admin----edbf2-tribuição-com-dados-válidos-chromium/test-failed-1.png differ
diff --git a/test-results/admin-assignments-Admin----fef01-dificar-turma-da-atribuição-chromium/error-context.md b/test-results/admin-assignments-Admin----fef01-dificar-turma-da-atribuição-chromium/error-context.md
new file mode 100644
index 0000000..b37c7fa
--- /dev/null
+++ b/test-results/admin-assignments-Admin----fef01-dificar-turma-da-atribuição-chromium/error-context.md
@@ -0,0 +1,29 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - generic [ref=e21]:
+    - heading "404" [level=1] [ref=e22]
+    - heading "This page could not be found." [level=2] [ref=e24]
+  - alert [ref=e25]
+  - button "Open Next.js Dev Tools" [ref=e31] [cursor=pointer]:
+    - img [ref=e32]
+```
\ No newline at end of file
diff --git a/test-results/admin-assignments-Admin----fef01-dificar-turma-da-atribuição-chromium/test-failed-1.png b/test-results/admin-assignments-Admin----fef01-dificar-turma-da-atribuição-chromium/test-failed-1.png
new file mode 100644
index 0000000..5af7630
Binary files /dev/null and b/test-results/admin-assignments-Admin----fef01-dificar-turma-da-atribuição-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-13ace-carregar-dados-da-categoria-chromium/error-context.md b/test-results/admin-categories-Admin---C-13ace-carregar-dados-da-categoria-chromium/error-context.md
new file mode 100644
index 0000000..070a01e
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-13ace-carregar-dados-da-categoria-chromium/error-context.md
@@ -0,0 +1,78 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - generic [ref=e3]:
+    - 'heading "Application error: a server-side exception has occurred while loading localhost (see the server logs for more information)." [level=2] [ref=e4]'
+    - paragraph [ref=e5]: "Digest: 2212160564"
+  - generic [active]:
+    - generic [ref=e10] [cursor=pointer]:
+      - button "Open Next.js Dev Tools" [ref=e11]:
+        - img [ref=e12]
+      - generic [ref=e15]:
+        - button "Open issues overlay" [ref=e16]:
+          - generic [ref=e17]:
+            - generic [ref=e18]: "1"
+            - generic [ref=e19]: "2"
+          - generic [ref=e20]:
+            - text: Issue
+            - generic [ref=e21]: s
+        - button "Collapse issues badge" [ref=e22]:
+          - img [ref=e23]
+    - generic [ref=e27]:
+      - generic [ref=e28]:
+        - generic [ref=e29]:
+          - navigation [ref=e30]:
+            - button "previous" [disabled] [ref=e31]:
+              - img "previous" [ref=e32]
+            - generic [ref=e34]:
+              - generic [ref=e35]: 1/
+              - text: "2"
+            - button "next" [ref=e36] [cursor=pointer]:
+              - img "next" [ref=e37]
+          - img
+        - generic [ref=e39]:
+          - link "Next.js 15.3.2 (outdated) Turbopack" [ref=e40] [cursor=pointer]:
+            - /url: https://nextjs.org/docs/messages/version-staleness
+            - img [ref=e41]
+            - generic "An outdated version detected (latest is 16.1.6), upgrade is highly recommended!" [ref=e43]: Next.js 15.3.2 (outdated)
+            - generic [ref=e44]: Turbopack
+          - img
+      - generic [ref=e45]:
+        - dialog "Console Error" [ref=e46]:
+          - generic [ref=e48]:
+            - generic [ref=e49]:
+              - generic [ref=e50]:
+                - generic [ref=e51]:
+                  - generic [ref=e52]:
+                    - generic [ref=e53]: Console Error
+                    - generic [ref=e54]: Server
+                  - generic [ref=e55]:
+                    - button "Copy Stack Trace" [ref=e56] [cursor=pointer]:
+                      - img [ref=e57]
+                    - button "No related documentation found" [disabled] [ref=e59]:
+                      - img [ref=e60]
+                    - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e62] [cursor=pointer]:
+                      - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
+                      - img [ref=e63]
+                - paragraph [ref=e72]: "CastError: Cast to ObjectId failed for value \"category-id\" (type string) at path \"_id\" for model \"Category\""
+              - generic [ref=e74]:
+                - paragraph [ref=e76]:
+                  - text: Call Stack
+                  - generic [ref=e77]: "1"
+                - generic [ref=e78]:
+                  - generic [ref=e79]: EditCategoryPage
+                  - text: <anonymous> (0:0)
+            - generic [ref=e80]:
+              - generic [ref=e81]: "1"
+              - generic [ref=e82]: "2"
+        - contentinfo [ref=e83]:
+          - region "Error feedback" [ref=e84]:
+            - paragraph [ref=e85]:
+              - link "Was this helpful?" [ref=e86] [cursor=pointer]:
+                - /url: https://nextjs.org/telemetry#error-feedback
+            - button "Mark as helpful" [ref=e87] [cursor=pointer]:
+              - img [ref=e88]
+            - button "Mark as not helpful" [ref=e91] [cursor=pointer]:
+              - img [ref=e92]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-13ace-carregar-dados-da-categoria-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-13ace-carregar-dados-da-categoria-chromium/test-failed-1.png
new file mode 100644
index 0000000..a1f8a60
Binary files /dev/null and b/test-results/admin-categories-Admin---C-13ace-carregar-dados-da-categoria-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-24d52-strar-formulário-de-criação-chromium/error-context.md b/test-results/admin-categories-Admin---C-24d52-strar-formulário-de-criação-chromium/error-context.md
new file mode 100644
index 0000000..ece3b10
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-24d52-strar-formulário-de-criação-chromium/error-context.md
@@ -0,0 +1,77 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Categoria" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie uma nova categoria de arquivos
+        - generic [ref=e66]:
+          - generic [ref=e67]:
+            - generic [ref=e68]: "Nome da Categoria:"
+            - textbox "Nome da Categoria:" [ref=e69]:
+              - /placeholder: "Ex: Documentos, Imagens, Vídeos"
+          - generic [ref=e70]:
+            - generic [ref=e71]: "Descrição:"
+            - textbox "Descrição:" [ref=e72]:
+              - /placeholder: Descrição opcional da categoria...
+          - generic [ref=e73]:
+            - button "Salvar" [ref=e74] [cursor=pointer]
+            - button "Cancelar" [ref=e75] [cursor=pointer]
+  - alert [ref=e76]
+  - button "Open Next.js Dev Tools" [ref=e82] [cursor=pointer]:
+    - img [ref=e83]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-24d52-strar-formulário-de-criação-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-24d52-strar-formulário-de-criação-chromium/test-failed-1.png
new file mode 100644
index 0000000..a9161ad
Binary files /dev/null and b/test-results/admin-categories-Admin---C-24d52-strar-formulário-de-criação-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-4cf92-ções-de-cor-para-selecionar-chromium/error-context.md b/test-results/admin-categories-Admin---C-4cf92-ções-de-cor-para-selecionar-chromium/error-context.md
new file mode 100644
index 0000000..ece3b10
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-4cf92-ções-de-cor-para-selecionar-chromium/error-context.md
@@ -0,0 +1,77 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Categoria" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie uma nova categoria de arquivos
+        - generic [ref=e66]:
+          - generic [ref=e67]:
+            - generic [ref=e68]: "Nome da Categoria:"
+            - textbox "Nome da Categoria:" [ref=e69]:
+              - /placeholder: "Ex: Documentos, Imagens, Vídeos"
+          - generic [ref=e70]:
+            - generic [ref=e71]: "Descrição:"
+            - textbox "Descrição:" [ref=e72]:
+              - /placeholder: Descrição opcional da categoria...
+          - generic [ref=e73]:
+            - button "Salvar" [ref=e74] [cursor=pointer]
+            - button "Cancelar" [ref=e75] [cursor=pointer]
+  - alert [ref=e76]
+  - button "Open Next.js Dev Tools" [ref=e82] [cursor=pointer]:
+    - img [ref=e83]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-4cf92-ções-de-cor-para-selecionar-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-4cf92-ções-de-cor-para-selecionar-chromium/test-failed-1.png
new file mode 100644
index 0000000..810533c
Binary files /dev/null and b/test-results/admin-categories-Admin---C-4cf92-ções-de-cor-para-selecionar-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-4d413--confirmar-antes-de-excluir-chromium/error-context.md b/test-results/admin-categories-Admin---C-4d413--confirmar-antes-de-excluir-chromium/error-context.md
new file mode 100644
index 0000000..08fd60c
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-4d413--confirmar-antes-de-excluir-chromium/error-context.md
@@ -0,0 +1,166 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Categorias de Arquivos" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Organize e gerencie as categorias de arquivos do sistema
+          - link "+ Adicionar Nova Categoria" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/categories/add
+            - button "+ Adicionar Nova Categoria" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Nome da Categoria Descrição Ações" [ref=e71]:
+              - columnheader "Nome da Categoria" [ref=e72]
+              - columnheader "Descrição" [ref=e73]
+              - columnheader "Ações" [ref=e74]
+          - rowgroup [ref=e75]:
+            - row "Recurso Pedagógico -" [ref=e76]:
+              - cell "Recurso Pedagógico" [ref=e77]
+              - cell "-" [ref=e78]
+              - cell [ref=e79]:
+                - generic [ref=e80]:
+                  - link "Editar" [ref=e81] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/697639688aea5ad8a3a57ca9
+                    - img [ref=e82]
+                  - button "Excluir" [active] [ref=e85] [cursor=pointer]:
+                    - img [ref=e86]
+            - row "Aulão -" [ref=e88]:
+              - cell "Aulão" [ref=e89]
+              - cell "-" [ref=e90]
+              - cell [ref=e91]:
+                - generic [ref=e92]:
+                  - link "Editar" [ref=e93] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69763c88e5ec0c836fe434c6
+                    - img [ref=e94]
+                  - button "Excluir" [ref=e97] [cursor=pointer]:
+                    - img [ref=e98]
+            - row "Encontro -" [ref=e100]:
+              - cell "Encontro" [ref=e101]
+              - cell "-" [ref=e102]
+              - cell [ref=e103]:
+                - generic [ref=e104]:
+                  - link "Editar" [ref=e105] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69763cbde5ec0c836fe434dc
+                    - img [ref=e106]
+                  - button "Excluir" [ref=e109] [cursor=pointer]:
+                    - img [ref=e110]
+            - row "Jarrod Dale -" [ref=e112]:
+              - cell "Jarrod Dale" [ref=e113]
+              - cell "-" [ref=e114]
+              - cell [ref=e115]:
+                - generic [ref=e116]:
+                  - link "Editar" [ref=e117] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/6979702dfaaa1f520930c692
+                    - img [ref=e118]
+                  - button "Excluir" [ref=e121] [cursor=pointer]:
+                    - img [ref=e122]
+            - row "Eleanor Fischer -" [ref=e124]:
+              - cell "Eleanor Fischer" [ref=e125]
+              - cell "-" [ref=e126]
+              - cell [ref=e127]:
+                - generic [ref=e128]:
+                  - link "Editar" [ref=e129] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69797036faaa1f520930c695
+                    - img [ref=e130]
+                  - button "Excluir" [ref=e133] [cursor=pointer]:
+                    - img [ref=e134]
+            - row "Angela Gamble -" [ref=e136]:
+              - cell "Angela Gamble" [ref=e137]
+              - cell "-" [ref=e138]
+              - cell [ref=e139]:
+                - generic [ref=e140]:
+                  - link "Editar" [ref=e141] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/6979708efaaa1f520930c6ae
+                    - img [ref=e142]
+                  - button "Excluir" [ref=e145] [cursor=pointer]:
+                    - img [ref=e146]
+            - row "adf -" [ref=e148]:
+              - cell "adf" [ref=e149]
+              - cell "-" [ref=e150]
+              - cell [ref=e151]:
+                - generic [ref=e152]:
+                  - link "Editar" [ref=e153] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69833af15efb7aad702d0be0
+                    - img [ref=e154]
+                  - button "Excluir" [ref=e157] [cursor=pointer]:
+                    - img [ref=e158]
+            - row "Jenette Bullockwef -" [ref=e160]:
+              - cell "Jenette Bullockwef" [ref=e161]
+              - cell "-" [ref=e162]
+              - cell [ref=e163]:
+                - generic [ref=e164]:
+                  - link "Editar" [ref=e165] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69833b125efb7aad702d0be4
+                    - img [ref=e166]
+                  - button "Excluir" [ref=e169] [cursor=pointer]:
+                    - img [ref=e170]
+            - row "Marvin Rowland -" [ref=e172]:
+              - cell "Marvin Rowland" [ref=e173]
+              - cell "-" [ref=e174]
+              - cell [ref=e175]:
+                - generic [ref=e176]:
+                  - link "Editar" [ref=e177] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/6983a98a78eff7b64fab1554
+                    - img [ref=e178]
+                  - button "Excluir" [ref=e181] [cursor=pointer]:
+                    - img [ref=e182]
+  - alert [ref=e184]
+  - button "Open Next.js Dev Tools" [ref=e190] [cursor=pointer]:
+    - img [ref=e191]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-4d413--confirmar-antes-de-excluir-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-4d413--confirmar-antes-de-excluir-chromium/test-failed-1.png
new file mode 100644
index 0000000..7b74bd4
Binary files /dev/null and b/test-results/admin-categories-Admin---C-4d413--confirmar-antes-de-excluir-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-77bc2-ve-validar-nome-obrigatório-chromium/error-context.md b/test-results/admin-categories-Admin---C-77bc2-ve-validar-nome-obrigatório-chromium/error-context.md
new file mode 100644
index 0000000..0bf2c6a
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-77bc2-ve-validar-nome-obrigatório-chromium/error-context.md
@@ -0,0 +1,77 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Categoria" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie uma nova categoria de arquivos
+        - generic [ref=e66]:
+          - generic [ref=e67]:
+            - generic [ref=e68]: "Nome da Categoria:"
+            - textbox "Nome da Categoria:" [active] [ref=e69]:
+              - /placeholder: "Ex: Documentos, Imagens, Vídeos"
+          - generic [ref=e70]:
+            - generic [ref=e71]: "Descrição:"
+            - textbox "Descrição:" [ref=e72]:
+              - /placeholder: Descrição opcional da categoria...
+          - generic [ref=e73]:
+            - button "Salvar" [ref=e74] [cursor=pointer]
+            - button "Cancelar" [ref=e75] [cursor=pointer]
+  - alert [ref=e76]
+  - button "Open Next.js Dev Tools" [ref=e82] [cursor=pointer]:
+    - img [ref=e83]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-77bc2-ve-validar-nome-obrigatório-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-77bc2-ve-validar-nome-obrigatório-chromium/test-failed-1.png
new file mode 100644
index 0000000..d0b4cfc
Binary files /dev/null and b/test-results/admin-categories-Admin---C-77bc2-ve-validar-nome-obrigatório-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-93bf2-rmitir-modificar-nome-e-cor-chromium/error-context.md b/test-results/admin-categories-Admin---C-93bf2-rmitir-modificar-nome-e-cor-chromium/error-context.md
new file mode 100644
index 0000000..070a01e
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-93bf2-rmitir-modificar-nome-e-cor-chromium/error-context.md
@@ -0,0 +1,78 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - generic [ref=e3]:
+    - 'heading "Application error: a server-side exception has occurred while loading localhost (see the server logs for more information)." [level=2] [ref=e4]'
+    - paragraph [ref=e5]: "Digest: 2212160564"
+  - generic [active]:
+    - generic [ref=e10] [cursor=pointer]:
+      - button "Open Next.js Dev Tools" [ref=e11]:
+        - img [ref=e12]
+      - generic [ref=e15]:
+        - button "Open issues overlay" [ref=e16]:
+          - generic [ref=e17]:
+            - generic [ref=e18]: "1"
+            - generic [ref=e19]: "2"
+          - generic [ref=e20]:
+            - text: Issue
+            - generic [ref=e21]: s
+        - button "Collapse issues badge" [ref=e22]:
+          - img [ref=e23]
+    - generic [ref=e27]:
+      - generic [ref=e28]:
+        - generic [ref=e29]:
+          - navigation [ref=e30]:
+            - button "previous" [disabled] [ref=e31]:
+              - img "previous" [ref=e32]
+            - generic [ref=e34]:
+              - generic [ref=e35]: 1/
+              - text: "2"
+            - button "next" [ref=e36] [cursor=pointer]:
+              - img "next" [ref=e37]
+          - img
+        - generic [ref=e39]:
+          - link "Next.js 15.3.2 (outdated) Turbopack" [ref=e40] [cursor=pointer]:
+            - /url: https://nextjs.org/docs/messages/version-staleness
+            - img [ref=e41]
+            - generic "An outdated version detected (latest is 16.1.6), upgrade is highly recommended!" [ref=e43]: Next.js 15.3.2 (outdated)
+            - generic [ref=e44]: Turbopack
+          - img
+      - generic [ref=e45]:
+        - dialog "Console Error" [ref=e46]:
+          - generic [ref=e48]:
+            - generic [ref=e49]:
+              - generic [ref=e50]:
+                - generic [ref=e51]:
+                  - generic [ref=e52]:
+                    - generic [ref=e53]: Console Error
+                    - generic [ref=e54]: Server
+                  - generic [ref=e55]:
+                    - button "Copy Stack Trace" [ref=e56] [cursor=pointer]:
+                      - img [ref=e57]
+                    - button "No related documentation found" [disabled] [ref=e59]:
+                      - img [ref=e60]
+                    - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e62] [cursor=pointer]:
+                      - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
+                      - img [ref=e63]
+                - paragraph [ref=e72]: "CastError: Cast to ObjectId failed for value \"category-id\" (type string) at path \"_id\" for model \"Category\""
+              - generic [ref=e74]:
+                - paragraph [ref=e76]:
+                  - text: Call Stack
+                  - generic [ref=e77]: "1"
+                - generic [ref=e78]:
+                  - generic [ref=e79]: EditCategoryPage
+                  - text: <anonymous> (0:0)
+            - generic [ref=e80]:
+              - generic [ref=e81]: "1"
+              - generic [ref=e82]: "2"
+        - contentinfo [ref=e83]:
+          - region "Error feedback" [ref=e84]:
+            - paragraph [ref=e85]:
+              - link "Was this helpful?" [ref=e86] [cursor=pointer]:
+                - /url: https://nextjs.org/telemetry#error-feedback
+            - button "Mark as helpful" [ref=e87] [cursor=pointer]:
+              - img [ref=e88]
+            - button "Mark as not helpful" [ref=e91] [cursor=pointer]:
+              - img [ref=e92]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-93bf2-rmitir-modificar-nome-e-cor-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-93bf2-rmitir-modificar-nome-e-cor-chromium/test-failed-1.png
new file mode 100644
index 0000000..48d2be5
Binary files /dev/null and b/test-results/admin-categories-Admin---C-93bf2-rmitir-modificar-nome-e-cor-chromium/test-failed-1.png differ
diff --git a/test-results/admin-categories-Admin---C-d6592-mostrar-lista-de-categorias-chromium/error-context.md b/test-results/admin-categories-Admin---C-d6592-mostrar-lista-de-categorias-chromium/error-context.md
new file mode 100644
index 0000000..e5af55c
--- /dev/null
+++ b/test-results/admin-categories-Admin---C-d6592-mostrar-lista-de-categorias-chromium/error-context.md
@@ -0,0 +1,166 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Categorias de Arquivos" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Organize e gerencie as categorias de arquivos do sistema
+          - link "+ Adicionar Nova Categoria" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/categories/add
+            - button "+ Adicionar Nova Categoria" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Nome da Categoria Descrição Ações" [ref=e71]:
+              - columnheader "Nome da Categoria" [ref=e72]
+              - columnheader "Descrição" [ref=e73]
+              - columnheader "Ações" [ref=e74]
+          - rowgroup [ref=e75]:
+            - row "Recurso Pedagógico -" [ref=e76]:
+              - cell "Recurso Pedagógico" [ref=e77]
+              - cell "-" [ref=e78]
+              - cell [ref=e79]:
+                - generic [ref=e80]:
+                  - link "Editar" [ref=e81] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/697639688aea5ad8a3a57ca9
+                    - img [ref=e82]
+                  - button "Excluir" [ref=e85] [cursor=pointer]:
+                    - img [ref=e86]
+            - row "Aulão -" [ref=e88]:
+              - cell "Aulão" [ref=e89]
+              - cell "-" [ref=e90]
+              - cell [ref=e91]:
+                - generic [ref=e92]:
+                  - link "Editar" [ref=e93] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69763c88e5ec0c836fe434c6
+                    - img [ref=e94]
+                  - button "Excluir" [ref=e97] [cursor=pointer]:
+                    - img [ref=e98]
+            - row "Encontro -" [ref=e100]:
+              - cell "Encontro" [ref=e101]
+              - cell "-" [ref=e102]
+              - cell [ref=e103]:
+                - generic [ref=e104]:
+                  - link "Editar" [ref=e105] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69763cbde5ec0c836fe434dc
+                    - img [ref=e106]
+                  - button "Excluir" [ref=e109] [cursor=pointer]:
+                    - img [ref=e110]
+            - row "Jarrod Dale -" [ref=e112]:
+              - cell "Jarrod Dale" [ref=e113]
+              - cell "-" [ref=e114]
+              - cell [ref=e115]:
+                - generic [ref=e116]:
+                  - link "Editar" [ref=e117] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/6979702dfaaa1f520930c692
+                    - img [ref=e118]
+                  - button "Excluir" [ref=e121] [cursor=pointer]:
+                    - img [ref=e122]
+            - row "Eleanor Fischer -" [ref=e124]:
+              - cell "Eleanor Fischer" [ref=e125]
+              - cell "-" [ref=e126]
+              - cell [ref=e127]:
+                - generic [ref=e128]:
+                  - link "Editar" [ref=e129] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69797036faaa1f520930c695
+                    - img [ref=e130]
+                  - button "Excluir" [ref=e133] [cursor=pointer]:
+                    - img [ref=e134]
+            - row "Angela Gamble -" [ref=e136]:
+              - cell "Angela Gamble" [ref=e137]
+              - cell "-" [ref=e138]
+              - cell [ref=e139]:
+                - generic [ref=e140]:
+                  - link "Editar" [ref=e141] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/6979708efaaa1f520930c6ae
+                    - img [ref=e142]
+                  - button "Excluir" [ref=e145] [cursor=pointer]:
+                    - img [ref=e146]
+            - row "adf -" [ref=e148]:
+              - cell "adf" [ref=e149]
+              - cell "-" [ref=e150]
+              - cell [ref=e151]:
+                - generic [ref=e152]:
+                  - link "Editar" [ref=e153] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69833af15efb7aad702d0be0
+                    - img [ref=e154]
+                  - button "Excluir" [ref=e157] [cursor=pointer]:
+                    - img [ref=e158]
+            - row "Jenette Bullockwef -" [ref=e160]:
+              - cell "Jenette Bullockwef" [ref=e161]
+              - cell "-" [ref=e162]
+              - cell [ref=e163]:
+                - generic [ref=e164]:
+                  - link "Editar" [ref=e165] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/69833b125efb7aad702d0be4
+                    - img [ref=e166]
+                  - button "Excluir" [ref=e169] [cursor=pointer]:
+                    - img [ref=e170]
+            - row "Marvin Rowland -" [ref=e172]:
+              - cell "Marvin Rowland" [ref=e173]
+              - cell "-" [ref=e174]
+              - cell [ref=e175]:
+                - generic [ref=e176]:
+                  - link "Editar" [ref=e177] [cursor=pointer]:
+                    - /url: /admin/dashboard/categories/edit/6983a98a78eff7b64fab1554
+                    - img [ref=e178]
+                  - button "Excluir" [ref=e181] [cursor=pointer]:
+                    - img [ref=e182]
+  - alert [ref=e184]
+  - button "Open Next.js Dev Tools" [ref=e190] [cursor=pointer]:
+    - img [ref=e191]
+```
\ No newline at end of file
diff --git a/test-results/admin-categories-Admin---C-d6592-mostrar-lista-de-categorias-chromium/test-failed-1.png b/test-results/admin-categories-Admin---C-d6592-mostrar-lista-de-categorias-chromium/test-failed-1.png
new file mode 100644
index 0000000..50e9f08
Binary files /dev/null and b/test-results/admin-categories-Admin---C-d6592-mostrar-lista-de-categorias-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----10d3e-idar-campo-nome-obrigatório-chromium/error-context.md b/test-results/admin-class-types-Admin----10d3e-idar-campo-nome-obrigatório-chromium/error-context.md
new file mode 100644
index 0000000..d71cb3c
--- /dev/null
+++ b/test-results/admin-class-types-Admin----10d3e-idar-campo-nome-obrigatório-chromium/error-context.md
@@ -0,0 +1,98 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Tipo de Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie um novo tipo de turma
+        - generic [ref=e65]:
+          - alert [ref=e67]:
+            - generic [ref=e68]:
+              - strong [ref=e69]: "Error:"
+              - generic [ref=e70]: Título e preço são campos obrigatórios...
+          - generic [ref=e71]:
+            - generic [ref=e72]:
+              - generic [ref=e73]: "Título:"
+              - textbox "Título:" [ref=e74]:
+                - /placeholder: "Ex: Aula de Gramática Avançada"
+            - generic [ref=e75]:
+              - generic [ref=e76]: "Descrição:"
+              - textbox "Descrição:" [ref=e77]:
+                - /placeholder: Detalhes sobre o conteúdo da aula...
+            - generic [ref=e78]:
+              - generic [ref=e79]: "Faixa Etária:"
+              - textbox "Faixa Etária:" [ref=e80]:
+                - /placeholder: "Ex: 8-12 anos, Adultos, etc."
+            - generic [ref=e81]:
+              - generic [ref=e82]: "Preço:"
+              - spinbutton "Preço:" [ref=e83]
+            - generic [ref=e84]:
+              - button "Salvar" [active] [ref=e85] [cursor=pointer]
+              - button "Cancelar" [ref=e86] [cursor=pointer]
+  - alert [ref=e87]
+  - generic [ref=e92] [cursor=pointer]:
+    - button "Open Next.js Dev Tools" [ref=e93]:
+      - img [ref=e94]
+    - generic [ref=e97]:
+      - button "Open issues overlay" [ref=e98]:
+        - generic [ref=e99]:
+          - generic [ref=e100]: "0"
+          - generic [ref=e101]: "1"
+        - generic [ref=e102]: Issue
+      - button "Collapse issues badge" [ref=e103]:
+        - img [ref=e104]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----10d3e-idar-campo-nome-obrigatório-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----10d3e-idar-campo-nome-obrigatório-chromium/test-failed-1.png
new file mode 100644
index 0000000..aa8be57
Binary files /dev/null and b/test-results/admin-class-types-Admin----10d3e-idar-campo-nome-obrigatório-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----1c560-otão-de-adicionar-novo-tipo-chromium/error-context.md b/test-results/admin-class-types-Admin----1c560-otão-de-adicionar-novo-tipo-chromium/error-context.md
new file mode 100644
index 0000000..0d478af
--- /dev/null
+++ b/test-results/admin-class-types-Admin----1c560-otão-de-adicionar-novo-tipo-chromium/error-context.md
@@ -0,0 +1,157 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Tipos de Turmas" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Gerencie os tipos de turmas, como 'Starters' etc.
+          - link "+ Adicionar Novo Tipo" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/classTypes/add
+            - button "+ Adicionar Novo Tipo" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Tipo de Turma Faixa Etária Preço Ações" [ref=e71]:
+              - columnheader "Tipo de Turma" [ref=e72]
+              - columnheader "Faixa Etária" [ref=e73]
+              - columnheader "Preço" [ref=e74]
+              - columnheader "Ações" [ref=e75]
+          - rowgroup [ref=e76]:
+            - row "Starters 1 8-12 50.00" [ref=e77]:
+              - cell "Starters 1" [ref=e78]
+              - cell "8-12" [ref=e79]
+              - cell "50.00" [ref=e80]:
+                - generic [ref=e81]:
+                  - img [ref=e82]
+                  - text: "50.00"
+              - cell [ref=e84]:
+                - generic [ref=e85]:
+                  - link "Adicionar Arquivo" [ref=e86] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/697572e6b41e291a99a79da8/add
+                    - img [ref=e87]
+                  - link "Ver Arquivos" [ref=e89] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/697572e6b41e291a99a79da8
+                    - img [ref=e90]
+                  - link "Editar" [ref=e95] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/697572e6b41e291a99a79da8
+                    - img [ref=e96]
+                  - button "Excluir" [ref=e99] [cursor=pointer]:
+                    - img [ref=e100]
+            - row "Starters 2 10-14 60.00" [ref=e102]:
+              - cell "Starters 2" [ref=e103]
+              - cell "10-14" [ref=e104]
+              - cell "60.00" [ref=e105]:
+                - generic [ref=e106]:
+                  - img [ref=e107]
+                  - text: "60.00"
+              - cell [ref=e109]:
+                - generic [ref=e110]:
+                  - link "Adicionar Arquivo" [ref=e111] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/69757574b41e291a99a79db8/add
+                    - img [ref=e112]
+                  - link "Ver Arquivos" [ref=e114] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/69757574b41e291a99a79db8
+                    - img [ref=e115]
+                  - link "Editar" [ref=e120] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/69757574b41e291a99a79db8
+                    - img [ref=e121]
+                  - button "Excluir" [ref=e124] [cursor=pointer]:
+                    - img [ref=e125]
+            - row "tipo turma 2 8-12 60.00" [ref=e127]:
+              - cell "tipo turma 2" [ref=e128]
+              - cell "8-12" [ref=e129]
+              - cell "60.00" [ref=e130]:
+                - generic [ref=e131]:
+                  - img [ref=e132]
+                  - text: "60.00"
+              - cell [ref=e134]:
+                - generic [ref=e135]:
+                  - link "Adicionar Arquivo" [ref=e136] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/6983a97878eff7b64fab1549/add
+                    - img [ref=e137]
+                  - link "Ver Arquivos" [ref=e139] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/6983a97878eff7b64fab1549
+                    - img [ref=e140]
+                  - link "Editar" [ref=e145] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/6983a97878eff7b64fab1549
+                    - img [ref=e146]
+                  - button "Excluir" [ref=e149] [cursor=pointer]:
+                    - img [ref=e150]
+            - row "Quibusdam velit non Eum ea assumenda vol 627.00" [ref=e152]:
+              - cell "Quibusdam velit non" [ref=e153]
+              - cell "Eum ea assumenda vol" [ref=e154]
+              - cell "627.00" [ref=e155]:
+                - generic [ref=e156]:
+                  - img [ref=e157]
+                  - text: "627.00"
+              - cell [ref=e159]:
+                - generic [ref=e160]:
+                  - link "Adicionar Arquivo" [ref=e161] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/6983a9cb78eff7b64fab1560/add
+                    - img [ref=e162]
+                  - link "Ver Arquivos" [ref=e164] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/6983a9cb78eff7b64fab1560
+                    - img [ref=e165]
+                  - link "Editar" [ref=e170] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/6983a9cb78eff7b64fab1560
+                    - img [ref=e171]
+                  - button "Excluir" [ref=e174] [cursor=pointer]:
+                    - img [ref=e175]
+  - alert [ref=e177]
+  - button "Open Next.js Dev Tools" [ref=e183] [cursor=pointer]:
+    - img [ref=e184]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----1c560-otão-de-adicionar-novo-tipo-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----1c560-otão-de-adicionar-novo-tipo-chromium/test-failed-1.png
new file mode 100644
index 0000000..3e2a5a8
Binary files /dev/null and b/test-results/admin-class-types-Admin----1c560-otão-de-adicionar-novo-tipo-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----43122-riar-tipo-com-dados-válidos-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----43122-riar-tipo-com-dados-válidos-chromium/test-failed-1.png
new file mode 100644
index 0000000..f202595
Binary files /dev/null and b/test-results/admin-class-types-Admin----43122-riar-tipo-com-dados-válidos-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----472d6-strar-formulário-de-criação-chromium/error-context.md b/test-results/admin-class-types-Admin----472d6-strar-formulário-de-criação-chromium/error-context.md
new file mode 100644
index 0000000..dbb26d9
--- /dev/null
+++ b/test-results/admin-class-types-Admin----472d6-strar-formulário-de-criação-chromium/error-context.md
@@ -0,0 +1,93 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Tipo de Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie um novo tipo de turma
+        - generic [ref=e66]:
+          - generic [ref=e67]:
+            - generic [ref=e68]: "Título:"
+            - textbox "Título:" [ref=e69]:
+              - /placeholder: "Ex: Aula de Gramática Avançada"
+          - generic [ref=e70]:
+            - generic [ref=e71]: "Descrição:"
+            - textbox "Descrição:" [ref=e72]:
+              - /placeholder: Detalhes sobre o conteúdo da aula...
+          - generic [ref=e73]:
+            - generic [ref=e74]: "Faixa Etária:"
+            - textbox "Faixa Etária:" [ref=e75]:
+              - /placeholder: "Ex: 8-12 anos, Adultos, etc."
+          - generic [ref=e76]:
+            - generic [ref=e77]: "Preço:"
+            - spinbutton "Preço:" [ref=e78]
+          - generic [ref=e79]:
+            - button "Salvar" [ref=e80] [cursor=pointer]
+            - button "Cancelar" [ref=e81] [cursor=pointer]
+  - alert [ref=e82]
+  - generic [ref=e87] [cursor=pointer]:
+    - button "Open Next.js Dev Tools" [ref=e88]:
+      - img [ref=e89]
+    - generic [ref=e92]:
+      - button "Open issues overlay" [ref=e93]:
+        - generic [ref=e94]:
+          - generic [ref=e95]: "0"
+          - generic [ref=e96]: "1"
+        - generic [ref=e97]: Issue
+      - button "Collapse issues badge" [ref=e98]:
+        - img [ref=e99]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----472d6-strar-formulário-de-criação-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----472d6-strar-formulário-de-criação-chromium/test-failed-1.png
new file mode 100644
index 0000000..f99a066
Binary files /dev/null and b/test-results/admin-class-types-Admin----472d6-strar-formulário-de-criação-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----5b605-mostrar-arquivos-vinculados-chromium/error-context.md b/test-results/admin-class-types-Admin----5b605-mostrar-arquivos-vinculados-chromium/error-context.md
new file mode 100644
index 0000000..acc9774
--- /dev/null
+++ b/test-results/admin-class-types-Admin----5b605-mostrar-arquivos-vinculados-chromium/error-context.md
@@ -0,0 +1,71 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]: Class Type not found.
+  - alert [ref=e58]
+  - generic [ref=e63] [cursor=pointer]:
+    - button "Open Next.js Dev Tools" [ref=e64]:
+      - img [ref=e65]
+    - generic [ref=e68]:
+      - button "Open issues overlay" [ref=e69]:
+        - generic [ref=e70]:
+          - generic [ref=e71]: "0"
+          - generic [ref=e72]: "1"
+        - generic [ref=e73]: Issue
+      - button "Collapse issues badge" [ref=e74]:
+        - img [ref=e75]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----5b605-mostrar-arquivos-vinculados-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----5b605-mostrar-arquivos-vinculados-chromium/test-failed-1.png
new file mode 100644
index 0000000..dd759d2
Binary files /dev/null and b/test-results/admin-class-types-Admin----5b605-mostrar-arquivos-vinculados-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----a3bae-formato-decimal-com-vírgula-chromium/error-context.md b/test-results/admin-class-types-Admin----a3bae-formato-decimal-com-vírgula-chromium/error-context.md
new file mode 100644
index 0000000..dbb26d9
--- /dev/null
+++ b/test-results/admin-class-types-Admin----a3bae-formato-decimal-com-vírgula-chromium/error-context.md
@@ -0,0 +1,93 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Tipo de Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie um novo tipo de turma
+        - generic [ref=e66]:
+          - generic [ref=e67]:
+            - generic [ref=e68]: "Título:"
+            - textbox "Título:" [ref=e69]:
+              - /placeholder: "Ex: Aula de Gramática Avançada"
+          - generic [ref=e70]:
+            - generic [ref=e71]: "Descrição:"
+            - textbox "Descrição:" [ref=e72]:
+              - /placeholder: Detalhes sobre o conteúdo da aula...
+          - generic [ref=e73]:
+            - generic [ref=e74]: "Faixa Etária:"
+            - textbox "Faixa Etária:" [ref=e75]:
+              - /placeholder: "Ex: 8-12 anos, Adultos, etc."
+          - generic [ref=e76]:
+            - generic [ref=e77]: "Preço:"
+            - spinbutton "Preço:" [ref=e78]
+          - generic [ref=e79]:
+            - button "Salvar" [ref=e80] [cursor=pointer]
+            - button "Cancelar" [ref=e81] [cursor=pointer]
+  - alert [ref=e82]
+  - generic [ref=e87] [cursor=pointer]:
+    - button "Open Next.js Dev Tools" [ref=e88]:
+      - img [ref=e89]
+    - generic [ref=e92]:
+      - button "Open issues overlay" [ref=e93]:
+        - generic [ref=e94]:
+          - generic [ref=e95]: "0"
+          - generic [ref=e96]: "1"
+        - generic [ref=e97]: Issue
+      - button "Collapse issues badge" [ref=e98]:
+        - img [ref=e99]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----a3bae-formato-decimal-com-vírgula-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----a3bae-formato-decimal-com-vírgula-chromium/test-failed-1.png
new file mode 100644
index 0000000..cd152c3
Binary files /dev/null and b/test-results/admin-class-types-Admin----a3bae-formato-decimal-com-vírgula-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----d26db-ype-deve-confirmar-exclusão-chromium/error-context.md b/test-results/admin-class-types-Admin----d26db-ype-deve-confirmar-exclusão-chromium/error-context.md
new file mode 100644
index 0000000..a88902e
--- /dev/null
+++ b/test-results/admin-class-types-Admin----d26db-ype-deve-confirmar-exclusão-chromium/error-context.md
@@ -0,0 +1,157 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Tipos de Turmas" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Gerencie os tipos de turmas, como 'Starters' etc.
+          - link "+ Adicionar Novo Tipo" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/classTypes/add
+            - button "+ Adicionar Novo Tipo" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Tipo de Turma Faixa Etária Preço Ações" [ref=e71]:
+              - columnheader "Tipo de Turma" [ref=e72]
+              - columnheader "Faixa Etária" [ref=e73]
+              - columnheader "Preço" [ref=e74]
+              - columnheader "Ações" [ref=e75]
+          - rowgroup [ref=e76]:
+            - row "Starters 1 8-12 50.00" [ref=e77]:
+              - cell "Starters 1" [ref=e78]
+              - cell "8-12" [ref=e79]
+              - cell "50.00" [ref=e80]:
+                - generic [ref=e81]:
+                  - img [ref=e82]
+                  - text: "50.00"
+              - cell [ref=e84]:
+                - generic [ref=e85]:
+                  - link "Adicionar Arquivo" [ref=e86] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/697572e6b41e291a99a79da8/add
+                    - img [ref=e87]
+                  - link "Ver Arquivos" [ref=e89] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/697572e6b41e291a99a79da8
+                    - img [ref=e90]
+                  - link "Editar" [ref=e95] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/697572e6b41e291a99a79da8
+                    - img [ref=e96]
+                  - button "Excluir" [active] [ref=e99] [cursor=pointer]:
+                    - img [ref=e100]
+            - row "Starters 2 10-14 60.00" [ref=e102]:
+              - cell "Starters 2" [ref=e103]
+              - cell "10-14" [ref=e104]
+              - cell "60.00" [ref=e105]:
+                - generic [ref=e106]:
+                  - img [ref=e107]
+                  - text: "60.00"
+              - cell [ref=e109]:
+                - generic [ref=e110]:
+                  - link "Adicionar Arquivo" [ref=e111] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/69757574b41e291a99a79db8/add
+                    - img [ref=e112]
+                  - link "Ver Arquivos" [ref=e114] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/69757574b41e291a99a79db8
+                    - img [ref=e115]
+                  - link "Editar" [ref=e120] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/69757574b41e291a99a79db8
+                    - img [ref=e121]
+                  - button "Excluir" [ref=e124] [cursor=pointer]:
+                    - img [ref=e125]
+            - row "tipo turma 2 8-12 60.00" [ref=e127]:
+              - cell "tipo turma 2" [ref=e128]
+              - cell "8-12" [ref=e129]
+              - cell "60.00" [ref=e130]:
+                - generic [ref=e131]:
+                  - img [ref=e132]
+                  - text: "60.00"
+              - cell [ref=e134]:
+                - generic [ref=e135]:
+                  - link "Adicionar Arquivo" [ref=e136] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/6983a97878eff7b64fab1549/add
+                    - img [ref=e137]
+                  - link "Ver Arquivos" [ref=e139] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/6983a97878eff7b64fab1549
+                    - img [ref=e140]
+                  - link "Editar" [ref=e145] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/6983a97878eff7b64fab1549
+                    - img [ref=e146]
+                  - button "Excluir" [ref=e149] [cursor=pointer]:
+                    - img [ref=e150]
+            - row "Quibusdam velit non Eum ea assumenda vol 627.00" [ref=e152]:
+              - cell "Quibusdam velit non" [ref=e153]
+              - cell "Eum ea assumenda vol" [ref=e154]
+              - cell "627.00" [ref=e155]:
+                - generic [ref=e156]:
+                  - img [ref=e157]
+                  - text: "627.00"
+              - cell [ref=e159]:
+                - generic [ref=e160]:
+                  - link "Adicionar Arquivo" [ref=e161] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/6983a9cb78eff7b64fab1560/add
+                    - img [ref=e162]
+                  - link "Ver Arquivos" [ref=e164] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/6983a9cb78eff7b64fab1560
+                    - img [ref=e165]
+                  - link "Editar" [ref=e170] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/6983a9cb78eff7b64fab1560
+                    - img [ref=e171]
+                  - button "Excluir" [ref=e174] [cursor=pointer]:
+                    - img [ref=e175]
+  - alert [ref=e177]
+  - button "Open Next.js Dev Tools" [ref=e183] [cursor=pointer]:
+    - img [ref=e184]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----d26db-ype-deve-confirmar-exclusão-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----d26db-ype-deve-confirmar-exclusão-chromium/test-failed-1.png
new file mode 100644
index 0000000..7aa7d01
Binary files /dev/null and b/test-results/admin-class-types-Admin----d26db-ype-deve-confirmar-exclusão-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----d41eb-ve-permitir-modificar-dados-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----d41eb-ve-permitir-modificar-dados-chromium/test-failed-1.png
new file mode 100644
index 0000000..0c8f070
Binary files /dev/null and b/test-results/admin-class-types-Admin----d41eb-ve-permitir-modificar-dados-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----e04fc-ar-lista-de-tipos-de-classe-chromium/error-context.md b/test-results/admin-class-types-Admin----e04fc-ar-lista-de-tipos-de-classe-chromium/error-context.md
new file mode 100644
index 0000000..0d478af
--- /dev/null
+++ b/test-results/admin-class-types-Admin----e04fc-ar-lista-de-tipos-de-classe-chromium/error-context.md
@@ -0,0 +1,157 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Tipos de Turmas" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Gerencie os tipos de turmas, como 'Starters' etc.
+          - link "+ Adicionar Novo Tipo" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/classTypes/add
+            - button "+ Adicionar Novo Tipo" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Tipo de Turma Faixa Etária Preço Ações" [ref=e71]:
+              - columnheader "Tipo de Turma" [ref=e72]
+              - columnheader "Faixa Etária" [ref=e73]
+              - columnheader "Preço" [ref=e74]
+              - columnheader "Ações" [ref=e75]
+          - rowgroup [ref=e76]:
+            - row "Starters 1 8-12 50.00" [ref=e77]:
+              - cell "Starters 1" [ref=e78]
+              - cell "8-12" [ref=e79]
+              - cell "50.00" [ref=e80]:
+                - generic [ref=e81]:
+                  - img [ref=e82]
+                  - text: "50.00"
+              - cell [ref=e84]:
+                - generic [ref=e85]:
+                  - link "Adicionar Arquivo" [ref=e86] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/697572e6b41e291a99a79da8/add
+                    - img [ref=e87]
+                  - link "Ver Arquivos" [ref=e89] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/697572e6b41e291a99a79da8
+                    - img [ref=e90]
+                  - link "Editar" [ref=e95] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/697572e6b41e291a99a79da8
+                    - img [ref=e96]
+                  - button "Excluir" [ref=e99] [cursor=pointer]:
+                    - img [ref=e100]
+            - row "Starters 2 10-14 60.00" [ref=e102]:
+              - cell "Starters 2" [ref=e103]
+              - cell "10-14" [ref=e104]
+              - cell "60.00" [ref=e105]:
+                - generic [ref=e106]:
+                  - img [ref=e107]
+                  - text: "60.00"
+              - cell [ref=e109]:
+                - generic [ref=e110]:
+                  - link "Adicionar Arquivo" [ref=e111] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/69757574b41e291a99a79db8/add
+                    - img [ref=e112]
+                  - link "Ver Arquivos" [ref=e114] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/69757574b41e291a99a79db8
+                    - img [ref=e115]
+                  - link "Editar" [ref=e120] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/69757574b41e291a99a79db8
+                    - img [ref=e121]
+                  - button "Excluir" [ref=e124] [cursor=pointer]:
+                    - img [ref=e125]
+            - row "tipo turma 2 8-12 60.00" [ref=e127]:
+              - cell "tipo turma 2" [ref=e128]
+              - cell "8-12" [ref=e129]
+              - cell "60.00" [ref=e130]:
+                - generic [ref=e131]:
+                  - img [ref=e132]
+                  - text: "60.00"
+              - cell [ref=e134]:
+                - generic [ref=e135]:
+                  - link "Adicionar Arquivo" [ref=e136] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/6983a97878eff7b64fab1549/add
+                    - img [ref=e137]
+                  - link "Ver Arquivos" [ref=e139] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/6983a97878eff7b64fab1549
+                    - img [ref=e140]
+                  - link "Editar" [ref=e145] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/6983a97878eff7b64fab1549
+                    - img [ref=e146]
+                  - button "Excluir" [ref=e149] [cursor=pointer]:
+                    - img [ref=e150]
+            - row "Quibusdam velit non Eum ea assumenda vol 627.00" [ref=e152]:
+              - cell "Quibusdam velit non" [ref=e153]
+              - cell "Eum ea assumenda vol" [ref=e154]
+              - cell "627.00" [ref=e155]:
+                - generic [ref=e156]:
+                  - img [ref=e157]
+                  - text: "627.00"
+              - cell [ref=e159]:
+                - generic [ref=e160]:
+                  - link "Adicionar Arquivo" [ref=e161] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/classTypes/6983a9cb78eff7b64fab1560/add
+                    - img [ref=e162]
+                  - link "Ver Arquivos" [ref=e164] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/files/6983a9cb78eff7b64fab1560
+                    - img [ref=e165]
+                  - link "Editar" [ref=e170] [cursor=pointer]:
+                    - /url: /admin/dashboard/classTypes/edit/6983a9cb78eff7b64fab1560
+                    - img [ref=e171]
+                  - button "Excluir" [ref=e174] [cursor=pointer]:
+                    - img [ref=e175]
+  - alert [ref=e177]
+  - button "Open Next.js Dev Tools" [ref=e183] [cursor=pointer]:
+    - img [ref=e184]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----e04fc-ar-lista-de-tipos-de-classe-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----e04fc-ar-lista-de-tipos-de-classe-chromium/test-failed-1.png
new file mode 100644
index 0000000..1e40ef9
Binary files /dev/null and b/test-results/admin-class-types-Admin----e04fc-ar-lista-de-tipos-de-classe-chromium/test-failed-1.png differ
diff --git a/test-results/admin-class-types-Admin----ebb1d-deve-carregar-dados-do-tipo-chromium/error-context.md b/test-results/admin-class-types-Admin----ebb1d-deve-carregar-dados-do-tipo-chromium/error-context.md
new file mode 100644
index 0000000..6bd1344
--- /dev/null
+++ b/test-results/admin-class-types-Admin----ebb1d-deve-carregar-dados-do-tipo-chromium/error-context.md
@@ -0,0 +1,98 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - generic [ref=e3]:
+    - 'heading "Application error: a server-side exception has occurred while loading localhost (see the server logs for more information)." [level=2] [ref=e4]'
+    - paragraph [ref=e5]: "Digest: 2652896046"
+  - generic [active]:
+    - generic [ref=e10] [cursor=pointer]:
+      - button "Open Next.js Dev Tools" [ref=e11]:
+        - img [ref=e12]
+      - generic [ref=e15]:
+        - button "Open issues overlay" [ref=e16]:
+          - generic [ref=e17]:
+            - generic [ref=e18]: "0"
+            - generic [ref=e19]: "1"
+          - generic [ref=e20]: Issue
+        - button "Collapse issues badge" [ref=e21]:
+          - img [ref=e22]
+    - generic [ref=e26]:
+      - generic [ref=e27]:
+        - generic [ref=e28]:
+          - navigation [ref=e29]:
+            - button "previous" [disabled] [ref=e30]:
+              - img "previous" [ref=e31]
+            - generic [ref=e33]:
+              - generic [ref=e34]: 1/
+              - text: "1"
+            - button "next" [disabled] [ref=e35]:
+              - img "next" [ref=e36]
+          - img
+        - generic [ref=e38]:
+          - link "Next.js 15.3.2 (outdated) Turbopack" [ref=e39] [cursor=pointer]:
+            - /url: https://nextjs.org/docs/messages/version-staleness
+            - img [ref=e40]
+            - generic "An outdated version detected (latest is 16.1.6), upgrade is highly recommended!" [ref=e42]: Next.js 15.3.2 (outdated)
+            - generic [ref=e43]: Turbopack
+          - img
+      - generic [ref=e44]:
+        - dialog "Runtime Error" [ref=e45]:
+          - generic [ref=e47]:
+            - generic [ref=e48]:
+              - generic [ref=e49]:
+                - generic [ref=e50]:
+                  - generic [ref=e51]:
+                    - generic [ref=e52]: Runtime Error
+                    - generic [ref=e53]: Server
+                  - generic [ref=e54]:
+                    - button "Copy Stack Trace" [ref=e55] [cursor=pointer]:
+                      - img [ref=e56]
+                    - button "No related documentation found" [disabled] [ref=e58]:
+                      - img [ref=e59]
+                    - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e61] [cursor=pointer]:
+                      - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
+                      - img [ref=e62]
+                - paragraph [ref=e71]: "TypeError: Cannot read properties of null (reading '_id')"
+              - generic [ref=e72]:
+                - generic [ref=e73]:
+                  - paragraph [ref=e75]:
+                    - img [ref=e77]
+                    - generic [ref=e80]: src/app/(protected)/admin/dashboard/classTypes/edit/[id]/page.jsx (11:29) @ EditClassTypePage
+                    - button "Open in editor" [ref=e81] [cursor=pointer]:
+                      - img [ref=e83]
+                  - generic [ref=e85]:
+                    - generic [ref=e86]: 9 | const classType = await getTypeClassAsPlainObject(id);
+                    - generic [ref=e87]: 10 |
+                    - generic [ref=e88]: "> 11 | classType._id = classType._id.toString();"
+                    - generic [ref=e89]: "| ^"
+                    - generic [ref=e90]: 12 |
+                    - generic [ref=e91]: 13 | return (
+                    - generic [ref=e92]: 14 | <div className="w-full mt-3">
+                - generic [ref=e93]:
+                  - generic [ref=e94]:
+                    - paragraph [ref=e95]:
+                      - text: Call Stack
+                      - generic [ref=e96]: "7"
+                    - button "Show 6 ignore-listed frame(s)" [ref=e97] [cursor=pointer]:
+                      - text: Show 6 ignore-listed frame(s)
+                      - img [ref=e98]
+                  - generic [ref=e100]:
+                    - generic [ref=e101]:
+                      - text: EditClassTypePage
+                      - button [ref=e102] [cursor=pointer]:
+                        - img [ref=e103]
+                    - text: src/app/(protected)/admin/dashboard/classTypes/edit/[id]/page.jsx (11:29)
+            - generic [ref=e105]:
+              - generic [ref=e106]: "1"
+              - generic [ref=e107]: "2"
+        - contentinfo [ref=e108]:
+          - region "Error feedback" [ref=e109]:
+            - paragraph [ref=e110]:
+              - link "Was this helpful?" [ref=e111] [cursor=pointer]:
+                - /url: https://nextjs.org/telemetry#error-feedback
+            - button "Mark as helpful" [ref=e112] [cursor=pointer]:
+              - img [ref=e113]
+            - button "Mark as not helpful" [ref=e116] [cursor=pointer]:
+              - img [ref=e117]
+```
\ No newline at end of file
diff --git a/test-results/admin-class-types-Admin----ebb1d-deve-carregar-dados-do-tipo-chromium/test-failed-1.png b/test-results/admin-class-types-Admin----ebb1d-deve-carregar-dados-do-tipo-chromium/test-failed-1.png
new file mode 100644
index 0000000..8d28c31
Binary files /dev/null and b/test-results/admin-class-types-Admin----ebb1d-deve-carregar-dados-do-tipo-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-06a42-r-selecionar-múltiplos-dias-chromium/error-context.md b/test-results/admin-classes-Admin---Turm-06a42-r-selecionar-múltiplos-dias-chromium/error-context.md
new file mode 100644
index 0000000..6e43d5f
--- /dev/null
+++ b/test-results/admin-classes-Admin---Turm-06a42-r-selecionar-múltiplos-dias-chromium/error-context.md
@@ -0,0 +1,150 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie uma nova turma no sistema
+        - generic [ref=e67]:
+          - heading "Nova Turma" [level=2] [ref=e69]
+          - generic [ref=e70]:
+            - generic [ref=e71]:
+              - generic [ref=e72]:
+                - generic [ref=e73]: Tipo de Classe *
+                - combobox "Tipo de Classe *" [ref=e74]:
+                  - option "Selecione..." [selected]
+                  - option "Starters 1"
+                  - option "Starters 2"
+                  - option "tipo turma 2"
+                  - option "Quibusdam velit non"
+              - generic [ref=e75]:
+                - generic [ref=e76]: Título *
+                - textbox "Título *" [ref=e77]:
+                  - /placeholder: "Ex: Starters 1 - 2025"
+              - generic [ref=e78]:
+                - generic [ref=e79]: Data de Início *
+                - textbox "Data de Início *" [ref=e80]
+              - generic [ref=e81]:
+                - text: Data de Término
+                - textbox "Data de Término" [ref=e82]
+              - generic [ref=e83]:
+                - generic [ref=e84]: Horário *
+                - textbox "Horário *" [ref=e85]
+              - generic [ref=e86]:
+                - text: Mensalidade
+                - textbox "Mensalidade" [ref=e87]:
+                  - /placeholder: "Ex: 50,00"
+              - generic [ref=e88]:
+                - text: Link (Zoom, Meet, etc.)
+                - textbox "Link (Zoom, Meet, etc.)" [ref=e89]:
+                  - /placeholder: https://...
+            - generic [ref=e90]:
+              - generic [ref=e91]: Professores *
+              - generic [ref=e92]:
+                - generic [ref=e93] [cursor=pointer]:
+                  - checkbox "RAFAEL DIAS MARTINS" [ref=e94]
+                  - generic [ref=e95]: RAFAEL DIAS MARTINS
+                - generic [ref=e96] [cursor=pointer]:
+                  - checkbox "Neville Mills" [ref=e97]
+                  - generic [ref=e98]: Neville Mills
+            - generic [ref=e99]:
+              - text: Alunos
+              - combobox [ref=e101]:
+                - option "Adicionar aluno..." [selected]
+                - option "Blair Wright"
+                - option "May Hendricks"
+                - option "Madison Zimmerman"
+                - option "Dawn Rojas"
+                - option "Drake Cantu"
+                - option "Lael May"
+                - option "Josenilton"
+            - generic [ref=e102]:
+              - generic [ref=e103]: Dias da Semana *
+              - generic [ref=e104]:
+                - generic [ref=e105] [cursor=pointer]:
+                  - checkbox "Segunda-feira" [checked] [ref=e106]
+                  - generic [ref=e107]: Segunda-feira
+                - generic [ref=e108] [cursor=pointer]:
+                  - checkbox "Terça-feira" [ref=e109]
+                  - generic [ref=e110]: Terça-feira
+                - generic [ref=e111] [cursor=pointer]:
+                  - checkbox "Quarta-feira" [checked] [ref=e112]
+                  - generic [ref=e113]: Quarta-feira
+                - generic [ref=e114] [cursor=pointer]:
+                  - checkbox "Quinta-feira" [ref=e115]
+                  - generic [ref=e116]: Quinta-feira
+                - generic [ref=e117] [cursor=pointer]:
+                  - checkbox "Sexta-feira" [checked] [active] [ref=e118]
+                  - generic [ref=e119]: Sexta-feira
+                - generic [ref=e120] [cursor=pointer]:
+                  - checkbox "Sábado" [ref=e121]
+                  - generic [ref=e122]: Sábado
+                - generic [ref=e123] [cursor=pointer]:
+                  - checkbox "Domingo" [ref=e124]
+                  - generic [ref=e125]: Domingo
+            - generic [ref=e128]:
+              - checkbox "Herdar arquivos do tipo de turma" [ref=e129]
+              - generic [ref=e130]:
+                - generic [ref=e131]: Herdar arquivos do tipo de turma
+                - paragraph [ref=e132]: Ao criar a turma, herdam-se os arquivos daquele tipo de classe.
+          - generic [ref=e133]:
+            - button "Cancelar" [ref=e134] [cursor=pointer]
+            - button "Salvar" [ref=e135] [cursor=pointer]
+  - alert [ref=e136]
+  - button "Open Next.js Dev Tools" [ref=e142] [cursor=pointer]:
+    - img [ref=e143]
+```
\ No newline at end of file
diff --git a/test-results/admin-classes-Admin---Turm-06a42-r-selecionar-múltiplos-dias-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-06a42-r-selecionar-múltiplos-dias-chromium/test-failed-1.png
new file mode 100644
index 0000000..266ede0
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-06a42-r-selecionar-múltiplos-dias-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-0958a-adicionar-alunos-via-select-chromium/error-context.md b/test-results/admin-classes-Admin---Turm-0958a-adicionar-alunos-via-select-chromium/error-context.md
new file mode 100644
index 0000000..231d776
--- /dev/null
+++ b/test-results/admin-classes-Admin---Turm-0958a-adicionar-alunos-via-select-chromium/error-context.md
@@ -0,0 +1,155 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Editar Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Atualize as informações da turma
+        - generic [ref=e67]:
+          - heading "Editar Turma" [level=2] [ref=e69]
+          - generic [ref=e70]:
+            - generic [ref=e71]:
+              - generic [ref=e72]:
+                - generic [ref=e73]: Tipo de Classe *
+                - combobox "Tipo de Classe *" [ref=e74]:
+                  - option "Selecione..."
+                  - option "Starters 1" [selected]
+                  - option "Starters 2"
+                  - option "tipo turma 2"
+                  - option "Quibusdam velit non"
+              - generic [ref=e75]:
+                - generic [ref=e76]: Título *
+                - textbox "Título *" [ref=e77]:
+                  - /placeholder: "Ex: Starters 1 - 2025"
+                  - text: Starters 1 2026-1 Grupo 1
+              - generic [ref=e78]:
+                - generic [ref=e79]: Data de Início *
+                - textbox "Data de Início *" [ref=e80]: 2026-01-01
+              - generic [ref=e81]:
+                - text: Data de Término
+                - textbox "Data de Término" [ref=e82]: 2026-02-19
+              - generic [ref=e83]:
+                - generic [ref=e84]: Horário *
+                - textbox "Horário *" [ref=e85]: 14:00
+              - generic [ref=e86]:
+                - text: Mensalidade
+                - textbox "Mensalidade" [ref=e87]:
+                  - /placeholder: "Ex: 50,00"
+                  - text: "50"
+              - generic [ref=e88]:
+                - text: Link (Zoom, Meet, etc.)
+                - textbox "Link (Zoom, Meet, etc.)" [ref=e89]:
+                  - /placeholder: https://...
+                  - text: https://gemini.google.com/app/56787e5a1b2257d7
+            - generic [ref=e90]:
+              - generic [ref=e91]: Professores *
+              - generic [ref=e92]:
+                - generic [ref=e93] [cursor=pointer]:
+                  - checkbox "RAFAEL DIAS MARTINS" [checked] [ref=e94]
+                  - generic [ref=e95]: RAFAEL DIAS MARTINS
+                - generic [ref=e96] [cursor=pointer]:
+                  - checkbox "Neville Mills" [ref=e97]
+                  - generic [ref=e98]: Neville Mills
+            - generic [ref=e99]:
+              - text: Alunos
+              - generic [ref=e100]:
+                - generic [ref=e101]:
+                  - text: Dawn Rojas
+                  - button "×" [ref=e102] [cursor=pointer]
+                - generic [ref=e103]:
+                  - text: Madison Zimmerman
+                  - button "×" [ref=e104] [cursor=pointer]
+                - generic [ref=e105]:
+                  - text: Blair Wright
+                  - button "×" [ref=e106] [cursor=pointer]
+              - combobox [ref=e108]:
+                - option "Adicionar aluno..." [selected]
+                - option "May Hendricks"
+                - option "Drake Cantu"
+                - option "Lael May"
+                - option "Josenilton"
+            - generic [ref=e109]:
+              - generic [ref=e110]: Dias da Semana *
+              - generic [ref=e111]:
+                - generic [ref=e112] [cursor=pointer]:
+                  - checkbox "Segunda-feira" [ref=e113]
+                  - generic [ref=e114]: Segunda-feira
+                - generic [ref=e115] [cursor=pointer]:
+                  - checkbox "Terça-feira" [ref=e116]
+                  - generic [ref=e117]: Terça-feira
+                - generic [ref=e118] [cursor=pointer]:
+                  - checkbox "Quarta-feira" [ref=e119]
+                  - generic [ref=e120]: Quarta-feira
+                - generic [ref=e121] [cursor=pointer]:
+                  - checkbox "Quinta-feira" [checked] [ref=e122]
+                  - generic [ref=e123]: Quinta-feira
+                - generic [ref=e124] [cursor=pointer]:
+                  - checkbox "Sexta-feira" [checked] [ref=e125]
+                  - generic [ref=e126]: Sexta-feira
+                - generic [ref=e127] [cursor=pointer]:
+                  - checkbox "Sábado" [ref=e128]
+                  - generic [ref=e129]: Sábado
+                - generic [ref=e130] [cursor=pointer]:
+                  - checkbox "Domingo" [ref=e131]
+                  - generic [ref=e132]: Domingo
+          - generic [ref=e133]:
+            - button "Cancelar" [ref=e134] [cursor=pointer]
+            - button "Salvar" [ref=e135] [cursor=pointer]
+  - alert [ref=e136]
+  - button "Open Next.js Dev Tools" [ref=e142] [cursor=pointer]:
+    - img [ref=e143]
+```
\ No newline at end of file
diff --git a/test-results/admin-classes-Admin---Turm-0958a-adicionar-alunos-via-select-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-0958a-adicionar-alunos-via-select-chromium/test-failed-1.png
new file mode 100644
index 0000000..2c47617
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-0958a-adicionar-alunos-via-select-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-32cbb-validar-campos-obrigatórios-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-32cbb-validar-campos-obrigatórios-chromium/test-failed-1.png
new file mode 100644
index 0000000..6c64b29
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-32cbb-validar-campos-obrigatórios-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-5a668-ionar-múltiplos-professores-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-5a668-ionar-múltiplos-professores-chromium/test-failed-1.png
new file mode 100644
index 0000000..f2b4a40
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-5a668-ionar-múltiplos-professores-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-60031--posterior-a-data-de-início-chromium/error-context.md b/test-results/admin-classes-Admin---Turm-60031--posterior-a-data-de-início-chromium/error-context.md
new file mode 100644
index 0000000..b526e5b
--- /dev/null
+++ b/test-results/admin-classes-Admin---Turm-60031--posterior-a-data-de-início-chromium/error-context.md
@@ -0,0 +1,150 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie uma nova turma no sistema
+        - generic [ref=e67]:
+          - heading "Nova Turma" [level=2] [ref=e69]
+          - generic [ref=e70]:
+            - generic [ref=e71]:
+              - generic [ref=e72]:
+                - generic [ref=e73]: Tipo de Classe *
+                - combobox "Tipo de Classe *" [active] [ref=e74]:
+                  - option "Selecione..." [selected]
+                  - option "Starters 1"
+                  - option "Starters 2"
+                  - option "tipo turma 2"
+                  - option "Quibusdam velit non"
+              - generic [ref=e75]:
+                - generic [ref=e76]: Título *
+                - textbox "Título *" [ref=e77]:
+                  - /placeholder: "Ex: Starters 1 - 2025"
+              - generic [ref=e78]:
+                - generic [ref=e79]: Data de Início *
+                - textbox "Data de Início *" [ref=e80]: 2025-01-10
+              - generic [ref=e81]:
+                - text: Data de Término
+                - textbox "Data de Término" [ref=e82]: 2025-01-01
+              - generic [ref=e83]:
+                - generic [ref=e84]: Horário *
+                - textbox "Horário *" [ref=e85]
+              - generic [ref=e86]:
+                - text: Mensalidade
+                - textbox "Mensalidade" [ref=e87]:
+                  - /placeholder: "Ex: 50,00"
+              - generic [ref=e88]:
+                - text: Link (Zoom, Meet, etc.)
+                - textbox "Link (Zoom, Meet, etc.)" [ref=e89]:
+                  - /placeholder: https://...
+            - generic [ref=e90]:
+              - generic [ref=e91]: Professores *
+              - generic [ref=e92]:
+                - generic [ref=e93] [cursor=pointer]:
+                  - checkbox "RAFAEL DIAS MARTINS" [ref=e94]
+                  - generic [ref=e95]: RAFAEL DIAS MARTINS
+                - generic [ref=e96] [cursor=pointer]:
+                  - checkbox "Neville Mills" [ref=e97]
+                  - generic [ref=e98]: Neville Mills
+            - generic [ref=e99]:
+              - text: Alunos
+              - combobox [ref=e101]:
+                - option "Adicionar aluno..." [selected]
+                - option "Blair Wright"
+                - option "May Hendricks"
+                - option "Madison Zimmerman"
+                - option "Dawn Rojas"
+                - option "Drake Cantu"
+                - option "Lael May"
+                - option "Josenilton"
+            - generic [ref=e102]:
+              - generic [ref=e103]: Dias da Semana *
+              - generic [ref=e104]:
+                - generic [ref=e105] [cursor=pointer]:
+                  - checkbox "Segunda-feira" [ref=e106]
+                  - generic [ref=e107]: Segunda-feira
+                - generic [ref=e108] [cursor=pointer]:
+                  - checkbox "Terça-feira" [ref=e109]
+                  - generic [ref=e110]: Terça-feira
+                - generic [ref=e111] [cursor=pointer]:
+                  - checkbox "Quarta-feira" [ref=e112]
+                  - generic [ref=e113]: Quarta-feira
+                - generic [ref=e114] [cursor=pointer]:
+                  - checkbox "Quinta-feira" [ref=e115]
+                  - generic [ref=e116]: Quinta-feira
+                - generic [ref=e117] [cursor=pointer]:
+                  - checkbox "Sexta-feira" [ref=e118]
+                  - generic [ref=e119]: Sexta-feira
+                - generic [ref=e120] [cursor=pointer]:
+                  - checkbox "Sábado" [ref=e121]
+                  - generic [ref=e122]: Sábado
+                - generic [ref=e123] [cursor=pointer]:
+                  - checkbox "Domingo" [ref=e124]
+                  - generic [ref=e125]: Domingo
+            - generic [ref=e128]:
+              - checkbox "Herdar arquivos do tipo de turma" [ref=e129]
+              - generic [ref=e130]:
+                - generic [ref=e131]: Herdar arquivos do tipo de turma
+                - paragraph [ref=e132]: Ao criar a turma, herdam-se os arquivos daquele tipo de classe.
+          - generic [ref=e133]:
+            - button "Cancelar" [ref=e134] [cursor=pointer]
+            - button "Salvar" [ref=e135] [cursor=pointer]
+  - alert [ref=e136]
+  - button "Open Next.js Dev Tools" [ref=e142] [cursor=pointer]:
+    - img [ref=e143]
+```
\ No newline at end of file
diff --git a/test-results/admin-classes-Admin---Turm-60031--posterior-a-data-de-início-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-60031--posterior-a-data-de-início-chromium/test-failed-1.png
new file mode 100644
index 0000000..12a29f4
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-60031--posterior-a-data-de-início-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-a6cba-eve-mostrar-lista-de-turmas-chromium/error-context.md b/test-results/admin-classes-Admin---Turm-a6cba-eve-mostrar-lista-de-turmas-chromium/error-context.md
new file mode 100644
index 0000000..7574118
--- /dev/null
+++ b/test-results/admin-classes-Admin---Turm-a6cba-eve-mostrar-lista-de-turmas-chromium/error-context.md
@@ -0,0 +1,135 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Turmas" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Gerencie as turmas ativas atualmente, bem como as arquivadas
+          - link "+ Adicionar Nova Turma" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/class/add
+            - button "+ Adicionar Nova Turma" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Título Professores Início Status Ações" [ref=e71]:
+              - columnheader "Título" [ref=e72]
+              - columnheader "Professores" [ref=e73]
+              - columnheader "Início" [ref=e74]
+              - columnheader "Status" [ref=e75]
+              - columnheader "Ações" [ref=e76]
+          - rowgroup [ref=e77]:
+            - row "Starters 1 2026-1 Grupo 1 RAFAEL DIAS MARTINS 31/12/2025 Ativa Excluir turma Starters 1 2026-1 Grupo 1" [ref=e78]:
+              - cell "Starters 1 2026-1 Grupo 1" [ref=e79]
+              - cell "RAFAEL DIAS MARTINS" [ref=e80]
+              - cell "31/12/2025" [ref=e81]
+              - cell "Ativa" [ref=e82]:
+                - generic [ref=e83]: Ativa
+              - cell "Excluir turma Starters 1 2026-1 Grupo 1" [ref=e84]:
+                - generic [ref=e85]:
+                  - link "Adicionar Arquivo" [ref=e86] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/class/6975e7cfb41e291a99a79ece/add
+                    - img [ref=e87]
+                  - link "Ver Arquivos" [ref=e89] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/files/6975e7cfb41e291a99a79ece
+                    - img [ref=e90]
+                  - link "Editar" [ref=e95] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/edit/6975e7cfb41e291a99a79ece
+                    - img [ref=e96]
+                  - button "Excluir turma Starters 1 2026-1 Grupo 1" [ref=e99] [cursor=pointer]:
+                    - img [ref=e100]
+            - row "Starters 1 2026-1 Grupo 2 RAFAEL DIAS MARTINS, Neville Mills 01/01/2026 Ativa Excluir turma Starters 1 2026-1 Grupo 2" [ref=e102]:
+              - cell "Starters 1 2026-1 Grupo 2" [ref=e103]
+              - cell "RAFAEL DIAS MARTINS, Neville Mills" [ref=e104]
+              - cell "01/01/2026" [ref=e105]
+              - cell "Ativa" [ref=e106]:
+                - generic [ref=e107]: Ativa
+              - cell "Excluir turma Starters 1 2026-1 Grupo 2" [ref=e108]:
+                - generic [ref=e109]:
+                  - link "Adicionar Arquivo" [ref=e110] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/class/6975ea36b41e291a99a79f26/add
+                    - img [ref=e111]
+                  - link "Ver Arquivos" [ref=e113] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/files/6975ea36b41e291a99a79f26
+                    - img [ref=e114]
+                  - link "Editar" [ref=e119] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/edit/6975ea36b41e291a99a79f26
+                    - img [ref=e120]
+                  - button "Excluir turma Starters 1 2026-1 Grupo 2" [ref=e123] [cursor=pointer]:
+                    - img [ref=e124]
+            - row "Starters 2 2026-1 Grupo 1 Neville Mills 30/12/2025 Ativa Excluir turma Starters 2 2026-1 Grupo 1" [ref=e126]:
+              - cell "Starters 2 2026-1 Grupo 1" [ref=e127]
+              - cell "Neville Mills" [ref=e128]
+              - cell "30/12/2025" [ref=e129]
+              - cell "Ativa" [ref=e130]:
+                - generic [ref=e131]: Ativa
+              - cell "Excluir turma Starters 2 2026-1 Grupo 1" [ref=e132]:
+                - generic [ref=e133]:
+                  - link "Adicionar Arquivo" [ref=e134] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/class/6975ee8bb41e291a99a79fa8/add
+                    - img [ref=e135]
+                  - link "Ver Arquivos" [ref=e137] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/files/6975ee8bb41e291a99a79fa8
+                    - img [ref=e138]
+                  - link "Editar" [ref=e143] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/edit/6975ee8bb41e291a99a79fa8
+                    - img [ref=e144]
+                  - button "Excluir turma Starters 2 2026-1 Grupo 1" [ref=e147] [cursor=pointer]:
+                    - img [ref=e148]
+  - alert [ref=e150]
+  - button "Open Next.js Dev Tools" [ref=e156] [cursor=pointer]:
+    - img [ref=e157]
+```
\ No newline at end of file
diff --git a/test-results/admin-classes-Admin---Turm-a6cba-eve-mostrar-lista-de-turmas-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-a6cba-eve-mostrar-lista-de-turmas-chromium/test-failed-1.png
new file mode 100644
index 0000000..05f8afa
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-a6cba-eve-mostrar-lista-de-turmas-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-b384d-tão-de-adicionar-nova-turma-chromium/error-context.md b/test-results/admin-classes-Admin---Turm-b384d-tão-de-adicionar-nova-turma-chromium/error-context.md
new file mode 100644
index 0000000..7574118
--- /dev/null
+++ b/test-results/admin-classes-Admin---Turm-b384d-tão-de-adicionar-nova-turma-chromium/error-context.md
@@ -0,0 +1,135 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e59]:
+          - generic [ref=e62]:
+            - heading "Gerenciar Turmas" [level=1] [ref=e63]
+            - paragraph [ref=e64]: Gerencie as turmas ativas atualmente, bem como as arquivadas
+          - link "+ Adicionar Nova Turma" [ref=e66] [cursor=pointer]:
+            - /url: /admin/dashboard/class/add
+            - button "+ Adicionar Nova Turma" [ref=e67]
+        - table [ref=e69]:
+          - rowgroup [ref=e70]:
+            - row "Título Professores Início Status Ações" [ref=e71]:
+              - columnheader "Título" [ref=e72]
+              - columnheader "Professores" [ref=e73]
+              - columnheader "Início" [ref=e74]
+              - columnheader "Status" [ref=e75]
+              - columnheader "Ações" [ref=e76]
+          - rowgroup [ref=e77]:
+            - row "Starters 1 2026-1 Grupo 1 RAFAEL DIAS MARTINS 31/12/2025 Ativa Excluir turma Starters 1 2026-1 Grupo 1" [ref=e78]:
+              - cell "Starters 1 2026-1 Grupo 1" [ref=e79]
+              - cell "RAFAEL DIAS MARTINS" [ref=e80]
+              - cell "31/12/2025" [ref=e81]
+              - cell "Ativa" [ref=e82]:
+                - generic [ref=e83]: Ativa
+              - cell "Excluir turma Starters 1 2026-1 Grupo 1" [ref=e84]:
+                - generic [ref=e85]:
+                  - link "Adicionar Arquivo" [ref=e86] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/class/6975e7cfb41e291a99a79ece/add
+                    - img [ref=e87]
+                  - link "Ver Arquivos" [ref=e89] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/files/6975e7cfb41e291a99a79ece
+                    - img [ref=e90]
+                  - link "Editar" [ref=e95] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/edit/6975e7cfb41e291a99a79ece
+                    - img [ref=e96]
+                  - button "Excluir turma Starters 1 2026-1 Grupo 1" [ref=e99] [cursor=pointer]:
+                    - img [ref=e100]
+            - row "Starters 1 2026-1 Grupo 2 RAFAEL DIAS MARTINS, Neville Mills 01/01/2026 Ativa Excluir turma Starters 1 2026-1 Grupo 2" [ref=e102]:
+              - cell "Starters 1 2026-1 Grupo 2" [ref=e103]
+              - cell "RAFAEL DIAS MARTINS, Neville Mills" [ref=e104]
+              - cell "01/01/2026" [ref=e105]
+              - cell "Ativa" [ref=e106]:
+                - generic [ref=e107]: Ativa
+              - cell "Excluir turma Starters 1 2026-1 Grupo 2" [ref=e108]:
+                - generic [ref=e109]:
+                  - link "Adicionar Arquivo" [ref=e110] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/class/6975ea36b41e291a99a79f26/add
+                    - img [ref=e111]
+                  - link "Ver Arquivos" [ref=e113] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/files/6975ea36b41e291a99a79f26
+                    - img [ref=e114]
+                  - link "Editar" [ref=e119] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/edit/6975ea36b41e291a99a79f26
+                    - img [ref=e120]
+                  - button "Excluir turma Starters 1 2026-1 Grupo 2" [ref=e123] [cursor=pointer]:
+                    - img [ref=e124]
+            - row "Starters 2 2026-1 Grupo 1 Neville Mills 30/12/2025 Ativa Excluir turma Starters 2 2026-1 Grupo 1" [ref=e126]:
+              - cell "Starters 2 2026-1 Grupo 1" [ref=e127]
+              - cell "Neville Mills" [ref=e128]
+              - cell "30/12/2025" [ref=e129]
+              - cell "Ativa" [ref=e130]:
+                - generic [ref=e131]: Ativa
+              - cell "Excluir turma Starters 2 2026-1 Grupo 1" [ref=e132]:
+                - generic [ref=e133]:
+                  - link "Adicionar Arquivo" [ref=e134] [cursor=pointer]:
+                    - /url: /admin/dashboard/files/class/6975ee8bb41e291a99a79fa8/add
+                    - img [ref=e135]
+                  - link "Ver Arquivos" [ref=e137] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/files/6975ee8bb41e291a99a79fa8
+                    - img [ref=e138]
+                  - link "Editar" [ref=e143] [cursor=pointer]:
+                    - /url: /admin/dashboard/class/edit/6975ee8bb41e291a99a79fa8
+                    - img [ref=e144]
+                  - button "Excluir turma Starters 2 2026-1 Grupo 1" [ref=e147] [cursor=pointer]:
+                    - img [ref=e148]
+  - alert [ref=e150]
+  - button "Open Next.js Dev Tools" [ref=e156] [cursor=pointer]:
+    - img [ref=e157]
+```
\ No newline at end of file
diff --git a/test-results/admin-classes-Admin---Turm-b384d-tão-de-adicionar-nova-turma-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-b384d-tão-de-adicionar-nova-turma-chromium/test-failed-1.png
new file mode 100644
index 0000000..f370ef6
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-b384d-tão-de-adicionar-nova-turma-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-b47eb-iar-turma-com-dados-válidos-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-b47eb-iar-turma-com-dados-válidos-chromium/test-failed-1.png
new file mode 100644
index 0000000..22ca36b
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-b47eb-iar-turma-com-dados-válidos-chromium/test-failed-1.png differ
diff --git a/test-results/admin-classes-Admin---Turm-d391a--deve-mostrar-todos-os-dias-chromium/error-context.md b/test-results/admin-classes-Admin---Turm-d391a--deve-mostrar-todos-os-dias-chromium/error-context.md
new file mode 100644
index 0000000..9d14494
--- /dev/null
+++ b/test-results/admin-classes-Admin---Turm-d391a--deve-mostrar-todos-os-dias-chromium/error-context.md
@@ -0,0 +1,150 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - generic [ref=e62]:
+          - heading "Adicionar Turma" [level=1] [ref=e63]
+          - paragraph [ref=e64]: Crie uma nova turma no sistema
+        - generic [ref=e67]:
+          - heading "Nova Turma" [level=2] [ref=e69]
+          - generic [ref=e70]:
+            - generic [ref=e71]:
+              - generic [ref=e72]:
+                - generic [ref=e73]: Tipo de Classe *
+                - combobox "Tipo de Classe *" [ref=e74]:
+                  - option "Selecione..." [selected]
+                  - option "Starters 1"
+                  - option "Starters 2"
+                  - option "tipo turma 2"
+                  - option "Quibusdam velit non"
+              - generic [ref=e75]:
+                - generic [ref=e76]: Título *
+                - textbox "Título *" [ref=e77]:
+                  - /placeholder: "Ex: Starters 1 - 2025"
+              - generic [ref=e78]:
+                - generic [ref=e79]: Data de Início *
+                - textbox "Data de Início *" [ref=e80]
+              - generic [ref=e81]:
+                - text: Data de Término
+                - textbox "Data de Término" [ref=e82]
+              - generic [ref=e83]:
+                - generic [ref=e84]: Horário *
+                - textbox "Horário *" [ref=e85]
+              - generic [ref=e86]:
+                - text: Mensalidade
+                - textbox "Mensalidade" [ref=e87]:
+                  - /placeholder: "Ex: 50,00"
+              - generic [ref=e88]:
+                - text: Link (Zoom, Meet, etc.)
+                - textbox "Link (Zoom, Meet, etc.)" [ref=e89]:
+                  - /placeholder: https://...
+            - generic [ref=e90]:
+              - generic [ref=e91]: Professores *
+              - generic [ref=e92]:
+                - generic [ref=e93] [cursor=pointer]:
+                  - checkbox "RAFAEL DIAS MARTINS" [ref=e94]
+                  - generic [ref=e95]: RAFAEL DIAS MARTINS
+                - generic [ref=e96] [cursor=pointer]:
+                  - checkbox "Neville Mills" [ref=e97]
+                  - generic [ref=e98]: Neville Mills
+            - generic [ref=e99]:
+              - text: Alunos
+              - combobox [ref=e101]:
+                - option "Adicionar aluno..." [selected]
+                - option "Blair Wright"
+                - option "May Hendricks"
+                - option "Madison Zimmerman"
+                - option "Dawn Rojas"
+                - option "Drake Cantu"
+                - option "Lael May"
+                - option "Josenilton"
+            - generic [ref=e102]:
+              - generic [ref=e103]: Dias da Semana *
+              - generic [ref=e104]:
+                - generic [ref=e105] [cursor=pointer]:
+                  - checkbox "Segunda-feira" [ref=e106]
+                  - generic [ref=e107]: Segunda-feira
+                - generic [ref=e108] [cursor=pointer]:
+                  - checkbox "Terça-feira" [ref=e109]
+                  - generic [ref=e110]: Terça-feira
+                - generic [ref=e111] [cursor=pointer]:
+                  - checkbox "Quarta-feira" [ref=e112]
+                  - generic [ref=e113]: Quarta-feira
+                - generic [ref=e114] [cursor=pointer]:
+                  - checkbox "Quinta-feira" [ref=e115]
+                  - generic [ref=e116]: Quinta-feira
+                - generic [ref=e117] [cursor=pointer]:
+                  - checkbox "Sexta-feira" [ref=e118]
+                  - generic [ref=e119]: Sexta-feira
+                - generic [ref=e120] [cursor=pointer]:
+                  - checkbox "Sábado" [ref=e121]
+                  - generic [ref=e122]: Sábado
+                - generic [ref=e123] [cursor=pointer]:
+                  - checkbox "Domingo" [ref=e124]
+                  - generic [ref=e125]: Domingo
+            - generic [ref=e128]:
+              - checkbox "Herdar arquivos do tipo de turma" [ref=e129]
+              - generic [ref=e130]:
+                - generic [ref=e131]: Herdar arquivos do tipo de turma
+                - paragraph [ref=e132]: Ao criar a turma, herdam-se os arquivos daquele tipo de classe.
+          - generic [ref=e133]:
+            - button "Cancelar" [ref=e134] [cursor=pointer]
+            - button "Salvar" [ref=e135] [cursor=pointer]
+  - alert [ref=e136]
+  - button "Open Next.js Dev Tools" [ref=e142] [cursor=pointer]:
+    - img [ref=e143]
+```
\ No newline at end of file
diff --git a/test-results/admin-classes-Admin---Turm-d391a--deve-mostrar-todos-os-dias-chromium/test-failed-1.png b/test-results/admin-classes-Admin---Turm-d391a--deve-mostrar-todos-os-dias-chromium/test-failed-1.png
new file mode 100644
index 0000000..d4d7831
Binary files /dev/null and b/test-results/admin-classes-Admin---Turm-d391a--deve-mostrar-todos-os-dias-chromium/test-failed-1.png differ
diff --git a/test-results/admin-exam-templates-Admin-2481c--mostrar-lista-de-templates-chromium/error-context.md b/test-results/admin-exam-templates-Admin-2481c--mostrar-lista-de-templates-chromium/error-context.md
new file mode 100644
index 0000000..1b059d2
--- /dev/null
+++ b/test-results/admin-exam-templates-Admin-2481c--mostrar-lista-de-templates-chromium/error-context.md
@@ -0,0 +1,161 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - heading "Exam Templates" [level=1] [ref=e59]
+        - generic [ref=e62]:
+          - generic [ref=e63]:
+            - generic [ref=e64]:
+              - img [ref=e66]
+              - heading "Meus Templates" [level=2] [ref=e68]
+            - button "Novo Template" [ref=e69] [cursor=pointer]:
+              - img [ref=e70]
+              - generic [ref=e72]: Novo Template
+          - generic [ref=e73]:
+            - generic [ref=e75]:
+              - generic [ref=e76]:
+                - generic [ref=e77]:
+                  - heading "Esse vel ut saepe fu" [level=3] [ref=e78]
+                  - generic [ref=e79]: Público
+                  - generic [ref=e80]: Eligendi est recusan
+                - paragraph [ref=e81]: Mollitia adipisci ma
+                - generic [ref=e82]:
+                  - generic [ref=e83]: 4 questões
+                  - generic [ref=e84]: 0 pontos
+                  - generic [ref=e85]: 50 min
+                  - generic [ref=e86]: Usado 2x
+                - generic [ref=e88]: Esse qui officia ma
+              - generic [ref=e89]:
+                - button "Duplicar" [ref=e90] [cursor=pointer]:
+                  - img [ref=e91]
+                  - generic [ref=e93]: Duplicar
+                - button "Editar" [ref=e94] [cursor=pointer]:
+                  - img [ref=e95]
+                  - generic [ref=e97]: Editar
+                - button "Excluir" [ref=e98] [cursor=pointer]:
+                  - img [ref=e99]
+                  - generic [ref=e101]: Excluir
+            - generic [ref=e103]:
+              - generic [ref=e104]:
+                - generic [ref=e105]:
+                  - heading "Duis harum autem vel" [level=3] [ref=e106]
+                  - generic [ref=e107]: Quia ex vel dolore c
+                - paragraph [ref=e108]: Odio laboriosam ut
+                - generic [ref=e109]:
+                  - generic [ref=e110]: 3 questões
+                  - generic [ref=e111]: 108 pontos
+                  - generic [ref=e112]: 93 min
+                  - generic [ref=e113]: Usado 3x
+                - generic [ref=e115]: Voluptatem nesciunt
+              - generic [ref=e116]:
+                - button "Duplicar" [ref=e117] [cursor=pointer]:
+                  - img [ref=e118]
+                  - generic [ref=e120]: Duplicar
+                - button "Editar" [ref=e121] [cursor=pointer]:
+                  - img [ref=e122]
+                  - generic [ref=e124]: Editar
+                - button "Excluir" [ref=e125] [cursor=pointer]:
+                  - img [ref=e126]
+                  - generic [ref=e128]: Excluir
+            - generic [ref=e130]:
+              - generic [ref=e131]:
+                - generic [ref=e132]:
+                  - heading "Officia enim archite" [level=3] [ref=e133]
+                  - generic [ref=e134]: Quisquam voluptatem
+                - paragraph [ref=e135]: Nihil in voluptatum
+                - generic [ref=e136]:
+                  - generic [ref=e137]: 5 questões
+                  - generic [ref=e138]: 367 pontos
+                  - generic [ref=e139]: 77 min
+                  - generic [ref=e140]: Usado 0x
+                - generic [ref=e142]: Beatae itaque esse v
+              - generic [ref=e143]:
+                - button "Duplicar" [ref=e144] [cursor=pointer]:
+                  - img [ref=e145]
+                  - generic [ref=e147]: Duplicar
+                - button "Editar" [ref=e148] [cursor=pointer]:
+                  - img [ref=e149]
+                  - generic [ref=e151]: Editar
+                - button "Excluir" [ref=e152] [cursor=pointer]:
+                  - img [ref=e153]
+                  - generic [ref=e155]: Excluir
+            - generic [ref=e157]:
+              - generic [ref=e158]:
+                - generic [ref=e159]:
+                  - heading "Consequatur Omnis d" [level=3] [ref=e160]
+                  - generic [ref=e161]: Sunt corrupti proid
+                - paragraph [ref=e162]: Ipsa et aliqua Exe
+                - generic [ref=e163]:
+                  - generic [ref=e164]: 5 questões
+                  - generic [ref=e165]: 273 pontos
+                  - generic [ref=e166]: 73 min
+                  - generic [ref=e167]: Usado 1x
+                - generic [ref=e169]: Sit facere ut ut qu
+              - generic [ref=e170]:
+                - button "Duplicar" [ref=e171] [cursor=pointer]:
+                  - img [ref=e172]
+                  - generic [ref=e174]: Duplicar
+                - button "Editar" [ref=e175] [cursor=pointer]:
+                  - img [ref=e176]
+                  - generic [ref=e178]: Editar
+                - button "Excluir" [ref=e179] [cursor=pointer]:
+                  - img [ref=e180]
+                  - generic [ref=e182]: Excluir
+  - alert [ref=e184]
+  - button "Open Next.js Dev Tools" [ref=e190] [cursor=pointer]:
+    - img [ref=e191]
+```
\ No newline at end of file
diff --git a/test-results/admin-exam-templates-Admin-2481c--mostrar-lista-de-templates-chromium/test-failed-1.png b/test-results/admin-exam-templates-Admin-2481c--mostrar-lista-de-templates-chromium/test-failed-1.png
new file mode 100644
index 0000000..04f342c
Binary files /dev/null and b/test-results/admin-exam-templates-Admin-2481c--mostrar-lista-de-templates-chromium/test-failed-1.png differ
diff --git a/test-results/admin-exam-templates-Admin-ef30d-ve-mostrar-modal-de-criação-chromium/error-context.md b/test-results/admin-exam-templates-Admin-ef30d-ve-mostrar-modal-de-criação-chromium/error-context.md
new file mode 100644
index 0000000..6622095
--- /dev/null
+++ b/test-results/admin-exam-templates-Admin-ef30d-ve-mostrar-modal-de-criação-chromium/error-context.md
@@ -0,0 +1,201 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e1]:
+  - banner [ref=e2]:
+    - navigation [ref=e3]:
+      - generic [ref=e4]:
+        - link "Inglês com ideias vivas Inglês com ideias vivas" [ref=e6] [cursor=pointer]:
+          - /url: /
+          - img "Inglês com ideias vivas" [ref=e7]
+          - generic [ref=e8]: Inglês com ideias vivas
+        - list [ref=e9]:
+          - listitem [ref=e10]:
+            - link "Home" [ref=e11] [cursor=pointer]:
+              - /url: /
+          - listitem [ref=e12]:
+            - link "Cadastro" [ref=e13] [cursor=pointer]:
+              - /url: /auth/register
+        - generic [ref=e14]:
+          - checkbox [ref=e16]
+          - link "Login" [ref=e19] [cursor=pointer]:
+            - /url: /auth/login
+  - main [ref=e20]:
+    - generic [ref=e21]:
+      - complementary [ref=e22]:
+        - navigation [ref=e23]:
+          - list [ref=e24]:
+            - listitem [ref=e25]:
+              - link "Dashboard" [ref=e26] [cursor=pointer]:
+                - /url: /admin/dashboard
+                - img [ref=e27]
+                - generic [ref=e29]: Dashboard
+            - listitem [ref=e30]:
+              - link "Gerenciar Tipos de Turma" [ref=e31] [cursor=pointer]:
+                - /url: /admin/dashboard/classTypes
+                - img [ref=e32]
+                - generic [ref=e34]: Gerenciar Tipos de Turma
+            - listitem [ref=e35]:
+              - link "Gerenciar Turmas" [ref=e36] [cursor=pointer]:
+                - /url: /admin/dashboard/class
+                - img [ref=e37]
+                - generic [ref=e39]: Gerenciar Turmas
+            - listitem [ref=e40]:
+              - link "Gerenciar Usuários & Papéis" [ref=e41] [cursor=pointer]:
+                - /url: /admin/dashboard/users
+                - img [ref=e42]
+                - generic [ref=e44]: Gerenciar Usuários & Papéis
+            - listitem [ref=e45]:
+              - link "Gerenciar Pagamentos" [ref=e46] [cursor=pointer]:
+                - /url: /admin/dashboard/payments
+                - img [ref=e47]
+                - generic [ref=e49]: Gerenciar Pagamentos
+            - listitem [ref=e50]:
+              - link "Gerenciar Provas" [ref=e51] [cursor=pointer]:
+                - /url: /admin/dashboard/exams
+                - img [ref=e52]
+                - generic [ref=e54]: Gerenciar Provas
+      - generic [ref=e57]:
+        - heading "Exam Templates" [level=1] [ref=e59]
+        - generic [ref=e60]:
+          - generic [ref=e62]:
+            - generic [ref=e63]:
+              - generic [ref=e64]:
+                - img [ref=e66]
+                - heading "Meus Templates" [level=2] [ref=e68]
+              - button "Novo Template" [active] [ref=e69] [cursor=pointer]:
+                - img [ref=e70]
+                - generic [ref=e72]: Novo Template
+            - generic [ref=e73]:
+              - generic [ref=e75]:
+                - generic [ref=e76]:
+                  - generic [ref=e77]:
+                    - heading "Esse vel ut saepe fu" [level=3] [ref=e78]
+                    - generic [ref=e79]: Público
+                    - generic [ref=e80]: Eligendi est recusan
+                  - paragraph [ref=e81]: Mollitia adipisci ma
+                  - generic [ref=e82]:
+                    - generic [ref=e83]: 4 questões
+                    - generic [ref=e84]: 0 pontos
+                    - generic [ref=e85]: 50 min
+                    - generic [ref=e86]: Usado 2x
+                  - generic [ref=e88]: Esse qui officia ma
+                - generic [ref=e89]:
+                  - button "Duplicar" [ref=e90] [cursor=pointer]:
+                    - img [ref=e91]
+                    - generic [ref=e93]: Duplicar
+                  - button "Editar" [ref=e94] [cursor=pointer]:
+                    - img [ref=e95]
+                    - generic [ref=e97]: Editar
+                  - button "Excluir" [ref=e98] [cursor=pointer]:
+                    - img [ref=e99]
+                    - generic [ref=e101]: Excluir
+              - generic [ref=e103]:
+                - generic [ref=e104]:
+                  - generic [ref=e105]:
+                    - heading "Duis harum autem vel" [level=3] [ref=e106]
+                    - generic [ref=e107]: Quia ex vel dolore c
+                  - paragraph [ref=e108]: Odio laboriosam ut
+                  - generic [ref=e109]:
+                    - generic [ref=e110]: 3 questões
+                    - generic [ref=e111]: 108 pontos
+                    - generic [ref=e112]: 93 min
+                    - generic [ref=e113]: Usado 3x
+                  - generic [ref=e115]: Voluptatem nesciunt
+                - generic [ref=e116]:
+                  - button "Duplicar" [ref=e117] [cursor=pointer]:
+                    - img [ref=e118]
+                    - generic [ref=e120]: Duplicar
+                  - button "Editar" [ref=e121] [cursor=pointer]:
+                    - img [ref=e122]
+                    - generic [ref=e124]: Editar
+                  - button "Excluir" [ref=e125] [cursor=pointer]:
+                    - img [ref=e126]
+                    - generic [ref=e128]: Excluir
+              - generic [ref=e130]:
+                - generic [ref=e131]:
+                  - generic [ref=e132]:
+                    - heading "Officia enim archite" [level=3] [ref=e133]
+                    - generic [ref=e134]: Quisquam voluptatem
+                  - paragraph [ref=e135]: Nihil in voluptatum
+                  - generic [ref=e136]:
+                    - generic [ref=e137]: 5 questões
+                    - generic [ref=e138]: 367 pontos
+                    - generic [ref=e139]: 77 min
+                    - generic [ref=e140]: Usado 0x
+                  - generic [ref=e142]: Beatae itaque esse v
+                - generic [ref=e143]:
+                  - button "Duplicar" [ref=e144] [cursor=pointer]:
+                    - img [ref=e145]
+                    - generic [ref=e147]: Duplicar
+                  - button "Editar" [ref=e148] [cursor=pointer]:
+                    - img [ref=e149]
+                    - generic [ref=e151]: Editar
+                  - button "Excluir" [ref=e152] [cursor=pointer]:
+                    - img [ref=e153]
+                    - generic [ref=e155]: Excluir
+              - generic [ref=e157]:
+                - generic [ref=e158]:
+                  - generic [ref=e159]:
+                    - heading "Consequatur Omnis d" [level=3] [ref=e160]
+                    - generic [ref=e161]: Sunt corrupti proid
+                  - paragraph [ref=e162]: Ipsa et aliqua Exe
+                  - generic [ref=e163]:
+                    - generic [ref=e164]: 5 questões
+                    - generic [ref=e165]: 273 pontos
+                    - generic [ref=e166]: 73 min
+                    - generic [ref=e167]: Usado 1x
+                  - generic [ref=e169]: Sit facere ut ut qu
+                - generic [ref=e170]:
+                  - button "Duplicar" [ref=e171] [cursor=pointer]:
+                    - img [ref=e172]
+                    - generic [ref=e174]: Duplicar
+                  - button "Editar" [ref=e175] [cursor=pointer]:
+                    - img [ref=e176]
+                    - generic [ref=e178]: Editar
+                  - button "Excluir" [ref=e179] [cursor=pointer]:
+                    - img [ref=e180]
+                    - generic [ref=e182]: Excluir
+          - generic [ref=e185]:
+            - generic [ref=e186]:
+              - heading "Novo Template de Prova" [level=2] [ref=e187]
+              - button [ref=e188] [cursor=pointer]:
+                - img [ref=e189]
+            - generic [ref=e191]:
+              - generic [ref=e192]:
+                - generic [ref=e193]:
+                  - generic [ref=e194]: Título do Template *
+                  - 'textbox "Ex: Prova de Inglês - Unidade 1" [ref=e195]'
+                - generic [ref=e196]:
+                  - generic [ref=e197]: Descrição
+                  - textbox "Breve descrição do template..." [ref=e198]
+                - generic [ref=e199]:
+                  - generic [ref=e200]: Instruções para os alunos
+                  - textbox "Leia atentamente todas as questões antes de responder..." [ref=e201]
+                - generic [ref=e202]:
+                  - generic [ref=e203]:
+                    - generic [ref=e204]: Tempo Limite (minutos)
+                    - spinbutton [ref=e205]
+                  - generic [ref=e206]:
+                    - generic [ref=e207]: Categoria
+                    - 'textbox "Ex: Inglês, Matemática" [ref=e208]'
+                  - generic [ref=e209]:
+                    - generic [ref=e210]: Tags (separadas por vírgula)
+                    - 'textbox "Ex: básico, revisão" [ref=e211]'
+                - generic [ref=e212]:
+                  - checkbox "Tornar público (outros professores podem usar)" [ref=e213]
+                  - generic [ref=e214]: Tornar público (outros professores podem usar)
+              - generic [ref=e215]:
+                - generic [ref=e216]:
+                  - heading "Questões" [level=3] [ref=e217]
+                  - button "Adicionar Questão" [ref=e218] [cursor=pointer]:
+                    - img [ref=e219]
+                    - text: Adicionar Questão
+                - generic [ref=e221]: Nenhuma questão adicionada ainda.
+            - generic [ref=e222]:
+              - button "Cancelar" [ref=e223] [cursor=pointer]
+              - button "Criar Template" [ref=e224] [cursor=pointer]
+  - alert [ref=e225]
+  - button "Open Next.js Dev Tools" [ref=e231] [cursor=pointer]:
+    - img [ref=e232]
+```
\ No newline at end of file
diff --git a/test-results/admin-exam-templates-Admin-ef30d-ve-mostrar-modal-de-criação-chromium/test-failed-1.png b/test-results/admin-exam-templates-Admin-ef30d-ve-mostrar-modal-de-criação-chromium/test-failed-1.png
new file mode 100644
index 0000000..d3d8482
Binary files /dev/null and b/test-results/admin-exam-templates-Admin-ef30d-ve-mostrar-modal-de-criação-chromium/test-failed-1.png differ
diff --git a/test-results/admin-exam-templates-Admin-f5a56-ate-deve-ter-campos-básicos-chromium/test-failed-1.png b/test-results/admin-exam-templates-Admin-f5a56-ate-deve-ter-campos-básicos-chromium/test-failed-1.png
new file mode 100644
index 0000000..04f342c
Binary files /dev/null and b/test-results/admin-exam-templates-Admin-f5a56-ate-deve-ter-campos-básicos-chromium/test-failed-1.png differ
diff --git a/tests/README.md b/tests/README.md
new file mode 100644
index 0000000..7d256ce
--- /dev/null
+++ b/tests/README.md
@@ -0,0 +1,229 @@
+# Suite de Testes E2E - Course Platform
+
+Esta suite utiliza **Playwright** para testes end-to-end da aplicação.
+
+## 📋 Estrutura dos Testes
+
+```
+tests/
+├── e2e/
+│   ├── auth/
+│   │   ├── login.spec.ts           # Login e autenticação
+│   │   └── register.spec.ts         # Cadastro e seleção de role
+│   ├── admin/
+│   │   ├── classes.spec.ts          # Gestão de turmas
+│   │   └── payments.spec.ts         # Pagamentos e obrigações
+│   ├── guardian/
+│   │   └── wards.spec.ts            # Alunos vinculados (wards)
+│   ├── student/
+│   │   └── exams.spec.ts            # Provas e avaliações
+│   ├── ui/
+│   │   └── theme-and-responsive.spec.ts  # Tema, responsividade, modais
+│   └── error-cases.spec.ts          # Casos de erro importantes
+└── helpers.ts                       # Utilidades e fixtures
+```
+
+## 🚀 Comandos Disponíveis
+
+```bash
+# Instalar navegadores do Playwright
+npx playwright install
+
+# Instalar apenas Chromium (mais rápido)
+npx playwright install chromium
+
+# Executar todos os testes
+npm test
+
+# Executar com interface visual
+npm run test:ui
+
+# Executar em modo headed (ver navegador)
+npm run test:headed
+
+# Executar em modo debug
+npm run test:debug
+
+# Ver relatório HTML
+npm run test:report
+
+# Executar testes específicos
+npm test -- tests/e2e/auth/login.spec.ts
+
+# Executar em navegador específico
+npm test --project=chromium
+npm test --project=firefox
+npm test --project=webkit
+
+# Executar em mobile
+npm test --project="Mobile Chrome"
+npm test --project="Mobile Safari"
+```
+
+## 📁 Cenários de Teste Cobertos
+
+### 1. Autenticação
+- ✅ Login com credenciais válidas/inválidas
+- ✅ Redirecionamento para login em rotas protegidas
+- ✅ Cadastro com validações
+- ✅ Navbar muda estado conforme autenticação
+- ✅ Dispatcher (múltiplos roles)
+
+### 2. Wards (Alunos vinculados a Responsáveis)
+- ✅ Cadastro de ward por responsável
+- ✅ Validação de email duplicado
+- ✅ Visualização de lista de wards
+- ✅ Acesso a detalhes de ward
+
+### 3. Admin - Turmas
+- ✅ Listagem e busca
+- ✅ Criação com validações
+- ✅ Edição (professores, alunos, dias)
+- ✅ Validação de datas
+- ✅ Checkboxes de professores e dias da semana
+
+### 4. Admin - Pagamentos
+- ✅ Visualização por turma
+- ✅ Expansão/colapso
+- ✅ Filtros de status
+- ✅ Aprovação/rejeição
+- ✅ Modal de comprovante
+
+### 5. Aluno - Provas
+- ✅ Lista de provas disponíveis
+- ✅ Fazer prova
+- ✅ Timer de contagem regressiva
+- ✅ Submissão
+- ✅ Resultados
+
+### 6. UI/UX
+- ✅ Tema claro/escuro
+- ✅ Responsividade (mobile, tablet)
+- ✅ Modais
+- ✅ Hover states
+- ✅ Loading states
+
+### 7. Casos de Erro
+- ✅ Acesso não autorizado
+- ✅ Validações de formulário
+- � Email duplicado
+- ✅ Data inválida
+- ✅ Provas após prazo
+- ✅ Submissão duplicada
+
+## ⚠️ Testes Marcados com TODO
+
+Alguns testes estão marcados com `// TODO:` porque dependem de:
+
+1. **Dados de teste no banco de dados**
+   - Criar usuários de teste (admin, teacher, student, guardian)
+   - Criar turmas, categorias, templates de prova
+   - Criar obrigações e pagamentos
+
+2. **Implementação de funcionalidades**
+   - Algumas validações podem não estar implementadas ainda
+
+## 🛠️ Como Configurar Dados de Teste
+
+### Opção 1: Script de Seed
+
+Crie um script em `scripts/seed-tests.ts` que popula o banco com dados de teste:
+
+```typescript
+import { getUserModel } from "@/app/models/User";
+import bcrypt from "bcryptjs";
+
+const testUsers = [
+  {
+    email: "admin@teste.com",
+    password: await bcrypt.hash("123456", 10),
+    fullName: "Admin Teste",
+    roles: ["admin"],
+  },
+  // ... outros usuários
+];
+
+export async function seedTestData() {
+  const User = await getUserModel();
+  await User.deleteMany({ email: { $in: testUsers.map(u => u.email) } });
+  await User.create(testUsers);
+}
+```
+
+### Opção 2: Fixtures do Playwright
+
+Use o `beforeEach` para criar dados necessários para cada teste:
+
+```typescript
+test.beforeEach(async ({ page }) => {
+  // Criar usuário via API
+  await page.request.post('/api/test/users', {
+    data: { email: 'temp@teste.com', password: '123456' }
+  });
+});
+```
+
+## 📊 Relatórios
+
+Após executar os testes, o relatório HTML é gerado em:
+
+```
+playwright-report/
+└── index.html
+```
+
+Abra com:
+```bash
+npm run test:report
+# ou
+npx playwright show-report
+```
+
+## 🔧 Configuração
+
+Arquivo de configuração: `playwright.config.ts`
+
+Configurações principais:
+- **baseURL**: `http://localhost:3000`
+- **testDir**: `./tests/e2e`
+- **webServer**: Inicia o dev server automaticamente
+
+## 📝 Convenções
+
+1. **Nome de testes**: Escreva em português, descrevendo o comportamento
+   ```typescript
+   test('deve mostrar erro com email inválido', async ({ page }) => {
+   ```
+
+2. **Selectores**: Prefira seletores acessíveis
+   ```typescript
+   page.getByLabel(/email/i)
+   page.getByRole('button', { name: /salvar/i })
+   ```
+
+3. **Esperas**: Seja específico
+   ```typescript
+   await expect(page).toHaveURL(/\/admin\/dashboard/);
+   await expect(page.getByText(/sucesso/i)).toBeVisible();
+   ```
+
+4. **TODOs**: Marque testes que dependem de implementação futura
+   ```typescript
+   // TODO: Implementar após login
+   ```
+
+## 🐛 Debug
+
+Execute um teste específico em modo debug:
+
+```bash
+npx playwright test --debug tests/e2e/auth/login.spec.ts
+```
+
+Isso abre o Playwright Inspector para inspecionar elementos e ver o que está acontecendo.
+
+## 📚 Recursos
+
+- [Playwright Documentation](https://playwright.dev)
+- [Playwright Best Practices](https://playwright.dev/docs/best-practices)
+- [Selectors Guide](https://playwright.dev/docs/selectors)
diff --git a/tests/e2e teacher/grading.spec.js b/tests/e2e teacher/grading.spec.js
new file mode 100644
index 0000000..65c0305
--- /dev/null
+++ b/tests/e2e teacher/grading.spec.js	
@@ -0,0 +1,325 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Professor - Correção de Provas', () => {
+  // TODO: Fazer login como professor
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('teacher@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher|\/dashboard\/teacher/);
+  // });
+
+  test.describe('Lista de Provas da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve mostrar provas atribuídas à turma', async ({ page }) => {
+      const assignmentList = page.locator('[data-testid="assignment-list"]');
+      if (await assignmentList.isVisible()) {
+        await expect(assignmentList.getByText(/prova/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar status da prova', async ({ page }) => {
+      const assignmentList = page.locator('[data-testid="assignment-list"]');
+      if (await assignmentList.isVisible()) {
+        // Status: pendente, em andamento, concluída
+        const statusBadge = assignmentList.locator('[data-testid="status-label"]').first();
+        if (await statusBadge.isVisible()) {
+          await expect(statusBadge).toBeVisible();
+        }
+      }
+    });
+
+    test('deve mostrar número de alunos que fizeram a prova', async ({ page }) => {
+      const assignmentList = page.locator('[data-testid="assignment-list"]');
+      if (await assignmentList.isVisible()) {
+        const progressText = assignmentList.getByText(/\d+\/\d+/i).first();
+        if (await progressText.isVisible()) {
+          await expect(progressText).toBeVisible();
+        }
+      }
+    });
+
+    test('deve ter botão de ver resultados', async ({ page }) => {
+      const assignmentCard = page.locator('[data-testid="assignment-card"]').first();
+      if (await assignmentCard.isVisible()) {
+        const resultsButton = assignmentCard.getByRole('link', { name: /resultados|correções/i });
+        if (await resultsButton.isVisible()) {
+          await expect(resultsButton).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Página de Resultados da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Navegar para resultados de uma turma específica
+      await page.goto('/dashboard/teacher/class/class-id/results');
+    });
+
+    test('deve mostrar lista de tentativas', async ({ page }) => {
+      await expect(page.getByText(/tentativas|resultados/i)).toBeVisible();
+      await expect(page.locator('table')).toBeVisible();
+    });
+
+    test('deve mostrar aluno, prova, nota e status', async ({ page }) => {
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        await expect(table.getByText(/aluno|student/i)).toBeVisible();
+        await expect(table.getByText(/prova|template/i)).toBeVisible();
+        await expect(table.getByText(/nota|score/i)).toBeVisible();
+        await expect(table.getByText(/status/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar badge de status de correção', async ({ page }) => {
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        const statusCell = table.locator('tbody tr td').last();
+        if (await statusCell.isVisible()) {
+          // Status: pending, partially_graded, fully_graded
+          const label = statusCell.locator('[data-testid="label"], .label').first();
+          if (await label.isVisible()) {
+            const classes = await label.getAttribute('class') || '';
+            expect(classes).toMatch(/label-(gray|amber|emerald)/);
+          }
+        }
+      }
+    });
+  });
+
+  test.describe('Corrigir Prova - Modal', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id/results');
+
+      // Abrir modal de correção
+      const gradeButton = page.getByRole('button', { name: /corrigir|grade/i }).first();
+      if (await gradeButton.isVisible()) {
+        await gradeButton.click();
+      }
+    });
+
+    test('deve abrir modal com detalhes da tentativa', async ({ page }) => {
+      await expect(page.locator('.fixed.inset-0')).toBeVisible();
+      await expect(page.getByText(/correção|grading/i)).toBeVisible();
+    });
+
+    test('deve mostrar informações do aluno', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        await expect(page.getByText(/aluno|student/i)).toBeVisible();
+
+        // Deve mostrar data de envio
+        await expect(page.getByText(/\d{2}\/\d{2}\/\d{4}/)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar questões da prova', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const questions = page.locator('[data-testid="question-card"]');
+        const count = await questions.count();
+
+        if (count > 0) {
+          // Primeira questão deve ter enunciado
+          await expect(questions.nth(0).getByPlaceholder(/enunciado|questão/i)).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Corrigir Questão Textual', () => {
+    test.beforeEach(async ({ page }) => {
+      // Abrir modal de correção com questão textual
+      // await page.goto('/dashboard/teacher/class/class-id/results');
+      // await page.getByRole('button', { name: /corrigir/i }).click();
+    });
+
+    test('deve mostrar resposta do aluno', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const textQuestion = page.locator('[data-testid="text-question"]').first();
+        if (await textQuestion.isVisible()) {
+          await expect(textQuestion.getByPlaceholder(/resposta/i)).not.toBeEmpty();
+        }
+      }
+    });
+
+    test('deve permitir dar pontos parciais', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const textQuestion = page.locator('[data-testid="text-question"]').first();
+        if (await textQuestion.isVisible()) {
+          const pointsInput = textQuestion.getByRole('spinbutton', { name: /pontos/i });
+          if (await pointsInput.isVisible()) {
+            await pointsInput.fill('3.5');
+
+            const value = await pointsInput.inputValue();
+            expect(value).toBe('3.5');
+          }
+        }
+      }
+    });
+
+    test('deve ter campo de feedback', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const textQuestion = page.locator('[data-testid="text-question"]').first();
+        if (await textQuestion.isVisible()) {
+          const feedbackInput = textQuestion.getByPlaceholder(/feedback|comentário/i);
+          if (await feedbackInput.isVisible()) {
+            await feedbackInput.fill('Bom trabalho, mas pode melhorar a gramática.');
+
+            await expect(feedbackInput).toHaveValue(/gramática/i);
+          }
+        }
+      }
+    });
+  });
+
+  test.describe('Questões de Múltipla Escolha', () => {
+    test('deve mostrar resposta selecionada pelo aluno', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const mcQuestion = page.locator('[data-testid="mc-question"]').first();
+        if (await mcQuestion.isVisible()) {
+          // Opção correta deve estar marcada
+          const correctOption = mcQuestion.locator('[data-testid="correct-option"]').first();
+          if (await correctOption.isVisible()) {
+            await expect(correctOption).toBeVisible();
+          }
+
+          // Opção errada deve estar marcada se o aluno errou
+          const wrongOption = mcQuestion.locator('[data-testid="wrong-option"]').first();
+          if (await wrongOption.isVisible()) {
+            await expect(wrongOption).toBeVisible();
+          }
+        }
+      }
+    });
+
+    test('deve mostrar opção correta', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const mcQuestion = page.locator('[data-testid="mc-question"]').first();
+        if (await mcQuestion.isVisible()) {
+          const correctOption = mcQuestion.locator('[data-testid="correct-option"]').first();
+          if (await correctOption.isVisible()) {
+            await expect(correctOption.getByText(/correta/i)).toBeVisible();
+          }
+        }
+      }
+    });
+
+    test('não deve permitir modificar correção automática', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        const mcQuestion = page.locator('[data-testid="mc-question"]').first();
+        if (await mcQuestion.isVisible()) {
+          // Opções devem ser readonly
+          const options = mcQuestion.locator('input[type="radio"]');
+          const count = await options.count();
+
+          for (let i = 0; i < count; i++) {
+            await expect(options.nth(i)).toBeDisabled();
+          }
+        }
+      }
+    });
+  });
+
+  test.describe('Salvar Correção', () => {
+    test.beforeEach(async ({ page }) => {
+      // Abrir modal de correção
+      // await page.goto('/dashboard/teacher/class/class-id/results');
+      // await page.getByRole('button', { name: /corrigir/i }).first().click();
+    });
+
+    test('deve calcular nota total automaticamente', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        // Deve mostrar nota total calculada
+        const totalScore = page.getByText(/nota total|total score/i);
+        if (await totalScore.isVisible()) {
+          await expect(totalScore).toBeVisible();
+        }
+      }
+    });
+
+    test('deve salvar correção com sucesso', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        await page.getByRole('button', { name: /salvar|concluir/i }).click();
+
+        // Deve fechar modal
+        await expect(page.locator('.fixed.inset-0')).not.toBeVisible({ timeout: 5000 });
+
+        // Deve mostrar mensagem de sucesso ou atualizar status
+        // await expect(page.getByText(/correção salva|sucesso/i)).toBeVisible();
+      }
+    });
+
+    test('deve atualizar status para "corrigido"', async ({ page }) => {
+      // TODO: Implementar fluxo completo
+      // 1. Abrir correção
+      // 2. Salvar
+      // 3. Verificar se status mudou na lista
+    });
+  });
+
+  test.describe('Correção Parcial', () => {
+    test('deve indicar provas parcialmente corrigidas', async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id/results');
+
+      // Deve ter badges para: pending, partially_graded, fully_graded
+      const partialBadge = page.locator('[data-testid="status-label"]')
+        .filter({ hasText: /parcial/i });
+
+      const count = await partialBadge.count();
+      expect(count).toBeGreaterThanOrEqual(0);
+    });
+
+    test('deve mostrar ícone de pendência para questões não corrigidas', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        // Questões textuais sem correção devem ter indicador
+        const ungradedQuestions = page.locator('[data-testid="needs-grading"]');
+        const count = await ungradedQuestions.count();
+
+        if (count > 0) {
+          await expect(ungradedQuestions.nth(0).getByText(/pendente|corrigir/i)).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Cancelar Correção', () => {
+    test('deve ter botão de cancelar', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        await expect(page.getByRole('button', { name: /cancelar/i })).toBeVisible();
+      }
+    });
+
+    test('deve fechar modal sem salvar ao cancelar', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        await page.getByRole('button', { name: /cancelar/i }).click();
+
+        await expect(page.locator('.fixed.inset-0').not.toBeVisible();
+      }
+    });
+
+    test('deve perder alterações não salvas', async ({ page }) => {
+      if (await page.locator('.fixed.inset-0').isVisible()) {
+        // Fazer alterações
+        const textQuestion = page.locator('[data-testid="text-question"]').first();
+        if (await textQuestion.isVisible()) {
+          const pointsInput = textQuestion.getByRole('spinbutton', { name: /pontos/i });
+          if (await pointsInput.isVisible()) {
+            await pointsInput.fill('5');
+          }
+        }
+
+        // Cancelar
+        await page.getByRole('button', { name: /cancelar/i }).click();
+
+        // Abrir novamente - não deve ter os 5 pontos
+        // await page.getByRole('button', { name: /corrigir/i }).first().click();
+        // const newPoints = page.getByRole('spinbutton', { name: /pontos/i }).first();
+        // const value = await newPoints.inputValue();
+        // expect(value).not.toBe('5');
+      }
+    });
+  });
+});
diff --git a/tests/e2e/admin/assignments.spec.js b/tests/e2e/admin/assignments.spec.js
new file mode 100644
index 0000000..ef3db31
--- /dev/null
+++ b/tests/e2e/admin/assignments.spec.js
@@ -0,0 +1,261 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Atribuição de Provas (Assignments)', () => {
+  // TODO: Fazer login como admin
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher/);
+  //   await page.getByRole('button', { name: /admin/i }).click();
+  // });
+
+  test.describe('Lista de Atribuições', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments');
+    });
+
+    test('deve mostrar lista de atribuições', async ({ page }) => {
+      await expect(page.getByText(/atribuições|assignments/i)).toBeVisible();
+    });
+
+    test('deve ter botão de criar atribuição', async ({ page }) => {
+      await expect(page.getByRole('button', { name: /nova|criar/i })).toBeVisible();
+    });
+
+    test('deve mostrar turma, template e datas', async ({ page }) => {
+      const assignmentRow = page.locator('tr').nth(1);
+      if (await assignmentRow.isVisible()) {
+        await expect(assignmentRow.getByText(/\d{4}-\d{2}-\d{2}/)).toBeVisible(); // Data
+      }
+    });
+  });
+
+  test.describe('Criar Nova Atribuição', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments/add');
+    });
+
+    test('deve mostrar formulário de criação', async ({ page }) => {
+      await expect(page.getByRole('combobox', { name: /turma|class/i })).toBeVisible();
+      await expect(page.getByRole('combobox', { name: /template/i })).toBeVisible();
+      await expect(page.getByLabel(/data início|start date/i)).toBeVisible();
+      await expect(page.getByLabel(/data fim|end date/i)).toBeVisible();
+      await expect(page.getByLabel(/tempo limite|time limit/i)).toBeVisible();
+    });
+
+    test('deve listar turmas disponíveis', async ({ page }) => {
+      const classSelect = page.getByRole('combobox', { name: /turma|class/i });
+      const options = await classSelect.locator('option').count();
+
+      expect(options).toBeGreaterThan(0);
+    });
+
+    test('deve listar templates disponíveis', async ({ page }) => {
+      const templateSelect = page.getByRole('combobox', { name: /template/i });
+      const options = await templateSelect.locator('option').count();
+
+      // Pode ser 0 se não houver templates
+      expect(options).toBeGreaterThanOrEqual(0);
+    });
+
+    test('deve criar atribuição com dados válidos', async ({ page }) => {
+      const timestamp = Date.now();
+
+      // Selecionar turma
+      const classSelect = page.getByRole('combobox', { name: /turma|class/i });
+      if ((await classSelect.locator('option').count()) > 0) {
+        await classSelect.selectOption({ index: 0 });
+      }
+
+      // Selecionar template
+      const templateSelect = page.getByRole('combobox', { name: /template/i });
+      if ((await templateSelect.locator('option').count()) > 0) {
+        await templateSelect.selectOption({ index: 0 });
+      }
+
+      // Datas
+      await page.getByLabel(/data início|start date/i).fill('2025-02-01');
+      await page.getByLabel(/data fim|end date/i).fill('2025-02-28');
+
+      // Tempo limite (em minutos)
+      await page.getByLabel(/tempo limite|time limit/i).fill('60');
+
+      await page.getByRole('button', { name: /criar|salvar/i }).click();
+
+      await expect(page).toHaveURL(/\/admin\/dashboard\/assignments/, { timeout: 10000 });
+    });
+
+    test('deve validar data fim posterior a data início', async ({ page }) => {
+      await page.getByLabel(/data início|start date/i).fill('2025-02-15');
+      await page.getByLabel(/data fim|end date/i).fill('2025-02-01');
+
+      await page.getByRole('button', { name: /criar|salvar/i }).click();
+
+      await expect(page.getByText(/fim.*posterior|data inválida/i)).toBeVisible();
+    });
+
+    test('deve validar campos obrigatórios', async ({ page }) => {
+      await page.getByRole('button', { name: /criar|salvar/i }).click();
+
+      await expect(page.getByText(/obrigatório|required/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Atribuição por Turma', () => {
+    test('deve pré-selecionar turma se vier da página da turma', async ({ page }) => {
+      // TODO: Testar vindo da página de detalhes da turma
+      // await page.goto('/admin/dashboard/class/edit/class-id');
+      // await page.getByRole('button', { name: /atribuir prova/i }).click();
+
+      // const classSelect = page.getByRole('combobox', { name: /turma/i });
+      // const value = await classSelect.inputValue();
+      // expect(value).toBe('class-id');
+    });
+
+    test('deve mostrar informações da turma', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments/add');
+
+      // Após selecionar turma, pode mostrar info
+      const classSelect = page.getByRole('combobox', { name: /turma/i });
+      if ((await classSelect.locator('option').count()) > 0) {
+        await classSelect.selectOption({ index: 0 });
+
+        // Pode mostrar número de alunos
+        // await expect(page.getByText(/\d+ alunos/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Editar Atribuição', () => {
+    test('deve carregar dados da atribuição', async ({ page }) => {
+      // TODO: Editar atribuição existente
+      await page.goto('/admin/dashboard/assignments/edit/assignment-id');
+
+      await expect(page.getByRole('combobox', { name: /turma/i })).not.toBeEmpty();
+      await expect(page.getByRole('combobox', { name: /template/i })).not.toBeEmpty();
+    });
+
+    test('deve permitir modificar datas e tempo', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments/edit/assignment-id');
+
+      await page.getByLabel(/data início|start date/i).fill('2025-03-01');
+      await page.getByLabel(/data fim|end date/i).fill('2025-03-31');
+      await page.getByLabel(/tempo limite|time limit/i).fill('90');
+
+      await page.getByRole('button', { name: /salvar|atualizar/i }).click();
+
+      await expect(page).toHaveURL(/\/admin\/dashboard\/assignments/, { timeout: 10000 });
+    });
+
+    test('não deve modificar turma da atribuição', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments/edit/assignment-id');
+
+      const classSelect = page.getByRole('combobox', { name: /turma/i });
+      const isDisabled = await classSelect.isDisabled();
+
+      // Geralmente não permite mudar a turma
+      expect(isDisabled).toBe(true);
+    });
+  });
+
+  test.describe('Excluir Atribuição', () => {
+    test('deve confirmar antes de excluir', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments');
+
+      const deleteButton = page.getByRole('button', { name: /excluir/i }).first();
+      if (await deleteButton.isVisible()) {
+        await deleteButton.click();
+
+        await expect(page.getByText(/tem certeza|deseja excluir/i)).toBeVisible();
+        await expect(page.getByRole('button', { name: /confirmar|sim/i })).toBeVisible();
+        await expect(page.getByRole('button', { name: /cancelar|não/i })).toBeVisible();
+      }
+    });
+
+    test('deve remover atribuição após excluir', async ({ page }) => {
+      // TODO: Implementar
+      // const beforeCount = await page.locator('[data-testid="assignment-row"]').count();
+
+      // await page.getByRole('button', { name: /excluir/i }).first().click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.locator('[data-testid="assignment-row"]').count()).toBe(beforeCount - 1);
+    });
+  });
+
+  test.describe('Status da Atribuição', () => {
+    test('deve mostrar status da atribuição', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments');
+
+      // Status possíveis: draft, active, expired
+      const statusBadge = page.locator('[data-testid="status-badge"]').first();
+      if (await statusBadge.isVisible()) {
+        await expect(statusBadge).toBeVisible();
+      }
+    });
+
+    test('deve mostrar atribuições expiradas separadas', async ({ page }) => {
+      // Pode ter filtro ou aba para expiradas
+      const expiredFilter = page.getByRole('tab', { name: /expiradas/i });
+      if (await expiredFilter.isVisible()) {
+        await expiredFilter.click();
+      }
+    });
+
+    test('deve mostrar número de alunos que fizeram a prova', async ({ page }) => {
+      const assignmentRow = page.locator('tr').nth(1);
+      if (await assignmentRow.isVisible()) {
+        await expect(assignmentRow.getByText(/\d+\/\d+/)).toBeVisible(); // Ex: 5/18
+      }
+    });
+  });
+
+  test.describe('Duplicar Atribuição', () => {
+    test('deve permitir duplicar atribuição existente', async ({ page }) => {
+      // TODO: Testar duplicação
+      // await page.goto('/admin/dashboard/assignments');
+      // await page.getByRole('button', { name: /duplicar/i }).first().click();
+
+      // await expect(page.getByLabel(/título/i)).toContainText('cópia');
+      // await page.getByRole('button', { name: /criar/i }).click();
+
+      // Deve criar nova atribuição com mesmos dados
+    });
+
+    test('deve incrementar nome ao duplicar', async ({ page }) => {
+      // TODO: Testar se nome é incrementado automaticamente
+      // await page.getByRole('button', { name: /duplicar/i }).first().click();
+
+      // const nameField = page.getByLabel(/título/i);
+      // const originalName = await nameField.inputValue();
+      // await expect(originalName).toMatch(/\(2\)|cópia/i);
+    });
+  });
+
+  test.describe('Visualização do Template', () => {
+    test('deve mostrar preview do template ao selecionar', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments/add');
+
+      const templateSelect = page.getByRole('combobox', { name: /template/i });
+      if ((await templateSelect.locator('option').count()) > 0) {
+        await templateSelect.selectOption({ index: 0 });
+
+        // Pode mostrar número de questões
+        // await expect(page.getByText(/\d+ questões/i)).toBeVisible();
+      }
+    });
+
+    test('deve linkar para página do template', async ({ page }) => {
+      await page.goto('/admin/dashboard/assignments/add');
+
+      const templateLink = page.getByRole('link', { name: /ver template/i });
+      if (await templateLink.isVisible()) {
+        await templateLink.click();
+
+        await expect(page).toHaveURL(/\/exam-templates/i);
+      }
+    });
+  });
+});
diff --git a/tests/e2e/admin/categories.spec.js b/tests/e2e/admin/categories.spec.js
new file mode 100644
index 0000000..7fa9383
--- /dev/null
+++ b/tests/e2e/admin/categories.spec.js
@@ -0,0 +1,163 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Categorias', () => {
+  // TODO: Fazer login como admin
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/admin\/dashboard/);
+  // });
+
+  test.describe('Lista de Categorias', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/categories');
+    });
+
+    test('deve mostrar lista de categorias', async ({ page }) => {
+      await expect(page.getByText(/categorias|categories/i)).toBeVisible();
+    });
+
+    test('deve mostrar cor de cada categoria', async ({ page }) => {
+      const categoryCard = page.locator('[data-testid="category-card"], .card').first();
+      if (await categoryCard.isVisible()) {
+        // Deve ter badge/cor visual
+        const colorBadge = categoryCard.locator('[class*="bg-"]').first();
+        await expect(colorBadge).toBeVisible();
+      }
+    });
+
+    test('deve ter botão de adicionar nova categoria', async ({ page }) => {
+      await expect(page.getByRole('link', { name: /adicionar|nova|criar/i })).toBeVisible();
+    });
+  });
+
+  test.describe('Criar Nova Categoria', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/categories/add');
+    });
+
+    test('deve mostrar formulário de criação', async ({ page }) => {
+      await expect(page.getByLabel(/nome|name/i)).toBeVisible();
+      await expect(page.getByText(/cor|color/i)).toBeVisible();
+      await expect(page.getByRole('button', { name: /salvar|criar/i })).toBeVisible();
+    });
+
+    test('deve ter opções de cor para selecionar', async ({ page }) => {
+      // Deve ter seletor de cores ou botões de cor
+      const colorSelector = page.getByRole('combobox', { name: /cor|color/i });
+      const colorButtons = page.locator('[class*="bg-emerald-"], [class*="bg-blue-"], [class*="bg-red-"]');
+
+      const hasColorOption = await colorSelector.isVisible() || (await colorButtons.count()) > 0;
+      expect(hasColorOption).toBe(true);
+    });
+
+    test('deve criar categoria com dados válidos', async ({ page }) => {
+      const timestamp = Date.now();
+
+      await page.getByLabel(/nome|name/i).fill(`Categoria ${timestamp}`);
+
+      // Selecionar cor
+      const colorSelector = page.getByRole('combobox', { name: /cor|color/i });
+      if (await colorSelector.isVisible()) {
+        await colorSelector.selectOption({ index: 0 });
+      }
+
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      // Deve redirecionar para lista ou mostrar sucesso
+      await expect(page).toHaveURL(/\/admin\/dashboard\/categories/, { timeout: 10000 });
+    });
+
+    test('deve validar nome obrigatório', async ({ page }) => {
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      await expect(page.getByText(/nome.*obrigatório|required/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Editar Categoria', () => {
+    test('deve carregar dados da categoria', async ({ page }) => {
+      // TODO: Usar ID de categoria de teste
+      await page.goto('/admin/dashboard/categories/edit/category-id');
+
+      await expect(page.getByLabel(/nome|name/i)).not.toBeEmpty();
+    });
+
+    test('deve permitir modificar nome e cor', async ({ page }) => {
+      await page.goto('/admin/dashboard/categories/edit/category-id');
+
+      await page.getByLabel(/nome|name/i).fill('Categoria Editada');
+
+      const colorSelector = page.getByRole('combobox', { name: /cor|color/i });
+      if (await colorSelector.isVisible()) {
+        await colorSelector.selectOption({ index: 1 });
+      }
+
+      await page.getByRole('button', { name: /salvar|atualizar/i }).click();
+
+      await expect(page).toHaveURL(/\/admin\/dashboard\/categories/, { timeout: 10000 });
+    });
+  });
+
+  test.describe('Excluir Categoria', () => {
+    test('deve confirmar antes de excluir', async ({ page }) => {
+      await page.goto('/admin/dashboard/categories');
+
+      const deleteButton = page.getByRole('button', { name: /excluir|delete/i }).first();
+      if (await deleteButton.isVisible()) {
+        await deleteButton.click();
+
+        await expect(page.getByText(/tem certeza|deseja excluir/i)).toBeVisible();
+        await expect(page.getByRole('button', { name: /confirmar|sim/i })).toBeVisible();
+        await expect(page.getByRole('button', { name: /cancelar|não/i })).toBeVisible();
+      }
+    });
+
+    test('deve excluir categoria sem arquivos vinculados', async ({ page }) => {
+      // TODO: Criar categoria sem arquivos e excluir
+      // await page.goto('/admin/dashboard/categories');
+      // await page.getByRole('button', { name: /excluir/i }).first().click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.getByText(/categoria excluída|sucesso/i)).toBeVisible();
+    });
+
+    test('não deve excluir categoria com arquivos vinculados', async ({ page }) => {
+      // TODO: Tentar excluir categoria em uso
+      // await page.goto('/admin/dashboard/categories/edit/used-category');
+      // await page.getByRole('button', { name: /excluir/i }).click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.getByText(/possui arquivos|em uso|vinculada/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Cores de Categoria', () => {
+    test('deve ter múltiplas opções de cor', async ({ page }) => {
+      await page.goto('/admin/dashboard/categories/add');
+
+      const colorSelector = page.getByRole('combobox', { name: /cor|color/i });
+      if (await colorSelector.isVisible()) {
+        const options = await colorSelector.locator('option').count();
+        expect(options).toBeGreaterThan(1);
+      }
+    });
+
+    test('deve mostrar preview da cor selecionada', async ({ page }) => {
+      await page.goto('/admin/dashboard/categories/add');
+
+      const colorSelector = page.getByRole('combobox', { name: /cor|color/i });
+      if (await colorSelector.isVisible()) {
+        await colorSelector.selectOption({ index: 0 });
+
+        // Pode haver um preview visual
+        const colorPreview = page.locator('[class*="rounded-full"][class*="bg-"]').first();
+        if (await colorPreview.isVisible()) {
+          await expect(colorPreview).toBeVisible();
+        }
+      }
+    });
+  });
+});
diff --git a/tests/e2e/admin/class-types.spec.js b/tests/e2e/admin/class-types.spec.js
new file mode 100644
index 0000000..c294ef6
--- /dev/null
+++ b/tests/e2e/admin/class-types.spec.js
@@ -0,0 +1,155 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Tipos de Classe (ClassTypes)', () => {
+  // TODO: Fazer login como admin
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/admin\/dashboard/);
+  // });
+
+  test.describe('Lista de ClassTypes', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes');
+    });
+
+    test('deve mostrar lista de tipos de classe', async ({ page }) => {
+      await expect(page.getByText(/tipos de classe|class types/i)).toBeVisible();
+    });
+
+    test('deve ter botão de adicionar novo tipo', async ({ page }) => {
+      await expect(page.getByRole('link', { name: /adicionar|novo|criar/i })).toBeVisible();
+    });
+
+    test('deve mostrar nome, preço e ações de cada tipo', async ({ page }) => {
+      const typeCard = page.locator('[data-testid="classtype-card"], .card').first();
+      if (await typeCard.isVisible()) {
+        await expect(typeCard.getByText(/preço|price/i)).toBeVisible();
+        await expect(typeCard.getByRole('link', { name: /editar/i })).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Criar Novo ClassType', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/add');
+    });
+
+    test('deve mostrar formulário de criação', async ({ page }) => {
+      await expect(page.getByLabel(/nome|name/i)).toBeVisible();
+      await expect(page.getByLabel(/preço|price/i)).toBeVisible();
+      await expect(page.getByRole('button', { name: /salvar|criar/i })).toBeVisible();
+    });
+
+    test('deve criar tipo com dados válidos', async ({ page }) => {
+      const timestamp = Date.now();
+
+      await page.getByLabel(/nome|name/i).fill(`Tipo Teste ${timestamp}`);
+      await page.getByLabel(/preço|price/i).fill('150,00');
+
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      // Deve redirecionar para lista ou mostrar sucesso
+      await expect(page).toHaveURL(/\/admin\/dashboard\/classTypes/, { timeout: 10000 });
+    });
+
+    test('deve validar campo nome obrigatório', async ({ page }) => {
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      await expect(page.getByText(/nome.*obrigatório|required/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Editar ClassType', () => {
+    test('deve carregar dados do tipo', async ({ page }) => {
+      // TODO: Usar ID de classType de teste
+      await page.goto('/admin/dashboard/classTypes/edit/67ca5e4cfb41e291a99a7a28');
+
+      await expect(page.getByLabel(/nome|name/i)).not.toBeEmpty();
+    });
+
+    test('deve permitir modificar dados', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/edit/67ca5e4cfb41e291a99a7a28');
+
+      const originalName = await page.getByLabel(/nome|name/i).inputValue();
+      await page.getByLabel(/nome|name/i).fill(`${originalName} (Editado)`);
+
+      await page.getByRole('button', { name: /salvar|atualizar/i }).click();
+
+      await expect(page).toHaveURL(/\/admin\/dashboard\/classTypes/, { timeout: 10000 });
+    });
+  });
+
+  test.describe('Excluir ClassType', () => {
+    test('deve confirmar exclusão', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes');
+
+      const deleteButton = page.getByRole('button', { name: /excluir|delete/i }).first();
+      if (await deleteButton.isVisible()) {
+        await deleteButton.click();
+
+        // Deve pedir confirmação
+        await expect(page.getByText(/tem certeza|deseja excluir/i)).toBeVisible();
+        await expect(page.getByRole('button', { name: /confirmar|sim/i })).toBeVisible();
+        await expect(page.getByRole('button', { name: /cancelar|não/i })).toBeVisible();
+      }
+    });
+
+    test('não deve excluir se há turmas vinculadas', async ({ page }) => {
+      // TODO: Tentar excluir classType que tem turmas
+      // await page.goto('/admin/dashboard/classTypes/edit/used-id');
+      // await page.getByRole('button', { name: /excluir/i }).click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.getByText(/possui turmas|em uso/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Arquivos do ClassType', () => {
+    test('deve mostrar arquivos vinculados', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/files/67ca5e4cfb41e291a99a7a28');
+
+      await expect(page.getByText(/arquivos|files/i)).toBeVisible();
+    });
+
+    test('deve permitir adicionar arquivos', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/files/67ca5e4cfb41e291a99a7a28');
+
+      const addButton = page.getByRole('link', { name: /adicionar|upload/i }).first();
+      if (await addButton.isVisible()) {
+        await addButton.click();
+        await expect(page).toHaveURL(/\/files\/add/i);
+      }
+    });
+  });
+
+  test.describe('Preço Padrão', () => {
+    test('deve aceitar formato decimal com vírgula', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/add');
+
+      await page.getByLabel(/preço|price/i).fill('150,50');
+
+      // Não deve mostrar erro de formato
+      await page.getByRole('button', { name: /salvar/i }).click();
+      // Pode mostrar erro de outros campos obrigatórios
+    });
+
+    test('deve aceitar formato decimal com ponto', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/add');
+
+      await page.getByLabel(/preço|price/i).fill('150.50');
+
+      await page.getByRole('button', { name: /salvar/i }).click();
+    });
+
+    test('deve aceitar preço zero ou vazio', async ({ page }) => {
+      await page.goto('/admin/dashboard/classTypes/add');
+
+      await page.getByLabel(/preço|price/i).fill('0');
+
+      await page.getByRole('button', { name: /salvar/i }).click();
+    });
+  });
+});
diff --git a/tests/e2e/admin/classes.spec.js b/tests/e2e/admin/classes.spec.js
new file mode 100644
index 0000000..1cdbe03
--- /dev/null
+++ b/tests/e2e/admin/classes.spec.js
@@ -0,0 +1,195 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Turmas (Classes)', () => {
+  // TODO: Fazer login como admin antes de cada teste
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/admin\/dashboard/);
+  // });
+
+  test.describe('Lista de Turmas', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/class');
+    });
+
+    test('deve mostrar lista de turmas', async ({ page }) => {
+      await expect(page.getByText(/turmas|classes/i)).toBeVisible();
+    });
+
+    test('deve ter botão de adicionar nova turma', async ({ page }) => {
+      await expect(page.getByRole('link', { name: /adicionar|nova|criar/i })).toBeVisible();
+    });
+
+    test('deve ter busca funcionando', async ({ page }) => {
+      const searchInput = page.getByPlaceholder(/buscar|pesquisar|search/i);
+      if (await searchInput.isVisible()) {
+        await searchInput.fill('Inglês');
+        await page.waitForTimeout(500);
+        // Verificar se filtrou
+      }
+    });
+  });
+
+  test.describe('Criar Nova Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+    });
+
+    test('deve mostrar formulário de criação', async ({ page }) => {
+      await expect(page.getByLabel(/tipo de classe|class type/i)).toBeVisible();
+      await expect(page.getByLabel(/título/i)).toBeVisible();
+      await expect(page.getByLabel(/data de início|start date/i)).toBeVisible();
+      await expect(page.getByLabel(/horário|time/i)).toBeVisible();
+      await expect(page.getByText(/dias da semana/i)).toBeVisible();
+      await expect(page.getByText(/professores/i)).toBeVisible();
+    });
+
+    test('deve validar campos obrigatórios', async ({ page }) => {
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      await expect(page.getByText(/obrigatório|required/i)).toBeVisible();
+    });
+
+    test('deve validar data de término posterior a data de início', async ({ page }) => {
+      await page.getByLabel(/data de início/i).fill('2025-01-10');
+      await page.getByLabel(/data de término|end date/i).fill('2025-01-01');
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      await expect(page.getByText(/término não pode ser anterior|data inválida/i)).toBeVisible();
+    });
+
+    test('deve criar turma com dados válidos', async ({ page }) => {
+      const timestamp = Date.now();
+
+      // Selecionar tipo de classe
+      await page.getByLabel(/tipo de classe/i).selectOption({ index: 0 });
+
+      // Preencher título
+      await page.getByLabel(/título/i).fill(`Turma Teste ${timestamp}`);
+
+      // Data de início
+      await page.getByLabel(/data de início/i).fill('2025-01-01');
+
+      // Horário
+      await page.getByLabel(/horário/i).fill('19:00');
+
+      // Selecionar professores
+      const teacherCheckbox = page.locator('input[type="checkbox"]').first();
+      if (await teacherCheckbox.isVisible()) {
+        await teacherCheckbox.check();
+      }
+
+      // Selecionar dias da semana
+      await page.getByText(/seg/i).click();
+
+      // Salvar
+      await page.getByRole('button', { name: /salvar|criar/i }).click();
+
+      // Deve redirecionar para lista
+      await expect(page).toHaveURL(/\/admin\/dashboard\/class/, { timeout: 15000 });
+    });
+  });
+
+  test.describe('Editar Turma Existente', () => {
+    test('deve carregar dados da turma', async ({ page }) => {
+      // TODO: Usar ID de turma de teste
+      await page.goto('/admin/dashboard/class/edit/6975e7cfb41e291a99a79ece');
+
+      await expect(page.getByLabel(/título/i)).not.toBeEmpty();
+    });
+
+    test('deve permitir modificar professores', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/edit/6975e7cfb41e291a99a79ece');
+
+      // Desmarcar professor selecionado
+      const checkedTeacher = page.locator('input[type="checkbox"]:checked').first();
+      if (await checkedTeacher.isVisible()) {
+        await checkedTeacher.uncheck();
+      }
+    });
+
+    test('deve permitir adicionar alunos via select', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/edit/6975e7cfb41e291a99a79ece');
+
+      const studentSelect = page.getByRole('combobox').filter({ hasText: /adicionar aluno/i });
+      if (await studentSelect.isVisible()) {
+        // Selecionar primeiro aluno disponível
+        await studentSelect.selectOption({ index: 1 });
+
+        // Verificar se apareceu tag do aluno
+        await expect(page.locator('.student-tag')).toBeVisible();
+      }
+    });
+
+    test('deve permitir remover aluno da seleção', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/edit/6975e7cfb41e291a99a79ece');
+
+      // Se há tags de alunos, tentar remover
+      const studentTag = page.locator('.student-tag').first();
+      if (await studentTag.isVisible()) {
+        await studentTag.getByRole('button').click();
+        // Verificar se foi removido
+      }
+    });
+
+    test('deve salvar alterações com sucesso', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/edit/6975e7cfb41e291a99a79ece');
+
+      const originalTitle = await page.getByLabel(/título/i).inputValue();
+      await page.getByLabel(/título/i).fill(`${originalTitle} (editado)`);
+
+      await page.getByRole('button', { name: /salvar|atualizar/i }).click();
+
+      await expect(page).toHaveURL(/\/admin\/dashboard\/class/, { timeout: 15000 });
+    });
+  });
+
+  test.describe('Dias da Semana - Checkbox', () => {
+    test('deve mostrar todos os dias', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+
+      const days = ['Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab', 'Dom'];
+      for (const day of days) {
+        await expect(page.getByText(day, { exact: true })).toBeVisible();
+      }
+    });
+
+    test('deve permitir selecionar múltiplos dias', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+
+      await page.getByText('Seg').click();
+      await page.getByText('Qua').click();
+      await page.getByText('Sex').click();
+
+      // Verificar se estão marcados
+      const segCheckbox = page.getByText('Seg').locator('input[type="checkbox"]');
+      await expect(segCheckbox).toBeChecked();
+    });
+  });
+
+  test.describe('Professores - Checkbox', () => {
+    test('deve mostrar lista de professores disponíveis', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+
+      await expect(page.getByText(/professores/i)).toBeVisible();
+    });
+
+    test('deve permitir selecionar múltiplos professores', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+
+      const checkboxes = page.locator('input[type="checkbox"]');
+      const count = await checkboxes.count();
+
+      if (count >= 2) {
+        await checkboxes.nth(0).check();
+        await checkboxes.nth(1).check();
+
+        await expect(checkboxes.nth(0)).toBeChecked();
+        await expect(checkboxes.nth(1)).toBeChecked();
+      }
+    });
+  });
+});
diff --git a/tests/e2e/admin/exam-templates.spec.js b/tests/e2e/admin/exam-templates.spec.js
new file mode 100644
index 0000000..8272f6b
--- /dev/null
+++ b/tests/e2e/admin/exam-templates.spec.js
@@ -0,0 +1,328 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Templates de Prova', () => {
+  // TODO: Fazer login como admin
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher/);
+  //   await page.getByRole('button', { name: /admin/i }).click();
+  // });
+
+  test.describe('Lista de Templates', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+    });
+
+    test('deve mostrar lista de templates', async ({ page }) => {
+      await expect(page.getByText(/templates|modelos/i)).toBeVisible();
+    });
+
+    test('deve ter botão de criar novo template', async ({ page }) => {
+      await expect(page.getByRole('button', { name: /novo|criar/i })).toBeVisible();
+    });
+
+    test('deve mostrar informações do template', async ({ page }) => {
+      const templateCard = page.locator('[data-testid="template-card"], .card').first();
+      if (await templateCard.isVisible()) {
+        await expect(templateCard.getByText(/questões|questions/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Criar Novo Template', () => {
+    test.beforeEach(async ({ page }) => {
+      // Abrir modal de criação
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo|criar/i }).click();
+    });
+
+    test('deve mostrar modal de criação', async ({ page }) => {
+      await expect(page.locator('.fixed.inset-0')).toBeVisible();
+      await expect(page.getByText(/novo template|criar template/i)).toBeVisible();
+    });
+
+    test('deve ter campos básicos', async ({ page }) => {
+      await expect(page.getByLabel(/título|title/i)).toBeVisible();
+      await expect(page.getByPlaceholder(/breve descrição/i)).toBeVisible();
+      await expect(page.getByPlaceholder(/instruções/i)).toBeVisible();
+      await expect(page.getByLabel(/tempo limite|time limit/i)).toBeVisible();
+    });
+
+    test('deve ter seção de questões', async ({ page }) => {
+      await expect(page.getByText(/questões|questions/i)).toBeVisible();
+      await expect(page.getByRole('button', { name: /adicionar questão/i })).toBeVisible();
+    });
+
+    test('deve ter checkbox "público"', async ({ page }) => {
+      await expect(page.getByRole('checkbox', { name: /público|public/i })).toBeVisible();
+      await expect(page.getByText(/outros professores podem usar/i)).toBeVisible();
+    });
+
+    test('deve salvar template mínimo', async ({ page }) => {
+      const timestamp = Date.now();
+
+      await page.getByLabel(/título|title/i).fill(`Template ${timestamp}`);
+      await page.getByLabel(/tempo limite|time limit/i).fill('60');
+
+      await page.getByRole('button', { name: /criar|salvar/i }).click();
+
+      // Deve fechar modal
+      await expect(page.locator('.fixed.inset-0')).not.toBeVisible({ timeout: 5000 });
+    });
+  });
+
+  test.describe('Adicionar Questões', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+      await page.getByLabel(/título|title/i).fill('Template com Questões');
+    });
+
+    test('deve adicionar questão de múltipla escolha', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      // Deve mostrar nova seção de questão
+      await expect(page.getByText(/questão \d+/i)).toBeVisible();
+      await expect(page.getByRole('combobox', { name: /tipo/i })).toBeVisible();
+    });
+
+    test('deve alterar tipo da questão', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      const typeSelect = page.getByRole('combobox').filter({ hasText: /tipo/i }).first();
+      await typeSelect.selectOption('text');
+
+      // Não deve mais mostrar opções de múltipla escolha
+      await expect(page.getByText(/opções de resposta/i)).not.toBeVisible();
+      await expect(page.getByText(/será corrigida manualmente/i)).toBeVisible();
+    });
+
+    test('deve preencher enunciado obrigatório', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      await page.getByPlaceholder(/enunciado/i).fill('Qual é a capital do Brasil?');
+
+      await page.getByRole('button', { name: /criar|salvar/i }).click();
+
+      // Pode mostrar erro de questões vazias
+    });
+
+    test('deve adicionar opções à questão de múltipla escolha', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      // Já deve vir com 2 opções
+      await expect(page.getByPlaceholder(/opção \d+/i).nth(0)).toBeVisible();
+      await expect(page.getByPlaceholder(/opção \d+/i).nth(1)).toBeVisible();
+
+      // Adicionar terceira opção
+      await page.getByRole('button', { name: /adicionar opção/i }).click();
+      await expect(page.getByPlaceholder(/opção \d+/i).nth(2)).toBeVisible();
+    });
+
+    test('deve marcar opção correta', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      const correctRadio = page.locator('input[type="radio"]').first();
+      await correctRadio.check();
+
+      await expect(correctRadio).toBeChecked();
+    });
+
+    test('deve remover opção', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+      await page.getByRole('button', { name: /adicionar opção/i }).click();
+
+      // Remover segunda opção
+      const deleteButtons = page.getByRole('button', { name: /excluir|remover/i, exact: true });
+      const count = await deleteButtons.count();
+
+      if (count >= 2) {
+        await deleteButtons.nth(1).click();
+
+        // Deve voltar a ter 2 opções (mínimo)
+        await expect(page.getByPlaceholder(/opção \d+/i).nth(0)).toBeVisible();
+        await expect(page.getByPlaceholder(/opção \d+/i).nth(1)).toBeVisible();
+      }
+    });
+
+    test('deve remover questão', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      const deleteQuestionButton = page.locator('[data-testid="question-card"]').first()
+        .getByRole('button', { name: /excluir|lixeira/i });
+
+      if (await deleteQuestionButton.isVisible()) {
+        const beforeCount = await page.locator('[data-testid="question-card"]').count();
+
+        await deleteQuestionButton.click();
+
+        const afterCount = await page.locator('[data-testid="question-card"]').count();
+        expect(afterCount).toBe(beforeCount - 1);
+      }
+    });
+
+    test('deve validar mínimo de 2 opções para múltipla escolha', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      // Remover opções até ter menos de 2
+      const deleteButton = page.getByRole('button', { name: /excluir opção/i });
+      const deleteCount = await deleteButton.count();
+
+      if (deleteCount >= 2) {
+        await deleteButton.nth(0).click();
+        await deleteButton.nth(0).click();
+
+        await page.getByRole('button', { name: /criar|salvar/i }).click();
+
+        await expect(page.getByText(/mínimo \d+ opções|pelo menos 2 opções/i)).toBeVisible();
+      }
+    });
+
+    test('deve definir pontos da questão', async ({ page }) => {
+      await page.getByRole('button', { name: /adicionar questão/i }).click();
+
+      const pointsInput = page.getByRole('spinbutton', { name: /pontos/i });
+      if (await pointsInput.isVisible()) {
+        await pointsInput.fill('5');
+
+        const value = await pointsInput.inputValue();
+        expect(value).toBe('5');
+      }
+    });
+  });
+
+  test.describe('Editar Template', () => {
+    test('deve carregar dados do template', async ({ page }) => {
+      // TODO: Editar template existente
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /editar/i }).first().click();
+
+      await expect(page.getByLabel(/título|title/i)).not.toBeEmpty();
+    });
+
+    test('deve carregar questões existentes', async ({ page }) => {
+      // TODO: Template com questões
+      await page.goto('/admin/dashboard/exam-templates/edit/template-id');
+
+      const questionCards = page.locator('[data-testid="question-card"]');
+      const count = await questionCards.count();
+
+      if (count > 0) {
+        await expect(questionCards.nth(0).getByPlaceholder(/enunciado/i)).not.toBeEmpty();
+      }
+    });
+  });
+
+  test.describe('Excluir Template', () => {
+    test('deve confirmar antes de excluir', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+
+      const deleteButton = page.getByRole('button', { name: /excluir/i }).first();
+      if (await deleteButton.isVisible()) {
+        await deleteButton.click();
+
+        await expect(page.getByText(/tem certeza|deseja excluir/i)).toBeVisible();
+      }
+    });
+
+    test('não deve excluir se há tentativas', async ({ page }) => {
+      // TODO: Tentar excluir template usado
+      // await page.goto('/admin/dashboard/exam-templates/edit/used-template');
+      // await page.getByRole('button', { name: /excluir/i }).click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.getByText(/possui tentativas|em uso/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Template Público', () => {
+    test('deve marcar como público', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+
+      await page.getByRole('checkbox', { name: /público/i }).check();
+
+      await page.getByLabel(/título|title/i).fill('Template Público Teste');
+
+      await page.getByRole('button', { name: /criar/i }).click();
+    });
+
+    test('template público deve aparecer para professores', async ({ page }) => {
+      // TODO: Fazer login como professor e verificar se template público aparece
+      // await page.goto('/auth/login');
+      // await page.getByLabel(/email/i).fill('teacher@teste.com');
+      // await page.getByLabel(/senha/i).fill('123456');
+      // await page.getByRole('button', { name: /entrar/i }).click();
+
+      // await page.goto('/dashboard/teacher/exam-templates');
+
+      // await expect(page.getByText(/Template Público Teste/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Tags e Categoria', () => {
+    test('deve aceitar tags separadas por vírgula', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+
+      await page.getByLabel(/tags/i).fill('básico, revisão, unidade 1');
+
+      await page.getByLabel(/título|title/i).fill('Template com Tags');
+      await page.getByRole('button', { name: /criar/i }).click();
+
+      // Editar para verificar se tags foram salvas
+      // await page.getByRole('button', { name: /editar/i }).first().click();
+      // await expect(page.getByRole('textbox', { name: /tags/i })).toHaveValue(/básico|revisão/);
+    });
+
+    test('deve aceitar categoria', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+
+      await page.getByLabel(/categoria/i).fill('Inglês');
+
+      await page.getByLabel(/título|title/i).fill('Template com Categoria');
+      await page.getByRole('button', { name: /criar/i }).click();
+    });
+  });
+
+  test.describe('Modal do Template', () => {
+    test('deve fechar ao clicar no X', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+
+      await expect(page.locator('.fixed.inset-0')).toBeVisible();
+
+      await page.getByRole('button', { name: /✕|fechar/i }).click();
+
+      await expect(page.locator('.fixed.inset-0')).not.toBeVisible();
+    });
+
+    test('deve fechar ao clicar fora do modal', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+
+      const modal = page.locator('.bg-white.dark\\:bg-neutral-900');
+      const box = await modal.boundingBox();
+
+      // Clicar fora
+      await page.mouse.click(box.x - 10, box.y);
+
+      await expect(page.locator('.fixed.inset-0')).not.toBeVisible();
+    });
+
+    test('botão cancelar deve fechar sem salvar', async ({ page }) => {
+      await page.goto('/admin/dashboard/exam-templates');
+      await page.getByRole('button', { name: /novo/i }).click();
+
+      await page.getByLabel(/título|title/i).fill('Template Cancelado');
+
+      await page.getByRole('button', { name: /cancelar/i }).click();
+
+      await expect(page.locator('.fixed.inset-0')).not.toBeVisible();
+    });
+  });
+});
diff --git a/tests/e2e/admin/files.spec.js b/tests/e2e/admin/files.spec.js
new file mode 100644
index 0000000..27eeff5
--- /dev/null
+++ b/tests/e2e/admin/files.spec.js
@@ -0,0 +1,271 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Arquivos/Files', () => {
+  // TODO: Fazer login como admin
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/admin\/dashboard/);
+  // });
+
+  test.describe('Lista de Arquivos', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/files');
+    });
+
+    test('deve mostrar lista de arquivos', async ({ page }) => {
+      await expect(page.getByText(/arquivos|files/i)).toBeVisible();
+    });
+
+    test('deve ter botão de upload', async ({ page }) => {
+      await expect(page.getByRole('link', { name: /upload|adicionar|novo/i })).toBeVisible();
+    });
+
+    test('deve mostrar informações do arquivo', async ({ page }) => {
+      const fileRow = page.locator('tr').nth(1); // Pular header
+      if (await fileRow.isVisible()) {
+        await expect(fileRow.getByText(/\.(pdf|doc|png|jpg)/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Upload de Arquivo', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/files/add');
+    });
+
+    test('deve mostrar formulário de upload', async ({ page }) => {
+      await expect(page.getByLabelText(/título|title/i)).toBeVisible();
+      await expect(page.getByLabelText(/arquivo|file/i)).toBeVisible();
+      await expect(page.getByRole('combobox', { name: /categoria/i })).toBeVisible();
+      await expect(page.getByRole('button', { name: /upload|salvar/i })).toBeVisible();
+    });
+
+    test('deve aceitar upload de arquivo PDF', async ({ page }) => {
+      // TODO: Criar arquivo PDF temporário
+      // const fileInput = page.getByLabelText(/arquivo/i);
+      // await fileInput.setInputFiles('tests/fixtures/test.pdf');
+
+      await page.getByLabelText(/título|title/i).fill('Arquivo Teste PDF');
+
+      const categorySelect = page.getByRole('combobox', { name: /categoria/i });
+      if (await categorySelect.isVisible()) {
+        await categorySelect.selectOption({ index: 0 });
+      }
+
+      // await page.getByRole('button', { name: /upload|salvar/i }).click();
+      // await expect(page).toHaveURL(/\/admin\/dashboard\/files/, { timeout: 15000 });
+    });
+
+    test('deve aceitar upload de arquivo de imagem', async ({ page }) => {
+      // const fileInput = page.getByLabelText(/arquivo/i);
+      // await fileInput.setInputFiles('tests/fixtures/test.png');
+
+      await page.getByLabelText(/título|title/i).fill('Imagem Teste');
+
+      // await page.getByRole('button', { name: /upload|salvar/i }).click();
+    });
+
+    test('deve validar título obrigatório', async ({ page }) => {
+      await page.getByRole('button', { name: /upload|salvar/i }).click();
+
+      await expect(page.getByText(/título.*obrigatório|title.*required/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Upload por Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Usar ID de turma de teste
+      await page.goto('/files/class/class-id/add');
+    });
+
+    test('deve pré-selecionar turma no formulário', async ({ page }) => {
+      // Deve mostrar informações da turma ou ter turma pré-selecionada
+      await expect(page.getByText(/turma|class/i)).toBeVisible();
+    });
+
+    test('deve fazer upload para turma específica', async ({ page }) => {
+      await page.getByLabelText(/título|title/i).fill('Material da Turma');
+
+      // const fileInput = page.getByLabelText(/arquivo/i);
+      // await fileInput.setInputFiles('tests/fixtures/material.pdf');
+
+      // await page.getByRole('button', { name: /upload|salvar/i }).click();
+
+      // Deve redirecionar para detalhes da turma
+      await expect(page).toHaveURL(/\/admin\/dashboard\/class/, { timeout: 10000 });
+    });
+  });
+
+  test.describe('Editar Arquivo', () => {
+    test('deve carregar dados do arquivo', async ({ page }) => {
+      // TODO: Usar ID de arquivo de teste
+      await page.goto('/admin/dashboard/files/edit/file-id');
+
+      await expect(page.getByLabelText(/título|title/i)).not.toBeEmpty();
+    });
+
+    test('deve permitir modificar título e descrição', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/edit/file-id');
+
+      await page.getByLabelText(/título|title/i).fill('Arquivo Editado');
+
+      const descField = page.getByLabelText(/descrição|description/i);
+      if (await descField.isVisible()) {
+        await descField.fill('Descrição atualizada');
+      }
+
+      await page.getByRole('button', { name: /salvar|atualizar/i }).click();
+
+      await expect(page).toHaveURL(/\/admin\/dashboard\/files/, { timeout: 10000 });
+    });
+
+    test('deve permitir trocar categoria', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/edit/file-id');
+
+      const categorySelect = page.getByRole('combobox', { name: /categoria/i });
+      if (await categorySelect.isVisible()) {
+        const originalValue = await categorySelect.inputValue();
+        await categorySelect.selectOption({ index: 1 });
+
+        await page.getByRole('button', { name: /salvar|atualizar/i }).click();
+
+        // Verificar se mudou
+        // await page.goto('/admin/dashboard/files/edit/file-id');
+        // const newValue = await categorySelect.inputValue();
+        // expect(newValue).not.toBe(originalValue);
+      }
+    });
+  });
+
+  test.describe('Download de Arquivo', () => {
+    test('deve ter botão de download', async ({ page }) => {
+      await page.goto('/admin/dashboard/files');
+
+      const downloadButton = page.getByRole('link', { name: /download|baixar/i }).first();
+      if (await downloadButton.isVisible()) {
+        const downloadPromise = page.waitForEvent('download');
+
+        await downloadButton.click();
+
+        const download = await downloadPromise;
+        expect(download.suggestedFilename()).toBeTruthy();
+      }
+    });
+
+    test('deve abrir arquivo em nova aba', async ({ page }) => {
+      const openButton = page.getByRole('link', { name: /abrir|open/i }).first();
+      if (await openButton.isVisible()) {
+        const newPagePromise = page.waitForEvent('popup');
+
+        await openButton.click();
+
+        const newPage = await newPagePromise;
+        await expect(newPage).toHaveURL(/\.pdf|\.png|\.jpg/i);
+      }
+    });
+  });
+
+  test.describe('Excluir Arquivo', () => {
+    test('deve confirmar antes de excluir', async ({ page }) => {
+      await page.goto('/admin/dashboard/files');
+
+      const deleteButton = page.getByRole('button', { name: /excluir|delete/i }).first();
+      if (await deleteButton.isVisible()) {
+        await deleteButton.click();
+
+        await expect(page.getByText(/tem certeza|deseja excluir/i)).toBeVisible();
+        await expect(page.getByRole('button', { name: /confirmar|sim/i })).toBeVisible();
+        await expect(page.getByRole('button', { name: /cancelar|não/i })).toBeVisible();
+      }
+    });
+
+    test('deve remover arquivo da lista após excluir', async ({ page }) => {
+      // TODO: Implementar
+      // await page.goto('/admin/dashboard/files');
+      // const fileName = 'Arquivo Para Excluir';
+
+      // const initialCount = await page.getByText(fileName).count();
+
+      // await page.getByRole('button', { name: /excluir/i }).first().click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.getByText(fileName)).toHaveCount(initialCount - 1);
+    });
+  });
+
+  test.describe('Upload Múltiplo', () => {
+    test('deve aceitar múltiplos arquivos de uma vez', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/add');
+
+      // const fileInput = page.getByLabelText(/arquivo/i);
+      // Se suportar múltiplos:
+      // await fileInput.setInputFiles([
+      //   'tests/fixtures/file1.pdf',
+      //   'tests/fixtures/file2.pdf'
+      // ]);
+
+      // await page.getByRole('button', { name: /upload|salvar/i }).click();
+
+      // Deve processar todos os arquivos
+    });
+
+    test('deve mostrar barra de progresso durante upload', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/add');
+
+      // Após selecionar arquivo e iniciar upload
+      // await expect(page.getByText(/enviando|uploading|progresso/i)).toBeVisible();
+      // await expect(page.getByText(/concluído|sucesso/i)).toBeVisible({ timeout: 15000 });
+    });
+  });
+
+  test.describe('Validações de Upload', () => {
+    test('deve rejeitar arquivo muito grande', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/add');
+
+      // Criar arquivo temporário grande
+      // const largeFile = Buffer.alloc(20 * 1024 * 1024); // 20MB
+      // await page.getByLabelText(/arquivo/i).setInputFiles({
+      //   name: 'large.pdf',
+      //   mimeType: 'application/pdf',
+      //   buffer: largeFile
+      // });
+
+      await page.getByRole('button', { name: /upload|salvar/i }).click();
+
+      await expect(page.getByText(/arquivo muito grande|tamanho máximo/i)).toBeVisible();
+    });
+
+    test('deve rejeitar formato não suportado', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/add');
+
+      // await page.getByLabelText(/arquivo/i).setInputFiles('tests/fixtures/file.exe');
+
+      await page.getByRole('button', { name: /upload|salvar/i }).click();
+
+      await expect(page.getByText(/formato não suportado|tipo inválido/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Preview de Arquivo', () => {
+    test('deve mostrar preview de imagem', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/edit/image-file-id');
+
+      const preview = page.locator('img[src*="/uploads/"]').first();
+      if (await preview.isVisible()) {
+        await expect(preview).toBeVisible();
+      }
+    });
+
+    test('deve mostrar ícone para PDF', async ({ page }) => {
+      await page.goto('/admin/dashboard/files/edit/pdf-file-id');
+
+      const pdfIcon = page.locator('[class*="pdf"]').first();
+      if (await pdfIcon.isVisible()) {
+        await expect(pdfIcon).toBeVisible();
+      }
+    });
+  });
+});
diff --git a/tests/e2e/admin/payments.spec.js b/tests/e2e/admin/payments.spec.js
new file mode 100644
index 0000000..e762558
--- /dev/null
+++ b/tests/e2e/admin/payments.spec.js
@@ -0,0 +1,168 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Pagamentos', () => {
+  // TODO: Fazer login como admin antes de cada teste
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/admin\/dashboard/);
+  // });
+
+  test.describe('Lista de Pagamentos', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/payments');
+    });
+
+    test('deve mostrar lista de pagamentos', async ({ page }) => {
+      await expect(page.getByText(/pagamentos|payments/i)).toBeVisible();
+    });
+
+    test('deve ter link para visualização por turma', async ({ page }) => {
+      await expect(page.getByRole('link', { name: /por turma|by class/i })).toBeVisible();
+    });
+
+    test('deve mostrar colunas principais', async ({ page }) => {
+      await expect(page.getByText(/aluno/i)).toBeVisible();
+      await expect(page.getByText(/valor|amount/i)).toBeVisible();
+      await expect(page.getByText(/status/i)).toBeVisible();
+      await expect(page.getByText(/vencimento|due date/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Pagamentos por Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+    });
+
+    test('deve mostrar cards de turmas', async ({ page }) => {
+      await expect(page.getByText(/turmas|classes/i)).toBeVisible();
+    });
+
+    test('deve expandir turma ao clicar', async ({ page }) => {
+      const firstClassCard = page.locator('.bg-white, .dark\\:bg-neutral-800').first();
+      await firstClassCard.click();
+
+      // Deve mostrar tabela de pagamentos dentro
+      await expect(page.locator('table')).toBeVisible();
+    });
+
+    test('deve mostrar filtros de status', async ({ page }) => {
+      const statusFilter = page.getByRole('combobox');
+      if (await statusFilter.isVisible()) {
+        await statusFilter.selectOption('pending');
+        await page.waitForTimeout(500);
+        // Verificar se filtrou
+      }
+    });
+
+    test('deve ter botões expandir/recolher todos', async ({ page }) => {
+      await expect(page.getByRole('button', { name: /expandir/i })).toBeVisible();
+      await expect(page.getByRole('button', { name: /recolher/i })).toBeVisible();
+    });
+
+    test('deve mostrar estatísticas', async ({ page }) => {
+      await expect(page.getByText(/pendentes/i)).toBeVisible();
+      await expect(page.getByText(/aguardando verificação/i)).toBeVisible();
+      await expect(page.getByText(/pagos/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Aprovação de Pagamento', () => {
+    test('deve mostrar botões de aprovar/rejeitar para pagamentos pendentes', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+
+      // Expandir primeira turma
+      const firstClassCard = page.locator('.bg-white, .dark\\:bg-neutral-800').first();
+      await firstClassCard.click();
+
+      // Procurar botões de ação
+      const approveButton = page.getByRole('button').filter({ hasText: /aprovar|check/i }).first();
+      const rejectButton = page.getByRole('button').filter({ hasText: /rejeitar|x/i }).first();
+
+      // Podem não existir pagamentos pendentes
+      // if (await approveButton.isVisible()) {
+      //   await expect(rejectButton).toBeVisible();
+      // }
+    });
+
+    test('deve abrir modal de rejeição ao clicar em rejeitar', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+
+      // Expandir e procurar pagamento para rejeitar
+      const firstClassCard = page.locator('.bg-white, .dark\\:bg-neutral-800').first();
+      await firstClassCard.click();
+
+      const rejectButton = page.getByRole('button').filter({ hasText: /rejeitar|x/i }).first();
+      if (await rejectButton.isVisible()) {
+        await rejectButton.click();
+
+        // Deve abrir modal
+        await expect(page.getByText(/motivo da rejeição/i)).toBeVisible();
+        await expect(page.getByRole('button', { name: /confirmar/i })).toBeVisible();
+        await expect(page.getByRole('button', { name: /cancelar/i })).toBeVisible();
+      }
+    });
+
+    test('deve ver comprovante', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+
+      // Procurar botão de ver comprovante
+      const viewReceiptButton = page.getByRole('button').filter({ hasText: /ver|olho/i }).first();
+      if (await viewReceiptButton.isVisible()) {
+        await viewReceiptButton.click();
+
+        // Deve abrir modal
+        await expect(page.locator('.fixed.inset-0')).toBeVisible();
+        await expect(page.getByRole('button', { name: /fechar|✕/i })).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Labels/Badges de Status', () => {
+    test('deve mostrar badge correto para cada status', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+
+      // Status possíveis: pending_verification, verified, rejected, pending
+      const statuses = [/aguardando/i, /pago|verificado/i, /rejeitado/i, /pendente/i];
+
+      for (const status of statuses) {
+        const badge = page.getByText(status).first();
+        if (await badge.isVisible()) {
+          // Badge deve ter classes de cor
+          await expect(badge).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Hover Cards', () => {
+    test('deve ter hover suave nos cards de turma', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+
+      const firstClassCard = page.locator('.bg-white, .dark\\:bg-neutral-800').first();
+
+      // Hover não deve mudar drasticamente
+      await firstClassCard.hover();
+      await page.waitForTimeout(100);
+
+      // Verificar se card ainda visível e funcional
+      await expect(firstClassCard).toBeVisible();
+    });
+
+    test('deve ter hover suave nas linhas da tabela', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments/by-class');
+
+      const firstClassCard = page.locator('.bg-white, .dark\\:bg-neutral-800').first();
+      await firstClassCard.click();
+
+      const tableRow = page.locator('tr').nth(1); // Pular header
+      if (await tableRow.isVisible()) {
+        await tableRow.hover();
+        await page.waitForTimeout(100);
+        await expect(tableRow).toBeVisible();
+      }
+    });
+  });
+});
diff --git a/tests/e2e/admin/statistics.spec.js b/tests/e2e/admin/statistics.spec.js
new file mode 100644
index 0000000..7b15408
--- /dev/null
+++ b/tests/e2e/admin/statistics.spec.js
@@ -0,0 +1,304 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Admin - Estatísticas de Provas', () => {
+  // TODO: Fazer login como admin
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('admin@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher/);
+  //   await page.getByRole('button', { name: /admin/i }).click();
+  // });
+
+  test.describe('Página de Estatísticas', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+    });
+
+    test('deve mostrar header com PageHeader', async ({ page }) => {
+      await expect(page.getByText(/estatísticas de provas/i)).toBeVisible();
+      await expect(page.getByText(/visualize estatísticas/i)).toBeVisible();
+    });
+
+    test('deve ter filtro de período', async ({ page }) => {
+      await expect(page.getByRole('combobox', { name: /período/i })).toBeVisible();
+    });
+
+    test('deve ter botão de atualizar', async ({ page }) => {
+      const refreshButton = page.getByRole('button', { name: /atualizar|refresh/i });
+      if (await refreshButton.isVisible()) {
+        await expect(refreshButton).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Estatísticas Agregadas', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+    });
+
+    test('deve mostrar total de tentativas', async ({ page }) => {
+      await expect(page.getByText(/total de tentativas/i)).toBeVisible();
+      const totalValue = page.locator('text=/deve-total/').first(); // Ajustar seletor
+      if (await totalValue.isVisible()) {
+        const text = await totalValue.textContent();
+        expect(text).toMatch(/\d+/);
+      }
+    });
+
+    test('deve mostrar média de notas', async ({ page }) => {
+      await expect(page.getByText(/média de notas/i)).toBeVisible();
+    });
+
+    test('deve mostrar média de aproveitamento', async ({ page }) => {
+      await expect(page.getByText(/média de aproveitamento/i)).toBeVisible();
+      const percentageValue = page.locator('text=/deve-percent/').first();
+      if (await percentageValue.isVisible()) {
+        const text = await percentageValue.textContent();
+        expect(text).toMatch(/\d+%/);
+      }
+    });
+
+    test('deve mostrar taxa de aprovação', async ({ page }) => {
+      await expect(page.getByText(/taxa de aprovação/i)).toBeVisible();
+      const passRateValue = page.locator('text=/deve-pass/').first();
+      if (await passRateValue.isVisible()) {
+        const text = await passRateValue.textContent();
+        expect(text).toMatch(/\d+%/);
+      }
+    });
+  });
+
+  test.describe('Estatísticas por Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+    });
+
+    test('deve mostrar cards de turmas', async ({ page }) => {
+      await expect(page.getByText(/por turma|by class/i)).toBeVisible();
+    });
+
+    test('deve mostrar nome da turma', async ({ page }) => {
+      const classCard = page.locator('[data-testid="class-stat-card"]').first();
+      if (await classCard.isVisible()) {
+        await expect(classCard.getByText(/turma|class/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar número de tentativas por turma', async ({ page }) => {
+      const classCard = page.locator('[data-testid="class-stat-card"]').first();
+      if (await classCard.isVisible()) {
+        await expect(classCard.getByText(/tentativas/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar média da turma com cor baseada no desempenho', async ({ page }) => {
+      const classCard = page.locator('[data-testid="class-stat-card"]').first();
+      if (await classCard.isVisible()) {
+        const avgLabel = classCard.locator('[data-testid="average-label"]').first();
+        if (await avgLabel.isVisible()) {
+          // Deve ter cor: emerald (bom), amber (médio), red (ruim)
+          const classes = await avgLabel.getAttribute('class') || '';
+          expect(classes).toMatch(/label-emerald|label-amber|label-red|bg-emerald|bg-amber|bg-red/i);
+        }
+      }
+    });
+  });
+
+  test.describe('Estatísticas por Template', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+    });
+
+    test('deve mostrar cards de templates', async ({ page }) => {
+      await expect(page.getByText(/por modelo|por template|by template/i)).toBeVisible();
+    });
+
+    test('deve mostrar título do template', async ({ page }) => {
+      const templateCard = page.locator('[data-testid="template-stat-card"]').first();
+      if (await templateCard.isVisible()) {
+        await expect(templateCard.getByText(/prova|template/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar número de tentativas por template', async ({ page }) => {
+      const templateCard = page.locator('[data-testid="template-stat-card"]').first();
+      if (await templateCard.isVisible()) {
+        await expect(templateCard.getByText(/tentativas/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Lista de Tentativas', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+    });
+
+    test('deve mostrar tabela de tentativas', async ({ page }) => {
+      await expect(page.getByText(/tentativas de prova/i)).toBeVisible();
+      await expect(page.locator('table')).toBeVisible();
+    });
+
+    test('deve mostrar colunas principais', async ({ page }) => {
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        await expect(table.getByText(/aluno|student/i)).toBeVisible();
+        await expect(table.getByText(/turma|class/i)).toBeVisible();
+        await expect(table.getByText(/modelo|template/i)).toBeVisible();
+        await expect(table.getByText(/nota|score/i)).toBeVisible();
+        await expect(table.getByText(/status/i)).toBeVisible();
+        await expect(table.getByText(/data/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar badge de status correção', async ({ page }) => {
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        const statusCell = table.locator('td').last();
+        if (await statusCell.isVisible()) {
+          // Status: fully_graded, partially_graded, auto_graded, pending
+          await expect(statusCell.locator('[data-testid="label"]')).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Paginação', () => {
+    test('deve ter controles de paginação', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const pagination = page.locator('[data-testid="pagination"]');
+      if (await pagination.isVisible()) {
+        await expect(pagination.getByRole('button', { name: /anterior|previous/i })).toBeVisible();
+        await expect(pagination.getByRole('button', { name: /próxima|next/i })).toBeVisible();
+      }
+    });
+
+    test('deve mostrar página atual', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const pageInfo = page.getByText(/página \d+ de \d+/i);
+      if (await pageInfo.isVisible()) {
+        await expect(pageInfo).toBeVisible();
+      }
+    });
+
+    test('deve navegar entre páginas', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const nextButton = page.getByRole('button', { name: /próxima|next/i });
+      if (await nextButton.isEnabled()) {
+        await nextButton.click();
+
+        // Deve mudar a página
+        const pageInfo = page.getByText(/página \d+ de \d+/i);
+        if (await pageInfo.isVisible()) {
+          const text = await pageInfo.textContent();
+          expect(text).toMatch(/página [2-9]/);
+        }
+      }
+    });
+  });
+
+  test.describe('Filtros', () => {
+    test('deve filtrar por status', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const statusFilter = page.getByRole('combobox', { name: /status/i });
+      if (await statusFilter.isVisible()) {
+        await statusFilter.selectOption('paid');
+
+        // Deve recarregar resultados
+        await page.waitForTimeout(500);
+        // Verificar se filtrou
+      }
+    });
+
+    test('deve filtrar por turma', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const classFilter = page.getByRole('combobox', { name: /turma/i });
+      if (await classFilter.isVisible()) {
+        const initialCount = await page.locator('table tbody tr').count();
+
+        await classFilter.selectOption({ index: 0 });
+
+        await page.waitForTimeout(500);
+        // Pode mostrar menos resultados
+      }
+    });
+  });
+
+  test.describe('Labels/Badges de Status', () => {
+    test('deve usar Label component corretamente', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const label = page.locator('[data-testid="label"]').first();
+      if (await label.isVisible()) {
+        // Deve ter as classes de cor
+        const classes = await label.getAttribute('class') || '';
+        expect(classes).toMatch(/label-(emerald|amber|red|blue|gray|sky|indigo|purple)/);
+      }
+    });
+
+    test('deve mostrar cor correta para cada status', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      // Verificar cores dos badges de porcentagem
+      const percentageLabels = page.locator('[data-testid="average-percent-label"]');
+      const count = await percentageLabels.count();
+
+      for (let i = 0; i < Math.min(count, 3); i++) {
+        const label = percentageLabels.nth(i);
+        const classes = await label.getAttribute('class') || '';
+        // >= 70%: emerald, >= 60%: amber, < 60%: red
+        expect(classes).toMatch(/label-(emerald|amber|red)/);
+      }
+    });
+
+    test('deve mostrar cor correta para status de correção', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const gradingLabels = page.locator('[data-testid="grading-status-label"]');
+      const count = await gradingLabels.count();
+
+      for (let i = 0; i < Math.min(count, 3); i++) {
+        const label = gradingLabels.nth(i);
+        const classes = await label.getAttribute('class') || '';
+        // fully_graded: emerald, partially_graded: amber, auto_graded: blue, pending: gray
+        expect(classes).toMatch(/label-(emerald|amber|blue|gray)/);
+      }
+    });
+  });
+
+  test.describe('Exportação de Dados', () => {
+    test('deve ter botão de exportar CSV', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const exportButton = page.getByRole('button', { name: /exportar|csv/i });
+      if (await exportButton.isVisible()) {
+        const downloadPromise = page.waitForEvent('download');
+
+        await exportButton.click();
+
+        const download = await downloadPromise;
+        expect(download.suggestedFilename()).toMatch(/\.csv$/);
+      }
+    });
+
+    test('deve ter botão de exportar PDF', async ({ page }) => {
+      await page.goto('/admin/dashboard/statistics/exams');
+
+      const exportButton = page.getByRole('button', { name: /pdf/i });
+      if (await exportButton.isVisible()) {
+        const downloadPromise = page.waitForEvent('download');
+
+        await exportButton.click();
+
+        const download = await downloadPromise;
+        expect(download.suggestedFilename()).toMatch(/\.pdf$/);
+      }
+    });
+  });
+});
diff --git a/tests/e2e/auth/login.spec.js b/tests/e2e/auth/login.spec.js
new file mode 100644
index 0000000..11ba252
--- /dev/null
+++ b/tests/e2e/auth/login.spec.js
@@ -0,0 +1,66 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Login', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/auth/login');
+  });
+
+  test('deve mostrar o formulário de login', async ({ page }) => {
+    await expect(page.locator('h1, h2')).toContainText('Login');
+    await expect(page.getByLabel(/email/i)).toBeVisible();
+    await expect(page.getByLabel(/senha/i)).toBeVisible();
+    await expect(page.getByRole('button', { name: /entrar|login/i })).toBeVisible();
+  });
+
+  test('deve mostrar erro com credenciais inválidas', async ({ page }) => {
+    await page.getByLabel(/email/i).fill('naoexiste@teste.com');
+    await page.getByLabel(/senha/i).fill('senhaerrada');
+    await page.getByRole('button', { name: /entrar|login/i }).click();
+
+    // Deve mostrar mensagem de erro ou redirecionar para login
+    await expect(page).toHaveURL(/\/auth\/login/);
+  });
+
+  test('deve redirecionar para dispatcher após login bem-sucedido', async ({ page }) => {
+    // TODO: Criar usuário de teste antes de executar
+    // await page.getByLabel(/email/i).fill('admin@teste.com');
+    // await page.getByLabel(/senha/i).fill('123456');
+    // await page.getByRole('button', { name: /entrar|login/i }).click();
+
+    // await expect(page).toHaveURL(/\/dispatcher/);
+  });
+
+  test('deve redirecionar para login se tentar acessar rota protegida', async ({ page }) => {
+    await page.goto('/admin/dashboard');
+    await expect(page).toHaveURL(/\/auth\/login/);
+  });
+});
+
+test.describe('Navbar - Estado Autenticado', () => {
+  test('não autenticado: mostra Home, Cadastro, Login', async ({ page }) => {
+    await page.goto('/');
+
+    const nav = page.locator('nav ul');
+    await expect(nav.getByRole('link', { name: 'Home' })).toBeVisible();
+    await expect(nav.getByRole('link', { name: 'Cadastro' })).toBeVisible();
+    await expect(nav.getByRole('button', { name: 'Login' })).toBeVisible();
+    await expect(nav.getByRole('link', { name: 'Dashboard' })).not.toBeVisible();
+  });
+
+  test('autenticado: mostra Home, Dashboard, Logout (esconde Cadastro)', async ({ page }) => {
+    // TODO: Fazer login primeiro
+    // await page.goto('/auth/login');
+    // await page.getByLabel(/email/i).fill('admin@teste.com');
+    // await page.getByLabel(/senha/i).fill('123456');
+    // await page.getByRole('button', { name: /entrar|login/i }).click();
+
+    // await page.waitForURL(/\/dispatcher|\/dashboard/);
+    // await page.goto('/');
+
+    // const nav = page.locator('nav ul');
+    // await expect(nav.getByRole('link', { name: 'Home' })).toBeVisible();
+    // await expect(nav.getByRole('link', { name: 'Cadastro' }).not.toBeVisible();
+    // await expect(nav.getByRole('link', { name: 'Dashboard' })).toBeVisible();
+    // await expect(nav.getByRole('button', { name: /logout|sair/i })).toBeVisible();
+  });
+});
diff --git a/tests/e2e/auth/register.spec.js b/tests/e2e/auth/register.spec.js
new file mode 100644
index 0000000..a6150b7
--- /dev/null
+++ b/tests/e2e/auth/register.spec.js
@@ -0,0 +1,103 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Cadastro', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/auth/register');
+  });
+
+  test('deve mostrar o formulário de cadastro', async ({ page }) => {
+    await expect(page.locator('h1, h2')).toContainText(/cadastro|registro/i);
+    await expect(page.getByLabel(/nome completo/i)).toBeVisible();
+    await expect(page.getByLabel(/email/i)).toBeVisible();
+    await expect(page.getByLabel(/senha/i)).toBeVisible();
+    await expect(page.getByLabel(/confirmar senha/i)).toBeVisible();
+    await expect(page.getByRole('button', { name: /cadastrar|registrar/i })).toBeVisible();
+  });
+
+  test('deve mostrar erro com senhas que não conferem', async ({ page }) => {
+    await page.getByLabel(/nome completo/i).fill('Usuário Teste');
+    await page.getByLabel(/email/i).fill(`teste${Date.now()}@teste.com`);
+    await page.getByLabel(/senha/i).fill('123456');
+    await page.getByLabel(/confirmar senha/i).fill('654321');
+    await page.getByRole('button', { name: /cadastrar|registrar/i }).click();
+
+    await expect(page.getByText(/senhas não conferem|senha não confere/i)).toBeVisible();
+  });
+
+  test('deve mostrar erro com senha muito curta', async ({ page }) => {
+    await page.getByLabel(/nome completo/i).fill('Usuário Teste');
+    await page.getByLabel(/email/i).fill(`teste${Date.now()}@teste.com`);
+    await page.getByLabel(/senha/i).fill('123');
+    await page.getByLabel(/confirmar senha/i).fill('123');
+    await page.getByRole('button', { name: /cadastrar|registrar/i }).click();
+
+    await expect(page.getByText(/mínimo de \d+ caracteres|senha muito curta/i)).toBeVisible();
+  });
+
+  test('deve mostrar erro com email inválido', async ({ page }) => {
+    await page.getByLabel(/nome completo/i).fill('Usuário Teste');
+    await page.getByLabel(/email/i).fill('email-invalido');
+    await page.getByLabel(/senha/i).fill('123456');
+    await page.getByLabel(/confirmar senha/i).fill('123456');
+    await page.getByRole('button', { name: /cadastrar|registrar/i }).click();
+
+    await expect(page.getByText(/email inválido/i)).toBeVisible();
+  });
+
+  test('deve mostrar erro com campos obrigatórios vazios', async ({ page }) => {
+    await page.getByRole('button', { name: /cadastrar|registrar/i }).click();
+
+    await expect(page.getByText(/nome.*obrigatório/i)).toBeVisible();
+  });
+
+  test('deve cadastrar com dados válidos e redirecionar para login', async ({ page }) => {
+    const timestamp = Date.now();
+    await page.getByLabel(/nome completo/i).fill(`Usuário Teste ${timestamp}`);
+    await page.getByLabel(/email/i).fill(`teste${timestamp}@teste.com`);
+    await page.getByLabel(/senha/i).fill('123456');
+    await page.getByLabel(/confirmar senha/i).fill('123456');
+
+    await page.getByRole('button', { name: /cadastrar|registrar/i }).click();
+
+    // Deve redirecionar para login ou mostrar mensagem de sucesso
+    await expect(page).toHaveURL(/\/auth\/login/, { timeout: 10000 });
+  });
+});
+
+test.describe('Seleção de Role', () => {
+  test('deve mostrar opções quando usuário tem múltiplos roles', async ({ page }) => {
+    // TODO: Fazer login com usuário que tem múltiplos roles
+    await page.goto('/dispatcher');
+
+    // Deve mostrar o dispatcher
+    await expect(page.locator('h1, h2')).toContainText(/escolha.*destino|selecione.*papel/i);
+  });
+
+  test('admin: redireciona para /admin/dashboard', async ({ page }) => {
+    // TODO: Fazer login como admin
+    // await page.goto('/dispatcher');
+    // await page.getByRole('button', { name: /administrador|admin/i }).click();
+    // await expect(page).toHaveURL(/\/admin\/dashboard/);
+  });
+
+  test('professor: redireciona para /dashboard/teacher', async ({ page }) => {
+    // TODO: Fazer login como professor
+    // await page.goto('/dispatcher');
+    // await page.getByRole('button', { name: /professor/i }).click();
+    // await expect(page).toHaveURL(/\/dashboard\/teacher/);
+  });
+
+  test('aluno: redireciona para /dashboard/student', async ({ page }) => {
+    // TODO: Fazer login como aluno
+    // await page.goto('/dispatcher');
+    // await page.getByRole('button', { name: /aluno/i }).click();
+    // await expect(page).toHaveURL(/\/dashboard\/student/);
+  });
+
+  test('responsável: redireciona para /dashboard/guardian', async ({ page }) => {
+    // TODO: Fazer login como responsável
+    // await page.goto('/dispatcher');
+    // await page.getByRole('button', { name: /responsável|guardian/i }).click();
+    // await expect(page).toHaveURL(/\/dashboard\/guardian/);
+  });
+});
diff --git a/tests/e2e/error-cases.spec.js b/tests/e2e/error-cases.spec.js
new file mode 100644
index 0000000..eec5492
--- /dev/null
+++ b/tests/e2e/error-cases.spec.js
@@ -0,0 +1,243 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Casos de Erro Importantes', () => {
+  test.describe('Acesso Não Autorizado', () => {
+    test('usuário não logado tenta acessar rota protegida', async ({ page }) => {
+      await page.goto('/admin/dashboard');
+
+      // Deve redirecionar para login
+      await expect(page).toHaveURL(/\/auth\/login/, { timeout: 5000 });
+    });
+
+    test('usuário com role errado tenta acessar rota admin', async ({ page }) => {
+      // TODO: Fazer login como aluno
+      // await page.goto('/auth/login');
+      // await page.getByLabel(/email/i).fill('student@teste.com');
+      // await page.getByLabel(/senha/i).fill('123456');
+      // await page.getByRole('button', { name: /entrar/i }).click();
+
+      // await page.goto('/admin/dashboard');
+
+      // Deve mostrar "Não autorizado" ou redirecionar
+      // await expect(page.getByText(/não autorizado|not authorized|acesso negado/i)).toBeVisible();
+    });
+
+    test('usuário tenta acessar dashboard de outro role', async ({ page }) => {
+      // TODO: Fazer login como aluno
+      // await page.goto('/auth/login');
+      // await page.getByLabel(/email/i).fill('student@teste.com');
+      // await page.getByLabel(/senha/i).fill('123456');
+      // await page.getByRole('button', { name: /entrar/i }).click();
+
+      // Tentar acessar dashboard de professor
+      // await page.goto('/dashboard/teacher');
+
+      // Deve redirecionar ou mostrar erro
+      // await expect(page.getByText(/não autorizado|not authorized/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Sessão Expirada', () => {
+    test('deve redirecionar para login quando sessão expira', async ({ page }) => {
+      // TODO: Simular sessão expirada limpando cookies
+      // await page.goto('/dashboard/student');
+      // await page.context().clearCookies();
+      // await page.reload();
+
+      // await expect(page).toHaveURL(/\/auth\/login/);
+    });
+  });
+
+  test.describe('Erros de Validação - Formulários', () => {
+    test('email inválido no cadastro', async ({ page }) => {
+      await page.goto('/auth/register');
+      await page.getByLabel(/email/i).fill('email@invalido');
+      await page.getByRole('button', { name: /cadastrar/i }).click();
+
+      await expect(page.getByText(/email inválido/i)).toBeVisible();
+    });
+
+    test('senha muito curta', async ({ page }) => {
+      await page.goto('/auth/register');
+      await page.getByLabel(/senha/i).fill('123');
+      await page.getByLabel(/confirmar senha/i).fill('123');
+      await page.getByRole('button', { name: /cadastrar/i }).click();
+
+      await expect(page.getByText(/mínimo.*\d+.*caracteres/i)).toBeVisible();
+    });
+
+    test('senhas não conferem', async ({ page }) => {
+      await page.goto('/auth/register');
+      await page.getByLabel(/senha/i).fill('123456');
+      await page.getByLabel(/confirmar senha/i).fill('654321');
+      await page.getByRole('button', { name: /cadastrar/i }).click();
+
+      await expect(page.getByText(/senhas não conferem/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Erros de Validação - Turma', () => {
+    test('data de término anterior à data de início', async ({ page }) => {
+      // TODO: Fazer login como admin
+      await page.goto('/admin/dashboard/class/add');
+
+      await page.getByLabel(/data de início/i).fill('2025-01-10');
+      await page.getByLabel(/data de término|end date/i).fill('2025-01-01');
+      await page.getByRole('button', { name: /salvar/i }).click();
+
+      await expect(page.getByText(/término não pode ser anterior|data inválida/i)).toBeVisible();
+    });
+
+    test('campos obrigatórios faltando', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+      await page.getByRole('button', { name: /salvar/i }).click();
+
+      await expect(page.getByText(/obrigatório|required/i)).toBeVisible();
+    });
+
+    test('sem professores selecionados', async ({ page }) => {
+      await page.goto('/admin/dashboard/class/add');
+
+      await page.getByLabel(/título/i).fill('Turma Sem Professor');
+      await page.getByLabel(/data de início/i).fill('2025-01-01');
+      await page.getByLabel(/horário/i).fill('19:00');
+
+      await page.getByRole('button', { name: /salvar/i }).click();
+
+      await expect(page.getByText(/professor.*obrigatório/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Erros de Upload', () => {
+    test('arquivo muito grande', async ({ page }) => {
+      // TODO: Testar upload de arquivo grande
+      // await page.goto('/files/upload');
+
+      // const fileInput = page.getByRole('input').first();
+      // await fileInput.setInputFiles('path/to/large-file.pdf');
+
+      // await expect(page.getByText(/arquivo muito grande|tamanho máximo/i)).toBeVisible();
+    });
+
+    test('formato não suportado', async ({ page }) => {
+      // TODO: Testar upload de arquivo não suportado
+      // await page.goto('/files/upload');
+
+      // const fileInput = page.getByRole('input').first();
+      // await fileInput.setInputFiles('path/to/file.exe');
+
+      // await expect(page.getByText(/formato não suportado/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Provas - Restrições', () => {
+    test('não pode iniciar prova após prazo', async ({ page }) => {
+      // TODO: Tentar acessar prova expirada
+      // await page.goto('/dashboard/student/assignments/expired-id/take');
+
+      // await expect(page.getByText(/prazo expirado|não disponível/i)).toBeVisible();
+    });
+
+    test('não pode submeter prova duas vezes', async ({ page }) => {
+      // TODO: Submeter prova e tentar submeter novamente
+      // await page.goto('/dashboard/student/assignments/assignment-id/take');
+
+      // // Submeter primeira vez
+      // await page.getByRole('button', { name: /submeter/i }).click();
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // // Tentar submeter novamente
+      // await page.goto('/dashboard/student/assignments/assignment-id/take');
+
+      // await expect(page.getByText(/já submetida|não disponível/i)).toBeVisible();
+    });
+
+    test('não pode editar após submeter', async ({ page }) => {
+      // TODO: Acessar prova já submetida
+      // await page.goto('/dashboard/student/assignments/submitted-id/take');
+
+      // As opções devem estar desabilitadas
+      // const radioButtons = page.locator('input[type="radio"]');
+      // for (const radio of await radioButtons.all()) {
+      //   await expect(radio).toBeDisabled();
+      // }
+    });
+  });
+
+  test.describe('Erros de Conexão', () => {
+    test('deve mostrar mensagem amigável quando API falha', async ({ page }) => {
+      // TODO: Simular erro de API
+      // await page.route('**/api/**', route => route.abort());
+
+      // await page.goto('/dashboard/student');
+
+      // await expect(page.getByText(/erro de conexão|tente novamente/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Email Já Existe', () => {
+    test('cadastro com email duplicado', async ({ page }) => {
+      await page.goto('/auth/register');
+
+      // Email que já existe no banco
+      await page.getByLabel(/nome completo/i).fill('Usuário Teste');
+      await page.getByLabel(/email/i).fill('admin@teste.com'); // Assumindo que existe
+      await page.getByLabel(/senha/i).fill('123456');
+      await page.getByLabel(/confirmar senha/i).fill('123456');
+
+      await page.getByRole('button', { name: /cadastrar/i }).click();
+
+      await expect(page.getByText(/email já cadastrado|já existe/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Exclusão com Dependências', () => {
+    test('não pode excluir categoria com arquivos vinculados', async ({ page }) => {
+      // TODO: Testar exclusão de categoria em uso
+      // await page.goto('/admin/dashboard/categories/edit/category-id');
+
+      // await page.getByRole('button', { name: /excluir/i }).click();
+
+      // await expect(page.getByText(/categoria em uso|possui arquivos/i)).toBeVisible();
+    });
+
+    test('não pode excluir template com tentativas', async ({ page }) => {
+      // TODO: Testar exclusão de template usado
+      // await page.goto('/admin/dashboard/exam-templates/edit/template-id');
+
+      // await page.getByRole('button', { name: /excluir/i }).click();
+
+      // await expect(page.getByText(/possui tentativas|em uso/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Ward - Email Duplicado', () => {
+    test('não pode cadastrar ward com email existente', async ({ page }) => {
+      // TODO: Fazer login como guardian
+      // await page.goto('/dashboard/guardian/register-student');
+
+      // await page.getByLabel(/nome do aluno/i).fill('Aluno Teste');
+      // await page.getByLabel(/email/i).fill('student@teste.com'); // Já existe
+      // await page.getByLabel(/senha/i).fill('123456');
+      // await page.getByLabel(/confirmar senha/i).fill('123456');
+
+      // await page.getByRole('button', { name: /cadastrar/i }).click();
+
+      // await expect(page.getByText(/email já cadastrado/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Pagamentos - Confirmação', () => {
+    test('deve confirmar antes de excluir obrigação', async ({ page }) => {
+      // TODO: Testar exclusão com confirmação
+      // await page.goto('/admin/dashboard/payments');
+
+      // const deleteButton = page.getByRole('button', { name: /excluir/i }).first();
+      // await deleteButton.click();
+
+      // await expect(page.getByText(/tem certeza|deseja excluir/i)).toBeVisible();
+      // await expect(page.getByRole('button', { name: /confirmar/i })).toBeVisible();
+      // await expect(page.getByRole('button', { name: /cancelar/i })).toBeVisible();
+    });
+  });
+});
diff --git a/tests/e2e/guardian/payments.spec.js b/tests/e2e/guardian/payments.spec.js
new file mode 100644
index 0000000..ad63316
--- /dev/null
+++ b/tests/e2e/guardian/payments.spec.js
@@ -0,0 +1,408 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Responsável - Pagamentos', () => {
+  // TODO: Fazer login como responsável
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('guardian@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher|\/dashboard\/guardian/);
+  // });
+
+  test.describe('Dashboard do Responsável', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/guardian');
+    });
+
+    test('deve mostrar lista de wards vinculados', async ({ page }) => {
+      await expect(page.getByText(/alunos|wards|meus alunos/i)).toBeVisible();
+    });
+
+    test('deve mostrar resumo financeiro', async ({ page }) => {
+      await expect(page.getByText(/pagamentos|mensalidades|financeiro/i)).toBeVisible();
+    });
+
+    test('deve mostrar total de pendências', async ({ page }) => {
+      const pendingValue = page.getByText(/\d+,\d+|pendência/i);
+      if (await pendingValue.isVisible()) {
+        await expect(pendingValue).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Pagamentos por Aluno', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Navegar para página de pagamentos de um ward específico
+      // await page.goto('/dashboard/guardian/ward-id/payments');
+      await page.goto('/dashboard/guardian');
+    });
+
+    test('deve mostrar lista de obrigações do aluno', async ({ page }) => {
+      await expect(page.getByText(/obrigações|mensalidades/i)).toBeVisible();
+      await expect(page.locator('table, [data-testid="payment-list"]').first()).toBeVisible();
+    });
+
+    test('deve mostrar valor e vencimento de cada obrigação', async ({ page }) => {
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        await expect(table.getByText(/valor|amount|r\$/i)).toBeVisible();
+        await expect(table.getByText(/vencimento|due date/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar status da obrigação', async ({ page }) => {
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        const statusCell = table.locator('tbody tr td').last();
+        if (await statusCell.isVisible()) {
+          // Status: pending, paid, rejected
+          const label = statusCell.locator('[data-testid="status-label"], .label').first();
+          if (await label.isVisible()) {
+            const classes = await label.getAttribute('class') || '';
+            expect(classes).toMatch(/label-(amber|emerald|red|gray)/);
+          }
+        }
+      }
+    });
+  });
+
+  test.describe('Registrar Pagamento', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Navegar para página de pagamentos de um ward
+      await page.goto('/dashboard/guardian/payments/register');
+    });
+
+    test('deve mostrar formulário de registro', async ({ page }) => {
+      await expect(page.getByRole('combobox', { name: /aluno|ward/i })).toBeVisible();
+      await expect(page.getByLabel(/valor|amount/i)).toBeVisible();
+      await expect(page.getByRole('combobox', { name: /método|payment method/i })).toBeVisible();
+    });
+
+    test('deve listar wards disponíveis', async ({ page }) => {
+      const wardSelect = page.getByRole('combobox', { name: /aluno|ward/i });
+      const options = await wardSelect.locator('option').count();
+
+      expect(options).toBeGreaterThan(0);
+    });
+
+    test('deve permitir selecionar forma de pagamento', async ({ page }) => {
+      const methodSelect = page.getByRole('combobox', { name: /método/i });
+
+      const options = ['pix', 'transferência', 'dinheiro', 'cartão'];
+      const selectOptions = await methodSelect.locator('option').all();
+
+      for (const option of selectOptions) {
+        const text = await option.textContent();
+        expect(options.some(o => o.toLowerCase().includes(text.toLowerCase()))).toBe(true);
+      }
+    });
+  });
+
+  test.describe('Upload de Comprovante', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments/register');
+    });
+
+    test('deve ter campo de upload de comprovante', async ({ page }) => {
+      await expect(page.getByLabelText(/comprovante|recibo/i)).toBeVisible();
+    });
+
+    test('deve aceitar arquivo de imagem', async ({ page }) => {
+      const fileInput = page.getByLabelText(/comprovante/i);
+      // await fileInput.setInputFiles('tests/fixtures/recibo.jpg');
+
+      await expect(fileInput).toBeVisible();
+    });
+
+    test('deve aceitar arquivo PDF', async ({ page }) => {
+      const fileInput = page.getByLabelText(/comprovante/i);
+      // await fileInput.setInputFiles('tests/fixtures/recibo.pdf');
+
+      await expect(fileInput).toBeVisible();
+    });
+
+    test('deve mostrar preview do comprovante após upload', async ({ page }) => {
+      const fileInput = page.getByLabelText(/comprovante/i);
+
+      // await fileInput.setInputFiles('tests/fixtures/recibo.jpg');
+      // await page.waitForTimeout(1000);
+
+      // const preview = page.locator('img[src*="blob:"], .file-upload-preview').first();
+      // if (await preview.isVisible()) {
+      //   await expect(preview).toBeVisible();
+      // }
+    });
+
+    test('deve remover comprovante ao clicar em remover', async ({ page }) => {
+      const fileInput = page.getByLabelText(/comprovante/i);
+
+      // await fileInput.setInputFiles('tests/fixtures/recibo.jpg');
+      // await page.waitForTimeout(1000);
+
+      const removeButton = page.getByRole('button', { name: /remover|x/i });
+      if (await removeButton.isVisible()) {
+        await removeButton.click();
+
+        // Campo deve estar vazio
+        // expect(await fileInput.inputValue()).toBe('');
+      }
+    });
+  });
+
+  test.describe('Validações de Pagamento', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments/register');
+    });
+
+    test('deve validar valor obrigatório', async ({ page }) => {
+      await page.getByRole('button', { name: /registrar|salvar/i }).click();
+
+      await expect(page.getByText(/valor.*obrigatório|amount.*required/i)).toBeVisible();
+    });
+
+    test('deve validar formato de valor (com vírgula)', async ({ page }) => {
+      await page.getByLabel(/valor|amount/i).fill('50,00');
+
+      await page.getByRole('button', { name: /registrar|salvar/i }).click();
+
+      // Não deve mostrar erro de formato
+      // Ou pode converter para formato correto
+    });
+
+    test('deve aceitar valor com ponto', async ({ page }) => {
+      await page.getByLabel(/valor|amount/i).fill('50.00');
+
+      await page.getByRole('button', { name: /registrar|salvar/i }).click();
+    });
+
+    test('deve validar aluno obrigatório', async ({ page }) => {
+      await page.getByRole('button', { name: /registrar|salvar/i }).click();
+
+      await expect(page.getByText(/aluno.*obrigatório|ward.*required/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Confirmar Pagamento', () => {
+    test('deve mostrar resumo antes de confirmar', async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments/register');
+
+      // Preencher formulário
+      await page.getByRole('combobox', { name: /aluno/i }).selectOption({ index: 0 });
+      await page.getByLabel(/valor/i).fill('150,00');
+      await page.getByRole('combobox', { name: /método/i }).selectOption('pix');
+
+      await page.getByRole('button', { name: /registrar|salvar/i }).click();
+
+      // Pode mostrar modal de confirmação ou resumo
+      const confirmDialog = page.locator('[data-testid="confirm-dialog"]');
+      if (await confirmDialog.isVisible()) {
+        await expect(confirmDialog.getByText(/confirma|registro|pagamento/i)).toBeVisible();
+        await expect(page.getByRole('button', { name: /confirmar|sim/i })).toBeVisible();
+        await expect(page.getByRole('button', { name: /cancelar|não/i })).toBeVisible();
+      }
+    });
+
+    test('deve registrar pagamento com sucesso', async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments/register');
+
+      // TODO: Preencher com dados válidos
+      // await page.getByRole('combobox', { name: /aluno/i }).selectOption({ index: 0 });
+      // await page.getByLabel(/valor/i).fill('150,00');
+      // await page.getByRole('combobox', { name: /método/i }).selectOption('pix');
+      // await page.getByLabelText(/comprovante/i).setInputFiles('tests/fixtures/recibo.pdf');
+
+      // await page.getByRole('button', { name: /confirmar/i }).click();
+
+      // await expect(page.getByText(/pagamento registrado|sucesso/i)).toBeVisible();
+      // await expect(page).toHaveURL(/\/dashboard\/guardian/, { timeout: 10000 });
+    });
+  });
+
+  test.describe('Histórico de Pagamentos', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments/history');
+    });
+
+    test('deve mostrar histórico de pagamentos', async ({ page }) => {
+      await expect(page.getByText(/histórico|pagamentos/i)).toBeVisible();
+    });
+
+    test('deve mostrar filtros de status', async ({ page }) => {
+      const statusFilter = page.getByRole('combobox', { name: /status/i });
+      if (await statusFilter.isVisible()) {
+        await expect(statusFilter).toBeVisible();
+      }
+    });
+
+    test('deve filtrar por status', async ({ page }) => {
+      const statusFilter = page.getByRole('combobox', { name: /status/i });
+      if (await statusFilter.isVisible()) {
+        await statusFilter.selectOption('pending');
+
+        await page.waitForTimeout(500);
+
+        // Deve mostrar apenas pendentes
+      }
+    });
+  });
+
+  test.describe('Status de Pagamento', () => {
+    test('deve mostrar status "Pendente" em amarelo', async ({ page }) => {
+      const pendingLabel = page.locator('[data-testid="status-label"]').filter({ hasText: /pendente/i });
+
+      if (await pendingLabel.isVisible()) {
+        const classes = await pendingLabel.getAttribute('class') || '';
+        expect(classes).toMatch(/label-amber|text-amber|bg-amber/i);
+      }
+    });
+
+    test('deve mostrar status "Aguardando Verificação" em azul', async ({ page }) => {
+      const verificationLabel = page.locator('[data-testid="status-label"]').filter({ hasText: /aguardando/i });
+
+      if (await verificationLabel.isVisible()) {
+        const classes = await verificationLabel.getAttribute('class') || '';
+        expect(classes).toMatch(/label-blue|text-blue|bg-blue/i);
+      }
+    });
+
+    test('deve mostrar status "Pago" em verde', async ({ page }) => {
+      const paidLabel = page.locator('[data-testid="status-label"]').filter({ hasText: /pago|verificado/i });
+
+      if (await paidLabel.isVisible()) {
+        const classes = await paidLabel.getAttribute('class') || '';
+        expect(classes).toMatch(/label-emerald|text-emerald|bg-emerald/i);
+      }
+    });
+
+    test('deve mostrar status "Rejeitado" em vermelho', async ({ page }) => {
+      const rejectedLabel = page.locator('[data-testid="status-label"]').filter({ hasText: /rejeitado/i });
+
+      if (await rejectedLabel.isVisible()) {
+        const classes = await rejectedLabel.getAttribute('class') || '';
+        expect(classes).toMatch(/label-red|text-red|bg-red/i);
+      }
+    });
+  });
+
+  test.describe('Notificações', () => {
+    test('deve mostrar notificação de pagamento recebido', async ({ page }) => {
+      // TODO: Testar notificação (pode precisar de WebSocket ou polling)
+      // await page.goto('/dashboard/guardian');
+
+      // Pode ter ícone de notificação
+      const notificationIcon = page.locator('[data-testid="notification-icon"], [data-testid="notification-badge"]');
+      if (await notificationIcon.isVisible()) {
+        const badge = notificationIcon.locator('[data-testid="badge"], .badge');
+        const count = await badge.count();
+
+        if (count > 0) {
+          await expect(badge.first()).toContainText(/\d+/);
+        }
+      }
+    });
+
+    test('deve mostrar alerta de vencimento próximo', async ({ page }) => {
+      // TODO: Testar alerta de vencimento
+      // await page.goto('/dashboard/guardian');
+
+      // Pode ter banner de alerta
+      const alertBanner = page.locator('[data-testid="due-date-alert"]');
+      if (await alertBanner.isVisible()) {
+        await expect(alertBanner.getByText(/vence em breve|próximo ao vencimento/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Recibo de Pagamento', () => {
+    test('deve permitir visualizar comprovante', async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments/history');
+
+      const viewReceiptButton = page.getByRole('button', { name: /comprovante|recibo/i }).first();
+      if (await viewReceiptButton.isVisible()) {
+        await viewReceiptButton.click();
+
+        // Deve abrir modal com comprovante
+        await expect(page.locator('.fixed.inset-0')).toBeVisible();
+      }
+    });
+
+    test('deve mostrar comprovante em modal', async ({ page }) => {
+      // TODO: Implementar
+      // await page.getByRole('button', { name: /comprovante/i }).first().click();
+
+      // // Deve mostrar imagem ou PDF
+      // const content = page.locator('img[src*="/uploads/"], iframe').first();
+      // await expect(content).toBeVisible();
+    });
+  });
+
+  test.describe('Múltiplos Wards', () => {
+    test('deve ter filtro para selecionar ward específico', async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments');
+
+      const wardFilter = page.getByRole('combobox', { name: /aluno|ward/i });
+      if (await wardFilter.isVisible()) {
+        await expect(wardFilter).toBeVisible();
+
+        // Deve ter opção "Todos"
+        const allOption = wardFilter.getByRole('option', { name: /todos|all/i });
+        await expect(allOption).toBeVisible();
+      }
+    });
+
+    test('deve mostrar apenas pagamentos do ward selecionado', async ({ page }) => {
+      await page.goto('/dashboard/guardian/payments');
+
+      const wardFilter = page.getByRole('combobox', { name: /aluno|ward/i });
+      if (await wardFilter.isVisible()) {
+        const options = await wardFilter.locator('option').count();
+
+        if (options > 1) {
+          const beforeCount = await page.locator('[data-testid="payment-row"]').count();
+
+          await wardFilter.selectOption({ index: 1 });
+
+          await page.waitForTimeout(500);
+
+          const afterCount = await page.locator('[data-testid="payment-row"]').count();
+
+          // Pode mostrar menos resultados
+        }
+      }
+    });
+  });
+
+  test.describe('Responsividade - Mobile', () => {
+    test('formulário de registro deve ser usável em mobile', async ({ page }) => {
+      await page.setViewportSize({ width: 375, height: 667 });
+      await page.goto('/dashboard/guardian/payments/register');
+
+      // Sem scroll horizontal
+      const hasHorizontalScroll = await page.evaluate(() => {
+        return document.body.scrollWidth > document.body.clientWidth;
+      });
+      expect(hasHorizontalScroll).toBe(false);
+
+      // Campos devem estar visíveis
+      await expect(page.getByRole('combobox', { name: /aluno/i })).toBeVisible();
+      await expect(page.getByLabel(/valor/i)).toBeVisible();
+    });
+
+    test('tabela de histórico deve ter scroll horizontal em mobile', async ({ page }) => {
+      await page.setViewportSize({ width: 375, height: 667 });
+      await page.goto('/dashboard/guardian/payments/history');
+
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        const container = table.locator('..');
+        const overflowX = await container.evaluate(el => {
+          return window.getComputedStyle(el).overflowX;
+        });
+
+        // Deve ter scroll ou estar ajustado
+        expect(overflowX || 'visible').toMatch(/auto|scroll|visible/);
+      }
+    });
+  });
+});
diff --git a/tests/e2e/guardian/wards.spec.js b/tests/e2e/guardian/wards.spec.js
new file mode 100644
index 0000000..011bbc7
--- /dev/null
+++ b/tests/e2e/guardian/wards.spec.js
@@ -0,0 +1,122 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Wards - Alunos Vinculados a Responsáveis', () => {
+  // TODO: Fazer login como responsável antes de cada teste
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('guardian@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dashboard\/guardian/);
+  // });
+
+  test.describe('Dashboard do Responsável', () => {
+    test('deve mostrar lista de alunos vinculados', async ({ page }) => {
+      // TODO: Implementar após login
+      await page.goto('/dashboard/guardian');
+
+      await expect(page.getByText(/alunos|wards|meus alunos/i)).toBeVisible();
+    });
+
+    test('cada aluno deve ter link para detalhes', async ({ page }) => {
+      await page.goto('/dashboard/guardian');
+
+      // TODO: Verificar se há cards de alunos com links
+      // const studentCard = page.locator('[data-testid="student-card"]').first();
+      // await expect(studentCard.getByRole('link')).toBeVisible();
+    });
+  });
+
+  test.describe('Cadastro de Ward', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/guardian/register-student');
+    });
+
+    test('deve mostrar formulário de cadastro de aluno', async ({ page }) => {
+      await expect(page.getByLabel(/nome do aluno|nome completo/i)).toBeVisible();
+      await expect(page.getByLabel(/email/i)).toBeVisible();
+      await expect(page.getByLabel(/senha/i)).toBeVisible();
+      await expect(page.getByLabel(/confirmar senha/i)).toBeVisible();
+      await expect(page.getByRole('button', { name: /cadastrar|salvar/i })).toBeVisible();
+    });
+
+    test('deve validar campos obrigatórios', async ({ page }) => {
+      await page.getByRole('button', { name: /cadastrar|salvar/i }).click();
+
+      await expect(page.getByText(/nome.*obrigatório/i)).toBeVisible();
+    });
+
+    test('deve mostrar erro com email já existente', async ({ page }) => {
+      await page.getByLabel(/nome do aluno/i).fill('Aluno Teste');
+      await page.getByLabel(/email/i).fill('jaexiste@teste.com'); // Email que já existe
+      await page.getByLabel(/senha/i).fill('123456');
+      await page.getByLabel(/confirmar senha/i).fill('123456');
+
+      await page.getByRole('button', { name: /cadastrar|salvar/i }).click();
+
+      await expect(page.getByText(/email já cadastrado|já existe/i)).toBeVisible();
+    });
+
+    test('deve mostrar erro com senhas diferentes', async ({ page }) => {
+      await page.getByLabel(/nome do aluno/i).fill('Aluno Teste');
+      await page.getByLabel(/email/i).fill(`novoaluno${Date.now()}@teste.com`);
+      await page.getByLabel(/senha/i).fill('123456');
+      await page.getByLabel(/confirmar senha/i).fill('654321');
+
+      await page.getByRole('button', { name: /cadastrar|salvar/i }).click();
+
+      await expect(page.getByText(/senhas não conferem/i)).toBeVisible();
+    });
+
+    test('deve cadastrar ward com sucesso', async ({ page }) => {
+      const timestamp = Date.now();
+      await page.getByLabel(/nome do aluno/i).fill(`Aluno Ward ${timestamp}`);
+      await page.getByLabel(/email/i).fill(`ward${timestamp}@teste.com`);
+      await page.getByLabel(/senha/i).fill('123456');
+      await page.getByLabel(/confirmar senha/i).fill('123456');
+
+      await page.getByRole('button', { name: /cadastrar|salvar/i }).click();
+
+      // Deve mostrar mensagem de sucesso ou redirecionar
+      await expect(page.getByText(/aluno cadastrado|sucesso/i)).toBeVisible({ timeout: 10000 });
+    });
+
+    test('novo ward deve aparecer na lista do responsável', async ({ page }) => {
+      // 1. Cadastrar novo ward
+      const timestamp = Date.now();
+      const wardName = `Aluno Ward ${timestamp}`;
+      const wardEmail = `ward${timestamp}@teste.com`;
+
+      await page.goto('/dashboard/guardian/register-student');
+      await page.getByLabel(/nome do aluno/i).fill(wardName);
+      await page.getByLabel(/email/i).fill(wardEmail);
+      await page.getByLabel(/senha/i).fill('123456');
+      await page.getByLabel(/confirmar senha/i).fill('123456');
+      await page.getByRole('button', { name: /cadastrar|salvar/i }).click();
+
+      // 2. Voltar para dashboard e verificar se aparece
+      await page.goto('/dashboard/guardian');
+      await expect(page.getByText(wardName)).toBeVisible();
+    });
+  });
+
+  test.describe('Detalhes do Ward', () => {
+    test('deve mostrar turmas do aluno', async ({ page }) => {
+      // TODO: Implementar
+      // await page.goto('/dashboard/guardian/ward-id');
+      // await expect(page.getByText(/turmas|classes/i)).toBeVisible();
+    });
+
+    test('deve mostrar pagamentos do aluno', async ({ page }) => {
+      // TODO: Implementar
+      // await page.goto('/dashboard/guardian/ward-id/payments');
+      // await expect(page.getByText(/pagamentos|mensalidades/i)).toBeVisible();
+    });
+
+    test('deve mostrar notas do aluno', async ({ page }) => {
+      // TODO: Implementar
+      // await page.goto('/dashboard/guardian/ward-id/grades');
+      // await expect(page.getByText(/notas|provas/i)).toBeVisible();
+    });
+  });
+});
diff --git a/tests/e2e/student/exams.spec.js b/tests/e2e/student/exams.spec.js
new file mode 100644
index 0000000..b0e2058
--- /dev/null
+++ b/tests/e2e/student/exams.spec.js
@@ -0,0 +1,187 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Aluno - Provas', () => {
+  // TODO: Fazer login como aluno antes de cada teste
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('student@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dashboard\/student/);
+  // });
+
+  test.describe('Dashboard do Aluno', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/student');
+    });
+
+    test('deve mostrar turmas matriculadas', async ({ page }) => {
+      await expect(page.getByText(/turmas|classes|minhas turmas/i)).toBeVisible();
+    });
+
+    test('deve mostrar seção de provas disponíveis', async ({ page }) => {
+      await expect(page.getByText(/provas|exames|avaliações/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Lista de Provas Disponíveis', () => {
+    test('deve mostrar provas para fazer', async ({ page }) => {
+      await page.goto('/dashboard/student/assignments');
+
+      await expect(page.getByText(/provas|exames/i)).toBeVisible();
+    });
+
+    test('deve mostrar informações da prova', async ({ page }) => {
+      await page.goto('/dashboard/student/assignments');
+
+      const examCard = page.locator('[data-testid="assignment-card"]').first();
+      if (await examCard.isVisible()) {
+        await expect(examCard.getByText(/título/i)).toBeVisible();
+        await expect(examCard.getByText(/prazo|deadline/i)).toBeVisible();
+        await expect(examCard.getByText(/tempo|time/i)).toBeVisible();
+      }
+    });
+
+    test('deve ter botão para iniciar prova', async ({ page }) => {
+      await page.goto('/dashboard/student/assignments');
+
+      const startButton = page.getByRole('link', { name: /iniciar|começar|fazer/i }).first();
+      if (await startButton.isVisible()) {
+        await startButton.click();
+        await expect(page).toHaveURL(/\/assignments\/\w+\/take/);
+      }
+    });
+  });
+
+  test.describe('Fazendo Prova', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Navegar para uma prova específica
+      // await page.goto('/dashboard/student/assignments/assignment-id/take');
+    });
+
+    test('deve mostrar título e instruções da prova', async ({ page }) => {
+      // await expect(page.getByText(/título/i)).toBeVisible();
+      // await expect(page.getByText(/instruções/i)).toBeVisible();
+    });
+
+    test('deve mostrar timer de contagem regressiva', async ({ page }) => {
+      // await expect(page.getByText(/\d+:\d+|\d+ min/i)).toBeVisible();
+    });
+
+    test('deve mostrar questões', async ({ page }) => {
+      // await expect(page.getByText(/questão|pergunta/i)).toBeVisible();
+    });
+
+    test('deve responder múltipla escolha', async ({ page }) => {
+      // const firstOption = page.locator('input[type="radio"]').first();
+      // await firstOption.check();
+      // await expect(firstOption).toBeChecked();
+    });
+
+    test('deve responder questão textual', async ({ page }) => {
+      // const textAnswer = page.getByPlaceholder(/digite|escreva/i).first();
+      // if (await textAnswer.isVisible()) {
+      //   await textAnswer.fill('Resposta de teste');
+      // }
+    });
+
+    test('deve navegar entre questões', async ({ page }) => {
+      // const nextButton = page.getByRole('button', { name: /próxima|avançar/i });
+      // if (await nextButton.isVisible()) {
+      //   await nextButton.click();
+      //   // Verificar se mudou de questão
+      // }
+    });
+
+    test('deve submeter prova com confirmação', async ({ page }) => {
+      // Responder pelo menos uma questão
+      // const firstOption = page.locator('input[type="radio"]').first();
+      // if (await firstOption.isVisible()) {
+      //   await firstOption.check();
+      // }
+
+      // Clicar em submeter
+      // await page.getByRole('button', { name: /submeter|enviar|finalizar/i }).click();
+
+      // Confirmar
+      // await expect(page.getByText(/tem certeza|confirma/i)).toBeVisible();
+      // await page.getByRole('button', { name: /confirmar|sim/i }).click();
+
+      // Deve redirecionar
+      // await expect(page).toHaveURL(/\/dashboard\/student/);
+    });
+
+    test('não deve editar após submeter', async ({ page }) => {
+      // Tentar acessar prova já submetida
+      // await page.goto('/dashboard/student/assignments/submitted-id/take');
+
+      // Deve mostrar mensagem ou redirecionar
+      // await expect(page.getByText(/já submetida|não disponível/i)).toBeVisible();
+    });
+  });
+
+  test.describe('Resultados de Provas', () => {
+    test('deve mostrar provas corrigidas', async ({ page }) => {
+      // TODO: Navegar para resultados
+      // await page.goto('/dashboard/student/results');
+
+      // await expect(page.getByText(/resultados|notas/i)).toBeVisible();
+    });
+
+    test('deve mostrar nota obtida', async ({ page }) => {
+      // const resultCard = page.locator('[data-testid="result-card"]').first();
+      // await expect(resultCard.getByText(/\d+\/\d+/)).toBeVisible();
+    });
+
+    test('deve mostrar porcentagem', async ({ page }) => {
+      // const resultCard = page.locator('[data-testid="result-card"]').first();
+      // await expect(resultCard.getByText(/\d+%/)).toBeVisible();
+    });
+
+    test('deve mostrar correção do professor', async ({ page }) => {
+      // const viewButton = page.getByRole('button', { name: /ver|detalhes/i }).first();
+      // await viewButton.click();
+
+      // await expect(page.getByText(/correção|feedback/i)).toBeVisible();
+    });
+
+    test('deve mostrar respostas corretas e erradas', async ({ page }) => {
+      // await page.goto('/dashboard/student/results/result-id');
+
+      // const correctAnswer = page.locator('[data-testid="correct-answer"]').first();
+      // if (await correctAnswer.isVisible()) {
+      //   await expect(correctAnswer).toHaveClass(/emerald|green|success/i);
+      // }
+
+      // const wrongAnswer = page.locator('[data-testid="wrong-answer"]').first();
+      // if (await wrongAnswer.isVisible()) {
+      //   await expect(wrongAnswer).toHaveClass(/red|error|danger/i);
+      // }
+    });
+  });
+
+  test.describe('Timer da Prova', () => {
+    test('deve contar regressivamente', async ({ page }) => {
+      // await page.goto('/dashboard/student/assignments/assignment-id/take');
+
+      // const initialTime = await page.getByText(/\d+:\d+/).textContent();
+      // await page.waitForTimeout(60000); // Esperar 1 minuto
+
+      // const newTime = await page.getByText(/\d+:\d+/).textContent();
+      // expect(newTime).not.toBe(initialTime);
+    });
+
+    test('deve submeter automaticamente quando timer acabar', async ({ page }) => {
+      // TODO: Testar com prova curta
+    });
+  });
+
+  test.describe('Prova após prazo', () => {
+    test('não deve permitir iniciar prova após prazo', async ({ page }) => {
+      // TODO: Tentar acessar prova expirada
+      // await page.goto('/dashboard/student/assignments/expired-id/take');
+
+      // await expect(page.getByText(/prazo expirado|não disponível/i)).toBeVisible();
+    });
+  });
+});
diff --git a/tests/e2e/student/materials.spec.js b/tests/e2e/student/materials.spec.js
new file mode 100644
index 0000000..832dcd3
--- /dev/null
+++ b/tests/e2e/student/materials.spec.js
@@ -0,0 +1,283 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Aluno - Materiais', () => {
+  // TODO: Fazer login como aluno
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('student@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher|\/dashboard\/student/);
+  // });
+
+  test.describe('Dashboard do Aluno', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/student');
+    });
+
+    test('deve mostrar turmas matriculadas', async ({ page }) => {
+      await expect(page.getByText(/turmas|classes|minhas turmas/i)).toBeVisible();
+    });
+
+    test('deve mostrar cards de turmas com informações', async ({ page }) => {
+      const classCard = page.locator('[data-testid="class-card"], .card').first();
+      if (await classCard.isVisible()) {
+        await expect(classCard.getByText(/inglês|português/i, { ignoreCase: true })).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Materiais por Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Navegar para página de uma turma específica
+      await page.goto('/dashboard/student/class/class-id');
+    });
+
+    test('deve mostrar seção de materiais', async ({ page }) => {
+      await expect(page.getByText(/materiais|arquivos|materials/i)).toBeVisible();
+    });
+
+    test('deve mostrar materiais agrupados por categoria', async ({ page }) => {
+      const materialsSection = page.getByText(/materiais/i).locator('..');
+
+      const categoryBadges = materialsSection.locator('[data-testid="category-badge"]');
+      const count = await categoryBadges.count();
+
+      if (count > 0) {
+        // Deve ter cor
+        for (let i = 0; i < Math.min(count, 3); i++) {
+          const badge = categoryBadges.nth(i);
+          const classes = await badge.getAttribute('class') || '';
+          expect(classes).toMatch(/bg-/);
+        }
+      }
+    });
+
+    test('deve listar arquivos de cada categoria', async ({ page }) => {
+      const materialsSection = page.getByText(/materiais/i).locator('..');
+
+      const fileLinks = materialsSection.getByRole('link', { name: /abrir|baixar/i });
+      const count = await fileLinks.count();
+
+      if (count > 0) {
+        await expect(fileLinks.nth(0)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar tamanho do arquivo', async ({ page }) => {
+      const materialsSection = page.getByText(/materiais/i).locator('..');
+
+      const sizeText = page.getByText(/\d+\.?\d* KB|MB/i).first();
+      if (await sizeText.isVisible()) {
+        await expect(sizeText).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Download de Arquivo', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/student/class/class-id');
+    });
+
+    test('deve baixar arquivo ao clicar no botão', async ({ page }) => {
+      const downloadButton = page.getByRole('link', { name: /baixar|download/i }).first();
+      if (await downloadButton.isVisible()) {
+        const downloadPromise = page.waitForEvent('download');
+
+        await downloadButton.click();
+
+        const download = await downloadPromise;
+        expect(download.suggestedFilename()).toBeTruthy();
+      }
+    });
+
+    test('deve abrir PDF em nova aba', async ({ page }) => {
+      const openButton = page.getByRole('link', { name: /abrir/i }).first();
+      if (await openButton.isVisible()) {
+        const newPagePromise = page.waitForEvent('popup');
+
+        await openButton.click();
+
+        const newPage = await newPagePromise;
+        await expect(newPage).toHaveURL(/\.pdf/i);
+      }
+    });
+
+    test('deve mostrar preview de imagem', async ({ page }) => {
+      const imageLink = page.getByRole('link', { name: /abrir/i }).first();
+      if (await imageLink.isVisible()) {
+        await imageLink.click();
+
+        // Pode abrir modal com preview
+        const preview = page.locator('img[src*="/uploads/"]').first();
+        if (await preview.isVisible()) {
+          await expect(preview).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Filtros de Categoria', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/student/class/class-id');
+    });
+
+    test('deve ter botões de filtro por categoria', async ({ page }) => {
+      const categoryBadges = page.locator('[data-testid="category-badge"]');
+
+      const count = await categoryBadges.count();
+      if (count > 0) {
+        // Ao clicar, deve filtrar materiais
+        await categoryBadges.nth(0).click();
+
+        await page.waitForTimeout(500);
+
+        // Verificar se filtrou (pode mostrar apenas materiais da categoria)
+      }
+    });
+
+    test('deve mostrar todos ao clicar no filtro ativo', async ({ page }) => {
+      // Primeiro clicar em uma categoria
+      const categoryBadges = page.locator('[data-testid="category-badge"]');
+      if ((await categoryBadges.count()) > 0) {
+        await categoryBadges.nth(0).click();
+        await page.waitForTimeout(500);
+
+        // Clicar novamente para limpar filtro
+        await categoryBadges.nth(0).click();
+        await page.waitForTimeout(500);
+
+        // Deve mostrar todos novamente
+      }
+    });
+  });
+
+  test.describe('Histórico de Aulas', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/student/class/class-id/history');
+    });
+
+    test('deve mostrar lista de aulas registradas', async ({ page }) => {
+      await expect(page.getByText(/histórico|lessons|aulas/i)).toBeVisible();
+    });
+
+    test('deve mostrar data, tópico e presença', async ({ page }) => {
+      const lessonRow = page.locator('[data-testid="lesson-row"], tr').nth(1);
+      if (await lessonRow.isVisible()) {
+        await expect(lessonRow.getByText(/\d{2}\/\d{2}/)).toBeVisible();
+
+        const topicCell = lessonRow.locator('td').nth(1);
+        if (await topicCell.isVisible()) {
+          await expect(topicCell.getByText(/tópico/i)).toBeVisible();
+        }
+      }
+    });
+
+    test('deve mostrar presença do aluno em cada aula', async ({ page }) => {
+      const attendanceCell = page.locator('tbody tr td').nth(2);
+      if (await attendanceCell.isVisible()) {
+        const text = await attendanceCell.textContent();
+        // Pode ser emoji ou texto
+        expect(text).toMatch(/presente|ausente|atrasado|✓|✗|◑/i);
+      }
+    });
+
+    test('deve mostrar link para materiais da aula', async ({ page }) => {
+      const lessonRow = page.locator('[data-testid="lesson-row"], tr').nth(1);
+      if (await lessonRow.isVisible()) {
+        const materialsLink = lessonRow.getByRole('link', { name: /materiais/i });
+        if (await materialsLink.isVisible()) {
+          await expect(materialsLink).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Presença Global', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/student/class/class-id');
+    });
+
+    test('deve mostrar taxa de presença geral', async ({ page }) => {
+      await expect(page.getByText(/presença|attendance/i)).toBeVisible();
+
+      const percentage = page.getByText(/\d+%/i).first();
+      if (await percentage.isVisible()) {
+        await expect(percentage).toBeVisible();
+      }
+    });
+
+    test('deve mostrar presença de forma visual (gráfico ou barra)', async ({ page }) => {
+      // Pode ter gráfico de barras ou outra visualização
+      const chart = page.locator('[data-testid="attendance-chart"], canvas, svg');
+      if (await chart.isVisible()) {
+        await expect(chart).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Responsividade - Mobile', () => {
+    test('materiais devem ser usáveis em mobile', async ({ page }) => {
+      await page.setViewportSize({ width: 375, height: 667 });
+      await page.goto('/dashboard/student/class/class-id');
+
+      // Deve mostrar lista sem scroll horizontal
+      const hasHorizontalScroll = await page.evaluate(() => {
+        return document.body.scrollWidth > document.body.clientWidth;
+      });
+      expect(hasHorizontalScroll).toBe(false);
+    });
+
+    test('cards de turma devem se ajustar em mobile', async ({ page }) => {
+      await page.setViewportSize({ width: 375, height: 667 });
+      await page.goto('/dashboard/student');
+
+      const classCards = page.locator('[data-testid="class-card"]');
+      const count = await classCards.count();
+
+      if (count > 0) {
+        // Em mobile, devem estar em coluna única
+        const firstCard = classCards.nth(0);
+        const secondCard = classCards.nth(1);
+
+        if (await secondCard.isVisible()) {
+          const firstBox = await firstCard.boundingBox();
+          const secondBox = await secondCard.boundingBox();
+
+          // Devem estar um abaixo do outro
+          expect(secondBox.y).toBeGreaterThan(firstBox.y + firstBox.height);
+        }
+      }
+    });
+  });
+
+  test.describe('Busca de Materiais', () => {
+    test('deve ter campo de busca', async ({ page }) => {
+      await page.goto('/dashboard/student/class/class-id');
+
+      const searchInput = page.getByPlaceholder(/buscar|pesquisar|search/i);
+      if (await searchInput.isVisible()) {
+        await expect(searchInput).toBeVisible();
+      }
+    });
+
+    test('deve filtrar materiais ao buscar', async ({ page }) => {
+      const searchInput = page.getByPlaceholder(/buscar/i);
+      if (await searchInput.isVisible()) {
+        await searchInput.fill('PDF');
+        await page.waitForTimeout(500);
+
+        // Deve mostrar apenas materiais com "PDF"
+        const fileLinks = page.getByRole('link', { name: /abrir/i });
+        const count = await fileLinks.count();
+
+        if (count > 0) {
+          for (let i = 0; i < count; i++) {
+            const text = await fileLinks.nth(i).textContent();
+            // Pode não filtrar estritamente, mas deve priorizar resultados
+          }
+        }
+      }
+    });
+  });
+});
diff --git a/tests/e2e/teacher/dashboard.spec.js b/tests/e2e/teacher/dashboard.spec.js
new file mode 100644
index 0000000..09899b1
--- /dev/null
+++ b/tests/e2e/teacher/dashboard.spec.js
@@ -0,0 +1,300 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Professor - Dashboard', () => {
+  // TODO: Fazer login como professor
+  // test.beforeEach(async ({ page }) => {
+  //   await page.goto('/auth/login');
+  //   await page.getByLabel(/email/i).fill('teacher@teste.com');
+  //   await page.getByLabel(/senha/i).fill('123456');
+  //   await page.getByRole('button', { name: /entrar/i }).click();
+  //   await page.waitForURL(/\/dispatcher|\/dashboard\/teacher/);
+  // });
+
+  test.describe('Página Inicial do Professor', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher');
+    });
+
+    test('deve mostrar turmas atribuídas', async ({ page }) => {
+      await expect(page.getByText(/turmas|classes|minhas turmas/i)).toBeVisible();
+    });
+
+    test('deve mostrar cards de turmas', async ({ page }) => {
+      const classCard = page.locator('[data-testid="class-card"], .card').first();
+      if (await classCard.isVisible()) {
+        await expect(classCard.getByText(/turma|class/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar botão de ver detalhes', async ({ page }) => {
+      const classCard = page.locator('[data-testid="class-card"], .card').first();
+      if (await classCard.isVisible()) {
+        const viewButton = classCard.getByRole('link', { name: /ver|detalhes/i });
+        if (await viewButton.isVisible()) {
+          await expect(viewButton).toBeVisible();
+        }
+      }
+    });
+  });
+
+  test.describe('Detalhes da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      // TODO: Usar ID de turma de teste
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve mostrar título da turma', async ({ page }) => {
+      await expect(page.getByText(/inglês|português|matemática/i, { ignoreCase: true })).toBeVisible();
+    });
+
+    test('deve mostrar informações básicas', async ({ page }) => {
+      await expect(page.getByText(/professores|teachers/i)).toBeVisible();
+      await expect(page.getByText(/dias|schedule/i)).toBeVisible();
+      await expect(page.getByText(/horário|time/i)).toBeVisible();
+    });
+
+    test('deve mostrar label de status', async ({ page }) => {
+      const statusLabel = page.locator('[data-testid="status-label"]');
+      if (await statusLabel.isVisible()) {
+        // Status: Ativa, Arquivada, Inativa
+        const classes = await statusLabel.getAttribute('class') || '';
+        expect(classes).toMatch(/label-(emerald|gray|red)/);
+      }
+    });
+  });
+
+  test.describe('Materiais da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve mostrar seção de materiais', async ({ page }) => {
+      await expect(page.getByText(/materiais|arquivos|materials/i)).toBeVisible();
+    });
+
+    test('deve mostrar materiais agrupados por categoria', async ({ page }) => {
+      const materialsSection = page.getByText(/materiais/i).locator('..');
+
+      const categoryBadges = materialsSection.locator('[data-testid="category-badge"]');
+      const count = await categoryBadges.count();
+
+      if (count > 0) {
+        // Cada categoria deve ter cor
+        for (let i = 0; i < Math.min(count, 3); i++) {
+          const badge = categoryBadges.nth(i);
+          const classes = await badge.getAttribute('class') || '';
+          expect(classes).toMatch(/bg-/); // Deve ter cor de fundo
+        }
+      }
+    });
+
+    test('deve ter botão de upload', async ({ page }) => {
+      const uploadButton = page.getByRole('link', { name: /upload|adicionar/i });
+      if (await uploadButton.isVisible()) {
+        await expect(uploadButton).toBeVisible();
+      }
+    });
+
+    test('deve permitir download de arquivo', async ({ page }) => {
+      const downloadLink = page.getByRole('link', { name: /baixar|download|abrir/i }).first();
+      if (await downloadLink.isVisible()) {
+        const downloadPromise = page.waitForEvent('download');
+
+        await downloadLink.click();
+
+        const download = await downloadPromise;
+        expect(download.suggestedFilename()).toBeTruthy();
+      }
+    });
+  });
+
+  test.describe('Registrar Aula (Lesson)', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve abrir modal ao clicar em Registrar Aula', async ({ page }) => {
+      const lessonButton = page.getByRole('button', { name: /registrar aula|lesson/i });
+      if (await lessonButton.isVisible()) {
+        await lessonButton.click();
+
+        await expect(page.locator('.fixed.inset-0')).toBeVisible();
+        await expect(page.getByText(/registrar aula|nova aula/i)).toBeVisible();
+      }
+    });
+
+    test('deve ter campos de data, tópico e notas', async ({ page }) => {
+      await page.getByRole('button', { name: /registrar aula/i }).click();
+
+      await expect(page.getByLabel(/data|date/i)).toBeVisible();
+      await expect(page.getByLabel(/tópico|topic/i)).toBeVisible();
+      await expect(page.getByPlaceholder(/notas|observations/i)).toBeVisible();
+    });
+
+    test('deve permitir registrar presença dos alunos', async ({ page }) => {
+      await page.getByRole('button', { name: /registrar aula/i }).click();
+
+      // Deve mostrar lista de alunos
+      const studentList = page.locator('[data-testid="student-list"]');
+      if (await studentList.isVisible()) {
+        // Deve ter opções de presença
+        await expect(page.getByRole('combobox', { name: /presença/i })).toBeVisible();
+      }
+    });
+
+    test('deve salvar aula com sucesso', async ({ page }) => {
+      await page.getByRole('button', { name: /registrar aula/i }).click();
+
+      const timestamp = Date.now();
+      await page.getByLabel(/data/i).fill('2025-02-05');
+      await page.getByLabel(/tópico/i).fill(`Aula Teste ${timestamp}`);
+      await page.getByPlaceholder(/notas/i).fill('Notas da aula');
+
+      // Registrar presenças
+      const attendanceSelects = page.getByRole('combobox', { name: /presença/i });
+      const count = await attendanceSelects.count();
+
+      for (let i = 0; i < Math.min(count, 3); i++) {
+        await attendanceSelects.nth(i).selectOption('present');
+      }
+
+      await page.getByRole('button', { name: /salvar|registrar/i }).click();
+
+      // Deve fechar modal
+      await expect(page.locator('.fixed.inset-0')).not.toBeVisible({ timeout: 5000 });
+    });
+  });
+
+  test.describe('Histórico de Aulas', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id/history');
+    });
+
+    test('deve mostrar lista de aulas registradas', async ({ page }) => {
+      await expect(page.getByText(/histórico|lessons|aulas/i)).toBeVisible();
+    });
+
+    test('deve mostrar data e tópico de cada aula', async ({ page }) => {
+      const lessonRow = page.locator('[data-testid="lesson-row"], tr').nth(1);
+      if (await lessonRow.isVisible()) {
+        await expect(lessonRow.getByText(/\d{2}\/\d{2}\/\d{4}/)).toBeVisible();
+        await expect(lessonRow.getByText(/tópico|topic/i)).toBeVisible();
+      }
+    });
+
+    test('deve permitir ver detalhes de uma aula', async ({ page }) => {
+      const viewButton = page.getByRole('link', { name: /ver|detalhes/i }).first();
+      if (await viewButton.isVisible()) {
+        await viewButton.click();
+
+        await expect(page.getByText(/presença|attendance/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Provas da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve mostrar seção de provas', async ({ page }) => {
+      await expect(page.getByText(/provas|avaliações|exams/i)).toBeVisible();
+    });
+
+    test('deve ter botão de atribuir prova', async ({ page }) => {
+      const assignButton = page.getByRole('button', { name: /atribuir prova/i });
+      if (await assignButton.isVisible()) {
+        await expect(assignButton).toBeVisible();
+      }
+    });
+
+    test('deve mostrar lista de provas atribuídas', async ({ page }) => {
+      const assignmentList = page.locator('[data-testid="assignment-list"]');
+      if (await assignmentList.isVisible()) {
+        await expect(assignmentList.getByText(/prova/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Visão Geral da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve mostrar número de alunos', async ({ page }) => {
+      await expect(page.getByText(/\d+ alunos/i, { exact: false })).toBeVisible();
+    });
+
+    test('deve mostrar cards de visão geral', async ({ page }) => {
+      await expect(page.getByText(/visão geral/i)).toBeVisible();
+
+      const overviewCards = page.locator('[data-testid="overview-card"]');
+      const count = await overviewCards.count();
+
+      if (count > 0) {
+        // Deve ter estatísticas
+        await expect(page.getByText(/alunos|students/i)).toBeVisible();
+        await expect(page.getByText(/presença|attendance/i)).toBeVisible();
+      }
+    });
+  });
+
+  test.describe('Lista de Alunos da Turma', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/dashboard/teacher/class/class-id');
+    });
+
+    test('deve mostrar tabela de alunos', async ({ page }) => {
+      const studentTable = page.locator('table');
+      if (await studentTable.isVisible()) {
+        await expect(studentTable.getByText(/nome|aluno/i)).toBeVisible();
+        await expect(studentTable.getByText(/presença/i)).toBeVisible();
+        await expect(studentTable.getByText(/média/i)).toBeVisible();
+      }
+    });
+
+    test('deve mostrar nome, presença e média', async ({ page }) => {
+      const studentTable = page.locator('table').first();
+      if (await studentTable.isVisible()) {
+        const firstRow = studentTable.locator('tbody tr').first();
+
+        // Nome (primeiro nome)
+        await expect(firstRow.locator('td').nth(0)).not.toBeEmpty();
+
+        // Presença em %
+        const attendanceCell = firstRow.locator('td').nth(1);
+        if (await attendanceCell.isVisible()) {
+          const text = await attendanceCell.textContent();
+          expect(text).match(/\d+%/);
+        }
+
+        // Média
+        const avgCell = firstRow.locator('td').nth(2);
+        if (await avgCell.isVisible()) {
+          const text = await avgCell.textContent();
+          expect(text).toMatch(/\d+\.?\d*|-/); // Nota ou traço
+        }
+      }
+    });
+
+    test('deve mostrar cor baseada no desempenho', async ({ page }) => {
+      const studentTable = page.locator('table').first();
+      if (await studentTable.isVisible()) {
+        // Presença >= 80%: verde, >= 60%: amarelo, < 60%: vermelho
+        const attendanceCell = studentTable.locator('tbody tr td').nth(1);
+        if (await attendanceCell.isVisible()) {
+          const classes = await attendanceCell.getAttribute('class') || '';
+          const text = await attendanceCell.textContent();
+
+          if (text.includes('80') || text.includes('90') || text.includes('100')) {
+            expect(classes).toMatch(/text-emerald|green/);
+          } else if (text.includes('60') || text.includes('70')) {
+            expect(classes).toMatch(/text-amber|yellow/);
+          } else {
+            expect(classes).toMatch(/text-red/);
+          }
+        }
+      }
+    });
+  });
+});
diff --git a/tests/e2e/ui/theme-and-responsive.spec.js b/tests/e2e/ui/theme-and-responsive.spec.js
new file mode 100644
index 0000000..8bc8017
--- /dev/null
+++ b/tests/e2e/ui/theme-and-responsive.spec.js
@@ -0,0 +1,275 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Tema Claro/Escuro', () => {
+  test('deve ter toggle de tema visível', async ({ page }) => {
+    await page.goto('/');
+
+    const themeToggle = page.getByRole('button').filter({ hasText: /sol|lua|theme/i });
+    await expect(themeToggle).toBeVisible();
+  });
+
+  test('deve alternar para tema escuro', async ({ page }) => {
+    await page.goto('/');
+
+    const themeToggle = page.getByRole('button').filter({ hasText: /sol/i }).first();
+    if (await themeToggle.isVisible()) {
+      await themeToggle.click();
+
+      // Verificar se adicionou classe dark
+      const isDark = await page.evaluate(() => document.documentElement.classList.contains('dark'));
+      expect(isDark).toBe(true);
+    }
+  });
+
+  test('deve alternar para tema claro', async ({ page }) => {
+    await page.goto('/');
+
+    // Primeiro mudar para escuro
+    await page.evaluate(() => document.documentElement.classList.add('dark'));
+
+    const themeToggle = page.getByRole('button').filter({ hasText: /lua/i }).first();
+    if (await themeToggle.isVisible()) {
+      await themeToggle.click();
+
+      // Verificar se removeu classe dark
+      const isDark = await page.evaluate(() => document.documentElement.classList.contains('dark'));
+      expect(isDark).toBe(false);
+    }
+  });
+
+  test('deve persistir preferência de tema após refresh', async ({ page }) => {
+    await page.goto('/');
+
+    // Mudar para escuro
+    await page.evaluate(() => document.documentElement.classList.add('dark'));
+
+    await page.reload();
+
+    // Verificar se continua escuro
+    const isDark = await page.evaluate(() => document.documentElement.classList.contains('dark'));
+    expect(isDark).toBe(true);
+  });
+
+  test('formulários funcionam em ambos os temas', async ({ page }) => {
+    await page.goto('/auth/register');
+
+    // Testar tema claro
+    await page.getByLabel(/nome/i).fill('Teste');
+    await expect(page.getByLabel(/nome/i)).toHaveValue('Teste');
+
+    // Mudar para escuro
+    await page.evaluate(() => document.documentElement.classList.add('dark'));
+
+    // Campo deve continuar funcional
+    await page.getByLabel(/nome/i).fill(' Teste Atualizado');
+    await expect(page.getByLabel(/nome/i)).toHaveValue('Teste Teste Atualizado');
+  });
+
+  test('textos legíveis em tema claro', async ({ page }) => {
+    await page.goto('/');
+
+    // Verificar contraste usando getComputedStyle
+    const bodyColor = await page.evaluate(() => {
+      const styles = window.getComputedStyle(document.body);
+      return styles.color;
+    });
+
+    // Cor não deve ser muito clara (rgb deve ter valores baixos para bom contraste em fundo branco)
+    expect(bodyColor).toMatch(/rgb\((19[0-9]|2[0-4][0-9]|255)/);
+  });
+
+  test('textos legíveis em tema escuro', async ({ page }) => {
+    await page.goto('/');
+    await page.evaluate(() => document.documentElement.classList.add('dark'));
+
+    const bodyColor = await page.evaluate(() => {
+      const styles = window.getComputedStyle(document.body);
+      return styles.color;
+    });
+
+    // Cor deve ser clara (rgb deve ter valores altos para bom contraste em fundo escuro)
+    expect(bodyColor).toMatch(/rgb\((19[0-9]|2[0-4][0-9]|255)/);
+  });
+});
+
+test.describe('Responsividade - Mobile', () => {
+  test.describe('320px - Muito pequeno', () => {
+    test('deve ajustar layout', async ({ page }) => {
+      await page.setViewportSize({ width: 320, height: 568 });
+      await page.goto('/');
+
+      // Conteúdo deve estar visível sem scroll horizontal
+      const hasHorizontalScroll = await page.evaluate(() => {
+        return document.body.scrollWidth > document.body.clientWidth;
+      });
+      expect(hasHorizontalScroll).toBe(false);
+    });
+  });
+
+  test.describe('375px - iPhone SE', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.setViewportSize({ width: 375, height: 667 });
+    });
+
+    test('menu deve ser responsivo', async ({ page }) => {
+      await page.goto('/');
+
+      const nav = page.locator('nav');
+      await expect(nav).toBeVisible();
+    });
+
+    test('cards devem se ajustar', async ({ page }) => {
+      await page.goto('/dashboard/student');
+
+      // Cards devem estar em coluna única
+      const cardsContainer = page.locator('.grid, .flex').first();
+      if (await cardsContainer.isVisible()) {
+        const gridCols = await cardsContainer.evaluate(el => {
+          return window.getComputedStyle(el).gridTemplateColumns;
+        });
+        // Deve ter 1 coluna em mobile
+        expect(gridCols || '1fr').toContain('1fr');
+      }
+    });
+  });
+
+  test.describe('768px - Tablet', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.setViewportSize({ width: 768, height: 1024 });
+    });
+
+    test('tabelas com scroll horizontal', async ({ page }) => {
+      await page.goto('/admin/dashboard/payments');
+
+      const table = page.locator('table').first();
+      if (await table.isVisible()) {
+        // Tabela deve estar em container com overflow
+        const container = await table.locator('..').evaluate(el => {
+          return window.getComputedStyle(el).overflowX;
+        });
+        expect(container || 'auto').toMatch(/auto|scroll/);
+      }
+    });
+
+    test('cards podem estar em 2 colunas', async ({ page }) => {
+      await page.goto('/dashboard/student');
+
+      const cardsContainer = page.locator('.grid, .flex').first();
+      if (await cardsContainer.isVisible()) {
+        // Pode ter 2 colunas em tablet
+        await expect(cardsContainer).toBeVisible();
+      }
+    });
+  });
+});
+
+test.describe('Modais', () => {
+  test('deve abrir e fechar corretamente', async ({ page }) => {
+    await page.goto('/admin/dashboard/class/edit/6975e7cfb41e291a99a79ece');
+
+    // Não há modais nessa página específica, mas o padrão é:
+    // await page.getByRole('button', { name: /editar/i }).click();
+    // await expect(page.locator('.fixed.inset-0')).toBeVisible();
+
+    // Fechar com botão
+    // await page.getByRole('button', { name: /✕|fechar|cancelar/i }).click();
+    // await expect(page.locator('.fixed.inset-0').not.toBeVisible();
+  });
+
+  test('deve fechar ao clicar fora', async ({ page }) => {
+    // Abrir modal
+    // await page.getByRole('button', { name: /abrir/i }).click();
+    // await expect(page.locator('.fixed.inset-0')).toBeVisible();
+
+    // Clicar no backdrop (fora do modal)
+    // const modal = page.locator('.bg-white.dark\\:bg-neutral-900');
+    // const modalBox = await modal.boundingBox();
+    // await page.mouse.click(modalBox.x - 10, modalBox.y);
+
+    // await expect(page.locator('.fixed.inset-0').not.toBeVisible();
+  });
+
+  test('deve funcionar em mobile', async ({ page }) => {
+    await page.setViewportSize({ width: 375, height: 667 });
+    await page.goto('/admin/dashboard/payments/by-class');
+
+    // Modal deve ocupar tela cheia em mobile
+    // await page.getByRole('button', { name: /ver/i }).click();
+
+    // const modal = page.locator('.fixed.inset-0');
+    // await expect(modal).toBeVisible();
+
+    // Deve ter largura total em mobile
+    // const modalWidth = await modal.evaluate(el => el.offsetWidth);
+    // expect(modalWidth).toBe(375);
+  });
+});
+
+test.describe('Hover States', () => {
+  test('hover-card-light deve ser sutil', async ({ page }) => {
+    await page.goto('/admin/dashboard/exam-templates');
+
+    const card = page.locator('.hover-card-light').first();
+    if (await card.isVisible()) {
+      await card.hover();
+
+      // Verificar cor de fundo após hover
+      const bgColor = await card.evaluate(el => {
+        return window.getComputedStyle(el).backgroundColor;
+      });
+
+      // Deve ser uma cor clara (rgb alto)
+      expect(bgColor).toMatch(/rgb\((24[0-9]|25[0-5])/); // 240-255
+    }
+  });
+
+  test('botões devem ter hover funcionando', async ({ page }) => {
+    await page.goto('/');
+
+    const button = page.getByRole('link', { name: 'Home' }).first();
+    await button.hover();
+
+    // Deve mudar cor ou estilo
+    const hasHoverStyle = await button.evaluate(el => {
+      return el.matches(':hover');
+    });
+    expect(hasHoverStyle).toBe(true);
+  });
+});
+
+test.describe('Loading States', () => {
+  test('deve mostrar indicador de carregamento', async ({ page }) => {
+    await page.goto('/admin/dashboard/class/add');
+
+    // Preencher formulário
+    await page.getByLabel(/título/i).fill('Turma Teste Loading');
+    await page.getByRole('button', { name: /salvar/i }).click();
+
+    // Pode mostrar loading ou redirecionar rapidamente
+    // await expect(page.getByText(/salvando|carregando/i)).toBeVisible({ timeout: 2000 });
+  });
+});
+
+test.describe('Formulários - Validação Visual', () => {
+  test('campos obrigatórios devem ter indicador visual', async ({ page }) => {
+    await page.goto('/auth/register');
+
+    const requiredFields = page.locator('input[required], select[required]');
+    const count = await requiredFields.count();
+
+    expect(count).toBeGreaterThan(0);
+  });
+
+  test('campos com erro devem ter borda vermelha', async ({ page }) => {
+    await page.goto('/auth/register');
+    await page.getByRole('button', { name: /cadastrar/i }).click();
+
+    const errorInput = page.locator('input').first();
+    const borderColor = await errorInput.evaluate(el => {
+      return window.getComputedStyle(el).borderColor;
+    });
+
+    // Deve ser vermelha
+    expect(borderColor).toMatch(/rgb\(2(?:[0-4]\d|5[0-5])|#[ef]/); // Vermelho
+  });
+});
diff --git a/tests/helpers.js b/tests/helpers.js
new file mode 100644
index 0000000..0e235a3
--- /dev/null
+++ b/tests/helpers.js
@@ -0,0 +1,97 @@
+import { test as base, expect } from '@playwright/test';
+
+// Usuários de teste pré-configurados
+export const testUsers = {
+  admin: {
+    name: 'Admin Teste',
+    email: 'admin@teste.com',
+    password: '123456',
+    roles: ['admin'],
+  },
+  teacher: {
+    name: 'Professor Teste',
+    email: 'teacher@teste.com',
+    password: '123456',
+    roles: ['teacher'],
+  },
+  student: {
+    name: 'Aluno Teste',
+    email: 'student@teste.com',
+    password: '123456',
+    roles: ['student'],
+  },
+  guardian: {
+    name: 'Responsável Teste',
+    email: 'guardian@teste.com',
+    password: '123456',
+    roles: ['parent'],
+  },
+};
+
+// Fixture extendido com login
+export const test = base.extend({
+  loginAs: async ({ page }, use) => {
+    const loginAs = async (role) => {
+      const user = testUsers[role];
+
+      await page.goto('/auth/login');
+      await page.getByLabel(/email/i).fill(user.email);
+      await page.getByLabel(/senha/i).fill(user.password);
+      await page.getByRole('button', { name: /entrar|login/i }).click();
+
+      // Aguardar redirecionamento
+      await page.waitForURL(/\/(dispatcher|dashboard)/, { timeout: 5000 });
+    };
+
+    await use(loginAs);
+  },
+});
+
+// Gerador de dados únicos
+export const generateUniqueData = () => {
+  const timestamp = Date.now();
+  const random = Math.floor(Math.random() * 1000);
+
+  return {
+    name: `Usuário Teste ${timestamp}`,
+    email: `teste${timestamp}@mail.com`,
+    wardName: `Aluno Ward ${timestamp}`,
+    wardEmail: `ward${timestamp}@mail.com`,
+    classTitle: `Turma Teste ${timestamp}`,
+    category: `Categoria ${timestamp}`,
+  };
+};
+
+// Helper para aguardar modal
+export const waitForModal = async (page) => {
+  await page.waitForSelector('.fixed.inset-0', { timeout: 5000 });
+};
+
+// Helper para fechar modal
+export const closeModal = async (page) => {
+  const closeButton = page.locator('.fixed.inset-0').getByRole('button', { name: /✕|fechar|cancelar/i }).first();
+  if (await closeButton.isVisible()) {
+    await closeButton.click();
+  }
+  await page.waitForSelector('.fixed.inset-0', { state: 'hidden', timeout: 5000 }).catch(() => {});
+};
+
+// Helper para pegar toast/message
+export const getToastMessage = async (page) => {
+  return page.locator('[data-testid="toast"], .toast, [role="alert"]').first();
+};
+
+// Helper para selecionar dias da semana
+export const selectDays = async (page, days) => {
+  for (const day of days) {
+    await page.getByText(day, { exact: true }).click();
+  }
+};
+
+// Helper para selecionar professores/alunos
+export const selectFirstAvailable = async (page, type) => {
+  const checkbox = page.locator('input[type="checkbox"]').first();
+  if (await checkbox.isVisible()) {
+    await checkbox.check();
+  }
+};