.mobile-menu-toggle{display:none}
@media(max-width:768px){.sidebar{padding:13px 14px}.sidebar .brand{min-height:51px;padding:2px 4px;border-bottom:0}.mobile-menu-toggle{position:absolute;z-index:5;top:20px;left:16px;width:42px;height:42px;padding:0;display:grid;place-content:center;gap:5px;border:1px solid #ffffff17;border-radius:12px;background:#ffffff0b;color:#fff;cursor:pointer;transition:.25s}.mobile-menu-toggle:hover,.sidebar.menu-open .mobile-menu-toggle{background:#ffffff17;border-color:#d7aa6d55}.mobile-menu-toggle span{width:19px;height:2px;display:block;border-radius:2px;background:#e8f0ed;transition:transform .25s,opacity .2s}.sidebar.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sidebar.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.sidebar.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar .nav{max-height:0;margin:0!important;padding:0 2px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;overflow:hidden!important;opacity:0;transform:translateY(-7px);transition:max-height .35s ease,opacity .25s,transform .3s,padding .3s!important}.sidebar.menu-open .nav{max-height:310px;padding:12px 2px 4px!important;opacity:1;transform:none;border-top:1px solid #ffffff10}.sidebar .nav a{width:100%;min-width:0!important;min-height:50px!important;padding:0 12px!important;justify-content:flex-start;white-space:normal!important;scroll-snap-align:none}.sidebar .nav a.active{background:linear-gradient(110deg,#ffffff18,#ffffff09);box-shadow:inset -3px 0 #d5a466}.sidebar .nav a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar:has(.mobile-menu-toggle) + .main{transition:filter .25s}.sidebar.menu-open + .main:before{content:"";display:block!important;position:fixed;z-index:30;inset:0;background:#061a1742;backdrop-filter:blur(2px);pointer-events:none}}
@media(max-width:768px){.sidebar:before,.sidebar:after{display:none!important}.sidebar .brand,.sidebar .mobile-menu-toggle,.sidebar .nav{position:relative;z-index:2}}
@media(max-width:380px){.sidebar .nav{grid-template-columns:1fr}.sidebar.menu-open .nav{max-height:480px}.sidebar .nav a{min-height:44px!important}}