:root {
  --bg: #f6f7fb;
  --panel: #ffffff;
  --line: #d9dee8;
}

body {
  background: var(--bg);
}

.auth-shell {
  min-height: 90vh;
  display: grid;
  place-items: center;
}

.auth-card {
  width: min(420px, 92vw);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(20, 31, 58, 0.08);
}

.panel,
.metric {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
}

.metric span {
  display: block;
  color: #667085;
  font-size: 0.85rem;
}

.metric strong {
  font-size: 2rem;
}

.editor {
  min-height: 260px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.campaign-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}