:root { --sd-sidebar: 230px; }
body { background: var(--bs-tertiary-bg); }
.sd-sidebar { width: var(--sd-sidebar); min-height: calc(100vh - 56px); }
.sd-sidebar .nav-link { color: var(--bs-body-color); border-radius: .375rem; }
.sd-sidebar .nav-link.active, .sd-sidebar .nav-link:hover { background: var(--bs-secondary-bg); }
.sd-sidebar .nav-link i { width: 1.4rem; display: inline-block; }
.sd-auth { max-width: 420px; margin: 8vh auto; }
.sd-mono { font-family: var(--bs-font-monospace); font-size: .8rem; }
@media (max-width: 767.98px) { .sd-sidebar { width: 100%; min-height: auto; } }