.page-dashboard{max-width:var(--page-max-w);margin:0 auto;padding:var(--gap-section) var(--page-pad-x);display:flex;flex-direction:column;gap:var(--gap-section)}.dash-kpis{display:grid;gap:var(--space-5);grid-template-columns:repeat(5,1fr)}.dash-kpi{display:flex;flex-direction:column;gap:var(--space-3);animation:pop-in var(--dur-slow) var(--ease-out) backwards}.dash-kpi__head{display:flex;align-items:center;justify-content:space-between}.dash-kpi__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);background:var(--bg-surface-3);color:var(--text-secondary);flex:none}.dash-kpi__icon--danger{background:var(--danger-soft);color:var(--danger-text)}.dash-kpi__foot{min-height:16px}.dash-row{display:grid;gap:var(--gap-grid);grid-template-columns:2fr 1fr;align-items:start}.dash-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4)}.dash-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.dash-card__title{display:flex;align-items:center;gap:var(--space-2)}.dash-card__title h2{margin:0}.trend-chart{display:flex;flex-direction:column;gap:var(--space-2)}.trend-chart__axis{display:flex;justify-content:space-between;padding:0 2px}.trend-chart__tick{font-size:var(--fs-caption);color:var(--text-quaternary);transition:color var(--dur-fast) linear}.trend-chart__tick--active{color:var(--text-primary);font-weight:var(--fw-semibold)}.trend-chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-1);font-size:var(--fs-footnote);color:var(--text-secondary)}.trend-chart__legend-item{display:inline-flex;align-items:center;gap:var(--space-2)}.trend-chart__dot{width:9px;height:9px;border-radius:var(--radius-circle);flex:none}.dash-canal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.dash-canal-mini{display:flex;flex-direction:column;gap:2px}.dash-canal-mini__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dash-alerts{display:flex;flex-direction:column;gap:var(--space-1)}.dash-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--dur-instant) linear}.dash-alert:hover{background:var(--bg-surface-3)}.dash-alert__info{flex:1;min-width:0}.dash-alert__info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.dash-winners{display:flex;flex-direction:column;gap:var(--space-1)}.dash-winner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md)}.dash-winner:hover{background:var(--bg-surface-3)}.dash-winner__rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-circle);background:var(--bg-surface-3);color:var(--text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-bold);flex:none}.dash-winner__info{flex:1;min-width:0}.dash-winner__info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.dash-winner__growth{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--fw-semibold)}.dash-familias{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.dash-familia-bar{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--space-3)}.dash-familia-bar__track{height:8px;border-radius:var(--radius-pill);background:var(--bg-surface-3);overflow:hidden}.dash-familia-bar__fill{height:100%;border-radius:var(--radius-pill);background:var(--ai-gradient)}.heat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.heat-cell{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.heat-cell__label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-secondary)}.heat-cell__value{font-size:var(--fs-h3);font-weight:var(--fw-bold)}.heat-cell__sublabel{font-size:var(--fs-caption);color:var(--text-tertiary)}.heat-cell--ok{background:var(--sem-ok-bg)}.heat-cell--ok .heat-cell__value{color:var(--success-text)}.heat-cell--warn{background:var(--sem-warn-bg)}.heat-cell--warn .heat-cell__value{color:var(--warning-text)}.heat-cell--stop{background:var(--sem-stop-bg)}.heat-cell--stop .heat-cell__value{color:var(--danger-text)}.heat-cell--neutral{background:var(--bg-surface-2)}.dash-badge-source{flex:none}@media (max-width: 1180px){.dash-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 980px){.dash-row{grid-template-columns:1fr}}@media (max-width: 640px){.page-dashboard{padding:var(--space-5) var(--space-4)}.dash-kpis{grid-template-columns:repeat(2,1fr)}.app-page-header{flex-direction:column;align-items:stretch}}.page-balanceos{max-width:var(--page-max-w);margin:0 auto;padding:var(--gap-section) var(--page-pad-x);display:flex;flex-direction:column;gap:var(--gap-section)}.text-success{color:var(--success-text)}.text-warn{color:var(--warning-text)}.pb-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6)}.pb-tabs{display:inline-flex;gap:var(--space-2);padding:var(--space-1);background:var(--bg-surface-2);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.pb-tab{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-5);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--fs-footnote);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pb-tab:hover{color:var(--text-primary)}.pb-tab--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.pb-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.pb-org-filter{display:flex;gap:var(--space-2);flex-wrap:wrap}.pb-list{display:flex;flex-direction:column;gap:var(--space-5)}.pb-card{display:flex;flex-direction:column;gap:var(--space-4);animation:pop-in var(--dur-base) var(--ease-out)}.pb-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.pb-card__title{display:flex;align-items:flex-start;gap:var(--space-3)}.pb-card__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface-2);border-radius:var(--radius-md)}.pb-metric{display:flex;flex-direction:column;gap:var(--space-1)}.pb-card__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.pb-legend{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.pb-legend__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.flow{display:flex;align-items:stretch;gap:var(--space-3)}.flow-node{flex:none;display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px}.flow-node--dest{background:var(--accent-soft);border-color:transparent}.flow-node--dest .caption{color:var(--accent-soft-text)}.flow-node--cedis{background:var(--bg-surface-3);border-style:dashed}.flow-arrow{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);position:relative}.flow-arrow__label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-secondary);background:var(--bg-surface);padding:0 var(--space-2);position:relative;z-index:1}.flow-arrow__line{width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--border-strong) 0 6px,transparent 6px 10px);position:relative}.flow-arrow__line:after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-right:2px solid var(--border-strong);border-bottom:2px solid var(--border-strong);transform:translateY(-50%) rotate(-45deg)}.flow--multi{flex-wrap:wrap}.flow-hop{display:flex;align-items:center;gap:var(--space-3)}.flow-arrow--compact{min-width:40px;width:40px}.flow-arrow--compact .flow-arrow__line:after{width:6px;height:6px}@media (max-width: 720px){.page-balanceos{padding:var(--space-5) var(--space-4)}.pb-header,.flow{flex-direction:column;align-items:stretch}.flow-arrow{flex-direction:row;min-height:32px}.flow-arrow__line{transform:rotate(90deg);width:24px}.flow-node{min-width:0}}.chat-page{display:flex;flex-direction:column;height:calc(100vh - var(--topbar-h) - var(--space-8) * 2);max-width:760px;margin:0 auto}.chat-panel{flex:1 1 auto;min-height:0;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-surface);padding:var(--space-6);box-shadow:var(--shadow-sm)}.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-10) var(--space-6)}.chat-welcome__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-circle);background:var(--ai-gradient);color:#fff}.chat-welcome__title{margin:0;color:var(--text-primary)}.chat-welcome__subtitle{margin:0;max-width:440px;color:var(--text-tertiary)}.chat-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2);max-width:560px}.chat-suggestion{border:1px solid var(--border-default);background:var(--bg-inset);color:var(--text-secondary);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--fs-footnote);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.chat-suggestion:hover,.chat-suggestion:focus-visible{outline:none;border-color:var(--ai);color:var(--text-primary);background:var(--ai-soft)}.msg__table{margin-top:var(--space-3);width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-caption);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.msg__table th{text-align:left;font-weight:var(--fw-semibold);color:var(--text-secondary);background:var(--bg-surface-3);padding:var(--space-2) var(--space-3);white-space:nowrap}.msg__table td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.msg__sources{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.msg__source-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);color:var(--text-tertiary);background:var(--bg-surface-3);border-radius:var(--radius-pill);padding:2px var(--space-3) 2px 2px}.chat-tool-status{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--ai-soft);color:var(--ai-soft-text);font-size:var(--fs-caption);font-weight:var(--fw-medium)}.chat-tool-status__dot{width:6px;height:6px;border-radius:50%;background:var(--ai);animation:typing 1.2s var(--ease-in-out) infinite}.chat-fallback-note{margin-top:var(--space-2);font-size:var(--fs-caption2);color:var(--text-quaternary)}.chat-composer{flex:none;display:flex;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.chat-composer:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.chat-composer__input{flex:1 1 auto;resize:none;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:var(--fs-body);line-height:var(--lh-normal);max-height:160px;min-height:24px;padding:var(--space-2) var(--space-2)}.chat-composer__input:focus{outline:none}.chat-composer__input::placeholder{color:var(--text-quaternary)}.chat-composer__send{flex:none;width:var(--control-h-md);height:var(--control-h-md);border-radius:var(--radius-circle);display:inline-flex;align-items:center;justify-content:center;padding:0}@media (max-width: 767px){.chat-page{max-width:none;height:calc(100vh - var(--topbar-h) - var(--space-5) * 2)}}.page-inventarios{max-width:var(--page-max-w);margin:0 auto;padding:var(--gap-section) var(--page-pad-x);display:flex;flex-direction:column;gap:var(--gap-section)}.text-danger{color:var(--danger-text)}.pi-header-actions{display:flex;align-items:center;gap:var(--space-3);flex:none}.sem--info{background:var(--accent-soft);color:var(--accent-soft-text)}.sem--info .sem__dot{background:var(--accent)}.sem--neutral{background:var(--bg-surface-3);color:var(--text-secondary)}.sem--neutral .sem__dot{background:var(--text-quaternary)}.pi-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.pi-chipgroup{display:flex;flex-direction:column;gap:var(--space-1)}.pi-chipgroup__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.pi-combobox-wrap{display:flex;flex-direction:column;gap:var(--space-1);min-width:190px}.pi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;text-align:left}.pi-select-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-kpis{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pi-priorizadas{display:grid;gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.pi-priority-card{display:flex;flex-direction:column;gap:var(--space-3)}.pi-priority-card__head{display:flex;align-items:baseline;justify-content:space-between}.pi-priority-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.pi-priority-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-instant) linear}.pi-priority-item:hover{background:var(--bg-surface-3)}.pi-priority-item__info{flex:1;min-width:0}.pi-priority-item__info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-table-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.pi-table-card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.pi-table-scroll{max-height:560px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.pi-material-cell{display:flex;align-items:center;gap:var(--space-3)}.pi-row{cursor:pointer}.pi-loading-more{display:flex;justify-content:center;padding:var(--space-4)}.pi-table-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.pi-table-skeleton__row{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);align-items:center}.pi-drawer{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--bg-elevated);box-shadow:var(--shadow-xl);border-left:1px solid var(--border-default);display:flex;flex-direction:column;animation:pi-drawer-in var(--dur-slow) var(--ease-out);overflow-y:auto}@keyframes pi-drawer-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.pi-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-elevated);z-index:var(--z-sticky)}.pi-drawer__body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.pi-drawer__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface-2);border-radius:var(--radius-md)}.pi-mini-metric{display:flex;flex-direction:column;gap:2px}.pi-drawer__chart-head{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.pi-drawer__cta{width:100%;margin-top:var(--space-2)}.pi-chart{display:flex;flex-direction:column;gap:var(--space-2)}.pi-chart__legend{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.pi-legend-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-circle);margin-right:var(--space-1)}.pi-legend-dot--real{background:var(--accent)}.pi-legend-dot--forecast{background:var(--ai)}@media (max-width: 900px){.pi-drawer{width:100vw}}@media (max-width: 720px){.page-inventarios{padding:var(--space-5) var(--space-4)}.app-page-header{flex-direction:column;align-items:stretch}.pi-drawer__metrics{grid-template-columns:1fr}}.page-semaforo{max-width:var(--page-max-w);margin:0 auto;padding:var(--gap-section) var(--page-pad-x);display:flex;flex-direction:column;gap:var(--gap-section)}.sf-header-actions{display:flex;align-items:center;gap:var(--space-3);flex:none}.sf-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.sf-chipgroup{display:flex;flex-direction:column;gap:var(--space-1)}.sf-chipgroup__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.sf-combobox-wrap{display:flex;flex-direction:column;gap:var(--space-1);min-width:190px}.sf-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;text-align:left}.sf-select-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-umbral{display:flex;flex-direction:column;gap:var(--space-1)}.sf-umbral__input{width:88px;text-align:right;font-variant-numeric:tabular-nums}.sf-cards{display:grid;gap:var(--gap-grid);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sf-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);text-align:left;cursor:pointer;border-width:1px;border-style:solid;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);font-family:inherit}.sf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sf-card:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sf-card__head{display:flex;align-items:center;justify-content:space-between;width:100%}.sf-card__icon{font-size:18px;line-height:1;opacity:.85}.sf-card__value{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.sf-card__sub{font-size:var(--fs-footnote);font-weight:var(--fw-semibold);color:var(--text-secondary)}.sf-card--rojo{border-color:color-mix(in srgb,var(--sem-stop) 35%,var(--border-default))}.sf-card--amarillo{border-color:color-mix(in srgb,var(--sem-warn) 35%,var(--border-default))}.sf-card--verde{border-color:color-mix(in srgb,var(--sem-ok) 35%,var(--border-default))}.sf-card--active{box-shadow:var(--shadow-focus)}.sf-card--rojo.sf-card--active{background:var(--sem-stop-bg)}.sf-card--amarillo.sf-card--active{background:var(--sem-warn-bg)}.sf-card--verde.sf-card--active{background:var(--sem-ok-bg)}.sf-card--total{cursor:default;background:var(--bg-surface-2)}.sf-card--total:hover{transform:none;box-shadow:var(--shadow-sm)}.sf-table-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.sf-table-card__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.sf-table-card__actions{display:flex;align-items:center;gap:var(--space-3)}.sf-table-scroll{max-height:560px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.sf-loading-more{display:flex;justify-content:center;padding:var(--space-4)}.sf-table-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.sf-table-skeleton__row{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);align-items:center}.sf-cards-error{padding:var(--space-5)}@media (max-width: 720px){.page-semaforo{padding:var(--space-5) var(--space-4)}.app-page-header{flex-direction:column;align-items:stretch}.sf-cards{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.sf-cards{grid-template-columns:1fr}}:root{--gray-0: #ffffff;--gray-50: #f7f8fa;--gray-100: #eef0f4;--gray-150: #e4e7ec;--gray-200: #d8dce3;--gray-300: #c2c8d2;--gray-400: #9aa1ae;--gray-500: #6e7683;--gray-600: #515763;--gray-700: #3a3f49;--gray-800: #262a31;--gray-850: #1c1f25;--gray-900: #14161b;--gray-950: #0c0d11;--blue-50: #eef4ff;--blue-100: #dbe6ff;--blue-200: #b8ceff;--blue-300: #85adff;--blue-400: #4d86ff;--blue-500: #2563eb;--blue-600: #1d4fd7;--blue-700: #1a43b3;--blue-flare: #5b9dff;--green-50: #e9f9f0;--green-100: #c9f0da;--green-400: #2fb968;--green-500: #1a9e52;--green-600: #148044;--green-bright: #34d17e;--amber-50: #fff5e6;--amber-100: #ffe6bf;--amber-400: #f5a524;--amber-500: #d98a09;--amber-600: #b06f04;--amber-bright: #f7b955;--red-50: #fdecec;--red-100: #fbd0d0;--red-400: #f04444;--red-500: #dc2626;--red-600: #b81c1c;--red-bright: #ff6b6b;--iris-50: #f1eefe;--iris-100: #e0d9fd;--iris-400: #8b6df2;--iris-500: #6d4de0;--iris-600: #5838c4;--iris-bright: #a68bff;--teal-400: #1ab4c4;--teal-500: #0e97a6;--teal-bright: #3fd0de}:root,[data-theme=light]{color-scheme:light;--bg-app: #f4f6f9;--bg-surface: #ffffff;--bg-surface-2: #f7f8fa;--bg-surface-3: #eef0f4;--bg-elevated: #ffffff;--bg-inset: #f0f2f6;--bg-scrim: rgba(20, 22, 27, .44);--text-primary: #14161b;--text-secondary: #515763;--text-tertiary: #6e7683;--text-quaternary:#9aa1ae;--text-inverted: #ffffff;--text-on-accent: #ffffff;--border-subtle: #eef0f4;--border-default: #e0e3e9;--border-strong: #cbd0d9;--border-focus: var(--blue-500);--accent: var(--blue-500);--accent-hover: var(--blue-600);--accent-active: var(--blue-700);--accent-soft: var(--blue-50);--accent-soft-text: var(--blue-700);--ai: var(--iris-500);--ai-soft: var(--iris-50);--ai-soft-text: var(--iris-600);--ai-gradient: linear-gradient(135deg, var(--iris-500) 0%, var(--blue-500) 100%);--success: var(--green-500);--success-soft: var(--green-50);--success-text: var(--green-600);--warning: var(--amber-500);--warning-soft: var(--amber-50);--warning-text: var(--amber-600);--danger: var(--red-500);--danger-soft: var(--red-50);--danger-text: var(--red-600);--info: var(--teal-500);--sem-ok: var(--green-500);--sem-ok-bg: var(--green-50);--sem-warn: var(--amber-500);--sem-warn-bg: var(--amber-50);--sem-stop: var(--red-500);--sem-stop-bg: var(--red-50);--abc-a-bg: var(--blue-500);--abc-a-text: #ffffff;--abc-b-bg: var(--teal-500);--abc-b-text: #ffffff;--abc-c-bg: var(--gray-400);--abc-c-text: #14161b;--shadow-xs: 0 1px 2px rgba(20, 22, 27, .05);--shadow-sm: 0 1px 3px rgba(20, 22, 27, .07), 0 1px 2px rgba(20, 22, 27, .04);--shadow-md: 0 4px 12px rgba(20, 22, 27, .08), 0 2px 4px rgba(20, 22, 27, .04);--shadow-lg: 0 12px 32px rgba(20, 22, 27, .12), 0 4px 8px rgba(20, 22, 27, .06);--shadow-xl: 0 24px 56px rgba(20, 22, 27, .16), 0 8px 16px rgba(20, 22, 27, .08);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .32);--skeleton-base: #eaedf2;--skeleton-shine: #f4f6f9}[data-theme=dark]{color-scheme:dark;--bg-app: #0c0d11;--bg-surface: #16181e;--bg-surface-2: #1c1f25;--bg-surface-3: #262a31;--bg-elevated: #1f232a;--bg-inset: #101216;--bg-scrim: rgba(0, 0, 0, .6);--text-primary: #f2f4f7;--text-secondary: #b6bcc7;--text-tertiary: #868d9a;--text-quaternary:#5d646f;--text-inverted: #14161b;--text-on-accent: #ffffff;--border-subtle: #22262d;--border-default: #2c313a;--border-strong: #3a4049;--border-focus: var(--blue-flare);--accent: var(--blue-flare);--accent-hover: #7db0ff;--accent-active: #9cc4ff;--accent-soft: rgba(91, 157, 255, .14);--accent-soft-text: #9cc4ff;--ai: var(--iris-bright);--ai-soft: rgba(166, 139, 255, .14);--ai-soft-text: #c3b0ff;--ai-gradient: linear-gradient(135deg, var(--iris-bright) 0%, var(--blue-flare) 100%);--success: var(--green-bright);--success-soft: rgba(52, 209, 126, .14);--success-text: #6fe0a3;--warning: var(--amber-bright);--warning-soft: rgba(247, 185, 85, .14);--warning-text: #ffcd7a;--danger: var(--red-bright);--danger-soft: rgba(255, 107, 107, .14);--danger-text: #ff9a9a;--info: var(--teal-bright);--sem-ok: var(--green-bright);--sem-ok-bg: rgba(52, 209, 126, .14);--sem-warn: var(--amber-bright);--sem-warn-bg: rgba(247, 185, 85, .14);--sem-stop: var(--red-bright);--sem-stop-bg: rgba(255, 107, 107, .14);--abc-a-bg: var(--blue-flare);--abc-a-text: #0c0d11;--abc-b-bg: var(--teal-bright);--abc-b-text: #0c0d11;--abc-c-bg: var(--gray-600);--abc-c-text: #f2f4f7;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .44), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .52), 0 4px 8px rgba(0, 0, 0, .34);--shadow-xl: 0 24px 56px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(91, 157, 255, .4);--skeleton-base: #1e2228;--skeleton-shine: #262a31}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg-app: #0c0d11;--bg-surface: #16181e;--bg-surface-2: #1c1f25;--bg-surface-3: #262a31;--bg-elevated: #1f232a;--bg-inset: #101216;--bg-scrim: rgba(0,0,0,.6);--text-primary: #f2f4f7;--text-secondary: #b6bcc7;--text-tertiary: #868d9a;--text-quaternary: #5d646f;--text-inverted: #14161b;--border-subtle: #22262d;--border-default: #2c313a;--border-strong: #3a4049;--border-focus: var(--blue-flare);--accent: var(--blue-flare);--accent-hover: #7db0ff;--accent-active: #9cc4ff;--accent-soft: rgba(91,157,255,.14);--accent-soft-text: #9cc4ff;--ai: var(--iris-bright);--ai-soft: rgba(166,139,255,.14);--ai-soft-text: #c3b0ff;--ai-gradient: linear-gradient(135deg, var(--iris-bright) 0%, var(--blue-flare) 100%);--success: var(--green-bright);--success-soft: rgba(52,209,126,.14);--success-text: #6fe0a3;--warning: var(--amber-bright);--warning-soft: rgba(247,185,85,.14);--warning-text: #ffcd7a;--danger: var(--red-bright);--danger-soft: rgba(255,107,107,.14);--danger-text: #ff9a9a;--info: var(--teal-bright);--sem-ok: var(--green-bright);--sem-ok-bg: rgba(52,209,126,.14);--sem-warn: var(--amber-bright);--sem-warn-bg: rgba(247,185,85,.14);--sem-stop: var(--red-bright);--sem-stop-bg: rgba(255,107,107,.14);--abc-a-bg: var(--blue-flare);--abc-a-text: #0c0d11;--abc-b-bg: var(--teal-bright);--abc-b-text: #0c0d11;--abc-c-bg: var(--gray-600);--abc-c-text: #f2f4f7;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.44), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 12px 32px rgba(0,0,0,.52), 0 4px 8px rgba(0,0,0,.34);--skeleton-base: #1e2228;--skeleton-shine: #262a31}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Menlo", "Cascadia Code", Consolas, monospace;--font-numeric: var(--font-sans);--fs-caption2: 11px;--fs-caption: 12px;--fs-footnote: 13px;--fs-body: 15px;--fs-callout: 16px;--fs-h4: 18px;--fs-h3: 21px;--fs-h2: 26px;--fs-h1: 32px;--fs-display: 44px;--fs-display-lg: 56px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-tighter: -.022em;--ls-tight: -.014em;--ls-normal: -.006em;--ls-wide: .02em;--ls-wider: .06em}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--gap-card: var(--space-6);--gap-section: var(--space-8);--gap-grid: var(--space-5);--gap-field: var(--space-4);--page-pad-x: var(--space-8);--page-max-w: 1440px}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-pill: 999px;--radius-circle: 50%}:root{--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--dur-slower: .56s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root{--z-base: 0;--z-sticky: 100;--z-dropdown: 400;--z-overlay: 800;--z-modal: 900;--z-popover: 1000;--z-toast: 1100}:root{--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 48px;--row-h: 52px;--row-h-compact:40px;--topbar-h: 64px;--sidebar-w: 248px;--sidebar-w-collapsed: 72px}@media (prefers-reduced-motion: reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-slower: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--ls-normal);font-feature-settings:"cv05" 1,"ss01" 1}.tnum{font-variant-numeric:tabular-nums}.display{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.h1{font-size:var(--fs-h1);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.h2{font-size:var(--fs-h2);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}.h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}.h4{font-size:var(--fs-h4);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.body{font-size:var(--fs-body);font-weight:var(--fw-regular)}.footnote{font-size:var(--fs-footnote);color:var(--text-secondary)}.caption{font-size:var(--fs-caption);color:var(--text-tertiary)}.eyebrow{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--gap-card)}.card--flat{box-shadow:none}.card--elevated{box-shadow:var(--shadow-md);border-color:transparent}.card--interactive{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.kpi{display:flex;flex-direction:column;gap:var(--space-2)}.kpi__value{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);font-variant-numeric:tabular-nums}.kpi__delta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-footnote);font-weight:var(--fw-semibold)}.kpi__delta--up{color:var(--success-text)}.kpi__delta--down{color:var(--danger-text)}.kpi__spark{margin-top:var(--space-2);height:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--fs-footnote);font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-instant) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.975)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:active{background:var(--accent-active)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover{background:var(--bg-surface-3);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-surface-3);color:var(--text-primary)}.btn--ai{background:var(--ai-gradient);color:#fff;border:none}.btn--ai:hover{filter:brightness(1.06);box-shadow:var(--shadow-md)}.btn--danger{background:var(--danger);color:#fff}.btn[disabled]{opacity:.45;pointer-events:none}.btn--lg{height:var(--control-h-lg);padding:0 var(--space-6);font-size:var(--fs-body)}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-4)}.input,.select-trigger{height:var(--control-h-md);width:100%;padding:0 var(--space-4);background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--fs-footnote);font-family:inherit;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input::placeholder{color:var(--text-quaternary)}.input:focus,.select-trigger:focus-within{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.combobox{position:relative}.combobox__panel{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 6px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);max-height:320px;overflow-y:auto;animation:pop-in var(--dur-fast) var(--ease-out)}.combobox__option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-footnote);cursor:pointer}.combobox__option[aria-selected=true],.combobox__option:hover{background:var(--bg-surface-3)}.combobox__empty{padding:var(--space-4);color:var(--text-tertiary);text-align:center}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal)}.badge--neutral{background:var(--bg-surface-3);color:var(--text-secondary)}.badge--accent{background:var(--accent-soft);color:var(--accent-soft-text)}.badge--ai{background:var(--ai-soft);color:var(--ai-soft-text)}.badge--success{background:var(--success-soft);color:var(--success-text)}.badge--warning{background:var(--warning-soft);color:var(--warning-text)}.badge--danger{background:var(--danger-soft);color:var(--danger-text)}.abc{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-circle);font-size:var(--fs-caption);font-weight:var(--fw-bold)}.abc--a{background:var(--abc-a-bg);color:var(--abc-a-text)}.abc--b{background:var(--abc-b-bg);color:var(--abc-b-text)}.abc--c{background:var(--abc-c-bg);color:var(--abc-c-text)}.sem{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.sem__dot{width:8px;height:8px;border-radius:var(--radius-circle);flex:none}.sem--ok{background:var(--sem-ok-bg);color:var(--success-text)}.sem--ok .sem__dot{background:var(--sem-ok)}.sem--warn{background:var(--sem-warn-bg);color:var(--warning-text)}.sem--warn .sem__dot{background:var(--sem-warn)}.sem--stop{background:var(--sem-stop-bg);color:var(--danger-text)}.sem--stop .sem__dot{background:var(--sem-stop);box-shadow:0 0 0 0 var(--sem-stop);animation:pulse-stop 1.8s var(--ease-in-out) infinite}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-footnote)}.table thead th{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-surface-2);text-align:left;font-weight:var(--fw-semibold);color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);height:var(--row-h);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table tbody tr{transition:background var(--dur-instant) linear}.table tbody tr:hover{background:var(--bg-surface-3)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table--compact tbody td{height:var(--row-h-compact)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--bg-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-fast) var(--ease-out)}.modal{position:fixed;z-index:var(--z-modal);left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - var(--space-8)));background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);animation:modal-in var(--dur-slow) var(--ease-out)}.modal__title{margin:0 0 var(--space-2)}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-8)}.chat{display:flex;flex-direction:column;gap:var(--space-4)}.msg{max-width:78%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--fs-footnote);line-height:var(--lh-normal)}.msg--user{align-self:flex-end;background:var(--accent);color:var(--text-on-accent);border-bottom-right-radius:var(--radius-xs)}.msg--ai{align-self:flex-start;background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-xs)}.msg--ai .msg__source{margin-top:var(--space-2);font-size:var(--fs-caption);color:var(--ai-soft-text)}.typing{display:inline-flex;gap:4px;padding:var(--space-3) var(--space-4)}.typing span{width:6px;height:6px;border-radius:50%;background:var(--text-quaternary);animation:typing 1.2s var(--ease-in-out) infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--skeleton-base) 30%,var(--skeleton-shine) 50%,var(--skeleton-base) 70%);background-size:200% 100%;animation:shimmer var(--dur-slower) linear infinite}.skeleton--text{height:12px;margin:6px 0}.skeleton--kpi{height:44px;width:60%}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-tertiary);gap:var(--space-3)}.empty__icon{width:48px;height:48px;opacity:.6}.ai-explain{border-left:3px solid var(--ai);background:var(--ai-soft);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.ai-explain__head{display:flex;align-items:center;gap:var(--space-2);color:var(--ai-soft-text);font-weight:var(--fw-semibold);font-size:var(--fs-footnote)}.ai-factor{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.ai-factor__bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--bg-surface-3);overflow:hidden}.ai-factor__fill{height:100%;border-radius:var(--radius-pill);background:var(--ai)}.layer{font-size:var(--fs-caption2);font-weight:var(--fw-bold);padding:1px 6px;border-radius:var(--radius-xs);letter-spacing:var(--ls-wide)}.layer--c1{background:var(--bg-surface-3);color:var(--text-secondary)}.layer--c2{background:var(--accent-soft);color:var(--accent-soft-text)}.layer--c3{background:var(--ai-soft);color:var(--ai-soft-text)}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes pulse-stop{0%{box-shadow:0 0 #dc262680}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 #dc262600}}.app-shell{min-height:100vh;background:var(--bg-app);display:flex;flex-direction:column}.app-topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:var(--z-sticky)}.app-topbar__brand{display:flex;align-items:center;gap:var(--space-2);flex:none;color:var(--text-primary)}.app-topbar__logo{display:inline-flex;color:var(--accent)}.app-topbar__title{font-size:var(--fs-callout);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}.app-topbar__subtitle{font-size:var(--fs-footnote);color:var(--text-tertiary);padding-left:var(--space-2);border-left:1px solid var(--border-default)}.app-topbar__search{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;max-width:360px;height:var(--control-h-md);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-inset);color:var(--text-tertiary);font-size:var(--fs-footnote);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.app-topbar__search:hover,.app-topbar__search:focus-visible{outline:none;border-color:var(--border-strong);box-shadow:var(--shadow-focus)}.app-topbar__search span{flex:1;text-align:left}.app-topbar__search kbd{font-family:var(--font-sans);font-size:var(--fs-caption2);color:var(--text-quaternary);background:var(--bg-surface-3);border-radius:var(--radius-xs);padding:2px 6px}.app-topbar__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.app-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-md);height:var(--control-h-md);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.app-icon-btn:hover{background:var(--bg-surface-3);color:var(--text-primary)}.app-icon-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-circle);background:var(--accent-soft);color:var(--accent-soft-text)}.app-body{flex:1 1 auto;display:flex;min-height:0}.app-sidebar{flex:none;width:var(--sidebar-w);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4) var(--space-3);background:var(--bg-surface);border-right:1px solid var(--border-default);transition:width var(--dur-base) var(--ease-out)}.app-shell--collapsed .app-sidebar{width:var(--sidebar-w-collapsed)}.app-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.app-nav__item{position:relative;display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--fs-footnote);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.app-nav__item:hover{background:var(--bg-surface-3);color:var(--text-primary)}.app-nav__item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-nav__icon{flex:none}.app-nav__label{overflow:hidden;text-overflow:ellipsis}.app-shell--collapsed .app-nav__label,.app-shell--collapsed .app-nav__spark{display:none}.app-nav__item--active{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:var(--fw-semibold)}.app-nav__item--active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:var(--radius-pill);background:var(--accent)}.app-shell--collapsed .app-nav__item--active:before{left:-9px}.app-nav__item--ai.app-nav__item--active{background:var(--ai-soft);color:var(--ai-soft-text)}.app-nav__item--ai.app-nav__item--active:before{background:var(--ai)}.app-nav__spark{margin-left:auto;font-size:12px}.app-sidebar__collapse{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:var(--fs-footnote);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.app-sidebar__collapse:hover{background:var(--bg-surface-3);color:var(--text-primary)}.app-sidebar__collapse:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-content{flex:1 1 auto;min-width:0;max-width:var(--page-max-w);width:100%;margin:0 auto;padding:var(--space-8) var(--page-pad-x)}.app-page-header{margin-bottom:var(--gap-section)}.app-page-header__title{margin:0 0 var(--space-1);color:var(--text-primary)}.app-page-header__subtitle{margin:0;color:var(--text-tertiary);font-size:var(--fs-body)}@media (max-width: 1279px){.app-sidebar{width:var(--sidebar-w-collapsed)}.app-sidebar .app-nav__label,.app-sidebar .app-nav__spark,.app-topbar__search{display:none}}@media (max-width: 767px){.app-content{padding:var(--space-5)}}