:root {
  --sl-sidebar-width: 256px;
  --sl-sidebar-collapsed-width: 72px;
  --sl-sidebar-bg: #0b2443;
  --sl-sidebar-bg-2: #102f51;
  --sl-sidebar-active-bg: #dceeff;
  --sl-sidebar-active-text: #0b355a;
  --sl-topbar-height: 68px;
}
.sl-admin-sidebar { z-index: 1025; scrollbar-width: thin; scrollbar-color: #54708c transparent; overscroll-behavior: contain; }
.sl-admin-sidebar-inner { padding: 20px 12px 16px; position: relative; }
.sl-admin-logo { padding: 0 8px 18px; margin-bottom: 12px; border-bottom: 1px solid #ffffff18; }
.sl-admin-logo-mark { background: #3fa5ef; color: #062846; border-radius: 10px; box-shadow: none; }
.sl-admin-logo-copy h2 { font-size: 1.25rem; }
#slAdminSidebar .sl-admin-logo-copy p { margin-top: 4px; color: #fff !important; }
#slAdminSidebar .sl-dev-category-switcher small { color: #c6d7e8 !important; }
.sl-admin-section-title { font-size: 10px; letter-spacing: .09em; padding: 16px 12px 8px; }
.sl-admin-link-top, .sl-admin-group-toggle { min-height: 44px; border-radius: 9px; padding: 11px 12px; font-size: 13px; }
.sl-admin-group-toggle { margin-bottom: 3px; }
.sl-admin-menu-group { margin-bottom: 5px; }
.sl-admin-group-toggle.is-current { background: #ffffff10; box-shadow: inset 3px 0 #55b7ff; }
.sl-admin-submenu { margin: 0 0 8px 20px; padding: 2px 0 2px 10px; border-left: 1px solid #ffffff24; }
.sl-admin-submenu .sl-admin-link { min-height: 38px; padding: 9px 10px; border-radius: 7px; line-height: 1.4; font-size: 12.5px; }
.sl-admin-link[aria-current="page"], .sl-admin-link-top[aria-current="page"] { background: var(--sl-sidebar-active-bg); color: var(--sl-sidebar-active-text); font-weight: 750; box-shadow: none; }
.sl-admin-footer { margin-top: 18px; padding-top: 6px; }
.sl-admin-footer .sl-admin-link { min-height: 40px; border-radius: 8px; }
.sl-admin-topbar { z-index: 1015; box-shadow: 0 2px 9px #102f5108; }
.sl-admin-page-context { min-width: 0; }
.sl-admin-page-context small { display: block; color: #718197; font-size: 10px; margin-bottom: 3px; }
.sl-admin-page-title { font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sl-admin-user-pill { max-width: min(38vw, 480px); padding: 8px 12px; border-radius: 8px; background: #edf3f8; font-size: 12px; }
.sl-admin-user-pill strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sl-admin-menu-search { display: flex; align-items: center; gap: 7px; margin: 0 3px 10px; min-height: 40px; padding: 0 10px; border: 1px solid #ffffff24; background: #ffffff09; border-radius: 8px; }
.sl-admin-menu-search > span { font-size: 24px; color: #9bb7d4; }
.sl-admin-menu-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #fff; font-size: 12px; padding: 9px 0; }
.sl-admin-menu-search input::placeholder { color: #b4c6d9; }
.sl-admin-menu-search input::-webkit-search-cancel-button { display: none; }
.sl-admin-menu-search:focus-within { outline: 2px solid #73c2ff; outline-offset: 2px; }
#slAdminSearchClear { color: #fff; border: 0; border-radius: 5px; background: transparent; font-size: 20px; padding: 0 4px; }
.sl-admin-search-empty { font-size: 12px; color: #c6d7e8; padding: 8px 12px; }
.sl-admin-mobile-close, .sl-admin-search-toggle { display: none; background: #ffffff10; color: #fff; border: 1px solid #ffffff24; border-radius: 8px; }
#slAdminSidebar [hidden] { display: none !important; }
#slAdminSidebar a:focus-visible, #slAdminSidebar button:focus-visible, .sl-admin-topbar button:focus-visible { outline: 2px solid #73c2ff; outline-offset: 3px; }
.sl-admin-shell.sidebar-collapsed .sl-admin-menu-search { display: none; }
.sl-admin-shell.sidebar-collapsed .sl-admin-search-toggle { display: block; width: 100%; height: 40px; font-size: 24px; margin-bottom: 8px; }
.sl-admin-shell.sidebar-collapsed .sl-admin-logo { border-bottom: 0; }
.sl-admin-shell.sidebar-collapsed .sl-admin-group-toggle.is-current { box-shadow: inset 3px 0 #55b7ff; }
@media (max-width: 1366px) { :root { --sl-sidebar-width: 240px; } }
@media (max-width: 991.98px) {
  :root { --sl-topbar-height: 60px; }
  .sl-admin-sidebar { width: min(86vw, 320px); min-width: min(86vw, 320px); max-height: 100vh; max-height: 100dvh; }
  .sl-admin-sidebar-inner { padding-top: 20px; }
  .sl-admin-logo { padding-right: 38px; }
  .sl-admin-mobile-close { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 20px; right: 14px; width: 34px; height: 34px; font-size: 26px; }
  .sl-admin-mobile-toggle { min-height: 40px; }
  .sl-admin-backdrop { z-index: 1020; background: #06182e80; backdrop-filter: blur(2px); }
  body.sl-menu-mobile-open { overflow: hidden; }
  .sl-admin-main { margin-left: 0; width: 100%; }
  .sl-admin-topbar .container-fluid { gap: 8px; }
  .sl-admin-topbar-left { flex: 1; gap: 10px; }
  .sl-admin-page-title { max-width: 52vw; font-size: 14px; }
  .sl-admin-topbar-right { flex-wrap: nowrap; }
  .sl-admin-submenu .sl-admin-link { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .sl-admin-sidebar, .sl-admin-main, .sl-admin-group-toggle, .sl-admin-link, .sl-admin-link-top { transition: none !important; }
}