:root{
  --cf-primary:#0d4d3c;      /* verde cartera */
  --cf-primary-2:#12795e;
  --cf-accent:#e0a800;
  --cf-bg:#f4f6f5;
}
body{ background:var(--cf-bg); }

.app-navbar{ background:linear-gradient(90deg,var(--cf-primary),var(--cf-primary-2)); }
.app-navbar .nav-link.active{ background:rgba(255,255,255,.15); border-radius:.4rem; }

/* Login */
.auth-body{ min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--cf-primary),var(--cf-primary-2)); }
.auth-wrap{ width:100%; max-width:400px; padding:1rem; }
.auth-card{ background:#fff; border-radius:1rem; box-shadow:0 20px 50px rgba(0,0,0,.25); padding:2.2rem; }

/* KPI cards */
.kpi{ border:none; border-radius:.9rem; box-shadow:0 4px 18px rgba(0,0,0,.06); }
.kpi .kpi-val{ font-size:1.6rem; font-weight:700; line-height:1.1; }
.kpi .kpi-lbl{ color:#6c757d; font-size:.8rem; text-transform:uppercase; letter-spacing:.03em; }
.kpi .bi{ font-size:1.7rem; opacity:.35; }

.card{ border:none; border-radius:.8rem; box-shadow:0 3px 14px rgba(0,0,0,.05); }
.card-header{ background:#fff; border-bottom:1px solid #eef0ef; font-weight:600; }

.badge-mora-0{ background:#198754; }
.badge-mora-1{ background:#ffc107; color:#333; }
.badge-mora-2{ background:#fd7e14; }
.badge-mora-3{ background:#dc3545; }

.table-cartera td, .table-cartera th{ vertical-align:middle; }
.saldo{ font-variant-numeric:tabular-nums; font-weight:600; }
.text-mono{ font-variant-numeric:tabular-nums; }

.var-chip{ cursor:pointer; }
.aging-bar{ height:10px; border-radius:6px; background:#e9ecef; overflow:hidden; }
.aging-bar > span{ display:block; height:100%; }