.kpi-matrix-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04);margin-bottom:24px}.matrix-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:12px}.matrix-title-row{display:flex;align-items:baseline;gap:12px}.matrix-title{font-size:15px;font-weight:600;color:#1e293b;margin:0;letter-spacing:-.01em}.matrix-subtitle{font-size:13px;color:#64748b;font-weight:400}.matrix-legend{gap:16px}.legend-item,.matrix-legend{display:flex;align-items:center}.legend-item{gap:6px;font-size:11px;color:#64748b}.legend-item .impact-icon{color:#f59e0b;width:14px;height:14px}.legend-success{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(5,150,105,.08));color:#059669}.legend-success,.legend-weight{padding:3px 8px;border-radius:4px;font-weight:600;font-size:10px}.legend-weight{background:rgba(99,102,241,.08);color:#6366f1}.matrix-info-banner{display:flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(99,102,241,.04));border-bottom:1px solid rgba(99,102,241,.1);font-size:12px;color:#475569;line-height:1.5}.matrix-info-banner svg{flex-shrink:0;width:16px;height:16px;color:#6366f1}.matrix-info-banner strong{color:#6366f1;font-weight:600}.matrix-controls{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(135deg,rgba(99,102,241,.03),rgba(139,92,246,.03));border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:16px}.matrix-summary{display:flex;gap:24px}.status-filter{display:flex;align-items:center;gap:10px}.filter-label{font-size:12px;font-weight:500;color:#64748b}.filter-buttons{display:flex;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px}.filter-btn{padding:6px 12px;font-size:12px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-btn:hover{color:#475569;background:hsla(0,0%,100%,.5)}.filter-btn.active{color:#6366f1;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.summary-stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:20px;font-weight:700;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-value.active{color:#059669}.stat-value.historical{color:#94a3b8}.stat-label{font-size:11px;color:#64748b;font-weight:500}.matrix-table-wrapper{overflow-x:auto}.matrix-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.matrix-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.matrix-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.matrix-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kpi-matrix-table{width:100%;min-width:1020px;border-collapse:collapse;table-layout:fixed;font-size:12px}.kpi-matrix-table td,.kpi-matrix-table th{box-sizing:border-box}.kpi-matrix-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.kpi-matrix-table th{padding:12px;background:#f8fafc;border-bottom:2px solid #e2e8f0;text-align:center;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kpi-matrix-table th.kpi-col{text-align:left;min-width:240px;position:-webkit-sticky;position:sticky;left:0;background:#f8fafc;z-index:20;box-shadow:2px 0 8px rgba(0,0,0,.04)}.kpi-matrix-table th.year-col{width:100px;min-width:100px;max-width:100px}.kpi-matrix-table th.year-col.current-year{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.kpi-matrix-table th.status-col{min-width:90px;width:90px;text-align:center;background:#f8fafc}.kpi-matrix-table td.status-cell{min-width:90px;width:90px;text-align:center;padding:10px 8px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:11px;font-weight:600;border-radius:12px;white-space:nowrap}.status-badge.active{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(5,150,105,.08));color:#059669}.status-badge.passive{background:rgba(148,163,184,.15);color:#64748b}.kpi-matrix-table th.sortable{cursor:pointer;transition:all .15s ease}.kpi-matrix-table th.sortable:hover{background:#f1f5f9;color:#6366f1}.kpi-matrix-table th.sortable.sorted{color:#6366f1;background:rgba(99,102,241,.08)}.kpi-matrix-table th.year-col.current-year.sortable.sorted,.kpi-matrix-table th.year-col.current-year.sortable:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.th-content{display:flex;align-items:center;justify-content:center;gap:6px}.kpi-matrix-table th.kpi-col .th-content{justify-content:flex-start}.current-badge{font-size:8px;font-weight:700;padding:2px 6px;background:hsla(0,0%,100%,.25);color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.matrix-sort-icon{opacity:.3;transition:all .15s ease}.matrix-sort-icon.active{opacity:1;color:inherit}.matrix-sort-icon.asc{transform:rotate(180deg)}.kpi-matrix-table tbody tr{transition:all .15s ease}.kpi-matrix-table tbody tr:hover{background:rgba(99,102,241,.07)}.kpi-matrix-table tbody tr.active-kpi{border-left:3px solid #6366f1}.kpi-matrix-table tbody tr.historical-kpi{opacity:.75}.kpi-matrix-table tbody tr.historical-kpi:hover{opacity:1}.kpi-matrix-table tbody tr.impact-kpi{background:linear-gradient(90deg,rgba(245,158,11,.03),transparent 200px)}.kpi-matrix-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:center;vertical-align:middle}.kpi-matrix-table tbody tr:last-child td{border-bottom:none}.kpi-matrix-table td.kpi-name-cell{text-align:left;min-width:240px;position:-webkit-sticky;position:sticky;left:0;background:#fff;z-index:5;box-shadow:2px 0 8px rgba(0,0,0,.03);padding:10px 14px}.kpi-matrix-table tbody tr:hover td.kpi-name-cell{background:rgba(99,102,241,.07)}.kpi-info{display:flex;flex-direction:column;gap:4px}.kpi-name-row{display:flex;align-items:center;gap:6px}.impact-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.impact-badge .impact-icon{width:14px;height:14px;color:#f59e0b}.kpi-name{font-size:12px;font-weight:500;color:#1e293b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.kpi-category{font-size:9px;font-weight:600;color:#6366f1;background:rgba(99,102,241,.08);padding:2px 6px;border-radius:3px;width:-moz-fit-content;width:fit-content;text-transform:uppercase;letter-spacing:.3px}.kpi-matrix-table td.year-cell{width:100px;min-width:100px;max-width:100px;padding:8px 10px;text-align:center}.kpi-matrix-table td.year-cell.current-year{background:rgba(99,102,241,.03)}.kpi-matrix-table td.year-cell.no-data-cell{background:rgba(148,163,184,.03)}.cell-content{display:flex;flex-direction:column;align-items:center;gap:3px}.success-value{font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.success-value.excellent{color:#059669}.success-value.good{color:#10b981}.success-value.medium{color:#d97706}.success-value.low{color:#dc2626}.success-value.no-data{color:#cbd5e1;font-weight:400}.weight-value{font-size:10px;font-weight:600;color:#6366f1;background:rgba(99,102,241,.08);padding:1px 6px;border-radius:3px}.weight-value.no-weight{background:transparent;color:#cbd5e1;font-weight:400}.cell-empty{display:flex;align-items:center;justify-content:center}.empty-dash{font-size:14px;color:#e2e8f0;font-weight:300}.matrix-footer{padding:12px 24px;background:#f8fafc;border-top:1px solid #f1f5f9}.footer-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b;line-height:1.4}.footer-note svg{flex-shrink:0;color:#94a3b8}.kpi-matrix-container.loading .matrix-skeleton{padding:16px 24px}.matrix-skeleton .skeleton-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9}.matrix-skeleton .skeleton-row:last-child{border-bottom:none}.matrix-skeleton .skeleton-cell{flex:1 1;height:32px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.matrix-skeleton .skeleton-cell:first-child{flex:2.5 1}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-matrix-container.error .matrix-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#dc2626}.matrix-error .error-icon{font-size:32px}.matrix-error .retry-btn{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.matrix-error .retry-btn:hover{background:#4f46e5}@media (max-width:768px){.matrix-header{flex-direction:column;align-items:flex-start}.matrix-title-row{flex-direction:column;gap:4px}.matrix-summary{gap:16px}.kpi-matrix-table td.kpi-name-cell,.kpi-matrix-table th.kpi-col{min-width:200px;max-width:200px;width:200px}.kpi-name{max-width:140px}}