:root{
  --bg:#f7f9fc;
  --panel:#ffffff;
  --text:#13213c;
  --muted:#65738b;
  --border:#dfe6ef;
  --blue:#145ff5;
  --blue-soft:#eaf1ff;
  --gold:#f5b900;
  --gold-soft:#fff7d6;
  --green:#138a4a;
  --green-soft:#e8f7ef;
  --red:#c43b3b;
  --red-soft:#fdecec;
  --gray-soft:#f1f4f8;
  --shadow:0 12px 30px rgba(19,33,60,.07);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text);
}
button{font:inherit}
.app-shell{max-width:1500px;margin:0 auto;padding:28px}
.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}
.brand-lockup{display:flex;align-items:center;gap:18px;min-width:0}
.brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:104px;height:104px;border-radius:24px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);text-decoration:none;overflow:hidden}
.brand-logo{display:block;width:92px;height:92px;object-fit:contain}
.brand-copy{min-width:0}
.eyebrow{margin:0 0 6px;color:var(--blue);font-size:.78rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}
h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}
.subtitle{margin:8px 0 0;color:var(--muted)}
.identity{background:var(--panel);border:1px solid var(--border);padding:10px 14px;border-radius:999px;font-size:.86rem;color:var(--muted);box-shadow:var(--shadow)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid var(--border);background:var(--panel);border-radius:16px;margin-bottom:22px}
.tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}
.tab.is-active{background:var(--blue);color:#fff}
.status-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.metric,.loading-card,.notice{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.loading-card{grid-column:1/-1;color:var(--muted)}
.metric-label{color:var(--muted);font-size:.82rem;font-weight:700}
.metric-value{font-size:2rem;font-weight:850;margin-top:6px;letter-spacing:-.03em}
.metric-note{font-size:.78rem;color:var(--muted);margin-top:5px}
.progress-wrap{height:8px;background:var(--gray-soft);border-radius:999px;overflow:hidden;margin-top:10px}
.progress-bar{height:100%;background:var(--blue);width:0;transition:width .35s ease}
.view-panel{min-height:260px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.section-title{margin:0 0 16px;font-size:1.15rem}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.work-card{border:1px solid var(--border);border-radius:16px;padding:18px;min-width:0}
.work-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.vertical{font-size:.78rem;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}
.work-title{margin:6px 0 0;font-weight:850;font-size:1.02rem}
.phase{margin-top:8px;color:var(--muted);font-size:.88rem}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.chip{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:.74rem;font-weight:800;background:var(--gray-soft);color:var(--muted)}
.status-closed{background:var(--green-soft);color:var(--green)}
.status-in_progress{background:var(--blue-soft);color:var(--blue)}
.status-ready,.status-evidence_submitted,.status-review{background:var(--gold-soft);color:#8a6500}
.status-blocked{background:var(--red-soft);color:var(--red)}
.flow{display:flex;gap:12px;align-items:stretch;overflow-x:auto;padding-bottom:8px}
.flow-node{min-width:210px;border:1px solid var(--border);border-radius:16px;padding:16px}
.flow-arrow{align-self:center;color:var(--muted);font-weight:900}
.roadmap-row{display:grid;grid-template-columns:160px 1fr 120px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.roadmap-row:last-child{border-bottom:0}
.people-empty{color:var(--muted);line-height:1.6}
.error{border-color:#f2b8b8;background:#fffafa;color:#8a2626}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;padding:18px 4px 0}
@media(max-width:900px){.status-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}}
@media(max-width:620px){.app-shell{padding:16px}.topbar{flex-direction:column}.brand-lockup{gap:12px}.brand-mark{width:82px;height:82px;border-radius:20px}.brand-logo{width:72px;height:72px}.status-panel{grid-template-columns:1fr}.roadmap-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}