.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-backdrop{display:none}
@media(max-width:760px){
 body.mobile-menu-open{overflow:hidden}
 .mobile-menu-toggle,.mobile-menu-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #526d36;background:#14200f;color:var(--green);font-size:25px;border-radius:4px;cursor:pointer}
 .mobile-menu-toggle svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7}
 .mobile-menu-close{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));z-index:2}
 #app .sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);height:100dvh;box-sizing:border-box;padding:24px 18px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;border:0;border-right:1px solid #526d36;background:#0c130afc;z-index:100;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s;box-shadow:16px 0 50px #0006;backdrop-filter:blur(16px)}
 #app .sidebar.mobile-open{transform:translateX(0);visibility:visible}
 #app .sidebar .brand,#app .sidebar .sidebar-brand{display:flex!important;height:130px;margin:8px 0 22px;flex-shrink:0}
 #app .sidebar .brand-icon{width:130px!important;height:130px!important}
 #app .sidebar-label{display:block;margin:0 8px 18px;font-size:10px}
 #app .sidebar nav{display:flex;flex-direction:column;height:auto;gap:6px;flex-shrink:0}
 #app .sidebar .nav-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;min-height:51px;height:auto;padding:12px 14px;font-size:14px;letter-spacing:0}
 #app .sidebar .nav-icon{font-size:21px;width:23px}
 #app .sidebar .nav-key{display:block;margin-left:auto;font-size:10px}
 #app .sidebar .nav-item.active{border:1px solid #688638;background:linear-gradient(100deg,#b6ff4622,#b6ff4605)}
 #app .sidebar .nav-item.active:before{display:none}
 #app .sidebar-bottom{display:block;margin-top:auto;padding-top:24px}
 #app .sidebar .system-card{margin:18px 0}
 #app .shell{padding-bottom:0}
 .mobile-menu-backdrop.open{display:block;position:fixed;inset:0;z-index:90;background:#0009;backdrop-filter:blur(3px);border:0;cursor:pointer}
 .toast{bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 .topbar{gap:10px}.topbar .breadcrumb{font-size:8px;letter-spacing:0}.topbar .lang{min-width:58px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){#app .sidebar{transition:none}}