.chart-container{padding:4px 8px;overflow:visible;flex:1;display:flex;flex-direction:column;margin-top:0;height:100%;min-height:0;width:100%}@media (max-width: 768px){.chart-container{padding:4px 12px}}.chart-bar-item{margin-bottom:12px}@media (max-width: 768px){.chart-bar-item{margin-bottom:8px}}.chart-label{font-size:clamp(10px,1.8vw,12px);color:#64748b;margin-bottom:4px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chart-bar-wrapper{background:#f1f5f9;border-radius:4px;height:28px;position:relative;overflow:hidden}@media (max-width: 768px){.chart-bar-wrapper{height:20px}}.chart-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:clamp(24px,12vw,40px);transition:width .3s ease}.chart-value{color:#fff;font-size:clamp(10px,1.6vw,12px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container{overflow:auto;flex:1;display:flex;flex-direction:column;padding:0;margin:0}.table-container .gridjs-wrapper,.table-container .gridjs-table,.table-container .gridjs-table thead,.table-container .gridjs-table tbody,.table-container .gridjs-container{border-radius:0!important}.table-container .gridjs-wrapper{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;margin-bottom:0!important;box-shadow:none!important;outline:none!important}.table-container .gridjs-table{table-layout:auto;min-width:100%;width:-moz-max-content;width:max-content;border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;border-collapse:collapse!important;border-spacing:0!important;outline:none!important}.table-container .gridjs-table th,.table-container .gridjs-table td{white-space:normal!important;word-break:break-word;line-height:1.4;vertical-align:top;border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important;box-shadow:none!important}.table-container .gridjs-table th{white-space:nowrap!important;word-break:normal;overflow:hidden;text-overflow:ellipsis;max-width:240px;border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important;box-shadow:none!important}.table-container .gridjs-table td{white-space:normal!important;word-break:break-word;border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important;box-shadow:none!important}.table-container .gridjs-table tr{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important;box-shadow:none!important}.table-container .gridjs-table thead,.table-container .gridjs-table tbody{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important}.table-container .gridjs-table tbody tr{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important;box-shadow:none!important}.table-container .gridjs-container{padding-bottom:0!important;border:none!important;outline:none!important}.gridjs-wrapper,.gridjs-table,.gridjs-table th,.gridjs-table td,.gridjs-table tr,.gridjs-table thead,.gridjs-table tbody{border:none!important;border-top:none!important;border-right:none!important;border-bottom:none!important;border-left:none!important;outline:none!important;box-shadow:none!important}@media (max-width: 768px){.table-container{overflow:hidden}}.component-table{width:100%;border-collapse:collapse;font-size:13px}@media (max-width: 768px){.component-table{font-size:11px}}.component-table thead{position:sticky;top:0;background:#f8fafc;z-index:1}.component-table th{text-align:left;padding:8px 12px;font-weight:600;color:#475569;border-bottom:none}@media (max-width: 768px){.component-table th{padding:6px 8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.component-table td{padding:8px 12px;color:#64748b;border-bottom:none}@media (max-width: 768px){.component-table td{padding:6px 8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.component-table tbody tr:hover{background:#f8fafc}.metric-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:clamp(8px,2.5vw,16px);max-width:100%}.metric-value{font-size:48px;font-weight:700;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-size:clamp(28px,5vw,48px);max-width:100%;overflow:hidden;text-overflow:ellipsis}.metric-label{font-size:14px;color:#64748b;font-weight:500;font-size:clamp(12px,2.6vw,14px);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stat-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:clamp(8px,2.5vw,16px);max-width:100%}.stat-value{font-size:42px;font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-size:clamp(26px,4.8vw,42px);max-width:100%;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:14px;color:#64748b;font-weight:500;margin-bottom:8px;font-size:clamp(12px,2.4vw,14px);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stat-change{font-size:13px;font-weight:600;padding:4px 12px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;font-size:clamp(11px,2.4vw,13px)}.stat-change.increase{background-color:#d1fae5;color:#059669}.stat-change.decrease{background-color:#fee2e2;color:#dc2626}.stat-change.neutral{background-color:#f3f4f6;color:#6b7280}.kpi-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:clamp(8px,2.2vw,16px);position:relative;box-sizing:border-box;max-width:100%}.kpi-value{font-size:24px;font-weight:700;color:#3b82f6;margin-bottom:4px;line-height:1.2;text-align:center;transition:font-size .3s ease;flex:0 0 auto;font-size:clamp(16px,3.6vw,24px);max-width:100%;overflow:hidden;text-overflow:ellipsis}.kpi-label{font-size:14px;color:#64748b;font-weight:500;text-align:center;margin-bottom:0;flex:0 0 auto;transition:font-size .3s ease;font-size:clamp(11px,2.4vw,14px);max-width:100%;overflow:hidden;text-overflow:ellipsis}.kpi-add-calculation{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:13px;color:#475569;cursor:pointer;transition:all .2s}.kpi-add-calculation:hover{background:#e2e8f0;border-color:#cbd5e1}@media (max-width: 768px){.kpi-add-calculation{padding:6px 12px;font-size:12px;bottom:12px}}.component-empty,.component-loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:100px;color:#94a3b8;font-size:14px}