:root{font-family:Inter,Avenir Next,Segoe UI,sans-serif;color:#16211e;background:#eef4ef;--ink: #16211e;--muted: #65736f;--panel: rgba(255, 255, 255, .94);--line: rgba(22, 33, 30, .12);--line-strong: rgba(22, 33, 30, .22);--green: #126c58;--green-dark: #0b493d;--mint: #d7efe7;--blue: #256f9a;--amber: #c78219;--soft: #f7faf8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(18,108,88,.05) 1px,transparent 1px),linear-gradient(180deg,#f6fbf8,#e4eee9);background-size:28px 28px,auto}button,input,textarea,select{font:inherit}main{width:min(1220px,calc(100vw - 32px));margin:0 auto;padding:24px 0 34px}h1,h2,p{margin:0}.hero,.brand,.header-meta,.connection-strip,.connection-strip div,.kpi-card span,.panel-heading,footer{display:flex;align-items:center}.hero{justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line-strong)}.brand{gap:14px}.mark{display:grid;place-items:center;width:62px;height:62px;border:2px solid var(--green-dark);background:var(--mint);color:var(--green-dark);box-shadow:7px 7px #126c582e}.brand p,.panel-heading span,.kpi-card small,.source-row span,.pipeline-card span,.integration p,footer{color:var(--muted)}h1{font-size:clamp(28px,4vw,48px);line-height:.98;letter-spacing:0}.header-meta{gap:8px;justify-content:flex-end;flex-wrap:wrap}.header-meta span,.connection-strip div,.tag-row span,.missing-list span{min-height:34px;padding:7px 11px;border:1px solid var(--line);background:#ffffffb8;font-size:13px;font-weight:800}.header-meta span{display:inline-flex;align-items:center;gap:7px}.connection-strip{justify-content:space-between;gap:10px;margin:18px 0;padding:10px;border:1px solid var(--line);background:#ffffff94}.connection-strip div{flex:1;gap:8px;color:var(--green-dark)}.connection-strip .needs-work{color:var(--amber)}.kpi-grid,.split,.integration-grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.split,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.kpi-card,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:0 20px 50px #16211e0f}.kpi-card{min-height:154px;padding:18px}.kpi-card.primary{background:#133d34;color:#fff}.kpi-card.muted{background:#f0f5f2}.kpi-card.primary small,.kpi-card.primary span{color:#ffffffc7}.kpi-card span{gap:8px;font-size:13px;font-weight:850;text-transform:uppercase}.kpi-card strong{display:block;margin-top:16px;font-size:clamp(32px,5vw,54px);line-height:.9}.kpi-card small{display:block;margin-top:12px;font-size:13px;line-height:1.35}.panel{padding:20px}.panel-heading{justify-content:space-between;gap:14px;margin-bottom:16px}.panel-heading h2{margin-top:3px;font-size:22px;line-height:1.05}.source-list{display:grid;gap:12px}.source-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(140px,1.1fr) auto;align-items:center;gap:12px}.source-row strong,.source-row span{display:block}.source-row strong{font-size:14px}.source-row span{margin-top:3px;font-size:12px}.source-row b{font-size:15px}.bar-wrap{height:9px;overflow:hidden;background:#dbe6e1}.bar-wrap div{height:100%;background:linear-gradient(90deg,var(--green),var(--blue))}.pipeline-card{display:grid;gap:8px;padding:16px;border:1px solid var(--line);background:var(--soft)}.pipeline-card strong{font-size:24px}.tag-row,.missing-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.integration p{line-height:1.55}.mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.mini-stats div{padding:14px;border:1px solid var(--line);background:var(--soft)}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{font-size:26px}.mini-stats span{margin-top:4px;color:var(--muted);font-size:13px}.warning{border-color:#c7821957}.missing-list span{background:#fff7e8;color:#7a4d08}.note-list{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--muted);line-height:1.5}footer{justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}@media(max-width:900px){.hero{align-items:flex-start;flex-direction:column}.header-meta{justify-content:flex-start}.connection-strip,.kpi-grid,.split,.integration-grid{grid-template-columns:1fr}.connection-strip{display:grid}.source-row{grid-template-columns:1fr auto}.bar-wrap{grid-column:1 / -1}}