.page-header {
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     color: white;
     padding: 30px 0;
     margin-bottom: 30px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 /* Campo de Pesquisa */
 .search-bar {
     margin-bottom: 20px;
 }

 .search-bar input {
     border-radius: 50px;
     padding: 12px 20px;
     border: 2px solid #e9ecef;
     transition: all 0.3s;
 }

 .search-bar input:focus {
     border-color: #667eea;
     box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
 }

 /* Estilos do Tabulator */
 .tabulator {
     font-size: 14px;
     border-radius: 8px;
     overflow: hidden;
 }

 .tabulator-row {
     min-height: 60px;
 }

 .tabulator-cell {
     vertical-align: middle;
 }

 /* Imagens na tabela */
 .table-image {
     width: 60px;
     height: 60px;
     object-fit: cover;
     border-radius: 8px;
     cursor: pointer;
     transition: transform 0.2s;
     border: 2px solid #e9ecef;
 }

 .table-image:hover {
     transform: scale(1.1);
     border-color: #667eea;
 }

 .table-image.no-image {
     background: #e9ecef;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #6c757d;
     font-size: 24px;
 }

 /* Badges customizados */
 .badge-custom {
     padding: 6px 12px;
     font-weight: 500;
     font-size: 12px;
 }

 /* Botões de ação */
 .action-buttons .btn {
     margin: 2px;
 }

 /* Modal de imagem */
 .image-modal-body {
     max-height: 70vh;
     overflow: auto;
 }

 .image-modal-body img {
     width: 100%;
     height: auto;
 }

 /* Filtros */
 .filters-card {
     margin-bottom: 20px;
 }

 .filter-badge {
     cursor: pointer;
     margin: 5px;
     transition: all 0.2s;
 }

 .filter-badge:hover {
     transform: scale(1.05);
 }

 .filter-badge.active {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 }

 /* Estatísticas */
 .stats-row {
     margin-bottom: 20px;
 }

 .stat-card {
     background: white;
     border-radius: 8px;
     padding: 15px;
     text-align: center;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .stat-card h3 {
     font-size: 32px;
     font-weight: bold;
     margin-bottom: 5px;
 }

 .stat-card p {
     margin: 0;
     color: #6c757d;
     font-size: 14px;
 }

 .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive::-webkit-scrollbar {
    height: 10px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #764ba2;
}