:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xbf-navy-deep:#000d3a;--xbf-navy:#1a3375;--xbf-steel:#39495c;--xbf-ash:#2f2f2b;--xbf-silver:#c8c8c8;--font-display:Lustra, "Arial Narrow", Arial, sans-serif;--font-body:Flama, "Segoe UI", Arial, sans-serif;--ink:var(--xbf-navy-deep);--muted:var(--xbf-steel);--canvas:#f4f6fa;--surface:#fff;--line:var(--xbf-silver);--brand:var(--xbf-navy);--brand-dark:var(--xbf-navy-deep);--warning:#8a5100;--danger:#a1262f;--radius:12px;--shadow:0 16px 36px #000d3a1a}*{box-sizing:border-box}html{font-family:var(--font-body);background:var(--canvas);color:var(--ink)}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:var(--brand)}button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1rem}button:hover{background:var(--brand-dark)}button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible{outline:3px solid var(--xbf-navy);outline-offset:3px}.workflow-page{border:1px solid var(--line);border-top:.4rem solid var(--xbf-navy);border-radius:var(--radius);background:var(--surface);max-width:64rem;box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2.5rem);position:relative;overflow:hidden}.workflow-page:after{content:"";pointer-events:none;opacity:.08;background-image:linear-gradient(var(--xbf-navy) 1px, transparent 1px), linear-gradient(90deg, var(--xbf-navy) 1px, transparent 1px);background-size:16px 16px;width:14rem;height:7rem;position:absolute;inset:0 0 auto auto}.workflow-page h1{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin:.3rem 0;font-size:clamp(2rem,5vw,3.6rem);line-height:.98;position:relative}.lede{max-width:44rem;color:var(--muted);font-size:1.05rem}.evidence-grid,.payload-review{background:var(--line);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px;margin:2rem 0;padding:1px;display:grid}.evidence-grid div,.payload-review div{background:var(--surface);min-width:0;padding:1rem}.payload-review div:nth-child(4),.payload-review div:nth-child(5),.payload-review div:nth-child(6),.payload-review div:nth-child(7){grid-column:1/-1}dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}dd{overflow-wrap:anywhere;margin:.35rem 0 0}code{max-width:100%;color:var(--xbf-navy);overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;display:inline-block}.control-confirmation{border-left:4px solid var(--xbf-navy);background:#eef1f8;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem;font-weight:700;display:flex}.control-confirmation input{width:1.2rem;height:1.2rem;accent-color:var(--xbf-navy);margin-top:.1rem}.workflow-actions{flex-wrap:wrap;gap:.75rem;display:flex}.critical-action{background:var(--xbf-navy-deep)}.message-preview{white-space:pre-wrap}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}.auth-page{max-width:42rem;margin:12vh auto;padding:2rem}.skip-link{z-index:10;background:#fff;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.synthetic-preview-banner{z-index:20;color:var(--xbf-navy-deep);text-align:center;background:#fff4cf;border-bottom:1px solid #efc862;padding:.65rem 1rem;font-size:.82rem;font-weight:800;position:sticky;top:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;min-height:4.5rem;padding:.9rem clamp(1rem,4vw,3rem);display:flex}.wordmark{color:var(--xbf-navy-deep);font-family:var(--font-display);letter-spacing:-.06em;font-size:1.5rem;font-weight:900;text-decoration:none}.wordmark small{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin-top:-.2rem;font-size:.42rem;font-weight:700;display:block}.primary-navigation{align-items:center;gap:1.25rem;display:flex}.primary-navigation a:not(.wordmark){color:var(--muted);font-weight:700;text-decoration:none}.form-builder-actions{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.account{color:var(--muted);align-items:center;gap:1rem;font-size:.88rem;display:flex}.account button{border:1px solid var(--line);color:var(--ink);background:0 0}#main-content{width:min(1120px,100% - 2rem);margin:0 auto;padding:3rem 0 5rem}.route-placeholder{max-width:42rem}@media (width<=560px){.account span{display:none}}.pipeline-page{gap:1.25rem;display:grid}.page-heading{padding:0 0 1rem}.page-heading h1{letter-spacing:-.045em;margin:.25rem 0;font-size:clamp(2rem,5vw,3.4rem)}.page-heading>p:last-child{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2rem)}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel h2{margin:0 0 1rem}.read-only-badge{color:var(--brand-dark);text-transform:uppercase;background:#e4f2ee;border-radius:999px;padding:.3rem .6rem;font-size:.75rem;font-weight:800}.metric-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0 0;display:grid}.metric{background:var(--canvas);border-radius:14px;padding:1.1rem}.metric dt{color:var(--muted);font-size:.85rem}.metric dd{margin:.35rem 0 0;font-size:2rem;font-weight:800}.health{align-items:center;gap:.85rem;display:flex}.health-dot{background:var(--muted);border-radius:50%;width:.8rem;height:.8rem}.health p{color:var(--muted);margin:.2rem 0 0}.health-watching .health-dot,.health-connected .health-dot{background:var(--brand)}.health-degraded .health-dot{background:var(--warning)}.health-unknown .health-dot{background:var(--danger)}@media (width<=720px){.metric-grid{grid-template-columns:repeat(2,1fr)}}