*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}*{box-sizing:border-box}.app{color:#333;background:#f5f6f8;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{color:#fff;background:#003057;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-left{align-items:baseline;gap:12px;display:flex}.header-right{align-items:center;gap:12px;display:flex}.app-header h1{color:#fff;margin:0;font-size:22px;font-weight:700}.header-subtitle{opacity:.8;font-size:13px}.panel-chevron{z-index:10;color:#555;cursor:pointer;background:#e8edf2;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;justify-content:center;align-self:stretch;align-items:center;width:20px;min-width:20px;transition:background .15s,color .15s;display:flex;position:relative}.panel-chevron:hover{color:#003057;background:#dce3ea}.panel-chevron svg{transition:transform .2s}.panel-chevron-open svg{transform:rotate(0)}.panel-chevron:not(.panel-chevron-open) svg{transform:rotate(180deg)}.filter-bar-wrapper{background:#fff;border-bottom:1px solid #e0e0e0}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:24px;padding:12px 24px;display:flex}.filter-bar.loading{color:#888;padding:12px 24px;font-size:13px}.filter-hierarchy{align-items:flex-end;gap:8px;display:flex}.filter-arrow{color:#999;padding-bottom:6px;font-size:18px}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{text-transform:uppercase;color:#666;letter-spacing:.05em;font-size:10px;font-weight:600}.filter-group select{background:#fafafa;border:1px solid #ddd;border-radius:4px;min-width:140px;padding:6px 10px;font-size:13px}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;padding:0 24px 10px;display:flex}.filter-chip{color:#1a4d80;background:#e8f0fe;border:1px solid #c2d9f2;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.chip-remove{cursor:pointer;color:#1a4d80;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.chip-remove:hover{opacity:1}.chip-clear-all{cursor:pointer;color:#888;background:0 0;border:none;padding:2px 4px;font-size:11px;text-decoration:underline}.chip-clear-all:hover{color:#333}.main-layout{gap:0;padding:0;display:flex}.main-content{flex:1;min-width:0;padding:20px 24px}.side-panel{background:#fff;border-left:1px solid #e0e0e0;width:340px;max-height:100vh;padding:20px 16px;position:sticky;top:0;overflow-y:auto}.loading-state,.error-state{text-align:center;color:#666;padding:40px;font-size:14px}.error-state{color:#c0392b}.kpi-cards{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.kpi-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;min-width:110px;padding:12px 16px}.kpi-card.kpi-changed{background:#fff8f0;border-color:#e07b00}.kpi-label{text-transform:uppercase;color:#666;margin-bottom:4px;font-size:11px;font-weight:600}.kpi-value{color:#003057;font-size:20px;font-weight:700}.kpi-sub{color:#888;margin-left:4px;font-size:12px;font-weight:400}.kpi-delta{margin-left:6px;font-size:11px;font-weight:600}.kpi-delta.positive{color:#2a9d4e}.kpi-delta.negative{color:#c0392b}.kpi-card-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.kpi-card-clickable:hover{border-color:#999;box-shadow:0 1px 4px #00000014}.kpi-card-active{background:#f0f7ff;border-color:#003057;box-shadow:0 0 0 2px #00305726}.charts-row{gap:20px;margin-bottom:20px;display:flex}.chart-container{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;padding:16px}.chart-container h3{color:#003057;margin:0 0 12px;font-size:13px;font-weight:600}.chart-dual{gap:16px;display:flex}.chart-half{flex:1;min-width:0}.chart-half h3{color:#003057;margin:0 0 8px;font-size:12px;font-weight:600}.chart-tooltip{background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 10px;font-size:10px;box-shadow:0 2px 6px #0000001a}.chart-tooltip-label{color:#333;margin-bottom:3px;font-weight:600}.chart-tooltip-row{color:#555;align-items:center;gap:4px;display:flex}.chart-tooltip-dot{border-radius:2px;width:7px;height:7px;display:inline-block}.flow-diagram{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;min-width:0;padding:16px}.flow-diagram h3{color:#003057;margin:0 0 8px;font-size:13px;font-weight:600}.no-changes{text-align:center;color:#888;padding:40px 20px;font-size:13px}.sankey-headers{justify-content:space-between;margin-bottom:4px;padding:0 4px;display:flex}.sankey-header-label{color:#003057;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.sankey-container{width:100%;overflow:visible}.sankey-svg{width:100%;height:auto;display:block;overflow:visible}.sankey-flow{transition:opacity .15s}.sankey-flow-clickable{cursor:pointer}.sankey-flow-clickable:hover{opacity:.7!important}.sankey-label{fill:#333;font-size:11px;font-weight:500}.threshold-panel h3{color:#003057;margin:0 0 4px;font-size:14px;font-weight:600}.threshold-live-note{color:#2a9d4e;margin:0;font-size:11px;font-weight:500}.threshold-group{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:14px}.threshold-group:last-child{border-bottom:none;margin-bottom:0}.slider-row{margin-bottom:4px}.slider-label{color:#333;justify-content:space-between;margin-bottom:2px;font-size:12px;font-weight:600;display:flex}.slider-value{color:#0063a3;font-weight:700}.slider-description{color:#666;margin-bottom:8px;font-size:11px;line-height:1.4}.slider-effect{color:#888;margin-top:4px;font-size:10px;font-style:italic}.threshold-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.threshold-header h3{margin:0 0 4px}.threshold-header .threshold-live-note{margin:0}.threshold-reset-btn{color:#0063a3;cursor:pointer;white-space:nowrap;background:#e8f0f8;border:1px solid #b8d4ea;border-radius:4px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600}.threshold-reset-btn:hover:not(:disabled){background:#d0e4f4}.threshold-reset-btn:disabled{opacity:.4;cursor:default}.slider-track-wrapper{padding:4px 0;position:relative}.slider-track-wrapper input[type=range]{appearance:none;cursor:pointer;background:#ddd;border-radius:2px;width:100%;height:4px}.slider-track-wrapper input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0063a3;border-radius:50%;width:14px;height:14px}.slider-default-marker{pointer-events:none;top:50%;left:calc(7px + (100% - 14px) * var(--marker-pct) / 100);position:absolute;transform:translate(-50%,-50%)}.slider-default-tick{background:#aaa;border-radius:1px;width:2px;height:14px}.slider-default-tick-active{background:#0063a3}.panel-info{color:#666;border-top:1px solid #eee;margin-top:20px;padding-top:16px;font-size:12px}.panel-info p{margin:0 0 6px}.panel-warning{color:#e07b00;font-weight:500}.changes-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.table-header{border-bottom:1px solid #eee;align-items:center;gap:16px;padding:12px 16px;display:flex}.table-header h3{color:#003057;margin:0;font-size:13px;font-weight:600}.toggle-changed{color:#555;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.table-info{color:#888;margin-left:auto;font-size:11px}.table-scroll{max-height:500px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}table.compact-table{font-size:11px}table.compact-table th{padding:5px 8px}table.compact-table td{padding:3px 8px}thead{z-index:1;background:#f8f9fa;position:sticky;top:0}th{text-align:left;color:#555;white-space:nowrap;border-bottom:1px solid #ddd;padding:8px 12px;font-weight:600}td{border-bottom:1px solid #f0f0f0;padding:6px 12px}tr:hover{background:#f8f9fa}tr.row-changed{background:#fff8f0}tr.row-changed:hover{background:#fff3e0}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.cell-number{text-align:right;font-variant-numeric:tabular-nums}.cell-bar{text-align:right;font-variant-numeric:tabular-nums;min-width:70px;position:relative}.cell-bar .bar-bg{background:#0063a31f;border-radius:2px;transition:width .2s;position:absolute;top:2px;bottom:2px;left:0}.cell-bar .bar-bg-teal{background:#2a9d4e1f}.cell-bar .bar-bg-orange{background:#e07b001f}.cell-bar .bar-bg-red{background:#c0392b1f}.cell-bar .bar-bg-purple{background:#6c34831f}.cell-bar .bar-value{z-index:1;position:relative}.cell-archetype{font-weight:600}.cell-changed{color:#c0392b}.archetype-badge{color:#fff;white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.demand-badge,.pareto-badge{color:#fff;white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.dominance-badge{color:#fff;white-space:nowrap;background:#0063a3;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:600;display:inline-block}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.th-sortable:hover{background:#eef1f4}.th-has-tooltip{position:relative}.th-tooltip{z-index:100;color:#fff;text-transform:none;letter-spacing:normal;white-space:nowrap;pointer-events:none;background:#1a1a2e;border-radius:4px;margin-top:4px;padding:6px 10px;font-size:11px;font-weight:400;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.th-has-tooltip:hover .th-tooltip{display:block}.panel-tabs{border-bottom:2px solid #e0e0e0;gap:0;margin-bottom:16px;display:flex}.panel-tab{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:8px 4px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s}.panel-tab:hover{color:#003057}.panel-tab-active{color:#003057;border-bottom-color:#0063a3}.ruleset-manager h3{color:#003057;margin:0 0 12px;font-size:14px;font-weight:600}.ruleset-active{background:#e8f4fd;border-radius:4px;margin-bottom:12px;padding:8px 10px;font-size:12px}.ruleset-active-label{color:#555;font-weight:600}.ruleset-active-name{color:#003057;font-weight:700}.ruleset-section{border-top:1px solid #eee;margin-bottom:16px;padding-top:12px}.ruleset-label{text-transform:uppercase;color:#666;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.ruleset-select{background:#fafafa;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:8px;padding:6px 8px;font-size:12px}.ruleset-btn{cursor:pointer;color:#333;background:#fafafa;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-block}.ruleset-btn:hover:not(:disabled){background:#eee}.ruleset-btn:disabled{opacity:.5;cursor:not-allowed}.ruleset-btn-primary{color:#fff;background:#0063a3;border-color:#0063a3}.ruleset-btn-primary:hover:not(:disabled){background:#004f82}.ruleset-save-form{flex-direction:column;gap:8px;display:flex}.ruleset-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:6px 8px;font-size:12px}.ruleset-input:focus{border-color:#0063a3;outline:none}.ruleset-save-actions{gap:8px;display:flex}.ruleset-error{color:#c0392b;margin-top:4px;font-size:11px}.ruleset-compare-results{margin-top:8px}.ruleset-no-diff{color:#2a9d4e;margin:0;font-size:12px}.ruleset-diff-table{border-collapse:collapse;width:100%;font-size:11px}.ruleset-diff-table th{text-align:left;color:#555;border-bottom:1px solid #ddd;padding:4px 6px;font-size:10px;font-weight:600}.ruleset-diff-table td{border-bottom:1px solid #f0f0f0;padding:4px 6px}.tree-editor h3{color:#003057;margin:0 0 8px;font-size:14px;font-weight:600}.tree-hint{color:#888;margin:0 0 12px;font-size:11px}.tree-container{font-size:12px}.tree-branch{margin-left:0}.tree-branch[data-depth="1"],.tree-branch[data-depth="2"],.tree-branch[data-depth="3"]{margin-left:8px}.tree-condition{color:#003057;background:#f0f4f8;border-radius:3px;margin-bottom:4px;padding:4px 8px;font-size:11px;font-weight:700}.tree-children{border-left:2px solid #e0e0e0;padding-left:12px}.tree-child{margin:6px 0}.tree-edge{align-items:center;gap:6px;margin-bottom:4px;display:flex}.tree-edge-line{background:#ccc;flex-shrink:0;width:12px;height:2px}.tree-edge-label{color:#555;font-size:11px}.tree-leaf{border-left:3px solid;margin-left:18px;padding:4px 0 4px 8px;display:inline-block}.tree-archetype-badge{color:#fff;cursor:pointer;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600;transition:opacity .15s;display:inline-block}.tree-archetype-badge:hover{opacity:.8}.tree-archetype-select{border:1px solid #0063a3;border-radius:3px;padding:2px 4px;font-size:11px}.tree-threshold-value{color:#e07b00;cursor:pointer;background:#fff3e0;border:1px solid #e07b00;border-radius:2px;padding:0 4px;font-weight:700;display:inline-block}.tree-threshold-value:hover{background:#ffe0b2}.tree-threshold-input{text-align:center;border:1px solid #0063a3;border-radius:2px;width:50px;padding:1px 4px;font-size:11px}.tree-demand-legend{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:16px}.tree-demand-legend h4{color:#333;margin:0 0 8px;font-size:12px;font-weight:600}.tree-demand-table{border-collapse:collapse;width:100%;font-size:11px}.tree-demand-table th{text-align:left;color:#666;border-bottom:1px solid #ddd;padding:3px 8px;font-weight:600}.tree-demand-table td{color:#333;padding:3px 8px}.tree-demand-table tr:nth-child(2n) td{background:#f9f9f9}.detail-panel-backdrop{z-index:1000;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-panel{z-index:1001;background:#fff;width:480px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #00000026}.detail-panel.open{transform:translate(0)}.detail-panel-header{color:#fff;z-index:2;background:#003057;justify-content:space-between;align-items:flex-start;padding:20px;display:flex;position:sticky;top:0}.detail-panel-header-content{flex:1;min-width:0}.detail-panel-title{margin-bottom:4px;font-size:16px;font-weight:700}.detail-panel-subtitle{opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:13px;overflow:hidden}.detail-panel-meta{opacity:.7;font-size:11px}.detail-panel-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:opacity .15s}.detail-panel-close:hover{opacity:1}.detail-section{background:#fafbfc;border:1px solid #e8eaed;border-radius:6px;margin:12px 16px;padding:14px}.detail-section-title{text-transform:uppercase;letter-spacing:.04em;color:#003057;margin-bottom:10px;font-size:11px;font-weight:700}.detail-archetype-flow{align-items:center;gap:8px;margin-bottom:10px;display:flex}.detail-arrow{color:#666;font-size:16px}.detail-section-desc{color:#888;margin-top:-6px;margin-bottom:10px;font-size:11px}.detail-classification-grid{flex-wrap:wrap;gap:14px;margin-bottom:12px;display:flex}.detail-class-item{flex-direction:column;gap:4px;display:flex}.detail-class-label{text-transform:uppercase;color:#888;letter-spacing:.03em;font-size:9px;font-weight:600}.detail-badges-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.detail-metrics-row{flex-wrap:wrap;gap:16px;display:flex}.detail-metric{flex-direction:column;gap:2px;display:flex}.detail-metric-label{text-transform:uppercase;color:#888;font-size:10px;font-weight:600}.detail-metric-value{color:#003057;font-size:15px;font-weight:700}.detail-sparkline,.detail-lines-chart{margin:0 auto;display:block}.detail-lines-total{color:#555;margin-top:8px;font-size:12px}.detail-customer-mix{margin-bottom:10px}.detail-stacked-bar{border-radius:3px;height:18px;margin-bottom:6px;display:flex;overflow:hidden}.detail-bar-segment{min-width:2px;height:100%}.detail-mix-legend{color:#555;gap:12px;font-size:10px;display:flex}.detail-legend-item{align-items:center;gap:4px;display:flex}.detail-legend-swatch{border-radius:2px;width:8px;height:8px;display:inline-block}.detail-top-customers{margin-top:10px}.detail-subsection-title{color:#666;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.detail-subsection-note{text-transform:none;color:#999;font-size:10px;font-weight:400}.detail-customers-table{border-collapse:collapse;width:100%;font-size:11px}.detail-customers-table th{text-transform:uppercase;color:#888;text-align:left;border-bottom:1px solid #ddd;padding:3px 6px;font-size:9px;font-weight:600}.detail-customers-table th:nth-child(2),.detail-customers-table th:nth-child(3){text-align:right}.detail-customers-table td{border-bottom:1px solid #f0f0f0;padding:3px 6px}.detail-customer-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.detail-customer-qty{text-align:right;font-variant-numeric:tabular-nums;color:#003057;font-weight:600}.detail-customer-pct{text-align:right;color:#888;width:50px}.detail-no-data{color:#999;font-size:11px;font-style:italic}.detail-expand-btn{color:#0063a3;cursor:pointer;background:0 0;border:1px solid #0063a3;border-radius:3px;margin-top:6px;padding:4px 10px;font-size:11px;display:block}.detail-expand-btn:hover{background:#f0f7ff}.detail-customer-note{color:#999;margin-top:6px;font-size:10px;font-style:italic}.detail-metric-desc{color:#aaa;font-size:9px}.compact-table tbody tr{cursor:pointer}.header-center{background:#ffffff14;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.nav-tab{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.nav-tab:hover{color:#fff;background:#ffffff1a}.nav-tab-active{color:#fff;background:#fff3;font-weight:600}.comparison-page{flex:1;padding:24px;overflow-y:auto}