new admin

frontend/src/styles.css

@@ -172,6 +172,129 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   flex-direction: column;
   gap: 1rem;
 }
+.admin-program-browser {
+  display: grid;
+  grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.4fr);
+  gap: 1rem;
+  min-height: 520px;
+}
+.program-tree-panel,
+.admin-program-review {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  min-height: 0;
+  border: 1px solid #e5e7eb;
+  border-radius: 16px;
+  background: #f8fafc;
+  padding: 1rem;
+}
+.program-tree-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+  min-height: 0;
+  overflow-y: auto;
+}
+.program-tree-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  background: white;
+  color: #14213d;
+  padding: 0.55rem 0.65rem;
+  text-align: left;
+}
+.program-tree-row.active {
+  border-color: #2563eb;
+  background: #eff6ff;
+}
+.program-tree-row span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.program-tree-row em,
+.program-tree-row strong,
+.review-pill {
+  border-radius: 999px;
+  padding: 0.16rem 0.45rem;
+  background: #e2e8f0;
+  color: #475569;
+  font-size: 0.75rem;
+  font-style: normal;
+  font-weight: 800;
+  white-space: nowrap;
+}
+.program-tree-row strong,
+.review-pill.validated {
+  background: #dcfce7;
+  color: #166534;
+}
+.review-pill.needs_changes {
+  background: #ffedd5;
+  color: #9a3412;
+}
+.review-pill.blocked {
+  background: #fee2e2;
+  color: #991b1b;
+}
+.program-status-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0.5rem;
+}
+.program-status-grid span,
+.admin-review-note {
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  background: white;
+  padding: 0.65rem;
+}
+.program-node-preview {
+  min-height: 260px;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  background: white;
+  padding: 0.75rem;
+}
+.program-node-preview img {
+  width: 100%;
+  max-height: 420px;
+  object-fit: contain;
+  display: block;
+}
+.admin-review-note p {
+  margin: 0.35rem 0;
+  line-height: 1.45;
+}
+.admin-review-note span {
+  color: #64748b;
+  font-size: 0.85rem;
+}
+.admin-review-form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.admin-review-form label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+  font-weight: 700;
+}
+.admin-review-form textarea {
+  min-height: 120px;
+  resize: vertical;
+  border: 1px solid #cfd7e6;
+  border-radius: 12px;
+  padding: 0.8rem 1rem;
+  font: inherit;
+}
 .admin-asset-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
@@ -683,7 +806,8 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   }
 
   .admin-header,
-  .admin-detail {
+  .admin-detail,
+  .admin-program-browser {
     grid-template-columns: 1fr;
   }