.vb-navigation{width:232px;background:linear-gradient(165deg,var(--nav-start),var(--nav-end) 80%);border-right:1px solid var(--nav-border);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;scrollbar-width:thin;scrollbar-color:#405068 transparent}
.vb-navigation .sidenav-brand{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:24px 18px 18px;border-bottom:0;align-items:center}.vb-brand-mark{grid-row:1/3;display:grid;place-items:center;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--nav-active),var(--nav-end));border:1px solid #7397aa55;color:#e0f2f3;font-size:16px;letter-spacing:-.5px;font-weight:700}.vb-navigation .sidenav-brand-main{font-size:12px;line-height:1.5;white-space:normal;font-weight:600}.vb-navigation .sidenav-brand-sub{font-size:10px;letter-spacing:1.8px;color:#96b2c6;opacity:1;margin-top:4px}
.vb-nav-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 18px 12px;padding:8px 10px;min-height:34px;border:1px solid #839bb324;border-radius:8px;color:#8da8bf;background:#ffffff03;font:11px inherit;cursor:pointer}.vb-nav-toggle svg{width:17px;height:17px;flex:none}.vb-nav-toggle:hover{color:#e0eff8;background:#ffffff0b}
.vb-navigation .sidenav-items{padding:0 12px 18px;gap:4px}.vb-navigation .sidenav-group{display:flex;align-items:center;gap:10px;margin:18px 14px 6px;color:#849db6;font-size:10px;font-weight:500;letter-spacing:1.5px}.vb-navigation .sidenav-group:after{content:'';height:1px;flex:1;background:#839bb31f}
.vb-navigation .sidenav-item{appearance:none;display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:44px;padding:11px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b8c9da;font-size:13px;font-weight:500;font-family:inherit;position:relative;box-shadow:none}.vb-nav-icon{display:grid;place-items:center;flex:none;color:#8eaac0}.vb-nav-icon svg{width:19px;height:19px}.vb-nav-label{white-space:nowrap;flex:1}.vb-navigation .sidenav-item:hover{color:#fff;background:#d6e8fb0a}.vb-navigation .sidenav-item.active{background:linear-gradient(100deg,var(--nav-active),var(--nav-end));border:1px solid #709ebf40;box-shadow:0 4px 12px #09162522;color:#f4fbff}.vb-navigation .sidenav-item.active:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:3px;background:var(--nav-mark)}.vb-navigation .sidenav-item.active .vb-nav-icon{color:var(--nav-mark)}
.vb-navigation #pendingBadge{margin-left:auto!important;min-width:20px;box-sizing:border-box;background:#c45f54!important;font-size:10px!important;border:1px solid #e68b7840;line-height:17px!important;text-align:center}.vb-navigation .app-version-badge{margin:12px 18px 18px;margin-top:auto;padding:10px 8px;border-radius:9px;background:#101d300e;color:#8ca3ba;border-color:#8198b022;font-size:10px;line-height:1.5}.vb-navigation .app-version-badge.unregistered{background:#7f1d1d;color:#fee2e2;border-color:#fca5a5}.vb-navigation button:focus-visible{outline:2px solid #a9d8ef;outline-offset:2px}
.mobile-more-item .vb-mobile-icon{float:left;display:grid;place-items:center;width:30px;height:32px;margin:0 9px 12px 0;border-radius:9px;background:#edf4f8;color:#3d738e}.vb-mobile-icon svg{width:18px;height:18px}.mobile-more-item:has(.vb-mobile-icon) strong{font-size:13px;line-height:1.6}.mobile-more-item:has(.vb-mobile-icon) small{display:block;clear:both;line-height:1.5}.mobile-more-sheet{max-height:calc(100dvh - 110px);overflow-y:auto}
@media screen and (min-width:701px){
 .vb-navigation{height:calc(100dvh - 76px);min-height:380px}
 .vb-nav-collapsed .vb-navigation{width:76px}.vb-nav-collapsed .sidenav-brand{display:flex;justify-content:center;padding:20px 10px 16px}.vb-nav-collapsed .vb-brand-mark{width:38px;flex:none}.vb-nav-collapsed .sidenav-brand-main,.vb-nav-collapsed .sidenav-brand-sub,.vb-nav-collapsed .vb-nav-toggle-label{display:none}
 .vb-nav-collapsed .vb-nav-toggle{margin:0 14px 12px;padding:8px}.vb-nav-collapsed .vb-nav-toggle svg{transform:rotate(180deg)}.vb-nav-collapsed .sidenav-items{padding:0 10px 16px}.vb-nav-collapsed .sidenav-item{justify-content:center;padding:12px;gap:0}.vb-nav-collapsed .vb-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vb-nav-collapsed .sidenav-group{font-size:0;margin:12px 8px 6px;height:1px}.vb-nav-collapsed .sidenav-group:after{background:#839bb335}.vb-nav-collapsed #pendingBadge{position:absolute;right:0;top:1px;padding:0 3px!important;min-width:16px;font-size:8px!important;line-height:14px!important}.vb-nav-collapsed .app-version-badge{margin:12px 8px;padding:8px 3px;font-size:8px;max-height:66px;overflow:hidden}
}
@media screen and (min-width:701px) and (max-height:950px){
 .vb-navigation .sidenav-brand{padding:12px 18px 10px}
 .vb-navigation .sidenav-brand-sub{margin-top:1px}
 .vb-navigation .vb-nav-toggle{margin-bottom:6px;min-height:30px;padding:5px 8px}
 .vb-navigation .sidenav-items{gap:1px;padding-bottom:6px}
 .vb-navigation .sidenav-group{margin:9px 14px 3px}
 .vb-navigation .sidenav-item{min-height:36px;padding:7px 14px}
 .vb-navigation .app-version-badge{margin:6px 18px 8px;padding:5px 8px}
}
@media screen and (min-width:701px) and (max-height:700px){
 .vb-navigation .sidenav-brand{padding:8px 18px 6px}
 .vb-navigation .sidenav-brand-sub{display:none}
 .vb-navigation .vb-nav-toggle{margin-bottom:3px}
 .vb-navigation .sidenav-group{margin:5px 14px 2px}
 .vb-navigation .sidenav-item{min-height:32px;padding:5px 14px}
 .vb-navigation .app-version-badge{margin:4px 18px 6px;padding:3px 8px}
}
@media(prefers-reduced-motion:no-preference){.vb-navigation .sidenav-item,.vb-nav-toggle{transition:background-color .18s ease,border-color .18s ease,color .18s ease}}
@media(prefers-reduced-motion:reduce){.vb-navigation .sidenav-item,.vb-nav-toggle{transition:none}}
@media print{.vb-navigation{display:none!important}}

.vb-navigation .vb-brand-mark{background:#fff;border-color:#fff}.vb-brand-mark img{display:block;width:32px;height:32px;object-fit:contain}