Merge pull request #85 from NessieCanCode/add-summary-and-details-tab-features

Add analytics widgets and filtering to dashboard

Author: NessieCanCode

src/slurmcostmanager.css

@@ -132,3 +132,57 @@ nav button:hover {
     margin: 0.5em 0;
   }
 }
+.kpi-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
+  margin-bottom: 1em;
+}
+.kpi-tile {
+  background: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 1em;
+  flex: 1 1 200px;
+  position: relative;
+}
+.kpi-label {
+  font-size: 0.9em;
+  color: #555;
+}
+.kpi-value {
+  font-size: 2em;
+  font-weight: bold;
+}
+.kpi-chart {
+  width: 100%;
+  height: 60px;
+}
+.pi-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 1em;
+}
+.pi-table th,
+.pi-table td {
+  border: 1px solid #ccc;
+  padding: 0.25em 0.5em;
+}
+.pi-bar {
+  height: 8px;
+  background: #4e79a7;
+}
+.filter-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+  align-items: center;
+  margin-bottom: 1em;
+}
+.filter-bar select,
+.filter-bar button {
+  padding: 0.25em;
+}
+.pagination {
+  margin-top: 0.5em;
+}