feat(t222): add freight ingestion admin flow

backend-api/internal/transport/webui/static/admin.css

@@ -673,6 +673,54 @@ tbody tr:last-child td {
   background: var(--danger-soft);
 }
 
+.notice.danger {
+  border-color: var(--danger);
+  color: var(--danger-dark);
+  background: var(--danger-soft);
+}
+
+.form-panel {
+  display: grid;
+  gap: 18px;
+  padding: 22px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--surface);
+}
+
+.detail-section {
+  margin-bottom: 22px;
+}
+
+.detail-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 1px;
+  margin: 0;
+  overflow: hidden;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--line);
+}
+
+.detail-grid > div {
+  min-width: 0;
+  padding: 12px;
+  background: var(--surface);
+}
+
+.detail-grid dt {
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.detail-grid dd {
+  margin: 4px 0 0;
+  overflow-wrap: anywhere;
+  font-weight: 700;
+}
+
 .task-form {
   display: grid;
   gap: 18px;
@@ -1139,6 +1187,10 @@ tbody tr:last-child td {
     grid-template-columns: 1fr;
   }
 
+  .detail-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .authorization-note {
     grid-column: auto;
   }
@@ -1154,11 +1206,7 @@ tbody tr:last-child td {
     padding-inline: 10px;
   }
 
-  .brand {
-    font-size: 14px;
-  }
-
-  .brand-mark {
+  .brand span:not(.brand-mark) {
     display: none;
   }
 
@@ -1167,13 +1215,13 @@ tbody tr:last-child td {
   }
 
   .main-nav a {
-    padding-inline: 8px;
-    font-size: 13px;
+    padding-inline: 6px;
+    font-size: 12px;
   }
 
   .logout-button {
-    padding-inline: 8px;
-    font-size: 13px;
+    padding-inline: 6px;
+    font-size: 12px;
   }
 
   .title-row,
@@ -1186,6 +1234,10 @@ tbody tr:last-child td {
     width: 100%;
   }
 
+  .detail-grid {
+    grid-template-columns: 1fr;
+  }
+
   .title-actions {
     justify-content: flex-start;
     flex-wrap: wrap;