style accueil

Bootstrap_new/css/style_office.css

@@ -849,4 +849,40 @@ content-area {
 
 .nav-tabs::-webkit-scrollbar-thumb:hover {
     background: rgba(0, 0, 0, 0.3);
+}
+
+/*Accueil*/
+
+.container { padding: 25px; }
+
+h1 { margin-bottom: 20px; }
+
+.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
+
+.card {
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 6px rgba(0,0,0,.05);
+}
+.card h3 { margin: 0 0 10px; font-size: 14px; color: #666; }
+.card .value { font-size: 26px; font-weight: bold; }
+
+.grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:20px; margin-top:25px; }
+
+ul { list-style:none; padding:0; margin:0; }
+li { padding:10px 0; border-bottom:1px solid #eee; }
+li i { margin-right:10px; color:#007bff; }
+
+.alert i { color:#ff9800; }
+
+.chart {
+    height:180px;
+    background:#eef2f7;
+    border-radius:6px;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    color:#888;
+    font-style:italic;
 }

Vue/gabarit.php

@@ -145,7 +145,7 @@ console.groupEnd();
         <link rel="manifest" href="<?= $racineWeb ?>manifest.json">
         
         <!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
-        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.23.00" rel="stylesheet">
+        <link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.23.01" rel="stylesheet">
         <link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
 
         <!-- ============================================