:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f6f7;--surface:#fff;--surface-muted:#eef3f5;--text:#172026;--muted:#5c6b73;--border:#d8e1e5;--accent:#007f73;--accent-strong:#005f56;--success:#16855f;--shadow:0 20px 60px #17202614}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);background:var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.portal-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);height:100vh;padding:24px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand strong,.brand span,.runtime span,.metric span{display:block}.brand span,.runtime span{color:var(--muted);font-size:12px;font-weight:700}nav{gap:6px;display:grid}nav a{color:var(--text);border-radius:8px;padding:11px 12px;font-weight:700;text-decoration:none}nav a:hover{background:var(--surface-muted)}.workspace{width:min(1180px,100% - 40px);margin:0 auto;padding:30px 0 56px}.topbar,.section-head,.split{gap:20px;display:grid}.topbar{grid-template-columns:minmax(0,1fr) 160px;align-items:center;margin-bottom:20px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:8px;font-size:34px;line-height:1.1}h2{margin-bottom:8px;font-size:24px;line-height:1.2}h3{margin-bottom:12px;font-size:17px}.topbar p,.section-copy{color:var(--muted);margin-bottom:0;line-height:1.6}.runtime,.metric,.panel,.band{border:1px solid var(--border);background:var(--surface);border-radius:8px}.runtime{padding:16px}.runtime strong{font-size:22px}.band{margin-top:16px;padding:22px}.dashboard-grid{background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;display:grid}.metric{padding:18px}.metric span,.calendar-row span{color:var(--muted);font-size:13px;font-weight:700}.metric strong{margin:10px 0 8px;font-size:26px;display:block}.metric p,.panel p,.audit-list p{color:var(--muted);margin-bottom:0;line-height:1.5}.split{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:start}.panel{padding:18px}.panel p+p,.audit-list p+p{margin-top:12px}.section-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;margin-bottom:16px}button{border:1px solid var(--accent);color:#fff;background:var(--accent);min-height:38px;font:inherit;border-radius:8px;padding:0 14px;font-size:14px;font-weight:800}button.quiet{color:var(--accent-strong);background:#fff}.calendar-grid,.table,.flow,.impact-list,.endpoint-list,.audit-list{gap:10px;margin-top:18px;display:grid}.calendar-row,.table-row,.flow div,.impact-list span,.endpoint-list li,.audit-list p{border:1px solid var(--border);background:#fbfcfc;border-radius:8px}.calendar-row,.table-row{grid-template-columns:80px minmax(0,1fr) 130px;align-items:center;gap:12px;padding:12px;display:grid}.calendar-row em,.table-row em{color:var(--accent-strong);background:#dff3ee;border-radius:999px;justify-self:start;padding:4px 8px;font-size:12px;font-style:normal;font-weight:800}.table-row{grid-template-columns:70px minmax(130px,1fr) minmax(130px,1fr) 150px auto auto}.steps{gap:10px;padding-left:0;list-style:none;display:grid}.steps li,.flow div{align-items:center;gap:10px;padding:12px;display:flex}.steps span{color:#fff;background:var(--accent);border-radius:999px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.flow{grid-template-columns:repeat(5,minmax(0,1fr))}.flow div{min-height:96px;display:grid}.flow span,.impact-list span{color:var(--muted);font-size:13px}.impact-list span,.endpoint-list li,.audit-list p{padding:10px 12px}.endpoint-list{padding-left:0;list-style:none}@media (max-width:860px){.portal-shell,.topbar,.dashboard-grid,.split,.section-head,.flow{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.workspace{width:min(100% - 24px,1180px)}.table-row{grid-template-columns:1fr}}@media (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}