.sterna-sidebar {
  width: 250px;
  background: var(--brand-white);
  border-right: 1px solid var(--brand-border);
}
.sidebar-link {
  color: var(--brand-text);
  &:hover { background: var(--brand-gray-light); }
  &--active {
    background: var(--brand-red-light);
    color: var(--brand-red);
    font-weight: 600;
  }
}
.sterna-topbar {
  background: var(--brand-white);
  border-bottom: 1px solid var(--brand-border);
}
@media (max-width: 991.98px) {
  .sterna-sidebar {
    position: fixed; inset: 0 auto 0 0; z-index: 1045;
    transform: translateX(-100%); transition: transform .2s ease;
  }
  .sterna-sidebar.is-open { transform: translateX(0); }
}
