#view-web-analytics {
  font-family: var(--serif);
  color: var(--ink, #141026);
}
.wan-bar, .wan-filters, .wan-kpis, .wan-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
}
.wan-bar, .wan-filters { margin-bottom: 14px; }
.wan-kpis { margin-bottom: 16px; }
.wan-card, .wan-kpi {
  background: #fff;
  border: 1px solid #E6E2F5;
  border-radius: 14px;
  padding: 14px 16px;
}
.wan-kpi { min-width: 140px; flex: 1; }
.wan-kpi b {
  display: block;
  font-family: var(--mono);
  font-size: 22px;
  letter-spacing: -0.03em;
  background: linear-gradient(90deg, #6655EE, #F048C0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.wan-kpi span, .wan-muted { color: #6E6888; font-size: 12px; }
.wan-delta { font-family: var(--mono); font-size: 11px; color: #6655EE; }
.wan-card { flex: 1; min-width: 280px; margin-bottom: 14px; }
.wan-card h3 { margin: 0 0 8px; font-size: 15px; }
.wan-table-wrap { overflow: auto; }
.wan-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wan-table th, .wan-table td { text-align: left; padding: 7px 8px; border-bottom: 1px solid #F0EDF8; white-space: nowrap; }
.wan-table th { font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: #6E6888; }
.wan-chart { width: 100%; height: 180px; }
.wan-note {
  background: #F7F5FF;
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 13px;
  line-height: 1.45;
}
.wan-funnel { display: flex; gap: 8px; align-items: flex-end; min-height: 120px; }
.wan-funnel div { flex: 1; background: linear-gradient(180deg, #6655EE, #F048C0); border-radius: 8px 8px 0 0; color: #fff; padding: 8px; font-size: 12px; }
.wan-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.wan-actions button, .wan-filters button, .wan-bar button, .wan-spend button {
  border: 1px solid #D9D4EE;
  background: #fff;
  border-radius: 999px;
  padding: 6px 12px;
  font: inherit;
  cursor: pointer;
}
.wan-actions button.is-on, .wan-bar button.is-on { background: #6655EE; color: #fff; border-color: #6655EE; }
.wan-filters label, .wan-spend label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #6E6888; }
.wan-filters select, .wan-filters input, .wan-spend input, .wan-spend select {
  border: 1px solid #D9D4EE;
  border-radius: 8px;
  padding: 6px 8px;
  font: inherit;
}