.marketing-period{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0}.marketing-period label{display:grid;gap:6px;font-size:13px}.marketing-period input{min-width:130px;width:100%}.marketing-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0}.marketing-metric{display:grid;gap:9px;background:var(--card,#fff);border:1px solid #e2e7e4;border-radius:12px;padding:20px}.marketing-metric strong{font-size:30px}.marketing-metric small{color:#5f6c66}.marketing-charts,.marketing-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.marketing-chart svg{display:block;width:100%;height:auto;min-height:120px}.chart-bar{fill:var(--button-color,#173b38)}.chart-axis{stroke:#d7dfdb;stroke-width:1}.marketing-chart text{font-family:Arial,sans-serif;font-size:12px;fill:var(--body-text,#173b38)}.marketing-table-wrap{overflow:auto;max-height:420px}.marketing-table-wrap table{width:100%;border-collapse:collapse;font-size:14px}.marketing-table-wrap td,.marketing-table-wrap th{text-align:left;padding:10px;border-bottom:1px solid #e2e7e4;overflow-wrap:anywhere}.marketing-table-wrap th{position:sticky;top:0;background:var(--card,#fff)}.marketing-tables .panel,.marketing-charts .panel{min-width:0;margin:0 0 18px}@media(max-width:850px){.marketing-charts,.marketing-tables{grid-template-columns:1fr}.marketing-period label{flex:1 1 140px}}