feat : ajout page monitoring

assets/css/main.css

@@ -0,0 +1,27 @@
+@import "tailwindcss";
+@import "./malio.css";
+
+@theme {
+  --color-panel: #0f172a;
+  --color-panel-soft: #1e293b;
+  --color-m-primary: rgb(var(--m-primary));
+  --color-m-secondary: rgb(var(--m-secondary));
+  --color-m-tertiary: rgb(var(--m-tertiary));
+  --color-m-border: rgb(var(--m-border));
+  --color-m-text: rgb(var(--m-text));
+  --color-m-muted: rgb(var(--m-muted));
+  --color-m-bg: rgb(var(--m-bg));
+  --color-m-error: rgb(var(--m-error));
+  --color-m-success: rgb(var(--m-success));
+  /* Alias pour la faute de frappe courante "m-succes" */
+  --color-m-succes: rgb(var(--m-success));
+}
+
+@layer utilities {
+  .bg-grid {
+    background-image:
+      linear-gradient(to right, rgba(148, 163, 184, 0.12) 1px, transparent 1px),
+      linear-gradient(to bottom, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
+    background-size: 32px 32px;
+  }
+}

assets/css/malio.css

@@ -0,0 +1,19 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        /* Couleurs en RGB “space separated” pour Tailwind */
+        --m-primary: 34 39 131;       /* Couleur principal*/
+        --m-secondary: 48 73 152;     /* Couleur secondaire */
+        --m-tertiary: 243 244 248;    /* Couleur tertiaire (background) */
+        --m-border: 203 213 225;      /* Couleur des bordures */
+        --m-text: 15 23 42;           /*  Couleur du texte */
+        --m-muted: 100 116 139;       /* Couleur pour les éléments désactivés ou secondaires */
+        --m-bg: 243 244 248;          /* Couleur de fond générale */
+
+        --m-error: 212 0 21;         /* rouge pour les erreurs */
+        --m-success: 15 200 73;       /* vert pour les succès  */
+    }
+}