body { min-height: 100vh; }
.nav-centered .nav-link { padding-inline: 1rem; border-radius: .5rem; }
.nav-centered .nav-link.active { background: rgba(255,255,255,.12); }
.login-page { display:flex; align-items:center; justify-content:center; min-height:100vh; background:linear-gradient(180deg,#f8fafc,#e9eef5); }
.login-card { width:min(420px,92vw); }
.table-sticky { max-height: 540px; overflow:auto; }
.summary-table-wrap { overflow:auto; }
.summary-table th, .summary-table td { min-width: 118px; text-align:center; vertical-align:middle; }
.summary-table .sticky-col { position: sticky; left: 0; z-index: 2; min-width: 180px; }
.summary-emp-header { font-size: .9rem; }
.summary-count { font-size: 1.1rem; font-weight: 700; }
.summary-ts { font-size: .74rem; color: #6c757d; min-height: 1rem; }
.summary-top1 { background: #f7c6c6 !important; }
.summary-top2 { background: #f7efc6 !important; }
.recommend-top1 > * { background: #e8f6ea !important; }
.recommend-top2 > * { background: #fff8d8 !important; }
.card-header { background: #fff; }
.table > :not(caption) > * > * { padding-top: .6rem; padding-bottom: .6rem; }