.campaign-metrics[data-v-56766ebf]{padding:24px;background:#f5f6fa;min-height:calc(100vh - 60px)}.campaign-metrics__header[data-v-56766ebf]{margin-bottom:24px}[data-v-56766ebf] .back-arrow{color:#fece2f;background-color:#000;border-radius:15px;cursor:pointer}.cursor-pointer[data-v-56766ebf]{cursor:pointer}.page-title[data-v-56766ebf]{font-size:24px;font-weight:600;color:#000;margin:0}.page-subtitle[data-v-56766ebf]{font-size:14px;color:#666;margin:4px 0 0 0}.filter-group[data-v-56766ebf]{display:flex;flex-direction:column;margin-left:16px}.filter-label[data-v-56766ebf]{font-size:12px;font-weight:600;color:#000;margin-bottom:4px}.filter-select[data-v-56766ebf]{min-width:180px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px}.metrics-content[data-v-56766ebf]{display:flex;flex-direction:column;gap:24px}.metrics-cards[data-v-56766ebf]{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.metric-card[data-v-56766ebf]{background:#fff;padding:12px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);height:120px}.metric-value[data-v-56766ebf]{font-size:28px;font-weight:700;color:#23201c;margin-bottom:8px}.metric-label[data-v-56766ebf]{font-size:15px;color:#525252;margin-bottom:8px;font-weight:700}.metric-percentage[data-v-56766ebf]{font-size:15px;color:#525252}.metric-percentage span[data-v-56766ebf]{font-weight:700;font-size:15px;color:#000}.metric-percentage.success[data-v-56766ebf]{color:#34c38f}.metric-percentage.info[data-v-56766ebf]{color:#50a5f1}.metric-percentage.danger[data-v-56766ebf]{color:#f46a6a}.charts-row[data-v-56766ebf]{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.chart-card[data-v-56766ebf]{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);grid-column:span 2;height:200px}.chart-card-large[data-v-56766ebf]{grid-column:span 3;height:200px}.chart-title[data-v-56766ebf]{font-size:16px;font-weight:600;color:#000;margin-bottom:12px}.chart-container-dona[data-v-56766ebf],.chart-container-line[data-v-56766ebf]{position:relative;height:120px}.variants-table-card[data-v-56766ebf]{background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.variants-table[data-v-56766ebf]{margin-top:16px;margin-bottom:0}[data-v-56766ebf] .variants-table thead th{background-color:#dddde1!important;color:#525252!important;font-weight:600;font-size:14px;border:none!important;padding:12px 16px!important;text-align:left!important}[data-v-56766ebf] .variants-table tbody td{padding:12px 16px!important;vertical-align:middle!important;font-size:14px;color:#374151;border-top:1px solid #e5e7eb!important;text-align:left!important}[data-v-56766ebf] .variants-table tbody tr{background-color:#fff!important}[data-v-56766ebf] .variants-table tbody tr:hover{background-color:#f9fafb!important}.variant-name[data-v-56766ebf]{font-weight:500;color:#111827}.percentage-badge[data-v-56766ebf]{display:inline-block;padding:4px 12px;background-color:#f3f4f6;border-radius:6px;font-weight:500;color:#374151}@media (max-width:1400px){.charts-row[data-v-56766ebf],.metrics-cards[data-v-56766ebf]{grid-template-columns:repeat(3,1fr)}.chart-card[data-v-56766ebf]{grid-column:span 1}.chart-card-large[data-v-56766ebf]{grid-column:span 2}}@media (max-width:992px){.metrics-cards[data-v-56766ebf]{grid-template-columns:repeat(2,1fr)}.charts-row[data-v-56766ebf]{grid-template-columns:1fr}.chart-card-large[data-v-56766ebf],.chart-card[data-v-56766ebf]{grid-column:span 1}}@media (max-width:576px){.metrics-cards[data-v-56766ebf]{grid-template-columns:1fr}.campaign-metrics__header .d-flex[data-v-56766ebf]{flex-direction:column;align-items:flex-start!important}.filter-group[data-v-56766ebf]{margin-left:0;margin-top:12px}}.table-bold[data-v-56766ebf]{font-weight:600;color:#525252}