.analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.analytics-kpis .value{font-size:27px}
.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.chart-head .sub{margin:5px 0 0}
.trend-chart{display:block;width:100%;height:auto;min-height:220px;overflow:visible}
.chart-label{font:11px Inter,sans-serif;fill:#839589}
.chart-empty{height:220px;display:grid;place-items:center;color:#87988d;font-size:12px;background:#f8faf7;border-radius:12px}
.campaign-bars{display:grid;gap:20px;margin-top:22px}
.bar-row{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(180px,2fr) 95px;gap:18px;align-items:center}
.bar-row b{display:block;font-size:12px}.bar-row small{display:block;color:#89998e;font-size:10px;margin-top:5px}
.bar-row>strong{text-align:right;font-size:11px;color:#496957}
.bar-track{height:12px;background:#edf2ec;border-radius:20px;overflow:hidden}
.bar-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0f6b4b,#b0d84f)}
.analytics-note{font-size:10px;color:#8b9b90;text-align:right;margin-top:14px}
@media(max-width:1160px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:750px){.analytics-kpis{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:1fr}.bar-row>strong{text-align:left}.trend-chart{min-height:170px}}