:root{
  --pr-green:#0a7d34;
  --pr-green-dark:#075c26;
  --pr-red:#b8232f;
  --pr-ink:#1f2937;
}
body{background:#f4f6f8;color:var(--pr-ink);}
.app-navbar{background:linear-gradient(90deg,var(--pr-green-dark),var(--pr-green));}
.app-navbar .navbar-brand{letter-spacing:.3px;}
.card{border:none;box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:.6rem;}
.card-header{background:#fff;border-bottom:2px solid #eef1f4;font-weight:600;}
.stat-card{border-left:4px solid var(--pr-green);}
.stat-card .stat-value{font-size:1.6rem;font-weight:700;}
.stat-card .stat-label{color:#6b7280;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;}
.btn-primary{background:var(--pr-green);border-color:var(--pr-green);}
.btn-primary:hover{background:var(--pr-green-dark);border-color:var(--pr-green-dark);}
.table thead th{background:#f1f4f7;font-size:.82rem;text-transform:uppercase;letter-spacing:.3px;color:#4b5563;}
.table-sm td,.table-sm th{padding:.4rem .6rem;}
.login-wrap{max-width:400px;margin:6vh auto;}
.login-logo{font-size:2.4rem;color:var(--pr-green);}
.money{text-align:right;font-variant-numeric:tabular-nums;}
.payslip{max-width:800px;margin:0 auto;background:#fff;padding:32px;}
@media print{.no-print{display:none!important;}body{background:#fff;}}