html, body { height: 100%; }
body { overflow: hidden; }
.sidebar { width: 260px; min-height: calc(100vh - 56px); position: sticky; top: 56px; flex: 0 0 260px; }
.content { min-height: calc(100vh - 56px); flex: 1 1 auto; min-width: 0; }
.card-metric { border-left: 4px solid var(--bs-primary); }
.table thead th { white-space: nowrap; }
.code { background: #0b1021; color: #d1d5db; padding: 12px; border-radius: .5rem; }
.table-fixed { max-height: 520px; min-height: 360px; overflow: auto; }
.pager { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; }
.pager .btn-group { flex-wrap: wrap; }
.app-main { height: calc(100vh - 56px); overflow: hidden; padding: 0 !important; }
#content-frame { width: 100%; height: 100%; border: 0; display: block; }