:root{--radio-ink: #172033;--carrier-blue: #246BFD;--signal-teal: #087F73;--transit-amber: #B86E00;--failure-red: #B42318;--cloud-mist: #F3F6FA;--pure-white: #FFFFFF;--border-quiet: #D1D9E0;--font-display: "Manrope", system-ui, -apple-system, sans-serif;--font-body: "Source Sans 3", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--space-unit: 4px;--radius-none: 0px;--radius-small: 2px;--z-nav: 100;--z-modal: 200}body{margin:0;padding:0;background-color:var(--cloud-mist);color:var(--radio-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;margin:0}button{font-family:var(--font-body);font-weight:600}.mono{font-family:var(--font-mono)}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.signal-rail{width:72px;background-color:var(--radio-ink);display:flex;flex-direction:column;color:var(--cloud-mist);z-index:var(--z-nav)}.rail-top{height:72px;display:flex;align-items:center;justify-content:center}.logo-box{width:32px;height:32px;background-color:var(--carrier-blue);display:flex;align-items:center;justify-content:center;position:relative}.pulse-indicator{width:8px;height:8px;background-color:var(--signal-teal);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:1}70%{transform:scale(1.5);opacity:0}to{transform:scale(.95);opacity:0}}.rail-main{flex-grow:1;display:flex;flex-direction:column;align-items:center;padding-top:24px;gap:16px}.nav-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:700;text-transform:uppercase;border:1px solid transparent;opacity:.6;transition:all .2s}.nav-item:hover{opacity:1;background-color:#ffffff0d}.nav-item.active{opacity:1;border-color:var(--carrier-blue);color:var(--carrier-blue)}.user-profile{background-color:var(--signal-teal);opacity:1;border-radius:50%;margin-bottom:24px}.main-surface{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.surface-header{height:72px;background-color:var(--pure-white);border-bottom:1px solid var(--border-quiet);display:flex;align-items:center;padding:0 32px}.workspace-switcher{display:flex;flex-direction:column}.tenant-name{font-weight:700;font-size:18px}.mono-id{font-family:var(--font-mono);font-size:11px;opacity:.5}.surface-content{flex-grow:1;padding:32px;overflow-y:auto}.journey-rail{display:flex;align-items:center;gap:0;padding:16px 0;width:100%}.journey-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;flex-shrink:0}.step-node{width:12px;height:12px;border-radius:50%;background-color:var(--border-quiet);transition:all .2s ease-in-out}.step-label{font-size:11px;font-family:var(--font-mono);color:var(--radio-ink);opacity:.5;text-transform:uppercase;white-space:nowrap}.journey-connector{flex-grow:1;height:2px;background-color:var(--border-quiet);margin:-20px 4px 0}.journey-step.active .step-node{background-color:var(--signal-teal)}.journey-step.active .step-label{opacity:1}.journey-step.current .step-node{background-color:var(--carrier-blue);box-shadow:0 0 0 4px #246bfd33}.journey-step.failed.current .step-node{background-color:var(--failure-red);box-shadow:0 0 0 4px #b4231833}.journey-connector.completed{background-color:var(--signal-teal)}@media (prefers-reduced-motion: reduce){.step-node{transition:none}}