Amélioration visuelle des checkboxes avec design personnalisé moderne

## Nouvelles fonctionnalités visuelles

### Checkboxes personnalisées élégantes
- Création d'un fichier CSS dédié avec design moderne
- Dégradé bleu et coins arrondis pour un look contemporain
- Animations fluides sur hover, focus et sélection
- Coche vectorielle animée avec transition élégante

### Expérience utilisateur améliorée
- Effet hover avec scale et glow subtil
- État indéterminé avec barre orange pour sélection partielle
- Mise en surbrillance des lignes sélectionnées
- Support optimisé pour les écrans tactiles

### Intégration complète
- Remplacement des classes Tailwind par classes personnalisées
- Mise à jour cohérente côté serveur et client
- Inclusion du CSS dans le template HTML
- Maintien de toutes les fonctionnalités existantes

## Améliorations techniques
- CSS moderne avec animations CSS3
- Performance optimisée avec transitions fluides
- Design responsive et accessible
- Code CSS modulaire et maintenable

autopost/server.js

@@ -92,7 +92,7 @@ function renderRow(row) {
   return `
 <tr id="row-${row.id}" data-status="${row.status}" class="odd:bg-gray-800 even:bg-gray-700">
   <td class="px-4 py-2 border border-gray-700 text-center">
-	<input type="checkbox" class="row-checkbox rounded border-gray-600 bg-gray-700 text-blue-600 focus:ring-blue-500" data-id="${row.id}" data-name="${esc(row.nom)}">
+	<input type="checkbox" class="row-checkbox checkbox-custom" data-id="${row.id}" data-name="${esc(row.nom)}">
   </td>
   <td class="px-4 py-2 border border-gray-700">${esc(row.nom)}</td>
   <td class="px-4 py-2 border border-gray-700 status-text whitespace-nowrap ${statusClass}">${statusText}</td>