body { font-size: .925rem; background: var(--bs-tertiary-bg); }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 1rem; }
.login-form { width: min(100%, 420px); }
.card { border: 0; }
.sidebar { min-height: 100vh; }
.sidebar .nav-link { color: rgba(255,255,255,.78); }
.sidebar .nav-link:hover, .sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,.12); }
.sidebar .nav-link i { width: 1.5rem; display: inline-block; }
main { min-width: 0; }
canvas { min-height: 280px; }
@media (min-width: 768px) {
    .sidebar { position: fixed; inset: 0 auto 0 0; width: 25%; }
}
@media (min-width: 992px) {
    .sidebar { width: 16.666667%; }
}
@media (prefers-color-scheme: dark) {
    :root:not([data-bs-theme="light"]) { color-scheme: dark; }
}