@layer compatibility{body>.app-shell{--data-accent-cyan: #54b9f3;--data-accent-violet: #9d8df1;--data-accent-gold: #e9ad45;--data-accent-mint: #48d8c4}body>.app-shell>.topbar{border-color:color-mix(in srgb,var(--line-strong) 56%,transparent);background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--data-accent-mint) 10%,transparent),transparent 28%),linear-gradient(110deg,color-mix(in srgb,var(--surface) 96%,#0f6a70 4%),var(--surface));box-shadow:0 12px 30px #00181a29}body>.app-shell>.topbar .product-brand{position:relative;padding-left:13px}body>.app-shell>.topbar .product-brand:before{content:"";position:absolute;inset:1px auto 1px 0;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--data-accent-mint),var(--data-accent-cyan));box-shadow:0 0 16px color-mix(in srgb,var(--data-accent-mint) 30%,transparent)}body>.app-shell>.topbar select,body>.app-shell>.topbar input{background:color-mix(in srgb,var(--surface-soft) 74%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent)}.data-task-navigation{counter-reset:data-task;gap:7px;padding:8px;border-color:color-mix(in srgb,var(--line-strong) 52%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 24px #00181a21}.data-task-navigation a{counter-increment:data-task;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;min-height:48px;border-color:color-mix(in srgb,var(--line-strong) 38%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-soft) 62%,transparent)}.data-task-navigation a:before{content:counter(data-task);grid-column:1;grid-row:1 / span 2;align-self:center;display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--line-strong) 54%,transparent);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--surface) 74%,transparent);font-size:9px;font-weight:850}.data-task-navigation a>span,.data-task-navigation a>small{grid-column:2}.data-task-navigation a.active{border-color:color-mix(in srgb,var(--data-accent-mint) 70%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--data-accent-mint) 12%,var(--surface-soft)),color-mix(in srgb,var(--surface) 82%,transparent));box-shadow:inset 3px 0 var(--data-accent-mint),0 7px 16px color-mix(in srgb,var(--data-accent-mint) 10%,transparent)}.data-task-navigation a.active:before{border-color:var(--data-accent-mint);color:var(--data-accent-mint);background:color-mix(in srgb,var(--data-accent-mint) 10%,transparent)}body>.app-shell>#versionWorkflowPanel{position:relative;display:grid;gap:10px;margin:12px 8px;padding:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 48%,transparent);border-radius:14px;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--data-accent-violet) 7%,transparent),transparent 32%),color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 12px 28px #00181a1f}body>.app-shell>#versionWorkflowPanel:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--data-accent-mint),var(--data-accent-violet))}#versionWorkflowPanel .version-workflow-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#versionWorkflowPanel .version-workflow-main,#versionWorkflowPanel .version-workflow-step{position:relative;display:grid;align-content:center;justify-items:start;gap:3px;min-height:72px;padding:11px 13px;overflow:hidden;text-align:left;border:1px solid color-mix(in srgb,var(--line-strong) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 56%,transparent)}#versionWorkflowPanel .version-workflow-main:before,#versionWorkflowPanel .version-workflow-step:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--data-accent-mint),transparent 84%)}#versionWorkflowPanel .version-workflow-step:nth-child(2):before{background:linear-gradient(90deg,var(--data-accent-cyan),transparent 84%)}#versionWorkflowPanel .version-workflow-step:nth-child(3):before{background:linear-gradient(90deg,var(--data-accent-violet),transparent 84%)}#versionWorkflowPanel .version-workflow-main>strong,#versionWorkflowPanel .version-workflow-step>strong{overflow:hidden;font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}#versionWorkflowPanel .version-workflow-main>span,#versionWorkflowPanel .version-workflow-step>span{color:var(--muted);line-height:1.3}#versionWorkflowPanel .version-workflow-step>b{color:var(--muted);font-size:9px;letter-spacing:.045em;text-transform:uppercase}#versionWorkflowPanel .version-compare-strip{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,2.6fr);align-items:stretch;gap:10px;padding:9px;border:1px solid color-mix(in srgb,var(--line-strong) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-soft) 44%,transparent)}#versionWorkflowPanel .version-compare-strip>b{display:grid;align-content:center;padding:4px 8px;color:var(--muted);font-size:10px;line-height:1.35;letter-spacing:.025em;text-transform:uppercase}#versionWorkflowPanel .version-compare-strip>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}#versionWorkflowPanel .version-compare-metric{position:relative;display:grid;align-content:center;gap:3px;min-width:0;min-height:54px;padding:8px 10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 38%,transparent);border-radius:9px;color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent)}#versionWorkflowPanel .version-compare-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--muted)}#versionWorkflowPanel .version-compare-metric.positive:before{background:var(--positive)}#versionWorkflowPanel .version-compare-metric.attention:before{background:var(--attention)}#versionWorkflowPanel .version-compare-metric.critical:before{background:var(--critical)}#versionWorkflowPanel .version-compare-metric b{overflow:hidden;color:var(--muted);font-size:8.5px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}#versionWorkflowPanel .version-compare-metric strong{overflow:hidden;font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}#versionWorkflowPanel .version-compare-metric.positive strong{color:var(--positive)}#versionWorkflowPanel .version-compare-metric.attention strong{color:var(--attention)}#versionWorkflowPanel .version-compare-metric.critical strong{color:var(--critical)}body>.app-shell>.macro-panel{margin:10px 8px 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 48%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 12px 28px #00181a1c}body>.app-shell>.macro-panel>summary{position:relative;min-height:48px;padding:11px 38px 11px 14px;border-bottom:1px solid color-mix(in srgb,var(--line-strong) 42%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--data-accent-gold) 8%,transparent),transparent 34%),color-mix(in srgb,var(--surface-soft) 54%,transparent)}body>.app-shell>.macro-panel>summary:after{content:"\2304";position:absolute;top:50%;right:15px;color:var(--data-accent-gold);font-size:18px;line-height:1;transform:translateY(-54%) rotate(0);transition:transform .14s ease}body>.app-shell>.macro-panel:not([open])>summary:after{transform:translateY(-46%) rotate(-90deg)}body>.app-shell>.macro-panel>summary span{font-size:15px;letter-spacing:-.01em}body>.app-shell>.macro-panel>summary em{color:var(--muted);line-height:1.35}body>.app-shell .macro-panel-body{width:100%;max-width:100%;padding:10px 12px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}body>.app-shell .macro-source-note{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:start;gap:10px 14px;min-width:760px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--data-accent-gold) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--data-accent-gold) 6%,var(--surface-soft))}body>.app-shell .macro-source-note strong{color:color-mix(in srgb,var(--data-accent-gold) 78%,var(--text));font-size:11px;letter-spacing:.025em;text-transform:uppercase}body>.app-shell .macro-source-note span{color:var(--muted);font-size:10px;line-height:1.45}body>.app-shell .macro-table{margin-top:10px;border-spacing:5px 6px}body>.app-shell .macro-table thead th{position:sticky;top:0;z-index:4;height:34px;background:color-mix(in srgb,var(--surface-soft) 94%,var(--surface));box-shadow:0 5px 12px #00181a1a}body>.app-shell .macro-table th:first-child,body>.app-shell .macro-table td:first-child{position:sticky;left:0;z-index:5;background:color-mix(in srgb,var(--surface-soft) 96%,var(--surface));box-shadow:7px 0 14px #00181a1a}body>.app-shell .macro-table thead th:first-child{z-index:7}body>.app-shell .macro-price-input{min-height:31px;border-color:color-mix(in srgb,var(--line-strong) 46%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-soft) 66%,transparent);transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}body>.app-shell .macro-price-input:focus{border-color:var(--data-accent-gold);background:color-mix(in srgb,var(--data-accent-gold) 8%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--data-accent-gold) 15%,transparent)}body>.app-shell>.workspace{margin:0 8px 14px}body>.app-shell #projectRegistry{overflow:hidden;border:1px solid color-mix(in srgb,var(--line-strong) 50%,transparent);border-radius:14px;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--data-accent-cyan) 6%,transparent),transparent 30%),color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 12px 28px #00181a1c}body>.app-shell #projectRegistry .grid-area-head{padding:13px 14px 10px;border-bottom:1px solid color-mix(in srgb,var(--line-strong) 40%,transparent)}body>.app-shell #projectRegistry .grid-area-head h2{margin:0 0 4px;font-size:19px;letter-spacing:-.02em}body>.app-shell #projectRegistry .grid-area-head p{color:var(--muted);line-height:1.4}body>.app-shell #projectRegistry .grid-area-steps span{min-height:25px;padding:5px 9px;border-color:color-mix(in srgb,var(--line-strong) 44%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 62%,transparent)}body>.app-shell #projectRegistry .filter-bar{gap:8px;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--line-strong) 38%,transparent);background:color-mix(in srgb,var(--surface-soft) 44%,transparent)}body>.app-shell #projectRegistry .filter-bar select,body>.app-shell #projectRegistry .filter-bar input,body>.app-shell #projectRegistry .filter-bar button{min-height:34px;border-color:color-mix(in srgb,var(--line-strong) 46%,transparent);border-radius:9px}body>.app-shell #projectRegistry .grid-h-scroll{margin:0;border-bottom:1px solid color-mix(in srgb,var(--line-strong) 34%,transparent);background:color-mix(in srgb,var(--surface-soft) 36%,transparent)}body>.app-shell #projectRegistry .grid-mount{max-height:min(68vh,760px);border-radius:0 0 13px 13px;overscroll-behavior:contain}body>.app-shell #projectRegistry .project-register-grid thead th{position:sticky;top:0;z-index:9;border-bottom-color:color-mix(in srgb,var(--line-strong) 58%,transparent);background:color-mix(in srgb,var(--surface-soft) 96%,var(--surface));box-shadow:0 5px 12px #00181a1c}body>.app-shell #projectRegistry .project-register-grid thead th:first-child,body>.app-shell #projectRegistry .project-register-grid td.register-project{position:sticky;left:0;z-index:8;background:color-mix(in srgb,var(--surface) 97%,var(--surface-soft));box-shadow:8px 0 16px #00181a1f}body>.app-shell #projectRegistry .project-register-grid thead th:first-child{z-index:12}body>.app-shell #projectRegistry .project-register-grid .direction-group td{position:sticky;top:42px;z-index:7;border-top:1px solid color-mix(in srgb,var(--data-accent-mint) 34%,transparent);border-bottom:1px solid color-mix(in srgb,var(--data-accent-mint) 30%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--data-accent-mint) 12%,var(--surface-soft)),var(--surface-soft));box-shadow:0 5px 11px #00181a17}body>.app-shell #projectRegistry .project-register-row:nth-child(odd) td:not(.register-project){background:color-mix(in srgb,var(--surface-soft) 25%,transparent)}body>.app-shell #projectRegistry .project-register-row td{border-bottom-color:color-mix(in srgb,var(--line) 66%,transparent);transition:background-color .12s ease,border-color .12s ease}@media(hover:hover){body>.app-shell #projectRegistry .project-register-row:hover td{background:color-mix(in srgb,var(--data-accent-mint) 7%,var(--surface))}}body>.app-shell #projectRegistry .project-register-row.is-selected td{border-top-color:color-mix(in srgb,var(--data-accent-cyan) 46%,transparent);border-bottom-color:color-mix(in srgb,var(--data-accent-cyan) 46%,transparent);background:color-mix(in srgb,var(--data-accent-cyan) 8%,var(--surface))}body>.app-shell #projectRegistry .inline-series-button{border-color:color-mix(in srgb,var(--data-accent-mint) 48%,var(--line));color:var(--text);background:color-mix(in srgb,var(--data-accent-mint) 8%,var(--surface-soft))}body>.app-shell #projectRegistry .register-marker{box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent)}body>.app-shell>#directionStrategyPanel,body>.app-shell>#managementRegistryPanel{margin:14px 8px;scroll-margin-top:calc(var(--data-topbar-height, 94px) + var(--data-task-nav-height, 66px) + 12px)}body>.app-shell>#directionStrategyPanel>.strategy-indicators-editor,body>.app-shell>#managementRegistryPanel>.mgmt-editor{border-color:color-mix(in srgb,var(--line-strong) 50%,transparent);border-radius:14px;box-shadow:0 12px 28px #00181a1c}@media(max-width:1180px){#versionWorkflowPanel .version-compare-strip{grid-template-columns:1fr}#versionWorkflowPanel .version-compare-strip>div{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}@media(max-width:760px){.data-task-navigation{scroll-snap-type:x proximity}.data-task-navigation a{flex-basis:154px;scroll-snap-align:start}body>.app-shell>#versionWorkflowPanel,body>.app-shell>.macro-panel,body>.app-shell>.workspace,body>.app-shell>#directionStrategyPanel,body>.app-shell>#managementRegistryPanel{margin-inline:4px}#versionWorkflowPanel .version-workflow-compact{grid-template-columns:1fr}#versionWorkflowPanel .version-workflow-main,#versionWorkflowPanel .version-workflow-step{min-height:62px}#versionWorkflowPanel .version-compare-strip>div{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}#versionWorkflowPanel .version-compare-metric:last-child{grid-column:1 / -1}body>.app-shell .macro-source-note{grid-template-columns:1fr;position:sticky;left:0;width:calc(100vw - 54px);min-width:0;box-sizing:border-box}body>.app-shell #projectRegistry .grid-area-head{gap:9px}body>.app-shell #projectRegistry .grid-area-steps{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:thin}body>.app-shell #projectRegistry .grid-area-steps span{flex:0 0 auto}body>.app-shell #projectRegistry .filter-bar{grid-template-columns:minmax(0,1fr)}body>.app-shell #projectRegistry .filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body>.app-shell #projectRegistry .grid-mount{max-height:64vh}}@media(max-width:420px){body>.app-shell>.topbar .product-brand{padding-left:10px}#versionWorkflowPanel .version-compare-strip>div{grid-template-columns:1fr}#versionWorkflowPanel .version-compare-metric:last-child{grid-column:auto}}body>.app-shell>.data-planning-horizons .planning-horizon-card{--data-horizon-accent: var(--data-accent-mint);position:relative;isolation:isolate;overflow:hidden;border-color:color-mix(in srgb,var(--data-horizon-accent) 22%,var(--line));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--data-horizon-accent) 8%,transparent),transparent 44%),color-mix(in srgb,var(--surface) 97%,transparent)}body>.app-shell>.data-planning-horizons .planning-horizon-card:nth-child(2){--data-horizon-accent: var(--data-accent-mint)}body>.app-shell>.data-planning-horizons .planning-horizon-card:nth-child(3){--data-horizon-accent: var(--data-accent-cyan)}body>.app-shell>.data-planning-horizons .planning-horizon-card:nth-child(4){--data-horizon-accent: var(--data-accent-violet)}body>.app-shell>.data-planning-horizons .planning-horizon-card:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--data-horizon-accent),transparent 86%)}body>.app-shell>.data-planning-horizons .planning-horizon-card.is-active{border-color:var(--data-horizon-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--data-horizon-accent) 22%,transparent),0 8px 18px color-mix(in srgb,var(--data-horizon-accent) 10%,transparent)}body>.app-shell #projectRegistry .inline-series-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent)}body>.app-shell #projectRegistry .inline-series-button:after{content:"\2192";font-size:13px;line-height:1}@media(max-width:760px){body>.app-shell>.data-planning-horizons.planning-horizon-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}body>.app-shell>.data-planning-horizons .planning-horizon-card{width:auto;min-width:0;min-height:74px}body>.app-shell>.topbar .top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}body>.app-shell>.topbar .top-actions>.button,body>.app-shell>.topbar .version-actions-menu,body>.app-shell>.topbar .version-actions-menu>summary{width:100%;min-width:0;box-sizing:border-box}body>.app-shell>.topbar .top-actions>.button,body>.app-shell>.topbar .version-actions-menu>summary{min-height:38px;display:inline-flex;align-items:center;justify-content:center}body>.app-shell>.macro-panel>summary{display:grid;grid-template-columns:1fr;gap:4px;align-items:start}body>.app-shell>.macro-panel>summary em{max-width:none;text-align:left;white-space:normal}body>.app-shell #projectRegistry .inline-series-button{min-height:34px;padding-inline:10px}}@media(max-width:520px){body>.app-shell>.topbar .top-controls{grid-template-columns:1fr}body>.app-shell>.topbar .field,body>.app-shell>.topbar .top-controls label,body>.app-shell>.topbar select,body>.app-shell>.topbar input{width:100%;min-width:0}.data-task-navigation a{flex-basis:146px}body>.app-shell #projectRegistry .grid-area-head{padding:12px}body>.app-shell #projectRegistry .grid-area-head h2{font-size:18px}}@media(max-width:340px){body>.app-shell>.data-planning-horizons.planning-horizon-strip,body>.app-shell>.topbar .top-actions{grid-template-columns:1fr}}body>.app-shell #projectRegistry .grid-mount{width:100%;max-width:100%;overflow:auto;scrollbar-gutter:stable both-edges}body>.app-shell #projectRegistry .project-register-grid{display:table;width:max(100%,1460px);min-width:1460px;table-layout:fixed;border-collapse:collapse;border-spacing:0}body>.app-shell #projectRegistry .project-register-grid colgroup{display:table-column-group}body>.app-shell #projectRegistry .project-register-grid col{display:table-column}body>.app-shell #projectRegistry .project-register-grid thead{display:table-header-group}body>.app-shell #projectRegistry .project-register-grid tbody{display:table-row-group}body>.app-shell #projectRegistry .project-register-grid tr{display:table-row}body>.app-shell #projectRegistry .project-register-grid th,body>.app-shell #projectRegistry .project-register-grid td{display:table-cell;height:74px;min-height:74px;box-sizing:border-box;padding:10px 12px;overflow:hidden;vertical-align:middle}body>.app-shell #projectRegistry .project-register-grid thead th{height:44px;min-height:44px;padding:8px 10px}body>.app-shell #projectRegistry .project-register-grid col.register-col-project{width:340px}body>.app-shell #projectRegistry .project-register-grid col.register-col-actions{width:108px}body>.app-shell #projectRegistry .project-register-grid col.register-col-stage{width:122px}body>.app-shell #projectRegistry .project-register-grid col.register-col-period{width:140px}body>.app-shell #projectRegistry .project-register-grid col.register-col-owner{width:190px}body>.app-shell #projectRegistry .project-register-grid col.register-col-money{width:124px}body>.app-shell #projectRegistry .project-register-grid col.register-col-small{width:94px}body>.app-shell #projectRegistry .project-register-grid td.register-actions,body>.app-shell #projectRegistry .project-register-grid th:nth-child(2){position:static;inset:auto;text-align:center;background:color-mix(in srgb,var(--panel) 98%,transparent)}body>.app-shell #projectRegistry .project-register-grid td.register-actions:before{display:none;content:none}body>.app-shell #projectRegistry .project-register-grid .inline-series-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:78px;height:34px;min-height:34px;margin:0 auto;padding:0 12px;white-space:nowrap}body>.app-shell #projectRegistry .project-register-grid td.register-project{position:relative;padding-left:34px}body>.app-shell #projectRegistry .project-register-grid .register-marker{position:absolute;top:18px;left:13px;width:8px;height:8px;margin:0;transform:none}body>.app-shell #projectRegistry .project-register-grid .register-chip-row{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;overflow:visible}body.time-series-open .time-series-scroll{width:100%;max-width:100%;overflow:auto;scrollbar-gutter:stable both-edges}body.time-series-open .time-series-grid{display:table;width:max-content;min-width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}body.time-series-open .time-series-grid thead{display:table-header-group}body.time-series-open .time-series-grid tbody{display:table-row-group}body.time-series-open .time-series-grid tr{display:table-row}body.time-series-open .time-series-grid th,body.time-series-open .time-series-grid td{display:table-cell;box-sizing:border-box;vertical-align:middle}body.time-series-open .time-series-grid .series-metric{position:sticky;left:0;z-index:4;width:170px;min-width:170px;max-width:170px;padding:12px 14px;background:color-mix(in srgb,var(--panel) 98%,transparent)}body.time-series-open .time-series-grid thead .series-metric{z-index:7}body.time-series-open .time-series-grid .month-head,body.time-series-open .time-series-grid .month-cell,body.time-series-open .time-series-grid .data-cell{width:64px;min-width:64px;max-width:64px;height:42px;padding:6px;text-align:center}}
