.analytics-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:24px 0;
}

.metric-card strong {
  display:block;
  margin-top:8px;
  font-size:2rem;
}

.analytics-panel,
.privacy-panel {
  margin-top:18px;
}

.analytics-list {
  display:grid;
  gap:10px;
  margin-top:18px;
}

.analytics-row {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-transform:capitalize;
}

.analytics-row strong {
  color:#f3b8ff;
}

.privacy-panel {
  border:1px solid rgba(220,100,255,.25);
}

@media (max-width:900px) {
  .analytics-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:560px) {
  .analytics-metrics {
    grid-template-columns:1fr;
  }
}