#sidebar { position: fixed; z-index: 10; inset: 0 auto 0 0; width: 230px; padding: 24px 20px; display: flex; flex-direction: column; background: linear-gradient(180deg,rgba(5,45,101,.98),rgba(4,38,83,.98)); border-right: 4px solid #116dbd; box-shadow: inset -2px 0 #39b8f0,10px 0 30px #021b4870; overflow: hidden; }
#sidebar > .game-logo { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 100%; padding: 3px 0 8px; }
#merchant-navigation { display: flex; flex: 1; flex-direction: column; gap: 10px; margin: 14px -8px 16px; padding: 0 8px 6px; min-height: 0; }
.merchant-function-links { display: grid; gap: 10px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #287eb7 transparent; padding: 0 3px 6px; margin: 0 -3px; }
#merchant-navigation a, #merchant-navigation .merchant-more-toggle { display: flex; align-items: center; gap: 13px; width: 100%; padding: 12px 13px; border: 2px solid transparent; border-radius: 10px; color: #d8edff; background: transparent; box-shadow: none; font: 800 15px/1.5 "Microsoft YaHei",system-ui,sans-serif; text-align: left; text-decoration: none; text-shadow: 0 2px #032b60; cursor: pointer; transition: transform .18s ease, background-color .18s ease; }
#merchant-navigation a:hover, #merchant-navigation .merchant-more-toggle:hover { transform: translateX(3px); background: #0b60b5; }
#merchant-navigation .active { color: #fff; background: linear-gradient(180deg,#32aef2,#1787e2); border-color: #67d9ff; box-shadow: inset 0 0 0 2px #1873c8,0 4px 0 #03295d; }
#merchant-navigation a:focus-visible, #sidebar button:focus-visible, .merchant-home-link:focus-visible { outline: 2px solid #ffe18a; outline-offset: -2px; }
#merchant-navigation .nav-icon { display: grid; place-items: center; flex: 0 0 31px; width: 31px; height: 31px; font-style: normal; color: #73dcff; background: transparent; border: 0; box-shadow: none; text-shadow: none; }
#merchant-navigation .active .nav-icon { color: #fff; }
#merchant-navigation .nav-icon-svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
.merchant-more { flex-shrink: 0; border-top: 1px solid #22639c; padding-top: 10px; }
#merchant-navigation .merchant-more-icon { font: 900 26px/1 system-ui,sans-serif; letter-spacing: 2px; }
.merchant-more-chevron { margin-left: auto; font: 24px/1 system-ui,sans-serif; transition: transform .22s ease; }
.merchant-more.is-expanded .merchant-more-chevron { transform: rotate(90deg); }
.merchant-submenu { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transition: grid-template-rows .24s ease, opacity .2s ease, visibility .24s; }
.merchant-submenu-inner { min-height: 0; overflow: hidden; padding: 0 3px; }
.merchant-more.is-expanded .merchant-submenu { grid-template-rows: 1fr; opacity: 1; visibility: visible; }
#merchant-navigation .merchant-submenu a { gap: 8px; margin-top: 7px; padding: 9px 8px 9px 23px; font-size: 14px; }
#merchant-navigation .merchant-submenu .nav-icon { flex-basis: 24px; width: 24px; height: 24px; }
#merchant-navigation .merchant-submenu .nav-icon-svg { width: 19px; height: 19px; }
.merchant-submenu-inner::after { content: ""; display: block; height: 6px; }
#sidebar .merchant-logout, #sidebar .merchant-home-link { flex-shrink: 0; margin-top: auto; }
.merchant-home-link { display: block; padding: 12px 14px; border: 2px solid #1c75bd; border-radius: 9px; color: #c8e8ff; background: #07366d; text-align: center; font-weight: 700; }
.merchant-home-link:hover { background: #0b60b5; color: #fff; }
#sidebar .mobile-nav-toggle { display: none; }
@media (max-width: 900px) {
  #sidebar { position: relative; width: auto; height: auto; }
  #merchant-navigation { flex: none; }
  .merchant-function-links { grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; }
  #sidebar .merchant-logout, #sidebar .merchant-home-link { margin-top: 10px; }
}
@media (max-width: 760px) {
  #sidebar > .game-logo { justify-content: flex-start; width: auto; padding-right: 52px; }
  #sidebar .mobile-nav-toggle { display: grid; place-items: center; position: absolute; right: 16px; top: 24px; width: 42px; height: 42px; padding: 0; color: #eaffff; background: #07509e; border: 2px solid #4bc8f4; border-radius: 8px; font-size: 22px; }
  .dashboard-body #sidebar #merchant-navigation { display: none; }
  .dashboard-body #sidebar #merchant-navigation.is-open { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
  #merchant-navigation a, #merchant-navigation .merchant-more-toggle, .merchant-submenu, .merchant-more-chevron { transition: none; }
}