feat: update lake index, sync scraping scripts, and prune unused data files

src/index.css

@@ -11,10 +11,29 @@
   --color-red: #ef4444;    /* Odtok / Negative trend */
   --color-orange: #f97316; /* Odtok line chart color */
   
+.kpi-grid-container {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1.5rem;
+  width: 100%;
+}
+
+.kpi-card {
+  background-color: var(--bg-card);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  padding: 1.5rem;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Hide old styles but keep them in case they are used elsewhere */
 .kpi-container-mobile {
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 1.5rem;
   width: 100%;
 }
 
@@ -151,6 +170,9 @@
     max-height: 50%;
     border-radius: 20px 20px 0 0;
   }
+  .kpi-grid-container {
+    grid-template-columns: 1fr;
+  }
 }
 
 /* Time controls pill layout */
@@ -160,7 +182,7 @@
   border-radius: 0.5rem;
   border: 1px solid var(--border-color);
   overflow: hidden;
-  width: 100%;
+  width: auto;
 }
 
 .top-time-controls button {
@@ -169,10 +191,11 @@
   border: none;
   border-right: 1px solid var(--border-color);
   color: var(--text-muted);
-  padding: 0.75rem 0;
+  padding: 0.4rem 1rem;
   cursor: pointer;
   font-weight: 500;
   transition: all 0.2s;
+  font-size: 0.85rem;
 }
 .top-time-controls button:last-child {
   border-right: none;