.kpi-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.kpi-filters label{display:grid;gap:7px;font-size:13px;color:#52637a}.kpi-filters .input{width:auto;min-width:160px}.kpi-chart{background:white;padding:20px;margin:20px 0;border-radius:10px}.kpi-chart svg{display:block;width:100%;max-height:340px}.kpi-chart svg text{font:12px Arial;fill:#52637a}.kpi-view .table-wrap{max-height:470px;overflow:auto}.kpi-view table{min-width:900px;width:100%}.kpi-view th{white-space:normal}.kpi-view td{font-variant-numeric:tabular-nums}.kpi-view .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.kpi-view .metrics{grid-template-columns:1fr}.kpi-filters label,.kpi-filters .input{width:100%}}
.kpi-tabs{display:flex;gap:8px;border-bottom:1px solid #d8e1ec;padding-bottom:12px;margin:12px 0 20px}.kpi-tabs [aria-pressed="true"]{color:#075da4;background:#e8f2fc;border-color:#8cb7dc}.kpi-detail-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:16px 0}.kpi-detail-controls label{display:grid;gap:6px;font-size:13px}.kpi-detail-panel[hidden],.kpi-view .table-wrap[hidden]{display:none}.kpi-detail-table table{min-width:1100px}.kpi-detail-table th{min-width:130px}.kpi-detail-table td{white-space:nowrap}.kpi-detail-table th:nth-child(1){min-width:165px}.kpi-reconcile{background:#edf4fa;color:#304c68;padding:12px 14px;line-height:1.6;border-radius:7px}.kpi-reconcile.kpi-warning{background:#fff3e1;color:#874800}.kpi-pagination{display:flex;gap:8px;margin:16px 0}.kpi-chart [data-kpi-date]{cursor:pointer;stroke:transparent;stroke-width:12px;paint-order:stroke fill}.kpi-chart [data-kpi-date]:focus{outline:2px solid #126db5;outline-offset:4px}.kpi-day-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kpi-drilldown{scroll-margin-top:90px}
.kpi-metric-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;margin-bottom:10px;border-bottom:1px solid #d8e1ec}.kpi-metric-tabs .btn{flex:none;font-size:12px;padding:7px 12px;min-height:32px}.kpi-metric-tabs [aria-selected="true"]{background:#e8f2fc;border-color:#8cb7dc;color:#075da4}.kpi-view .metric{padding:10px 14px}.kpi-view .metric span{font-size:11px}.kpi-view .metric strong{font-size:22px;margin-top:5px}.kpi-view .metrics{margin:10px 0}.kpi-view .kpi-chart{padding:12px 14px;margin:12px 0}.kpi-view .kpi-chart h3{font-size:14px;margin:0 0 8px}.kpi-view .kpi-chart svg{height:190px;max-height:190px}.kpi-view .sub{font-size:11px;margin:7px 0}.kpi-view .table-wrap{max-height:320px}.kpi-view table th,.kpi-view table td{font-size:11px;padding:6px 8px}.kpi-view .kpi-filters{gap:10px}.kpi-view .kpi-filters [hidden]{display:none}.kpi-view .kpi-rider-extra{margin-top:12px;font-size:12px}.kpi-rider-extra summary{cursor:pointer;padding:8px 0}.kpi-view .kpi-range-row .btn{height:34px}.kpi-view .kpi-filters .input{min-height:34px;padding:6px 10px}
.kpi-range-field{display:grid;gap:7px;font-size:13px;color:#52637a}.kpi-range-row{display:flex;gap:10px;align-items:center}.kpi-range-row .schedule-range-nav{display:flex;align-items:center}.kpi-range-row .range-trigger{min-width:250px;white-space:nowrap}.kpi-range-row .btn{height:44px}@media(max-width:600px){.kpi-range-row{flex-wrap:wrap}.kpi-range-row .range-trigger{min-width:0;font-size:12px}.kpi-range-field{max-width:100%}}