.chart-widget[data-v-84f5d5f4]{
  height:100%;
  min-height:300px;
  width:100%;
}
.chart[data-v-84f5d5f4]{
  height:350px;
  width:100%;
}

.comparison-toggle[data-v-f6716edf]{
  margin-bottom:16px;
}
.toggle-header[data-v-f6716edf]{
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:12px 16px;
}
.toggle-header[data-v-f6716edf],.toggle-switch[data-v-f6716edf]{
  align-items:center;
  display:flex;
}
.toggle-switch[data-v-f6716edf]{
  cursor:pointer;
  gap:12px;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.toggle-switch input[type=checkbox][data-v-f6716edf]{
  height:0;
  opacity:0;
  position:absolute;
  width:0;
}
.slider[data-v-f6716edf]{
  background-color:#cbd5e1;
  border-radius:24px;
  height:24px;
  position:relative;
  transition:background-color .3s ease;
  width:44px;
}
.slider[data-v-f6716edf]:before{
  background-color:#fff;
  border-radius:50%;
  box-shadow:0 2px 4px rgba(0,0,0,.2);
  content:"";
  height:18px;
  left:3px;
  position:absolute;
  top:3px;
  transition:transform .3s ease;
  width:18px;
}
.toggle-switch input:checked+.slider[data-v-f6716edf]{
  background-color:#3b82f6;
}
.toggle-switch input:checked+.slider[data-v-f6716edf]:before{
  transform:translateX(20px);
}
.toggle-switch input:focus+.slider[data-v-f6716edf]{
  box-shadow:0 0 0 3px rgba(59,130,246,.2);
}
.toggle-label[data-v-f6716edf]{
  color:#1f2937;
  font-size:14px;
  font-weight:600;
}
.model-selectors[data-v-f6716edf]{
  align-items:flex-end;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:0 0 8px 8px;
  border-top:none;
  display:flex;
  gap:16px;
  padding:16px;
}
.model-selector-group[data-v-f6716edf]{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:8px;
}
.model-label[data-v-f6716edf]{
  color:#6b7280;
  font-size:12px;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.model-select[data-v-f6716edf]{
  background:#fff;
  border:2px solid #d1d5db;
  border-radius:6px;
  cursor:pointer;
  font-size:14px;
  font-weight:500;
  padding:10px 12px;
  transition:all .2s ease;
}
.model-select[data-v-f6716edf]:focus,.model-select[data-v-f6716edf]:hover{
  border-color:#3b82f6;
}
.model-select[data-v-f6716edf]:focus{
  box-shadow:0 0 0 3px rgba(59,130,246,.1);
  outline:none;
}
.model-a[data-v-f6716edf]{
  border-color:#3b82f6;
  color:#3b82f6;
}
.model-a[data-v-f6716edf]:focus,.model-a[data-v-f6716edf]:hover{
  background:rgba(59,130,246,.05);
  border-color:#2563eb;
}
.model-b[data-v-f6716edf]{
  border-color:#f97316;
  color:#f97316;
}
.model-b[data-v-f6716edf]:focus,.model-b[data-v-f6716edf]:hover{
  background:rgba(249,115,22,.05);
  border-color:#ea580c;
}
.model-select[data-v-f6716edf]:disabled{
  cursor:not-allowed;
  opacity:.5;
}
.vs-indicator[data-v-f6716edf]{
  align-items:center;
  background:linear-gradient(135deg, #f0f9ff, #fef3c7);
  border:2px solid #e5e7eb;
  border-radius:8px;
  color:#1f2937;
  display:flex;
  flex-direction:column;
  font-size:14px;
  font-weight:700;
  gap:4px;
  min-width:60px;
  padding:8px 12px;
}
.vs-icon[data-v-f6716edf]{
  color:#6b7280;
  height:20px;
  width:20px;
}
.expand-enter-active[data-v-f6716edf],.expand-leave-active[data-v-f6716edf]{
  overflow:hidden;
  transition:all .3s ease;
}
.expand-enter-from[data-v-f6716edf]{
  max-height:0;
  opacity:0;
  transform:translateY(-10px);
}
.expand-enter-to[data-v-f6716edf],.expand-leave-from[data-v-f6716edf]{
  max-height:200px;
  opacity:1;
  transform:translateY(0);
}
.expand-leave-to[data-v-f6716edf]{
  max-height:0;
  opacity:0;
  transform:translateY(-10px);
}

.attribution-insights[data-v-f3f2a980]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:8px;
  margin-top:16px;
  padding:20px;
}
.insights-header[data-v-f3f2a980]{
  align-items:center;
  border-bottom:2px solid #e5e7eb;
  display:flex;
  gap:10px;
  margin-bottom:16px;
  padding-bottom:12px;
}
.header-icon[data-v-f3f2a980]{
  color:#3b82f6;
  height:24px;
  width:24px;
}
.header-title[data-v-f3f2a980]{
  color:#1f2937;
  font-size:16px;
  font-weight:700;
  margin:0;
}
.comparison-summary[data-v-f3f2a980]{
  align-items:center;
  background:linear-gradient(135deg, #f0f9ff, #fef3c7);
  border-radius:8px;
  display:flex;
  gap:16px;
  justify-content:center;
  margin-bottom:20px;
  padding:16px;
}
.model-badge[data-v-f3f2a980]{
  border-radius:6px;
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:8px 16px;
}
.model-a[data-v-f3f2a980]{
  background:linear-gradient(135deg, #3b82f6, #2563eb);
}
.model-b[data-v-f3f2a980]{
  background:linear-gradient(135deg, #f97316, #ea580c);
}
.arrow-icon[data-v-f3f2a980]{
  color:#6b7280;
  height:24px;
  width:24px;
}
.insights-content[data-v-f3f2a980]{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.insight-section[data-v-f3f2a980]{
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:16px;
}
.winners[data-v-f3f2a980]{
  background:linear-gradient(135deg, #ecfdf5, #d1fae5);
  border-color:#a7f3d0;
}
.losers[data-v-f3f2a980]{
  background:linear-gradient(135deg, #fef2f2, #fee2e2);
  border-color:#fecaca;
}
.section-header[data-v-f3f2a980]{
  align-items:center;
  display:flex;
  gap:8px;
  margin-bottom:12px;
}
.section-icon[data-v-f3f2a980]{
  height:20px;
  width:20px;
}
.winners .section-icon[data-v-f3f2a980]{
  color:#10b981;
}
.losers .section-icon[data-v-f3f2a980]{
  color:#ef4444;
}
.section-title[data-v-f3f2a980]{
  color:#1f2937;
  flex:1;
  font-size:14px;
  font-weight:700;
  margin:0;
}
.section-count[data-v-f3f2a980]{
  background:hsla(0,0%,100%,.8);
  border-radius:12px;
  color:#6b7280;
  font-size:12px;
  font-weight:600;
  padding:2px 8px;
}
.items-list[data-v-f3f2a980]{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.insight-item[data-v-f3f2a980]{
  background:#fff;
  border:1px solid rgba(0,0,0,.05);
  border-radius:6px;
  gap:12px;
  padding:10px 12px;
}
.insight-item[data-v-f3f2a980],.item-rank[data-v-f3f2a980]{
  align-items:center;
  display:flex;
}
.item-rank[data-v-f3f2a980]{
  background:#f3f4f6;
  border-radius:50%;
  color:#6b7280;
  font-size:12px;
  font-weight:700;
  height:24px;
  justify-content:center;
  width:24px;
}
.item-info[data-v-f3f2a980]{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:4px;
}
.item-name[data-v-f3f2a980]{
  color:#1f2937;
  font-size:13px;
  font-weight:600;
}
.item-values[data-v-f3f2a980]{
  align-items:center;
  display:flex;
  font-size:12px;
  gap:6px;
}
.value-a[data-v-f3f2a980]{
  color:#3b82f6;
  font-weight:600;
}
.value-b[data-v-f3f2a980]{
  color:#f97316;
  font-weight:600;
}
.arrow-small[data-v-f3f2a980]{
  color:#9ca3af;
  height:14px;
  width:14px;
}
.item-delta[data-v-f3f2a980]{
  align-items:center;
  border-radius:4px;
  display:flex;
  font-size:12px;
  font-weight:700;
  gap:4px;
  padding:4px 10px;
}
.item-delta.positive[data-v-f3f2a980]{
  background:rgba(16,185,129,.15);
  color:#059669;
}
.item-delta.negative[data-v-f3f2a980]{
  background:rgba(239,68,68,.15);
  color:#dc2626;
}
.delta-icon[data-v-f3f2a980]{
  height:14px;
  width:14px;
}
.delta-value[data-v-f3f2a980]{
  font-variant-numeric:tabular-nums;
}
.recommendation[data-v-f3f2a980]{
  align-items:flex-start;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  border-left:4px solid #3b82f6;
  border-radius:6px;
  display:flex;
  gap:12px;
  padding:16px;
}
.recommendation-icon[data-v-f3f2a980]{
  color:#3b82f6;
  flex-shrink:0;
  height:20px;
  margin-top:2px;
  width:20px;
}
.recommendation-text[data-v-f3f2a980]{
  color:#1e40af;
  font-size:13px;
  line-height:1.6;
  margin:0;
}

.attribution-comparison-widget[data-v-7f915a78]{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:450px;
  width:100%;
}
.comparison-content[data-v-7f915a78]{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:16px;
}
.chart[data-v-7f915a78]{
  flex:1;
  min-height:350px;
  width:100%;
}
.empty-state[data-v-7f915a78]{
  align-items:center;
  background:linear-gradient(135deg, #f9fafb, #f3f4f6);
  border:2px dashed #d1d5db;
  border-radius:12px;
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:center;
  margin-top:16px;
  padding:48px 24px;
}
.empty-icon[data-v-7f915a78]{
  color:#9ca3af;
  height:72px;
  margin-bottom:20px;
  width:72px;
}
.empty-title[data-v-7f915a78]{
  color:#1f2937;
  font-size:18px;
  font-weight:700;
  margin:0 0 8px;
}
.empty-text[data-v-7f915a78]{
  color:#6b7280;
  font-size:14px;
  line-height:1.6;
  margin:0;
  max-width:400px;
  text-align:center;
}

.virtualized-attribution-table[data-v-0aedb77a]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:8px;
  overflow:hidden;
  position:relative;
}
.table-header[data-v-0aedb77a]{
  background:linear-gradient(135deg, #f0f4ff, #fff);
  border-bottom:2px solid #e5e7eb;
  z-index:10;
}
.table-header.sticky[data-v-0aedb77a]{
  position:sticky;
  top:0;
}
.header-row[data-v-0aedb77a]{
  min-height:40px;
  padding:0 1rem;
}
.header-cell[data-v-0aedb77a],.header-row[data-v-0aedb77a]{
  align-items:center;
  display:flex;
}
.header-cell[data-v-0aedb77a]{
  color:#264ab3;
  cursor:pointer;
  font-size:.875rem;
  font-weight:600;
  gap:.5rem;
  padding:.5rem;
  transition:all .2s;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.header-cell[data-v-0aedb77a]:hover{
  color:#1e3a8a;
}
.header-label[data-v-0aedb77a]{
  flex:1;
}
.sort-indicator[data-v-0aedb77a]{
  color:#6d8ed5;
  font-size:.75rem;
}
.table-body[data-v-0aedb77a]{
  overflow-x:hidden;
  overflow-y:auto;
  position:relative;
}
.scroll-spacer[data-v-0aedb77a]{
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:1px;
}
.visible-rows[data-v-0aedb77a]{
  position:relative;
  width:100%;
}
.table-row[data-v-0aedb77a]{
  align-items:center;
  border-bottom:1px solid #f0f4ff;
  display:flex;
  padding:0 1rem;
  transition:background-color .15s;
}
.table-row.row-hover[data-v-0aedb77a],.table-row[data-v-0aedb77a]:hover{
  background:#f9fafb;
}
.table-cell[data-v-0aedb77a]{
  color:#374151;
  font-size:.875rem;
  overflow:hidden;
  padding:.5rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.table-footer[data-v-0aedb77a]{
  align-items:center;
  background:#f9fafb;
  border-top:1px solid #e5e7eb;
  display:flex;
  justify-content:space-between;
  padding:.75rem 1rem;
}
.footer-stats[data-v-0aedb77a]{
  display:flex;
  gap:1.5rem;
}
.stat[data-v-0aedb77a]{
  color:#6b7280;
  font-size:.75rem;
}
.scroll-controls[data-v-0aedb77a]{
  display:flex;
  gap:.5rem;
}
.scroll-btn[data-v-0aedb77a]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:4px;
  cursor:pointer;
  font-size:.75rem;
  padding:.25rem .75rem;
  transition:all .2s;
}
.scroll-btn[data-v-0aedb77a]:hover:not(:disabled){
  background:#f3f4f6;
  border-color:#6366f1;
}
.scroll-btn[data-v-0aedb77a]:disabled{
  cursor:not-allowed;
  opacity:.5;
}
.loading-overlay[data-v-0aedb77a]{
  align-items:center;
  background:hsla(0,0%,100%,.9);
  display:flex;
  flex-direction:column;
  inset:0;
  justify-content:center;
  position:absolute;
  z-index:20;
}
.spinner[data-v-0aedb77a]{
  animation:spin-0aedb77a 1s linear infinite;
  border:4px solid #e5e7eb;
  border-radius:50%;
  border-top-color:#6366f1;
  height:40px;
  width:40px;
}
@keyframes spin-0aedb77a{
to{
    transform:rotate(1turn);
}
}
.empty-state[data-v-0aedb77a]{
  color:#9ca3af;
  padding:3rem;
  text-align:center;
}
.table-body[data-v-0aedb77a]::-webkit-scrollbar{
  width:8px;
}
.table-body[data-v-0aedb77a]::-webkit-scrollbar-track{
  background:#f3f4f6;
}
.table-body[data-v-0aedb77a]::-webkit-scrollbar-thumb{
  background:#d1d5db;
  border-radius:4px;
}
.table-body[data-v-0aedb77a]::-webkit-scrollbar-thumb:hover{
  background:#9ca3af;
}

.model-comparator[data-v-bb245073]{
  gap:1.5rem;
}
.comparator-header[data-v-bb245073],.model-comparator[data-v-bb245073]{
  display:flex;
  flex-direction:column;
}
.comparator-header[data-v-bb245073]{
  gap:1rem;
}
.comparator-title[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1.25rem;
  font-weight:600;
  margin:0;
}
.model-selectors[data-v-bb245073]{
  align-items:flex-end;
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}
.model-selector[data-v-bb245073]{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:.25rem;
  min-width:150px;
}
.model-selector label[data-v-bb245073]{
  color:#64748b;
  font-size:.875rem;
  font-weight:500;
}
.model-selector select[data-v-bb245073]{
  background:#fff;
  border:1px solid #cbd5e1;
  border-radius:6px;
  cursor:pointer;
  font-size:.875rem;
  padding:.5rem;
  transition:all .2s;
}
.model-selector select[data-v-bb245073]:hover{
  border-color:#3b82f6;
}
.toggle-count-btn[data-v-bb245073]{
  align-items:center;
  background:#f1f5f9;
  border:1px solid #cbd5e1;
  border-radius:6px;
  color:#475569;
  cursor:pointer;
  display:flex;
  font-size:.875rem;
  font-weight:500;
  gap:.5rem;
  padding:.5rem 1rem;
  transition:all .2s;
}
.toggle-count-btn[data-v-bb245073]:hover{
  background:#e2e8f0;
  border-color:#94a3b8;
}
.charts-grid[data-v-bb245073]{
  display:grid;
  gap:1.5rem;
}
.charts-grid.grid-2[data-v-bb245073]{
  grid-template-columns:repeat(2, 1fr);
}
.charts-grid.grid-3[data-v-bb245073]{
  grid-template-columns:repeat(3, 1fr);
}
.charts-grid.grid-4[data-v-bb245073]{
  grid-template-columns:repeat(2, 1fr);
}
.chart-card[data-v-bb245073]{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:1rem;
}
.chart-header[data-v-bb245073]{
  align-items:center;
  display:flex;
  justify-content:space-between;
}
.chart-header h4[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1rem;
  font-weight:600;
  margin:0;
}
.model-badge[data-v-bb245073]{
  align-items:center;
  border-radius:50%;
  color:#fff;
  display:flex;
  font-size:.75rem;
  font-weight:700;
  height:24px;
  justify-content:center;
  width:24px;
}
.chart-content[data-v-bb245073]{
  min-height:200px;
}
.chart-stats[data-v-bb245073]{
  border-top:1px solid #e2e8f0;
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(2, 1fr);
  padding-top:1rem;
}
.stat[data-v-bb245073]{
  display:flex;
  flex-direction:column;
  gap:.25rem;
}
.stat-label[data-v-bb245073]{
  color:#64748b;
  font-size:.75rem;
}
.stat-value[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1rem;
  font-weight:600;
}
.analysis-panel[data-v-bb245073]{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  padding:1.5rem;
}
.analysis-title[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1.125rem;
  font-weight:600;
  margin:0;
}
.lift-table-container[data-v-bb245073]{
  overflow-x:auto;
}
.lift-table[data-v-bb245073]{
  border-collapse:collapse;
  font-size:.875rem;
  width:100%;
}
.lift-table th[data-v-bb245073]{
  background:#1e3a8a;
  color:#fff;
  font-weight:600;
  padding:.75rem;
  text-align:left;
  white-space:nowrap;
}
.lift-table td[data-v-bb245073]{
  border-bottom:1px solid #e2e8f0;
  padding:.75rem;
}
.lift-table tbody tr[data-v-bb245073]:hover{
  background:#f1f5f9;
}
.channel-name[data-v-bb245073]{
  color:#1e3a8a;
  font-weight:500;
}
.lift-high[data-v-bb245073]{
  background:#dcfce7;
  color:#16a34a;
}
.lift-low[data-v-bb245073]{
  background:#fee2e2;
  color:#dc2626;
}
.lift-neutral[data-v-bb245073]{
  color:#64748b;
}
.lift-indicator[data-v-bb245073]{
  font-weight:700;
  margin-left:.25rem;
}
.variance-analysis h5[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1rem;
  font-weight:600;
  margin:0 0 1rem;
}
.variance-metrics[data-v-bb245073]{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(2, 1fr);
}
.variance-metric[data-v-bb245073]{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:1rem;
}
.metric-label[data-v-bb245073]{
  color:#64748b;
  font-size:.875rem;
}
.metric-value[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1.5rem;
  font-weight:700;
}
.metric-indicator[data-v-bb245073]{
  align-self:flex-start;
  border-radius:4px;
  font-size:.75rem;
  font-weight:600;
  padding:.25rem .5rem;
}
.metric-indicator.low[data-v-bb245073]{
  background:#dcfce7;
  color:#16a34a;
}
.metric-indicator.medium[data-v-bb245073]{
  background:#fef3c7;
  color:#ca8a04;
}
.metric-indicator.high[data-v-bb245073]{
  background:#fee2e2;
  color:#dc2626;
}
.recommendations-section h5[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1rem;
  font-weight:600;
  margin:0 0 1rem;
}
.recommendation-card[data-v-bb245073]{
  background:#fff;
  border:2px solid #10b981;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding:1.5rem;
}
.recommendation-header[data-v-bb245073]{
  align-items:center;
  display:flex;
  gap:.75rem;
}
.recommended-badge[data-v-bb245073]{
  background:#10b981;
  border-radius:4px;
  color:#fff;
  font-size:.625rem;
  font-weight:700;
  padding:.25rem .5rem;
}
.recommendation-header strong[data-v-bb245073]{
  color:#1e3a8a;
  font-size:1.125rem;
}
.recommendation-reason[data-v-bb245073]{
  color:#475569;
  line-height:1.6;
  margin:0;
}
.recommendation-confidence[data-v-bb245073]{
  align-items:center;
  display:flex;
  gap:1rem;
}
.confidence-label[data-v-bb245073]{
  color:#64748b;
  font-size:.875rem;
  font-weight:500;
}
.confidence-bar[data-v-bb245073]{
  background:#e2e8f0;
  border-radius:4px;
  flex:1;
  height:8px;
  overflow:hidden;
}
.confidence-fill[data-v-bb245073]{
  height:100%;
  transition:width .3s;
}
.confidence-fill.confidence-low[data-v-bb245073]{
  background:#f59e0b;
}
.confidence-fill.confidence-medium[data-v-bb245073]{
  background:#3b82f6;
}
.confidence-fill.confidence-high[data-v-bb245073]{
  background:#10b981;
}
.confidence-text[data-v-bb245073]{
  color:#1e3a8a;
  font-size:.875rem;
  font-weight:600;
}
@media (max-width:1024px){
.charts-grid.grid-3[data-v-bb245073],.charts-grid.grid-4[data-v-bb245073]{
    grid-template-columns:repeat(2, 1fr);
}
}
@media (max-width:640px){
.charts-grid[data-v-bb245073]{
    grid-template-columns:1fr !important;
}
.variance-metrics[data-v-bb245073]{
    grid-template-columns:1fr;
}
}