:root {
  --cencor-mark: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAAArCAMAAAADvZf6AAACvlBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////R0gKQAAAA6XRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYoKSorLC0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0hJSktMTU5PUFFSU1RVVldYWVpbXV5fYGFiY2RlZmdoaWprbG9wcnN0dnd6e3x9f4CBgoOEhYeIiYqLjY6PkZKTlZaXmJmbnJ6f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");
  --brand-cyan: #1cadd8;
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --rail: 15rem;
}

.icon-library { position: absolute; overflow: hidden; }
.icon { display: inline-block; width: 1.18rem; height: 1.18rem; flex: none; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }

:is(.signed-in, .modo-saas) .top { background: #fff; border-bottom: 1px solid var(--line); }
:is(.signed-in, .modo-saas) .top-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  max-width: none;
  min-height: 4rem;
  padding: .55rem var(--gutter);
}
.top-context { font-size: .8125rem; font-weight: 650; }
.account { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .75rem; margin-inline-start: auto; max-width: 100%; }
.account-identity { display: grid; min-width: 0; overflow-wrap: anywhere; line-height: 1.35; }
.account-identity strong { font-size: .8125rem; }
.account-identity span { color: var(--muted); font-size: .8125rem; }
.top .account .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 44px;
  padding: .55rem .75rem;
  border-radius: .45rem;
  font-size: .875rem;
  font-weight: 650;
  line-height: 1.3;
}
@media (max-width: 39.999rem) {
  :is(.signed-in, .modo-saas) .top-inner { flex-wrap: nowrap; gap: .65rem; }
  .top-context { flex: 0 1 9rem; line-height: 1.3; }
  .account { flex: 1; justify-content: end; flex-wrap: nowrap; min-width: 0; }
  .account-identity strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .top .account .button { flex: none; }
}

.cencor-logo { display: block; width: 9.5rem; max-width: 100%; aspect-ratio: 204 / 43; background: var(--cencor-mark) center / contain no-repeat; }
.sidebar { min-width: 0; padding: .7rem var(--gutter); background: #081121; color: #fff; line-height: 1.55; }
.sidebar :focus-visible { outline-color: #72d5f2; }
.sidebar-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.sidebar-header .cencor-logo { width: 8rem; }
.nav-toggle { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .45rem .65rem; border: 1px solid #52627a; border-radius: .4rem; background: transparent; color: #e8f3ff; font-size: .85rem; font-weight: 630; }
.nav { display: none; margin: 0; border: 0; gap: .2rem; padding-block: .65rem .1rem; }
.sidebar:has(.nav-toggle[aria-expanded="true"]) .nav { display: grid; }
.nav a { display: flex; align-items: center; gap: .65rem; min-height: 44px; padding: .55rem .7rem; border-inline-start: 2px solid transparent; border-radius: .35rem; color: #cad7e7; text-decoration: none; font-size: .875rem; font-weight: 570; }
.nav a:hover { background: #13243a; color: #fff; }
.nav a[aria-current] { border-inline-start-color: var(--brand-cyan); color: #fff; background: #153248; }
.nav a[aria-current] .icon { color: #69cdea; }
.sidebar-group { display: grid; gap: .15rem; border-block-start: 1px solid #28394e; margin-block-start: .55rem; padding-block-start: .55rem; }
.sidebar-group > p { padding: .15rem .75rem; color: #a9bbcf; font-size: .75rem; font-weight: 620; }

@media (min-width: 57rem) {
  :is(.signed-in, .modo-saas) .top { margin-inline-start: var(--rail); }
  .sidebar { position: fixed; z-index: 3; inset-block: 0; inset-inline-start: 0; width: var(--rail); overflow: auto; padding: 1.3rem .9rem; }
  .sidebar-header { min-height: 3rem; padding-inline: .75rem; }
  .sidebar-header .cencor-logo { width: 9.3rem; }
  .nav { display: grid; padding-block-start: 1rem; }
  .nav-toggle { display: none; }
}