.mobile-appbar,.menu-backdrop,.menu-close{display:none}
.menu-head .brand{margin:0 5px 32px}
aside nav a.active{color:var(--text);background:#21352a;box-shadow:inset 3px 0 var(--green)}
@media(max-width:760px){
body.mobile-menu-open{overflow:hidden}
.mobile-appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;width:100%;height:68px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgb(12 29 20/.96);box-shadow:0 8px 24px rgb(0 0 0/.22);backdrop-filter:blur(12px)}
.mobile-appbar .brand{min-width:0;margin:0}.mobile-appbar .brand>b{width:42px;height:42px}.mobile-appbar .brand span,.mobile-appbar .brand strong{display:block;font-size:16px}
.mobile-menu-trigger{display:grid;place-content:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid #345141;border-radius:11px;background:#192c22}.mobile-menu-trigger span{display:block;width:21px;height:2px;border-radius:2px;background:var(--text)}
.menu-backdrop{position:fixed;inset:0;z-index:60;display:block;background:rgb(0 0 0/.62);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.mobile-menu-open .menu-backdrop{opacity:1;visibility:visible}
aside#appMenu{position:fixed;inset:0 auto 0 0;z-index:70;display:flex;width:min(84vw,320px);height:100dvh;padding:20px 16px 18px;border:0;border-right:1px solid var(--line);background:#101f17;box-shadow:18px 0 50px rgb(0 0 0/.42);transform:translateX(-105%);transition:transform .24s ease;flex-direction:column;align-items:stretch;overflow:hidden}aside#appMenu.menu-open{transform:translateX(0)}
aside#appMenu .menu-head{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}aside#appMenu .menu-head .brand{min-width:0;margin:0;flex:1}aside#appMenu .brand span,aside#appMenu .brand strong,aside#appMenu .brand small{display:block}aside#appMenu .brand small{font-size:10px}
.menu-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:10px;background:#1b2d23;color:var(--muted);font-size:28px;font-weight:400;line-height:1}
aside#appMenu nav{display:grid;gap:5px;margin:14px 0 0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}aside#appMenu nav a,aside#appMenu nav a:not(:first-child){display:block;padding:12px 13px;border-radius:9px;background:transparent;font-size:14px;white-space:nowrap}aside#appMenu nav a.active{color:var(--green);background:#1d3527;box-shadow:inset 3px 0 var(--green)}
aside#appMenu .account{display:grid;grid-template-columns:1fr auto;align-items:center;margin:auto 0 0;padding:16px 4px 0;border-top:1px solid var(--line)}aside#appMenu .account small,aside#appMenu .account strong{display:block}aside#appMenu .account strong{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}aside#appMenu .account a{grid-column:2;grid-row:1/3;margin:0;padding:10px 12px;border-radius:8px;background:#293c31;color:var(--text);text-decoration:none}
}
@media(prefers-reduced-motion:reduce){aside#appMenu,.menu-backdrop{transition:none}}