/* no comments per instruction */
:root{--app-bg:#f7f9fc;--app-primary:#2563eb;--app-muted:#6b7280}
body{background:var(--app-bg)}
.login-body{min-height:100vh}
.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:16px}
.login-card{max-width:420px;width:100%;border:1px solid #e5e7eb}
.navbar{border-bottom:1px solid #e5e7eb;background:#fff}
.list-group-item-action{padding:.75rem 1rem}
.table th,.table td{vertical-align:middle}
.is-invalid{border-color:#dc3545}
/* :root{--sidebar-active-bg:#eef5ff;--sidebar-hover-bg:#f8fbff;--sidebar-active-border:#bfdbfe} */
.list-group .list-group-item-action{border:0;border-radius:10px;margin:4px 10px;transition:background-color .15s ease,color .15s ease}
.list-group .list-group-item-action:hover{background:var(--sidebar-hover-bg)}
.list-group .list-group-item-action.active{background:var(--sidebar-active-bg);color:var(--app-primary);font-weight:600;border:1px solid var(--sidebar-active-border)}
.list-group .list-group-item-action.ps-4{margin-left:18px}
/* .list-group .list-group-item-action.ps-4.active{background:#eef5ff;box-shadow:inset 3px 0 0 var(--app-primary)} */
.badge{border-radius:999px;padding:.35rem .6rem;font-weight:600}
.badge.bg-secondary{background-color:#9ca3af}
.badge.bg-warning{background-color:#f59e0b}
.badge.bg-info{background-color:#06b6d4;color:#0b4a5a}
.card{border-radius:12px}
.btn{border-radius:8px}
.table{--bs-table-striped-bg:#f9fafb}
.table thead th{color:var(--app-muted);font-weight:600}