assets/style.css

:root {
  --seed-bg: #07110f;
  --seed-panel: #0d1b18;
  --seed-panel-2: #122521;
  --seed-line: #21483f;
  --seed-text: #eef8f4;
  --seed-muted: #91aaa2;
  --seed-accent: #64f0ba;
  --seed-warning: #ffcb6b;
}
.gradio-container { max-width: 1500px !important; background: radial-gradient(circle at top left, #123229 0, var(--seed-bg) 44%) !important; }
.seed-hero { border: 1px solid var(--seed-line); border-radius: 22px; padding: 26px 28px; background: linear-gradient(135deg, rgba(100,240,186,.13), rgba(13,27,24,.94)); margin-bottom: 16px; }
.seed-kicker { color: var(--seed-accent); font-size: 12px; letter-spacing: .18em; font-weight: 800; }
.seed-hero h1 { color: var(--seed-text); margin: 8px 0 8px; font-size: 38px; }
.seed-hero p { color: var(--seed-muted); margin: 0; max-width: 920px; font-size: 15px; line-height: 1.6; }
.seed-live { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 8px 12px; border: 1px solid var(--seed-line); border-radius: 999px; color: var(--seed-text); }
.seed-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--seed-accent); box-shadow: 0 0 16px var(--seed-accent); }
.kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(120px,1fr)); gap: 12px; margin: 8px 0 18px; }
.kpi-card { padding: 16px; background: rgba(13,27,24,.92); border: 1px solid var(--seed-line); border-radius: 16px; }
.kpi-label { color: var(--seed-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.kpi-value { color: var(--seed-text); font-size: 24px; margin-top: 7px; font-weight: 800; }
.org-chart { display: flex; flex-direction: column; gap: 14px; padding: 8px; }
.org-branch { display: flex; flex-direction: column; gap: 10px; }
.org-node { border: 1px solid var(--seed-line); background: var(--seed-panel); border-radius: 15px; padding: 14px 16px; }
.org-depth { color: var(--seed-accent); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.org-title { color: var(--seed-text); font-size: 17px; font-weight: 800; margin-top: 5px; }
.org-status { color: var(--seed-warning); font-size: 11px; margin-top: 4px; }
.org-task { color: var(--seed-muted); font-size: 12px; margin-top: 8px; line-height: 1.45; }
.org-children { margin-left: 24px; padding-left: 18px; border-left: 1px dashed var(--seed-line); display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 12px; }
.disclaimer { border-left: 3px solid var(--seed-warning); background: rgba(255,203,107,.08); padding: 12px 14px; border-radius: 8px; color: var(--seed-muted); }
@media (max-width: 900px) { .kpi-grid { grid-template-columns: repeat(2,1fr); } .seed-hero h1 { font-size: 29px; } }