:root{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-micro:.12s;--dur-short:.22s;--z-overlay:190;--z-drawer:200;--color-paper:oklch(97.5% .006 265);--color-paper-2:oklch(94.5% .01 265);--color-ink:oklch(24% .05 265);--color-ink-2:oklch(42% .035 265);--color-ink-3:oklch(55% .025 265);--color-rule:oklch(88% .012 265);--color-rule-2:oklch(92.5% .01 265);--color-surface:oklch(100% 0 0);--color-surface-2:oklch(98.6% .004 265);--color-row-hover:oklch(97% .008 265);--color-row-selected:oklch(95.5% .014 265);--color-field-edge:oklch(64% .025 265);--color-link:oklch(42% .11 262);--color-tag:oklch(95% .01 265);--color-tag-ink:oklch(38% .035 265);--color-rail:oklch(27% .075 266);--color-rail-2:oklch(31.5% .08 266);--color-rail-3:oklch(36% .085 266);--color-rail-rule:oklch(37% .06 266);--color-rail-ink:oklch(97% .008 266);--color-rail-ink-2:oklch(84% .025 266);--color-rail-muted:oklch(72% .03 266);--color-navy:oklch(27% .075 266);--color-navy-hover:oklch(32% .085 266);--color-navy-ink:oklch(98% .005 266);--color-accent:oklch(80% .15 72);--color-accent-ink:oklch(27% .075 266);--color-focus:oklch(72% .14 255);--color-scrim:oklch(18% .04 266/.5);--color-bad-ink:oklch(49% .17 27);--color-bad-bg:oklch(96.5% .025 25);--color-warn-ink:oklch(47% .11 62);--color-warn-bg:oklch(96.5% .04 85);--color-good-ink:oklch(45% .1 160);--color-good-bg:oklch(96.5% .03 160);--radius-row:6px;--radius-tag:4px;--radius-control:6px;--radius-card:8px;--radius-avatar:999px;--control-h:32px;--shadow-raised:0 1px 2px oklch(24% .05 265/.12);--rail-width:256px;--control-h-sm:28px;--control-h-touch:44px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--tag-h:20px;--tab-gap:var(--space-lg);--tab-indicator:2px;--kpi-pad-y:var(--space-sm);--kpi-pad-x:var(--space-md);--table-head-ink:var(--color-ink-2);--table-head-size:var(--text-xs);--table-cell-pad:var(--space-sm);--panel-width:440px;--color-legacy-logo-blue:#5994ff;--color-legacy-logo-green:#4edea3}.vela-rail{width:var(--rail-width);background:var(--color-rail);color:var(--color-rail-ink-2);font-family:var(--font-body);flex-direction:column;flex-shrink:0;height:100dvh;display:flex}.vela-rail .rail-head{gap:var(--space-sm);padding:var(--space-md) var(--space-sm) var(--space-sm);border-bottom:1px solid var(--color-rail-rule);display:grid}.vela-rail .rail-brand-row{align-items:center;gap:var(--space-xs);min-height:32px;padding-inline:var(--space-xs);display:flex}.vela-rail .rail-brand-mark{flex-shrink:0;width:24px;height:24px}.vela-rail .rail-brand-name{color:var(--color-rail-ink);font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.vela-rail .rail-brand-sub{color:var(--color-rail-muted);font-size:var(--text-xs);white-space:nowrap;margin-left:auto}.vela-rail .rail-workspace-wrap{position:relative}.vela-rail .rail-workspace{align-items:center;gap:var(--space-sm);width:100%;min-height:48px;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);background:var(--color-rail-2);border:1px solid var(--color-rail-rule);border-radius:var(--radius-row);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);display:flex}.vela-rail .rail-workspace-badge{border-radius:var(--radius-row);background:var(--color-rail-3);width:28px;height:28px;color:var(--color-rail-ink);font-size:var(--text-2xs);flex-shrink:0;place-items:center;font-weight:600;display:grid}.vela-rail .rail-workspace-text{flex:1;min-width:0;line-height:1.3;display:grid}.vela-rail .rail-workspace-name{color:var(--color-rail-ink);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.vela-rail .rail-workspace-role{color:var(--color-rail-muted);font-size:var(--text-xs)}.vela-rail .rail-workspace .rail-chev{width:16px;height:16px;color:var(--color-rail-muted);flex-shrink:0}.vela-rail .rail-workspace-pop{top:calc(100% + var(--space-2xs));z-index:100;background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);max-height:320px;color:var(--color-ink);position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px oklch(18% .04 266/.18)}.vela-rail .rail-nav{min-height:0;padding:var(--space-sm) var(--space-sm) var(--space-md);scrollbar-width:thin;scrollbar-color:var(--color-rail-3) transparent;flex:1;overflow:hidden auto}.vela-rail .rail-group+.rail-group{margin-top:var(--space-md)}.vela-rail .rail-group-label{padding:0 var(--space-xs) var(--space-2xs);color:var(--color-rail-muted);font-size:var(--text-xs);font-weight:500;display:block}.vela-rail .rail-list{margin:0;padding:0;list-style:none}.vela-rail .rail-item{box-sizing:border-box;align-items:center;gap:var(--space-sm);width:100%;min-height:36px;padding:0 var(--space-xs);border-radius:var(--radius-row);color:var(--color-rail-ink-2);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;border:0;margin:0;font-weight:450;line-height:1.3;text-decoration:none;display:flex}.vela-rail .rail-ico{width:16px;height:16px;color:var(--color-rail-muted);transition:color var(--dur-micro) var(--ease-out);flex-shrink:0}.vela-rail .rail-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.vela-rail .rail-soon{color:var(--color-rail-muted);font-size:var(--text-2xs)}@media (hover:hover){.vela-rail .rail-item:hover,.vela-rail .rail-workspace:hover,.vela-rail .rail-icon-btn:hover{background:var(--color-rail-2);color:var(--color-rail-ink)}.vela-rail .rail-item:hover .rail-ico{color:var(--color-rail-ink-2)}}.vela-rail .rail-item:active,.vela-rail .rail-workspace:active,.vela-rail .rail-icon-btn:active{background:var(--color-rail-3)}.vela-rail .rail-item[aria-current=page]{background:var(--color-rail-3);color:var(--color-rail-ink)}.vela-rail .rail-item[aria-current=page] .rail-ico{color:var(--color-accent)}.vela-rail .rail-item[aria-disabled=true],.vela-rail .rail-item:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.vela-rail .rail-item:focus-visible,.vela-rail .rail-workspace:focus-visible,.vela-rail .rail-icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vela-rail :focus:not(:focus-visible){outline:none}.vela-rail .rail-disclosure .rail-chev{width:14px;height:14px;color:var(--color-rail-muted);transition:transform var(--dur-short) var(--ease-out);flex-shrink:0}.vela-rail .rail-disclosure[aria-expanded=true] .rail-chev{transform:rotate(90deg)}.vela-rail .rail-sub{margin:var(--space-2xs) 0 var(--space-2xs) var(--space-md);padding:0 0 0 var(--space-sm);border-left:1px solid var(--color-rail-rule);list-style:none}.vela-rail .rail-sub .rail-item{min-height:32px;font-size:var(--text-xs)}.vela-rail .rail-foot{align-items:center;gap:var(--space-xs);padding:var(--space-sm);border-top:1px solid var(--color-rail-rule);display:flex}.vela-rail .rail-avatar{border-radius:var(--radius-avatar);background:var(--color-accent);width:32px;height:32px;color:var(--color-accent-ink);font-size:var(--text-xs);flex-shrink:0;place-items:center;font-weight:600;display:grid}.vela-rail .rail-account{flex:1;min-width:0;line-height:1.3;display:grid}.vela-rail .rail-account-name{color:var(--color-rail-ink);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.vela-rail .rail-account-meta{color:var(--color-rail-muted);font-size:var(--text-xs)}.vela-rail .rail-icon-btn{border-radius:var(--radius-row);width:36px;height:36px;color:var(--color-rail-ink-2);font:inherit;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.vela-rail .rail-icon-btn svg{width:16px;height:16px}.vela-rail .rail-close{width:44px;height:44px;margin-left:auto}.vela-rail.is-mobile{width:min(88vw,320px)}.vela-rail.is-mobile .rail-item{min-height:44px;font-size:var(--text-md)}.vela-rail.is-mobile .rail-sub .rail-item{min-height:40px;font-size:var(--text-sm)}.app-menu-btn{align-items:center;gap:var(--space-xs);min-height:40px;padding:0 var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-row);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;flex-shrink:0;display:inline-flex}.app-menu-btn svg{width:16px;height:16px}.app-menu-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.vela-rail .rail-nav::-webkit-scrollbar{width:6px}.vela-rail .rail-nav::-webkit-scrollbar-track{background:0 0}.vela-rail .rail-nav::-webkit-scrollbar-thumb{background:var(--color-rail-3);border-radius:3px}@media (prefers-reduced-motion:reduce){.vela-rail *,.vela-rail{transition-duration:.01ms!important}}