Pave numerique tactile dans la popup admin

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/css/style.css

@@ -176,6 +176,42 @@ html, body {
   gap: 1rem;
 }
 
+.popup-box-pave {
+  max-width: 360px;
+}
+
+.pave-numerique {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  margin: 1.5rem 0;
+}
+
+.pave-touche {
+  font-size: 2rem;
+  padding: 1.2rem;
+  border: none;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.15);
+  color: #fff;
+  cursor: pointer;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.pave-touche:active {
+  background: rgba(255, 255, 255, 0.3);
+  transform: scale(0.95);
+}
+
+.pave-effacer {
+  background: rgba(255, 100, 100, 0.3);
+}
+
+.pave-valider {
+  background: rgba(100, 255, 100, 0.3);
+}
+
 .mdp-erreur {
   color: var(--danger);
   font-size: 0.9rem;