:root {
  --brand-dark: #111827;
  --brand-accent: #2563eb;
}
body { background: #f5f6f8; }
.app-navbar { background: var(--brand-dark) !important; }
.auth-wrap {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-card {
  max-width: 420px;
  width: 100%;
}
.badge-secondary { background: #6b7280; }
.badge-info { background: #0891b2; }
.badge-warning { background: #d97706; }
.badge-primary { background: #2563eb; }
.badge-success { background: #16a34a; }
.badge-danger { background: #dc2626; }
.badge { color: #fff; font-weight: 500; padding: .35em .65em; }
.stat-card { border-radius: 12px; }
.stat-card .stat-num { font-size: 1.9rem; font-weight: 700; }
.clause-row { border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px; margin-bottom: 12px; background: #fff; }
.clause-row .drag-handle { cursor: grab; color: #9ca3af; }
.timeline { list-style: none; padding-left: 0; }
.timeline li { border-left: 2px solid #e5e7eb; padding: 0 0 16px 16px; position: relative; }
.timeline li::before {
  content: '';
  position: absolute;
  left: -6px; top: 2px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--brand-accent);
}
.letterhead-preview, .signature-preview { max-width: 100%; border: 1px dashed #d1d5db; padding: 8px; border-radius: 8px; background: #fff; }