:root {
  --brand: #1877f2;
  --brand-dark: #0a4bb3;
  --ig: #c13584;
  --ink: #1c2b41;
}
body { color: var(--ink); }
.app-nav { background: linear-gradient(90deg, var(--brand), #7a3fb0); }
.card { border: none; border-radius: 14px; box-shadow: 0 2px 12px rgba(20,40,80,.06); }
.stat-card .num { font-size: 2rem; font-weight: 700; line-height: 1; }
.stat-card .lbl { color:#6b7a90; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; }
.btn-brand { background: var(--brand); border-color: var(--brand); color:#fff; }
.btn-brand:hover { background: var(--brand-dark); border-color: var(--brand-dark); color:#fff; }
.auth-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg,#eef4ff,#fbeef7); }
.auth-card { width:100%; max-width:400px; }
.badge-new { background:#eaf2ff; color:var(--brand); }
.badge-replied { background:#e6f7ee; color:#1a9d5a; }
.badge-hidden { background:#fdeaea; color:#d0342c; }
.badge-skipped { background:#eef0f3; color:#77839a; }
.pill-fb { background:#eaf2ff; color:var(--brand); border-radius:20px; padding:2px 10px; font-size:.75rem; }
.pill-ig { background:#fbeaf4; color:var(--ig); border-radius:20px; padding:2px 10px; font-size:.75rem; }
.comment-msg { max-width:460px; }
.mono { font-family: ui-monospace, Menlo, monospace; font-size:.8rem; }