*{box-sizing:border-box}body{color:#172c40;background:#f3f6f9;margin:0;font-family:system-ui,sans-serif;line-height:1.5}a{color:#095d9b}h1,h2,h3{line-height:1.25}button,input,select{font-family:inherit}.onboarding-fields{gap:.5rem;display:grid}.onboarding-fields input{width:100%;min-width:0}.onboarding-fields small{margin:.5rem 0}.shell{max-width:1200px;margin:auto;padding:1rem}header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}header strong{margin-right:auto}nav{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}nav a,button{min-height:44px;padding:.75rem 1rem}nav a[aria-current]{color:#123454;background:#dce8f4;border-radius:.3rem}main,article,section{min-width:0}article{background:#fff;border:1px solid #c5d0dc;border-radius:.4rem;padding:1rem}section{margin:1.5rem 0}.metrics,.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin:1rem 0;display:grid}.metrics h2{text-transform:capitalize;font-size:1rem}.metrics strong{font-size:2rem}.badge{border:1px solid #8799ab;border-radius:1rem;padding:.2rem .6rem;font-size:.85rem;display:inline-block}dl{gap:.4rem;display:grid}dt{font-weight:600}dd{margin:0 0 .6rem}pre{white-space:pre;color:#e5edf6;tab-size:2;background:#152332;border-radius:.3rem;max-width:100%;max-height:28rem;padding:1rem;font-size:.85rem;overflow:auto}p,dd,li,h1,h2,a{overflow-wrap:anywhere}.timeline{max-height:28rem;padding-left:1.4rem;overflow:auto}.timeline p{white-space:pre-wrap}.controls{flex-wrap:wrap;gap:.6rem;display:flex}button,input,select{font:inherit;border:1px solid #788ca1;border-radius:.3rem}button{cursor:pointer;color:#152332;background:#e9eff5}button:disabled{opacity:.55;cursor:not-allowed}input,select{max-width:100%;min-height:44px;padding:.75rem}label{margin:.7rem 0;display:block}.login{background:#fff;border:1px solid #dce5ed;border-radius:1.25rem;width:min(30rem,100% - 2rem);margin:8vh auto;padding:clamp(1.25rem,5vw,2.5rem);box-shadow:0 16px 48px #172c4010}.login-brand{color:#fff;letter-spacing:.08em;background:#172c40;border-radius:.85rem;place-items:center;width:3rem;height:3rem;font-weight:750;display:grid}.login h1{margin-bottom:.5rem}.login>p,.login small{color:#516578}.login form{gap:.5rem;margin:1.5rem 0;display:grid}.login label{font-weight:600}.login input{border:1px solid #a9bac9;border-radius:.5rem;width:100%;min-width:0;margin-bottom:.5rem;padding:.8rem;font-size:1rem}.login button{border-radius:.5rem;width:100%;margin:.5rem 0 0;padding:.85rem}.login input:focus-visible,.login button:focus-visible{outline-offset:2px;outline:3px solid #5da7df}.notice,[role=alert]{color:#59400b;background:#fff0d1;border-radius:.3rem;padding:.75rem}dialog{border:1px solid #788ca1;border-radius:.5rem;max-width:min(90vw,32rem);padding:1.25rem}dialog::backdrop{background:#14212fcc}:focus-visible{outline-offset:3px;outline:3px solid #0070d2}.skip{position:absolute;top:-100px}.skip:focus{z-index:5;background:#fff;padding:1rem;top:0}footer{color:#536477;border-top:1px solid #c5d0dc;margin-top:3rem;padding:1rem 0}@media (width<=480px){nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shell{padding:.75rem}h1{font-size:1.6rem}.controls button{flex:140px}nav a{text-align:center;flex:1;padding:.65rem}.timeline{padding-left:1.2rem}}.instruction{white-space:pre-wrap;overflow-wrap:anywhere}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.summary-block,.empty-state{background:#f0f5fa;border:1px solid #cad7e4;border-radius:.6rem;margin:1rem 0;padding:1.25rem}.empty-state{border-style:dashed}.action-link{border:1px solid #788ca1;border-radius:.35rem;align-items:center;min-height:44px;padding:.7rem 1rem;text-decoration:none;display:inline-flex}.primary{color:#fff;background:#175789;border-color:#175789}.tabs{flex-wrap:wrap;gap:.4rem;margin:1.5rem 0;display:flex}.tabs [aria-selected=true]{color:#fff;background:#175789}.stepper{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.65rem;padding:0;list-style:none;display:grid}.stepper li{border:1px solid #c5d0dc;border-left:4px solid #8799ab;border-radius:.35rem;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.stepper li.current{background:#e6f0fa;border-left-color:#175789}.stepper li.done{border-left-color:#297447}.stepper span{font-size:.9rem}details{border:1px solid #c5d0dc;border-radius:.4rem;min-width:0;margin:.8rem 0;padding:.6rem 1rem}summary{cursor:pointer;overflow-wrap:anywhere;min-height:44px;padding:.65rem 0;font-weight:600}textarea{width:100%;max-width:100%;min-height:6rem;font:inherit;resize:vertical;border:1px solid #788ca1;border-radius:.3rem;padding:.75rem}.requirement-text{white-space:pre-wrap;overflow-wrap:anywhere}.review-card{border-left:4px solid #175789}[role=tabpanel][hidden]{display:none}@media (width<=480px){.tabs button{flex:130px}.summary-block,.empty-state{padding:.85rem}}:root{--navy:#121e33;--navy-muted:#9aabc4;--blue:#3468eb;--border:#e2e8f0;--muted:#63748b}body{color:#1e2b40;background:#f5f7fb}.shell{max-width:none;padding:0}.app-header{border-bottom:1px solid var(--border);z-index:3;background:#fff;gap:18px;min-height:88px;padding:16px 28px;position:relative}.brand{color:var(--navy);align-items:center;gap:12px;min-width:225px;text-decoration:none;display:flex}.brand strong{letter-spacing:-.04em;font-size:1.2rem}.brand-mark{background:var(--blue);color:#fff;border-radius:12px;padding:12px;font-size:.9rem;font-weight:800}.project-picker{gap:3px;min-width:170px;max-width:290px;display:grid}.project-picker label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.7rem}.project-picker select{border-color:var(--border);padding:6px 32px 6px 8px;font-weight:600}.picker-error{font-size:.75rem}.settings{position:relative}.settings-trigger{border-color:var(--border);background:#f6f8fb;padding:6px 12px;font-size:1.4rem}.settings-panel{border:1px solid var(--border);background:#fff;border-radius:12px;width:min(280px,100vw - 32px);padding:12px;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 16px 48px #18294525}.settings-panel h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:10px;font-size:.7rem}.settings-panel a{color:#30435f;border-radius:8px;padding:12px;text-decoration:none;display:block}.settings-panel a:hover,.settings-panel a:focus-visible{background:#edf2ff}.live-indicator{color:var(--muted);margin-left:auto;font-size:.8rem}.live-indicator.connected{color:#208456}.operator-label{color:var(--muted);font-size:.8rem}.logout{border-color:var(--border);background:#fff}.app-body{grid-template-columns:276px minmax(0,1fr);min-height:calc(100vh - 150px);display:grid}.global-sidebar,.workflow-sidebar{background:var(--navy);color:#f0f5ff;padding:30px 20px}.global-sidebar nav{margin:24px 0;display:grid}.global-sidebar nav a{color:#bccae0;border-radius:8px;text-decoration:none}.global-sidebar nav a[aria-current]{color:#fff;background:#293d60}.eyebrow{letter-spacing:.16em;color:var(--navy-muted);font-size:.65rem;font-weight:700}.sidebar-note,.sidebar-caption{color:var(--navy-muted);font-size:.8rem;line-height:1.65}.sidebar-note{border-top:1px solid #2c3950;margin-top:32px;padding-top:22px}.app-body>main{padding:30px clamp(20px,3vw,48px)}h1{letter-spacing:-.045em;margin-top:0;font-size:clamp(1.65rem,2.6vw,2.1rem)}h2{letter-spacing:-.025em;font-size:1.2rem}h3{font-size:1rem;line-height:1.5}p{line-height:1.65}article{border-color:var(--border);border-radius:12px;padding:22px;box-shadow:0 3px 10px #1c315504}.summary-block{border-color:var(--border);background:#fff;border-radius:12px}.empty-state{color:var(--muted);background:#fafcff;border-color:#cdd8e8;border-radius:12px;padding:28px}button,input,select,textarea,.action-link{border-color:#ced8e5;border-radius:8px}button{background:#fff;font-size:.85rem;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:#edf2ff}.primary,.tabs [aria-selected=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover:not(:disabled){background:#2556ce}.tabs{border-bottom:1px solid var(--border);gap:8px;padding-bottom:12px}.tabs button{background:0 0;border-color:#0000}.tabs button[aria-selected=true]{color:#2454cd;background:#e8efff;border-color:#e8efff}.badge{color:#54657b;background:#eef2f7;border:0;border-radius:6px;padding:5px 9px;font-size:.7rem;font-weight:600}.badge-success{color:#1f7750;background:#e5f5ec}.badge-error{color:#b23246;background:#fdebec}.badge-warning{color:#916615;background:#fff3d8}details{border-color:var(--border);background:#fff;border-radius:8px}.metrics article{border-top:3px solid #7698ee}.metrics h2{color:var(--muted);text-transform:none;font-size:.8rem}.metrics strong{color:var(--navy)}footer{color:var(--muted);border-color:var(--border);background:#fff;margin:0;padding:14px 28px;font-size:.75rem}.app-body:has(.workflow-layout){display:block}.app-body:has(.workflow-layout)>.global-sidebar{display:none}.app-body:has(.workflow-layout)>main{padding:0}.app-body:has(.workflow-layout)>main>h1{margin-bottom:8px;padding:24px 30px 0}:is(.app-body:has(.workflow-layout)>main>button,.app-body:has(.workflow-layout)>main>p){margin-left:30px}.workflow-layout{grid-template-columns:276px minmax(0,1fr);min-height:calc(100vh - 225px);margin-top:20px;display:grid}.workflow-workspace{min-width:0;padding:28px clamp(20px,3vw,48px)}.workflow-sidebar h2{color:#fff;font-size:1.05rem}.workflow-sidebar nav{margin:24px 0;display:block}.workflow-sidebar ol{margin:0;padding:0;list-style:none}.workflow-sidebar li{position:relative}.workflow-sidebar li:not(:last-child):after{content:"";background:#34415b;width:1px;position:absolute;top:46px;bottom:-4px;left:23px}.workflow-sidebar button{text-align:left;color:#c1cde0;background:0 0;border-color:#0000;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 8px;display:flex;position:relative}.workflow-sidebar button[aria-pressed=true]{background:#263a5c;border-color:#3f5880}.workflow-sidebar button:hover:not(:disabled){background:#22324f}.stage-dot{color:#98a9c2;background:var(--navy);z-index:1;border:1px solid #586782;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:.7rem;display:grid}.workflow-sidebar strong{font-size:.8rem;font-weight:600;display:block}.workflow-sidebar small{color:#91a4c0;margin-top:4px;font-size:.65rem;display:block}.workflow-sidebar .done .stage-dot{color:#adf0ce;background:#1e664f;border-color:#378b6a}.workflow-sidebar .current .stage-dot{background:var(--blue);color:#fff;border-color:#7ca1ff}.workflow-sidebar .approval .stage-dot{color:#fff;background:#8b641b;border-color:#d3a146}.workflow-sidebar .failure .stage-dot{color:#fff;background:#a13c50;border-color:#ee8092}.active-stage-panel[hidden]{display:none}.stage-history>.eyebrow{color:var(--muted)}@media (width<=1050px){.operator-label{display:none}.brand{min-width:185px}.app-header{gap:12px;padding:16px 20px}}@media (width<=760px){.app-body,.workflow-layout{grid-template-columns:1fr}.brand{min-width:0;margin-right:auto}.app-header{flex-wrap:wrap;gap:12px}.project-picker{flex:200px;order:4;max-width:none}.settings{order:5}.settings-panel{left:auto;right:0}.live-indicator{margin-left:0}.global-sidebar{padding:16px 20px}.global-sidebar nav{margin:8px 0;display:flex}.global-sidebar .sidebar-note,.global-sidebar .eyebrow{display:none}.workflow-sidebar{padding:20px}.workflow-sidebar nav{margin:16px 0}.workflow-sidebar ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.workflow-sidebar li:after{display:none}.workflow-sidebar .sidebar-note{margin-top:16px;padding-top:12px}.app-body>main,.workflow-workspace{padding:24px 16px}}@media (width<=420px){.workflow-sidebar ol{grid-template-columns:1fr}.app-header{padding:12px}.live-indicator{font-size:.65rem}.logout{padding:8px}}@media (prefers-reduced-motion:reduce){button{transition:none}}.workflow-toggle,.workflow-sidebar nav[hidden]{display:none}@media (width<=760px){.workflow-sidebar .workflow-toggle{border-color:#526783;width:auto;min-height:44px;display:block}}.workflow-layout{min-height:calc(100vh - 141px);margin-top:0}.workspace-eyebrow{color:var(--muted);margin-top:0}.workflow-layout{background:linear-gradient(to right, var(--navy) 276px, transparent 276px)}.workflow-sidebar{align-self:start;min-height:100vh;max-height:100vh;position:sticky;top:0;overflow-y:auto}.workflow-sidebar .workflow-toggle{display:none}.workflow-workspace>a{margin:12px;display:inline-block}@media (width<=760px){.workflow-layout{background:0 0}.workflow-sidebar{min-height:0;max-height:none;position:static;overflow:visible}.workflow-sidebar .workflow-toggle{display:block}}