:root{
  --brand:#0ea5e9;
  --ink:#0f172a;
}
.card-hero{
  background: linear-gradient(135deg, #0ea5e9 0%, #60a5fa 100%);
  color:#fff; border:0; border-radius:20px;
}
.badge-soft{background:rgba(14,165,233,.12);color:#0ea5e9;border:1px solid rgba(14,165,233,.25)}
.code-block{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:16px;font-family:ui-monospace,Menlo,monospace}
.copy-btn{cursor:pointer}
.nav-pills .nav-link{border-radius:12px}
.nav-pills .nav-link.active{background:var(--brand)}
.section-card{border-radius:16px}
.stat-chip{background:rgba(99,102,241,.1); color:#4338ca; border:1px dashed rgba(99,102,241,.35); padding:.25rem .5rem; border-radius:999px; font-size:.85rem}
.progress{height:10px;border-radius:999px}
.admin-skin main .card, .admin-skin .nav-link{border-radius:12px}
.form-help{font-size:.85rem;color:#64748b}