.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));grid-gap:12px;gap:12px;background:#ffffff;border-radius:12px;padding:24px;margin-bottom:20px}.kpi-card{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:4px 8px}@media (min-width:900px){.kpi-card:not(:first-child){border-left:1px solid #eaecf0;padding-left:20px}}.kpi-label{font-family:DM Sans;font-size:14px;color:#6b7280;letter-spacing:.02em}.kpi-value{font-size:20px;font-weight:700;color:#111827}.kpi-trend{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.kpi-trend--up{color:#16a34a}.kpi-trend--down{color:#ef4444}.kpi-trend .trend-arrow{width:8px;height:8px;display:inline-block;border:solid;border-width:0 2px 2px 0}.kpi-trend .trend-arrow--up{transform:rotate(225deg)}.kpi-trend .trend-arrow--down{transform:rotate(405deg)}@media (max-width:960px){.kpi-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:520px){.kpi-grid{grid-template-columns:1fr}}