.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease;display:none}.mobile-menu-overlay.show{opacity:1;visibility:visible;display:block}.mobile-menu{position:fixed;top:0;left:-300px;width:300px;height:100%;background:white;z-index:1050;transition:all .3s ease;overflow-y:auto;display:none}.mobile-menu.show{left:0;display:block}.mobile-menu-header{background:#f8f9fa;border-bottom:1px solid #e9ecef}.btn-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease}.btn-close:hover{background-color:#e9ecef}.mobile-menu-item{text-decoration:none;color:#333;transition:background-color .2s ease;border-bottom:1px solid #f8f9fa}.mobile-menu-item:hover{background-color:#f8f9fa;color:#333}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-toggle{position:fixed;top:20px;right:20px;z-index:1030}.btn-toggle{background:white;border:none;border-radius:50%;width:50px;height:50px;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;transition:all .2s ease}.btn-toggle:hover{background:#f8f9fa;transform:scale(1.05)}.user-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.user-info .balance-info{padding-top:10px;border-top:1px solid #dee2e6;margin-top:10px}@media (max-width:768px){.mobile-menu{width:280px}.btn-toggle{width:45px;height:45px;font-size:16px}.mobile-menu-content,.mobile-menu-header{padding:15px!important}}@media (max-width:576px){.mobile-menu{width:100%;left:-100%}.btn-toggle{width:40px;height:40px;font-size:14px;top:15px;right:15px}.mobile-menu-content,.mobile-menu-header{padding:12px!important}}