:root {
  --app-bg: #f6f8fb;
  --app-card: #ffffff;
  --app-border: #dce3ea;
  --app-accent: #3ba6d8;
  --app-accent-dark: #1f7fab;
  --app-text: #1f2937;
}
body { background: var(--app-bg); color: var(--app-text); }
.navbar { box-shadow: 0 1px 8px rgba(15, 23, 42, .08); }
.app-card { background: var(--app-card); border: 1px solid var(--app-border); border-radius: 14px; box-shadow: 0 8px 22px rgba(15, 23, 42, .04); }
.app-title { font-weight: 700; letter-spacing: .03em; }
.btn-accent { background: var(--app-accent); border-color: var(--app-accent); color: #fff; }
.btn-accent:hover { background: var(--app-accent-dark); border-color: var(--app-accent-dark); color: #fff; }
.table thead th { background: #eef5f9; border-bottom: 1px solid var(--app-border); white-space: nowrap; }
.required::after { content: ' *'; color: #dc3545; }
.form-hint { color: #64748b; font-size: .875rem; }
.badge-soft { background: #eaf6fb; color: #126b92; }