Add dataset QA and custom YOLO training flow

frontend/src/styles.css

@@ -538,6 +538,79 @@ textarea {
   font-size: 11px;
 }
 
+.readinessLine {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+.qualityBox {
+  display: grid;
+  gap: 10px;
+  margin-top: 12px;
+  padding: 12px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: #0b0d0b;
+}
+
+.qualityHead {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.qualityHead span {
+  color: var(--green);
+  font-size: 12px;
+  font-weight: 760;
+}
+
+.qualityStats {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.qualityStats div,
+.qualityChecks div {
+  min-width: 0;
+  padding: 8px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: #101310;
+}
+
+.qualityStats span,
+.qualityStats strong,
+.qualityChecks span,
+.qualityChecks small {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.qualityStats span {
+  color: var(--muted);
+  font-size: 11px;
+}
+
+.qualityChecks {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.qualityChecks .ok {
+  border-color: rgba(157, 226, 111, 0.32);
+}
+
+.qualityChecks .bad {
+  border-color: rgba(240, 113, 103, 0.55);
+}
+
 .jobList, .resultList {
   display: grid;
   gap: 8px;
@@ -573,6 +646,7 @@ textarea {
 .pill-success { color: var(--green); }
 .pill-failed { color: var(--red); }
 .pill-cancelled { color: var(--amber); }
+.pill-queued { color: var(--muted); }
 
 .gpu {
   display: grid;
@@ -758,7 +832,9 @@ meter {
 
   .opGrid,
   .sampleStrip,
-  .taskCheckList {
+  .taskCheckList,
+  .qualityStats,
+  .qualityChecks {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }