:root {
  --bg:#0f172a; --card:#111827; --fg:#e5e7eb; --muted:#9ca3af;
  --accent:#22c55e; --accent2:#3b82f6; --line:#1f2937;
}
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--bg); color:var(--fg); }
.wrap { max-width:440px; margin:0 auto; padding:24px 20px 40px; min-height:100vh;
  display:flex; flex-direction:column; }
.brand { text-align:center; font-weight:800; letter-spacing:1px; color:var(--muted);
  margin-bottom:20px; text-transform:uppercase; font-size:13px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; }
h1 { font-size:22px; margin:0 0 8px; }
.note { color:var(--muted); margin:0 0 20px; line-height:1.5; }
.meta { color:var(--muted); font-size:14px; margin:2px 0; }
.btn { display:block; width:100%; text-align:center; padding:14px; border-radius:12px;
  font-weight:600; text-decoration:none; margin-bottom:12px; border:none; font-size:16px; cursor:pointer; }
.btn-call { background:var(--accent); color:#052e16; }
.btn-wa { background:#25D366; color:#052e16; }
.btn-save { background:var(--accent2); color:#fff; }
.btn-grey { background:#374151; color:#fff; }
label { display:block; font-size:13px; color:var(--muted); margin:12px 0 4px; }
.field { width:100%; padding:12px; border-radius:10px; border:1px solid #374151;
  background:#0b1220; color:var(--fg); font-size:16px; }
textarea.field { resize:vertical; }
.footer { text-align:center; color:var(--muted); font-size:12px; margin-top:auto; padding-top:24px; }

/* --- dashboard + auth --- */
.wrap-wide { max-width:760px; }
.nav { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.nav .links a, .nav .links button { color:var(--fg); text-decoration:none; margin-left:16px;
  background:none; border:none; cursor:pointer; font-size:14px; }
.nav .logo { font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--muted); font-size:14px; }
h2 { font-size:18px; margin:0 0 12px; }
.msg { background:#052e16; color:#bbf7d0; border:1px solid #14532d; padding:10px 14px;
  border-radius:10px; margin-bottom:16px; font-size:14px; }
.err { background:#3b0d0d; color:#fecaca; border:1px solid #7f1d1d; padding:10px 14px;
  border-radius:10px; margin-bottom:16px; font-size:14px; }
.tbl { width:100%; border-collapse:collapse; font-size:14px; }
.tbl th, .tbl td { text-align:left; padding:10px 8px; border-bottom:1px solid var(--line); }
.tbl th { color:var(--muted); font-weight:600; }
.pill { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; }
.pill-active { background:#052e16; color:#4ade80; }
.pill-disabled { background:#3b0d0d; color:#f87171; }
.pill-reach { background:#0b2a4a; color:#7dd3fc; }
.pill-card { background:#2a1747; color:#c4b5fd; }
.actions a, .actions button { color:var(--accent); text-decoration:none; margin-right:10px;
  background:none; border:none; cursor:pointer; font-size:13px; padding:0; }
.link { color:var(--accent); }
.muted { color:var(--muted); font-size:13px; }
.toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; gap:12px; }
.check { display:flex; align-items:center; gap:8px; margin:12px 0; }
.check input { width:18px; height:18px; }