.badge{display:inline-block;padding:3px 9px;border-radius:12px;font-size:.78em;font-weight:600;text-transform:uppercase}
.badge.admin{background:#0d2b4e;color:#fff}
.badge.officer{background:#e3ecf8;color:#0d2b4e}
.badge.present{background:#e6f7ec;color:#0a5c31}
.badge.late{background:#fff3d6;color:#8a5c00}
.badge.absent{background:#fde8e8;color:#7a1420}
.badge.completed{background:#e3ecf8;color:#0d2b4e}
.qr-wrap{background:#fff;padding:24px;border-radius:12px;display:inline-block;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:20px 0}
@media print{
  .topnav,footer.foot,.btn{display:none!important}
  body{background:#fff}
}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.badge.draft{background:#eef1f5;color:#5a6b81}
.badge.approved{background:#e6f7ec;color:#0a5c31}
.badge.paid{background:#cfe9ff;color:#0d4d99}
.badge.locked{background:#0d2b4e;color:#fff}
.badge.allowance{background:#e6f7ec;color:#0a5c31}
.badge.bonus{background:#fff3d6;color:#8a5c00}
.badge.deduction{background:#fde8e8;color:#7a1420}

.badge{display:inline-block;padding:3px 9px;border-radius:12px;font-size:.78em;font-weight:600;text-transform:uppercase}
.badge.admin{background:#0d2b4e;color:#fff}
.badge.officer{background:#e3ecf8;color:#0d2b4e}
.badge.present{background:#e6f7ec;color:#0a5c31}
.badge.late{background:#fff3d6;color:#8a5c00}
.badge.absent{background:#fde8e8;color:#7a1420}
.badge.completed{background:#e3ecf8;color:#0d2b4e}
.qr-wrap{background:#fff;padding:24px;border-radius:12px;display:inline-block;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:20px 0}
@media print{
  .topnav,footer.foot,.btn{display:none!important}
  body{background:#fff}
}