.mobile-head,.menu-overlay,.menu-close{display:none}
@media(max-width:900px){
 .mobile-head{position:sticky;top:0;z-index:12;height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);background:#fffdf9ee;backdrop-filter:blur(10px)}
 .mobile-head .brand{display:flex}.mobile-head .brand img{width:45px}
 .burger{display:grid;gap:5px;border:0;background:transparent;padding:10px}.burger span{display:block;width:25px;height:2px;border-radius:2px;background:var(--brown)}
 .sidebar{inset:0 auto 0 0!important;z-index:30!important;width:min(310px,86vw)!important;height:100vh!important;padding:22px!important;border-radius:0!important;transform:translateX(-105%);transition:transform .25s ease}
 .sidebar.open{transform:translateX(0)}.sidebar .brand,.sidebar .logout{display:flex}.sidebar .nav{display:grid;margin-top:30px;overflow:visible}.sidebar .nav button{min-width:0;text-align:left;font-size:15px;padding:12px}
 .menu-close{display:block;margin-left:auto;border:0;background:transparent;color:var(--cream);font-size:30px}
 .menu-overlay{position:fixed;inset:0;z-index:25;background:#1c0d08a6}.menu-overlay.open{display:block}
 .main{padding:20px 15px 45px!important}
}