:root {
  --brand-primary: #7a1f4b;
  --brand-primary-dark: #591536;
  --brand-accent: #f2a900;
  --brand-bg: #f7f5f8;
}
body { background-color: var(--brand-bg); font-family: 'Segoe UI', Roboto, Arial, sans-serif; }
.app-navbar { background: linear-gradient(90deg, var(--brand-primary), var(--brand-primary-dark)); }
.navbar .nav-link { color: rgba(255,255,255,.9); }
.navbar .nav-link:hover { color: #fff; }

.card { border: none; border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.card-header { border-radius: 14px 14px 0 0 !important; font-weight: 600; }

.kpi-card { border-left: 5px solid var(--brand-primary); }
.kpi-card .kpi-value { font-size: 2rem; font-weight: 700; color: var(--brand-primary-dark); }
.kpi-card .kpi-label { color: #777; font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; }

.btn-primary { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.btn-primary:hover { background-color: var(--brand-primary-dark); border-color: var(--brand-primary-dark); }

.login-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
}
.login-card { max-width: 420px; width: 100%; border-radius: 16px; }

.progress { height: 10px; border-radius: 6px; }

.table thead th { background: #f1eef2; font-size: .8rem; text-transform: uppercase; letter-spacing: .03em; }

.badge-area { background: var(--brand-primary); }

.disagg-block { background: #faf8fb; border: 1px solid #eee2ea; border-radius: 10px; padding: 12px 16px; margin-bottom: 12px; }
.disagg-block h6 { color: var(--brand-primary-dark); font-weight: 700; margin-bottom: 10px; }