feat(platform): add mileage closure workspace

vehicle-data-platform/apps/web/src/styles/global.css

@@ -866,6 +866,36 @@ button.vp-realtime-command-item:focus-visible {
   line-height: 20px;
 }
 
+.vp-stat-closure-board {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.vp-stat-closure-item {
+  min-height: 112px;
+  padding: 12px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  display: grid;
+  gap: 8px;
+  align-content: start;
+}
+
+.vp-stat-closure-action {
+  margin-top: 12px;
+  min-height: 48px;
+  padding: 10px 12px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #f5f9ff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
 .vp-trajectory-anomaly-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1262,10 +1292,16 @@ button.vp-realtime-command-item:focus-visible {
   .vp-stat-workspace,
   .vp-stat-insight-grid,
   .vp-stat-definition-grid,
+  .vp-stat-closure-board,
   .vp-trajectory-anomaly-grid,
   .vp-vehicle-map-layout,
   .vp-playback-layout,
   .vp-playback-timeline {
     grid-template-columns: 1fr;
   }
+
+  .vp-stat-closure-action {
+    align-items: flex-start;
+    flex-direction: column;
+  }
 }