:root {
  --site-nav-width: 248px;
  --site-nav-bg: #111318;
  --site-nav-panel: #1b1f27;
  --site-nav-panel-soft: #15181e;
  --site-nav-text: #f5f3ed;
  --site-nav-muted: #999fa9;
  --site-nav-line: rgba(255,255,255,.09);
  --site-nav-accent: #ffd84a;
}
html[data-theme="light"] {
  --site-nav-bg: #f7f5ef;
  --site-nav-panel: #ebe7dd;
  --site-nav-panel-soft: #fffdfa;
  --site-nav-text: #17181a;
  --site-nav-muted: #656a72;
  --site-nav-line: rgba(15,18,23,.1);
}
.site-sidebar { position: fixed; z-index: 200; inset: 0 auto 0 0; display: flex !important; width: var(--site-nav-width); flex-direction: column; overflow-y: auto; border: 0; border-right: 1px solid var(--site-nav-line); background: var(--site-nav-bg); padding: 24px 15px; color: var(--site-nav-text); box-shadow: 14px 0 40px rgba(0,0,0,.18); }
.site-sidebar .brand { display: flex; min-height: 48px; align-items: center; padding: 0 9px 22px; }
.site-sidebar .brand-logo { display: block; width: min(100%, 178px); height: auto; }
.site-sidebar .brand-logo--light { display: none; }
html[data-theme="light"] .site-sidebar .brand-logo--dark { display: none; }
html[data-theme="light"] .site-sidebar .brand-logo--light { display: block; }
.site-sidebar .main-nav { display: flex; min-height: calc(100vh - 90px); flex-direction: column; gap: 3px; }
.site-sidebar .nav-group { display: grid; gap: 2px; margin-top: 8px; }
.site-sidebar .nav-group-toggle { display: flex; min-height: 29px; align-items: center; justify-content: space-between; border: 0; background: transparent; padding: 4px 11px; color: var(--site-nav-accent); text-align: left; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.site-sidebar .nav-group-toggle span { transform: none; }
.site-sidebar .nav-group-toggle small { color: var(--site-nav-muted); font-size: 9px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.site-sidebar .nav-group-toggle[aria-expanded="false"] + .nav-group-items { display: none; }
.site-sidebar .nav-group-items { display: grid; gap: 2px; }
.site-sidebar .nav-item { display: flex; min-height: 39px; align-items: center; border: 0; border-radius: 10px; background: transparent; padding: 8px 11px; color: var(--site-nav-muted); text-align: left; text-decoration: none; font-size: 13px; font-weight: 750; }
.site-sidebar .nav-item:hover { background: var(--site-nav-panel-soft); color: var(--site-nav-text); }
.site-sidebar .nav-item.is-active { background: var(--site-nav-panel); color: var(--site-nav-text); box-shadow: inset 3px 0 var(--site-nav-accent); }
.site-sidebar .nav-bottom-items { display: grid; gap: 2px; margin-top: auto; padding-top: 17px; border-top: 1px solid var(--site-nav-line); }
.site-sidebar .sidebar-close, .site-menu-toggle, .sidebar-backdrop { display: none; }
body.site-navigation-page { padding-left: var(--site-nav-width); }
html[dir="rtl"] .site-sidebar { right: 0; left: auto; border-right: 0; border-left: 1px solid var(--site-nav-line); box-shadow: -14px 0 40px rgba(0,0,0,.18); }
html[dir="rtl"] body.site-navigation-page { padding-right: var(--site-nav-width); padding-left: 0; }
html[dir="rtl"] .site-sidebar .nav-group-toggle,
html[dir="rtl"] .site-sidebar .nav-item { text-align: right; }
html[dir="rtl"] .site-sidebar .nav-item.is-active { box-shadow: inset -3px 0 var(--site-nav-accent); }

@media (max-width: 860px) {
  body.site-navigation-page { padding-left: 0; }
  .site-sidebar { width: min(86vw, 290px); visibility: hidden; transform: translateX(-105%); transition: transform .2s ease, visibility .2s; }
  .site-sidebar.is-open { visibility: visible; transform: translateX(0); }
  .site-sidebar .sidebar-close { position: absolute; top: 13px; right: 13px; display: grid; min-width: 48px; height: 34px; place-items: center; border: 0; border-radius: 8px; background: transparent; padding: 0 8px; color: var(--site-nav-muted); font-size: 11px; font-weight: 750; }
  .site-sidebar .sidebar-close:hover { background: var(--site-nav-panel); color: var(--site-nav-text); }
  .site-sidebar .brand { padding-right: 44px; }
  .site-menu-toggle { position: fixed; z-index: 220; top: 12px; left: 12px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--site-nav-line); border-radius: 12px; background: var(--site-nav-bg); color: var(--site-nav-text); font-size: 1.1rem; }
  .sidebar-backdrop.is-visible { position: fixed; z-index: 190; inset: 0; display: block; border: 0; background: rgba(0,0,0,.62); }
  html[dir="rtl"] body.site-navigation-page { padding-right: 0; }
  html[dir="rtl"] .site-sidebar { transform: translateX(105%); }
  html[dir="rtl"] .site-sidebar.is-open { transform: translateX(0); }
  html[dir="rtl"] .site-sidebar .sidebar-close { right: auto; left: 13px; }
  html[dir="rtl"] .site-sidebar .brand { padding-right: 9px; padding-left: 44px; }
  html[dir="rtl"] .site-menu-toggle { right: 12px; left: auto; }
}