Initial commit

style.css

@@ -0,0 +1,81 @@
+/* --- COULEURS GLOBALES ET THEME SOMBRE --- */
+body {
+    background-color: #0f172a;
+    color: #e2e8f0;
+}
+
+.navbar {
+    background-color: #1e293b !important;
+    border-bottom: 1px solid #334155;
+}
+
+/* --- DESIGN DES WIDGETS (CARTES) --- */
+.card {
+    background-color: #1e293b;
+    border: 1px solid #334155;
+    min-height: 320px;
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
+}
+
+.card-meteo {
+    border-top: 4px solid #38bdf8;
+}
+
+.card-solaire {
+    border-top: 4px solid #fbbf24;
+}
+
+.card-batterie {
+    border-top: 4px solid #34d399;
+}
+
+.card-admin {
+    border-top: 4px solid #f87171;
+}
+
+/* --- ANIMATION DU HEARTBEAT --- */
+.status-dot {
+    width: 14px;
+    height: 14px;
+    display: inline-block;
+}
+
+.pulse-online {
+    background-color: #22c55e;
+    box-shadow: 0 0 12px #22c55e;
+    animation: pulse-green 2s infinite;
+}
+
+.pulse-offline {
+    background-color: #ef4444;
+    box-shadow: 0 0 15px #ef4444;
+}
+
+@keyframes pulse-green {
+    0% {
+        transform: scale(0.95);
+        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
+    }
+
+    70% {
+        transform: scale(1);
+        box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
+    }
+
+    100% {
+        transform: scale(0.95);
+        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
+    }
+}
+
+/* --- TYPOGRAPHIE ET ELEMENTS VISUELS --- */
+.data-value {
+    color: #e0f2fe;
+    text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
+}
+
+.placeholder-box {
+    border: 2px dashed #475569;
+    background-color: #0f172a;
+    color: #94a3b8;
+}