.metrics{flex-direction:column;gap:18px;display:flex}.metric-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.metric-range{gap:8px;display:flex}.metric-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.metric-stat,.metric-card{gap:6px;padding:18px}.metric-card h2{margin:0 0 6px;font-size:18px}.metric-label{text-transform:uppercase;letter-spacing:.06em;font-size:13px}.metric-value{font-variant-numeric:tabular-nums;font-size:32px;line-height:1.1}.metric-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.metric-bars li{grid-template-columns:minmax(70px,140px) 1fr;align-items:center;gap:4px 12px;display:grid}.metric-bar-track{background:var(--line);border-radius:6px;height:12px;overflow:hidden}.metric-bar-fill{background:currentColor;border-radius:6px;height:100%;display:block}.metric-bar-value{font-variant-numeric:tabular-nums;grid-column:2;font-size:14px}.metric-downloads{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.kpi-report{flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 32px;display:flex}.kpi-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi-head{flex-direction:column;gap:4px;display:flex}.kpi-table-wrap{background:var(--white);border:1.5px solid var(--line);border-radius:14px;overflow-x:auto}.kpi-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.kpi-table th,.kpi-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:8px 10px}.kpi-table th:nth-child(-n+2),.kpi-table td:nth-child(-n+2),.kpi-table td:last-child,.kpi-table th:last-child{text-align:left}.kpi-table thead th{background:var(--peach);color:var(--peach-text);font-weight:700}.kpi-table tfoot th,.kpi-table tfoot td{border-bottom:0;font-weight:700}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff}.kpi-toolbar{display:none}.kpi-report{max-width:none;padding:0}.kpi-table-wrap{border:0;overflow:visible}.kpi-table{font-size:10px}.kpi-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.kpi-table tr{break-inside:avoid}}
