.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-panel{z-index:1000;background:linear-gradient(#f5f3ee 0%,#f0ede5 100%);flex-direction:column;gap:20px;width:434px;max-width:85%;padding:20px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar-panel.active{transform:translate(0)}.sidebar-coins{cursor:pointer;background:linear-gradient(135deg,#fff8dc 0%,#ffe4b5 100%);border-radius:16px;align-items:center;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.sidebar-coins:active{transform:scale(.98)}.coins-icon{width:40px;height:40px}.coins-icon svg{width:100%;height:100%}.coins-info{flex-direction:column;flex:1;gap:2px;display:flex}.coins-label{color:#b8860b;font-size:12px}.coins-value{color:#8b4513;font-size:20px;font-weight:600}.coins-arrow{color:#b8860b;width:20px;height:20px}.sidebar-menu{flex-direction:column;flex:1;gap:12px;padding-top:10px;display:flex}.sidebar-menu-item{color:#333;cursor:pointer;background:#ede0cf;border-radius:20px;padding:20px 24px;font-family:Noto Sans SC,sans-serif;font-size:18px;font-weight:400;transition:all .2s}.sidebar-menu-item:active{background:#e3d6c5;transform:scale(.98)}.sidebar-footer{padding-top:10px;padding-bottom:20px}.sidebar-logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b8a 0%,#ff4d6d 100%);border:none;border-radius:28px;width:100%;height:56px;font-family:Noto Sans SC,sans-serif;font-size:18px;font-weight:500;transition:all .3s}.sidebar-logout-btn:active{background:linear-gradient(135deg,#f57 0%,#f35 100%);transform:scale(.98)}@media (max-width:480px){.sidebar-panel{gap:16px;width:90%;padding:16px}.sidebar-menu{padding-top:8px}.sidebar-menu-item{padding:16px 20px;font-size:16px}.sidebar-logout-btn{height:50px;font-size:16px}}@media (max-width:360px){.sidebar-panel{width:85%}}