body { font-family: Arial, sans-serif; margin: 20px; background: #f5f5f5; }
        h2 { margin-top: 30px; }
        .cards-container { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 20px; }
        .card { background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.15); flex: 1; min-width: 220px; }
        .actions { margin: 15px 0; }
        .btn { display: inline-block; padding: 8px 12px; margin-right: 10px; background: #007BFF; color: #fff; border-radius: 5px; text-decoration: none; }
        .btn:hover { background: #0056b3; }
        .btn-edit { background: #28a745; }
        .btn-edit:hover { background: #1e7e34; }
        .btn-del { background: #dc3545; }
        .btn-del:hover { background: #a71d2a; }
        form.filtros { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; background: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
        form.filtros div { display: flex; flex-direction: column; }
        table { width: 100%; border-collapse: collapse; background: #fff; }
        table th, table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
        table th { background: #007BFF; color: #fff; }
        .paginacao { margin-top: 20px; }
        .paginacao a { margin: 0 3px; padding: 6px 10px; background: #ddd; border-radius: 5px; text-decoration: none; }
        .paginacao a.ativo { background: #007BFF; color: #fff; }