Mise à jour des pages d'accueil

frontend/src/styles.css

@@ -1899,7 +1899,10 @@ tr:hover td { background: var(--surface-2); }
   font-weight: 500;
   color: var(--text-muted);
   background: var(--surface-2);
-  bord
+  border-radius: 4px;
+  padding: 1px 5px;
+}
+
 /* ── DrillCellPanel table ── */
 .drill-table {
   width: 100% !important;
@@ -1973,42 +1976,64 @@ tr:hover td { background: var(--surface-2); }
   border-color: var(--primary);
   color: var(--primary);
 }
-.pagination-btn:disabled {
-  opacity: .35;
-  cursor: default;
-}
-.pagination-pages {
-  font-size: var(--fs-xs);
-  color: var(--text-muted);
-  padding: 0 8px;
-  white-space: nowrap;
+
+/* ── Pages d'authentification (login, register, forgot, reset, verify) ───── */
+.login-bg-col {
+  flex: 1 1 50%;
+  display: none;
+  position: relative;
+  overflow: hidden;
+
+  /* Image split dark/light : dark à gauche, light à droite.
+     background-size: 200% auto → zoom sur une seule moitié.
+     Par défaut (thème clair) : moitié droite. */
+  background-image: url('/login-bg.png');
+  background-size: 200% auto;
+  background-repeat: no-repeat;
+  background-position: 100% 50%;
+  background-color: #f0f2f8;
 }
 
-/* ── Barre de filtres admin users ─────────────────────────────────────────── */
-.admin-filters {
+[data-theme="dark"] .login-bg-col {
+  /* Thème sombre : moitié gauche de l'image. */
+  background-position: 0% 50%;
+  background-color: #0d0e1a;
+}
+
+@media (min-width: 768px) {
+  .login-bg-col { display: block !important; }
+}
+
+.login-bg-overlay {
+  position: absolute;
+  inset: 0;
+  /* léger dégradé pour améliorer la lisibilité du badge app en bas */
+  background: linear-gradient(to top, rgba(0,0,0,.35) 0%, transparent 40%);
+  pointer-events: none;
+}
+
+[data-theme="dark"] .login-bg-overlay {
+  background: linear-gradient(to top, rgba(0,0,0,.55) 0%, transparent 40%);
+}
+
+.login-bg-brand {
+  position: absolute;
+  bottom: 36px;
+  left: 36px;
   display: flex;
   align-items: center;
+  gap: 12px;
+  color: #fff;
+  font-size: 17px;
+  font-weight: 600;
+  letter-spacing: -.3px;
+  text-shadow: 0 1px 4px rgba(0,0,0,.4);
+}
+
+.login-mobile-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   gap: 10px;
-  margin-bottom: 16px;
-  flex-wrap: wrap;
-}
-.admin-filters input[type=search] {
-  flex: 1;
-  min-width: 180px;
-  padding: 7px 12px;
-  border-radius: 6px;
-  border: 1px solid var(--border);
-  background: var(--surface);
-  color: var(--text);
-  font-size: var(--fs-sm);
-}
-.admin-filters input[type=search]::placeholder { color: var(--text-muted); }
-.admin-filters select {
-  padding: 7px 12px;
-  border-radius: 6px;
-  border: 1px solid var(--border);
-  background: var(--surface);
-  color: var(--text);
-  font-size: var(--fs-sm);
-  min-width: 160px;
+  margin-bottom: 32px;
 }