Polish QA and export workspaces

frontend/src/styles/app.css

@@ -847,7 +847,10 @@ section th {
 
 .entity-list,
 .dataset-list,
-.model-list {
+.model-list,
+.quality-check-list,
+.export-list,
+.metric-list {
   display: grid;
   gap: 0.7rem;
   padding: 0;
@@ -858,7 +861,11 @@ section th {
 .dataset-card,
 .model-card,
 .lab-block,
-.layer-control-card {
+.layer-control-card,
+.quality-check-card,
+.export-card,
+.latest-export-card,
+.empty-state {
   border: 1px solid var(--line);
   border-radius: 8px;
   background: var(--panel-soft);
@@ -898,12 +905,18 @@ button.entity-card {
 
 .dataset-card,
 .model-card,
-.lab-block {
+.lab-block,
+.quality-check-card,
+.export-card,
+.latest-export-card,
+.empty-state {
   padding: 0.85rem;
 }
 
 .dataset-card-header,
-.model-card {
+.model-card,
+.quality-check-header,
+.export-card-header {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   gap: 0.75rem;
@@ -937,6 +950,131 @@ button.entity-card {
   width: auto;
 }
 
+.quality-summary-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.65rem;
+  margin: 0.75rem 0;
+}
+
+.quality-summary-grid > div {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.72rem;
+  background: #ffffff;
+}
+
+.quality-summary-grid span,
+.quality-score-row span,
+.latest-export-card span,
+.metric-list span {
+  display: block;
+  color: var(--muted);
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+.quality-summary-grid strong {
+  display: block;
+  margin-top: 0.28rem;
+  font-size: 1.02rem;
+  line-height: 1.2;
+}
+
+.quality-score-row {
+  display: grid;
+  grid-template-columns: 6rem 5rem minmax(0, 1fr);
+  gap: 0.65rem;
+  margin-top: 0.75rem;
+}
+
+.quality-score-row > div {
+  min-width: 0;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.55rem;
+  background: #ffffff;
+}
+
+.quality-score-row strong {
+  display: block;
+  margin-top: 0.22rem;
+  overflow: hidden;
+  font-size: 0.9rem;
+  line-height: 1.25;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.metric-list {
+  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
+  margin-top: 0.75rem;
+}
+
+.metric-list li {
+  display: grid;
+  gap: 0.16rem;
+  margin-top: 0;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.58rem;
+  background: #ffffff;
+}
+
+.metric-list strong {
+  font-size: 0.95rem;
+}
+
+.empty-state {
+  display: grid;
+  gap: 0.25rem;
+  margin-top: 0.75rem;
+  background: #ffffff;
+}
+
+.empty-state p,
+.latest-export-card p,
+.export-card p {
+  margin: 0.25rem 0 0;
+  color: var(--muted);
+  font-size: 0.88rem;
+  line-height: 1.4;
+}
+
+.export-action-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.6rem;
+  margin: 0.8rem 0;
+}
+
+.export-action-grid button {
+  min-height: 3.2rem;
+  text-align: left;
+}
+
+.latest-export-card {
+  display: grid;
+  gap: 0.2rem;
+  margin-top: 0.75rem;
+  border-color: rgba(15, 118, 110, 0.28);
+  background: var(--accent-soft);
+}
+
+.export-list {
+  margin-top: 0.8rem;
+}
+
+.export-card p {
+  overflow-wrap: anywhere;
+}
+
+.export-preview-panel .job-result {
+  max-height: 38rem;
+}
+
 .map-toolbar {
   display: grid;
   grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 0.8fr) minmax(10rem, 0.8fr) minmax(14rem, 1fr);
@@ -1045,7 +1183,10 @@ button.entity-card {
 
   .dataset-upload-form,
   .map-toolbar,
-  .lab-form-grid {
+  .lab-form-grid,
+  .quality-summary-grid,
+  .quality-score-row,
+  .export-action-grid {
     grid-template-columns: 1fr;
   }