:root{--color-brand-navy: #1D3557;--color-brand-steel: #457B9D;--color-brand-mist: #F1F2F9;--color-brand-aqua: #A8DADC;--color-brand-amber: #F79824;--color-brand-white: #FFFFFF;--color-bg-page: #0E1726;--color-bg-shell: #101B2D;--color-surface-raised: #142238;--color-surface-active: #192B45;--color-border-subtle: rgba(241, 242, 249, .12);--color-text-primary: #F7F9FC;--color-text-secondary: #BAC6D8;--color-text-muted: #7F8EA3;--color-focus-ring: #A8DADC;--color-status-positive: #6FD6A7;--color-status-negative: #F36F6F;--color-status-warning: #F79824;--color-status-info: #8DB7D6;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family);font-size:14px}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"banner banner" "nav main";min-height:100%}.env-banner{grid-area:banner;background:var(--color-brand-amber);color:#1a1205;font-weight:600;padding:6px var(--space-24);font-size:12px}.nav{grid-area:nav;background:var(--color-bg-shell);border-right:1px solid var(--color-border-subtle);padding:var(--space-24) var(--space-16);display:flex;flex-direction:column}.nav__brand{font-weight:700;color:var(--color-brand-aqua);letter-spacing:.02em;margin-bottom:var(--space-32)}.nav__link{display:block;padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.nav__link:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.nav__link--active{background:var(--color-surface-active);color:var(--color-text-primary)}.nav__logout{margin-top:auto;text-align:left;padding:var(--space-8) var(--space-12);border:none;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);font:inherit;cursor:pointer}.nav__logout:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.main{grid-area:main;padding:var(--space-32);overflow:auto}.page-title{font-size:24px;font-weight:600;margin:0 0 var(--space-24)}.example-heading{margin-bottom:var(--space-24)}.example-heading .page-title{margin-bottom:var(--space-4)}.example-heading__subtitle{margin:0;font-size:13px;max-width:560px}.card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-24);max-width:420px}.card__label{color:var(--color-text-secondary);font-size:13px}.card__value{font-size:36px;font-weight:600;margin:var(--space-8) 0}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--color-surface-active);color:var(--color-text-secondary)}.pill{display:inline-block;vertical-align:middle;margin-left:var(--space-12);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pill--example{background:var(--color-brand-amber);color:#1a1205}.muted{color:var(--color-text-muted)}.signin{min-height:100vh;display:grid;place-items:center;background:var(--color-bg-page)}.signin__card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-32);width:360px;text-align:center}.btn{display:inline-block;margin-top:var(--space-16);padding:var(--space-8) var(--space-16);border:none;border-radius:var(--radius-md);background:var(--color-brand-steel);color:var(--color-text-primary);font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:var(--color-brand-aqua);color:var(--color-brand-navy)}.controls{display:flex;flex-direction:column;gap:var(--space-16);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-24);margin-bottom:var(--space-24)}.controls__row{display:flex;flex-wrap:wrap;gap:var(--space-16)}.control{display:flex;flex-direction:column;gap:var(--space-4)}.control__label{font-size:12px;color:var(--color-text-secondary)}.control__input{min-width:160px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-page);color:var(--color-text-primary);font:inherit;text-overflow:ellipsis}select.control__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-32);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%237F8EA3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-12) center}.table{width:100%;max-width:720px;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--color-border-subtle)}.table th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.table .table__num{text-align:right;font-variant-numeric:tabular-nums}.table tfoot td{font-weight:600;border-top:2px solid var(--color-border-subtle);border-bottom:none}.table__group td{font-weight:600;border-bottom:1px solid var(--color-border-subtle)}.table__group-toggle{display:inline-flex;align-items:center;gap:var(--space-8);width:100%;padding:0;border:none;background:none;font:inherit;font-weight:600;color:var(--color-text-primary);text-align:left;cursor:pointer}.table__sub td{border-bottom:none;background:linear-gradient(var(--color-border-subtle),var(--color-border-subtle)) no-repeat right bottom / 100% 1px,var(--color-surface-raised)}.table__sub td:first-child{padding-left:calc(var(--space-32) + var(--space-12));color:var(--color-text-secondary);background:linear-gradient(var(--color-border-subtle),var(--color-border-subtle)) no-repeat right bottom / calc(100% - var(--space-32)) 1px,linear-gradient(to right,var(--color-bg-page) var(--space-32),var(--color-surface-raised) var(--space-32))}.mvp-dashboard{max-width:1480px;margin:0 auto}.dashboard-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}.dashboard-page-header .page-title{margin-bottom:var(--space-12)}.dashboard-freshness-strip{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-24)}.dashboard-chip{display:inline-flex;min-height:28px;align-items:center;padding:4px var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#f1f2f90a;color:var(--color-text-secondary);font-size:12px;line-height:1.35}.dashboard-chip--muted{color:var(--color-text-muted)}.dashboard-chip--warning{border-color:#f798246b;color:var(--color-brand-amber)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:var(--space-24);align-items:stretch}.chart-panel{min-width:0;display:flex;flex-direction:column;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-24)}.chart-panel--full{grid-column:1 / -1}.chart-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-16)}.chart-panel__title-block{min-width:180px}.chart-panel__title{margin:0;color:var(--color-text-primary);font-size:16px;font-weight:650;line-height:1.25}.chart-panel__subtitle{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:12px;line-height:1.4}.chart-panel__actions{min-width:0;display:flex;justify-content:flex-end}.chart-panel__body{min-height:320px;min-width:0;flex:1}.chart-panel--full .chart-panel__body{min-height:360px}.chart-panel__body--state{display:grid;place-items:center}.chart-panel__footer{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-12);margin-top:var(--space-12);color:var(--color-text-muted);font-size:12px;line-height:1.4}.chart-panel__caveat{color:var(--color-brand-amber)}.chart-panel__footnote{flex-basis:100%;color:var(--color-text-secondary)}.chart-panel__note{color:var(--color-text-secondary)}.chart-state{color:var(--color-text-muted);font-size:13px;text-align:center}.chart-state--error{color:var(--color-status-negative)}.dashboard-chart{width:100%;min-height:320px;height:340px}.dashboard-chart-stack{min-width:0;display:flex;flex-direction:column;gap:var(--space-8)}.dashboard-chart--large{min-height:360px;height:380px}.dashboard-chart-note{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.dashboard-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);padding-left:var(--space-16);color:var(--color-text-secondary);font-size:12px;line-height:1.4}.dashboard-chart-legend__item{display:inline-flex;align-items:center;gap:var(--space-8);min-width:max-content}.dashboard-chart-legend__swatch{width:28px;height:8px;flex:0 0 28px}.dashboard-chart .recharts-cartesian-axis-tick-value{fill:var(--color-text-secondary);font-size:12px}.dashboard-chart .recharts-legend-item-text{color:var(--color-text-secondary)!important;font-size:12px}.dashboard-chart .recharts-default-legend{display:flex;flex-wrap:wrap;gap:2px var(--space-12)}.dashboard-tooltip{max-width:280px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-active);color:var(--color-text-secondary);font-size:12px;line-height:1.45;box-shadow:0 12px 28px #0000003d}.dashboard-tooltip--wide{max-width:360px}.dashboard-tooltip__title{margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:650}.dashboard-tooltip__row{display:flex;align-items:center;gap:var(--space-8)}.dashboard-tooltip__swatch{width:8px;height:8px;flex:0 0 8px;border-radius:50%}.dashboard-panel-controls{min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-12)}.dashboard-control-message{min-height:36px;display:inline-flex;align-items:flex-end;color:var(--color-brand-amber);font-size:12px;line-height:1.3}.dashboard-control-group,.dashboard-select,.dashboard-multi-select{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-multi-select{position:relative}.dashboard-control-group{padding:0;border:0;margin:0}.dashboard-control-label{color:var(--color-text-muted);font-size:11px;font-weight:650;line-height:1.2}.segmented{display:flex;flex-wrap:wrap;gap:2px;max-width:100%;padding:2px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-page)}.segmented__button{min-height:30px;padding:5px var(--space-8);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:12px;line-height:1.2;white-space:nowrap;cursor:pointer}.segmented__button:hover{background:#f1f2f90f;color:var(--color-text-primary)}.segmented__button--active{background:var(--color-surface-active);color:var(--color-text-primary)}.dashboard-select__input{width:180px;max-width:100%;min-height:36px;padding:var(--space-8) var(--space-32) var(--space-8) var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-page);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%237F8EA3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-12) center;color:var(--color-text-primary);font:inherit;font-size:12px;text-overflow:ellipsis}.dashboard-select__input:disabled{color:var(--color-text-muted);cursor:not-allowed}.dashboard-multi-select__button{width:180px;max-width:100%;min-height:36px;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-page);color:var(--color-text-primary);font:inherit;font-size:12px;line-height:1.2;text-align:left;cursor:pointer}.dashboard-multi-select__button:disabled{color:var(--color-text-muted);cursor:not-allowed}.dashboard-multi-select__chevron{width:12px;height:12px;flex:0 0 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%237F8EA3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.dashboard-multi-select__menu{position:absolute;top:calc(100% + var(--space-4));right:0;z-index:20;width:min(280px,calc(100vw - var(--space-32)));max-height:280px;min-width:0;margin:0;overflow-y:auto;padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-page);box-shadow:0 16px 34px #0000005c}.dashboard-multi-select__option{min-height:32px;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;line-height:1.25;cursor:pointer}.dashboard-multi-select__option:hover{background:#f1f2f90f;color:var(--color-text-primary)}.dashboard-multi-select__option input{width:14px;height:14px;flex:0 0 14px;accent-color:var(--color-brand-aqua)}.chart-catalog{max-width:100%}.chart-catalog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-16)}.chart-catalog__header .page-title{margin-bottom:var(--space-8)}.chart-catalog__lede{max-width:720px;margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.chart-catalog__copy-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-8);color:var(--color-text-muted);font-size:12px}.chart-catalog__notice,.chart-catalog__meta{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-16);color:var(--color-text-secondary);font-size:12px}.chart-catalog__notice{color:var(--color-brand-aqua)}.chart-catalog__meta span{display:inline-flex;min-height:28px;align-items:center;padding:4px var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#f1f2f90a}.chart-catalog__table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-raised)}.chart-catalog__table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.chart-catalog__table th,.chart-catalog__table td{vertical-align:top;border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.chart-catalog__table th{min-width:190px;max-width:260px;padding:var(--space-8);background:var(--color-bg-shell);color:var(--color-text-primary);text-align:left}.chart-catalog__actions-head,.chart-catalog__actions-cell{position:sticky;left:0;z-index:2;width:180px;min-width:180px;max-width:180px;background:var(--color-bg-shell)}.chart-catalog__actions-cell{padding:var(--space-8)}.chart-catalog__column-label{display:block;margin-bottom:var(--space-4);font-size:12px;font-weight:700;line-height:1.25}.chart-catalog__definition{display:block;color:var(--color-text-muted);font-size:11px;font-weight:400;line-height:1.35;text-transform:none}.chart-catalog__cell{width:220px;min-width:220px;padding:var(--space-8)}.chart-catalog__input,.chart-catalog__version-select{width:100%;min-height:34px;padding:var(--space-8);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text-primary);font:inherit;font-size:12px;line-height:1.35}.chart-catalog__input--textarea{min-height:82px;resize:vertical}.chart-catalog__input:disabled{color:var(--color-text-secondary);opacity:.8}.chart-catalog__actions{display:flex;flex-direction:column;gap:var(--space-8)}.chart-catalog__copy-toggle{display:flex;align-items:center;gap:var(--space-8);color:var(--color-text-secondary);font-size:12px;font-weight:600;line-height:1.25}.chart-catalog__copy-toggle input{width:14px;height:14px;flex:0 0 14px;accent-color:var(--color-brand-aqua)}.chart-catalog__button{min-height:32px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-bg-page);color:var(--color-text-primary);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.chart-catalog__button:hover{background:var(--color-surface-active)}.chart-catalog__button:disabled{color:var(--color-text-muted);cursor:wait}.chart-catalog__button--primary{border-color:#a8dadc66;background:var(--color-brand-steel)}.chart-catalog__version-label{display:flex;flex-direction:column;gap:var(--space-4);color:var(--color-text-muted);font-size:11px;font-weight:650}.chart-catalog__audit{margin-top:var(--space-8);color:var(--color-text-muted);font-size:11px;line-height:1.35}.chart-catalog__new-row td{background:#a8dadc0a}.chart-catalog__deleted{margin-top:var(--space-24)}.chart-catalog__deleted h2{margin:0 0 var(--space-12);font-size:16px}.chart-catalog__deleted-table{max-width:100%}@media(max-width:1180px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.chart-panel--full{grid-column:auto}}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-areas:"banner" "nav" "main"}.nav{min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-4);overflow-x:visible;padding:var(--space-12);border-right:none;border-bottom:1px solid var(--color-border-subtle)}.nav__brand{flex:1 0 100%;margin:0 0 var(--space-4)}.nav__link{flex:0 1 auto;margin-bottom:0}.nav__logout{flex:0 1 auto;margin-top:0;margin-left:0}.main{min-width:0;padding:var(--space-16)}.chart-panel{padding:var(--space-16)}.chart-panel__header,.chart-panel__actions,.dashboard-panel-controls{justify-content:flex-start}.chart-panel__header{flex-direction:column}.dashboard-select,.dashboard-select__input,.dashboard-multi-select,.dashboard-multi-select__button{width:100%}.dashboard-multi-select__menu{left:0;right:auto;width:100%}.dashboard-chart,.dashboard-chart--large{min-height:320px;height:330px}.chart-panel--full .chart-panel__body{min-height:320px}.chart-catalog__header{flex-direction:column}.chart-catalog__copy-actions{width:100%;justify-content:space-between}.chart-catalog__actions-head,.chart-catalog__actions-cell{position:static}}