.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative;pointer-events:auto}.mobile-menu-btn span{width:24px;height:2px;background:#333;border-radius:1px;transition:all .3s ease;transform-origin:center}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.mobile-menu-sidebar{position:fixed;top:0;right:-220px;width:200px;height:100vh;background:white;box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:1000;transition:right .3s ease;display:flex;flex-direction:column;pointer-events:auto}.mobile-menu-sidebar.open{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(0,0,0,.1);background:#f8f9fa}.mobile-menu-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.mobile-menu-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.mobile-menu-close:hover{color:#333}.mobile-menu-nav{flex:1;padding:20px 0}.mobile-nav-item{display:flex;align-items:center;width:100%;padding:16px 20px;border:none;background:none;color:#333;font-size:16px;text-decoration:none;cursor:pointer;transition:background-color .2s ease;position:relative;pointer-events:auto}.mobile-nav-item:hover:not(.disabled){background-color:#f5f5f5}.mobile-nav-item.disabled{color:#999;cursor:not-allowed}.mobile-nav-icon{margin-right:12px;font-size:18px;width:24px;text-align:center}.mobile-user-section{position:relative}.mobile-nav-item.user-item{justify-content:flex-start}.mobile-nav-item.user-item .dropdown-arrow{margin-left:auto}.dropdown-arrow{font-size:12px;transition:transform .2s ease;color:#666}.dropdown-arrow.open{transform:rotate(180deg)}.mobile-user-dropdown{background:#f8f9fa;border-top:1px solid rgba(0,0,0,.1);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-user-email{padding:12px 20px 8px 56px;font-size:14px;color:#666;word-break:break-all;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-pro-btn{display:block;width:100%;padding:12px 20px 12px 56px;background:linear-gradient(135deg,#ffd700,#ffb347);color:#333;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;text-decoration:none;font-weight:500;border:none;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-pro-btn:hover{background:linear-gradient(135deg,#ffed4e,#ffc947);transform:translateX(2px)}.mobile-pro-status{display:block;width:100%;padding:12px 20px 12px 56px;background:linear-gradient(135deg,#4ade80,#22c55e);color:white;font-size:14px;text-align:left;font-weight:500;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-pro-expiry{font-size:12px;margin-top:4px;opacity:.9;font-weight:400}.mobile-logout-btn{width:100%;padding:12px 20px 12px 56px;background:none;border:none;color:#d32f2f;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s ease}.mobile-logout-btn:hover{background-color:#ffebee}@media (max-width:768px){.mobile-menu-btn{display:flex}}@media (max-width:480px){.mobile-menu-sidebar{width:100vw;right:-100vw}.mobile-menu-sidebar.open{right:0}}.flight-mode .mobile-menu-btn,.flight-mode .mobile-menu-overlay,.flight-mode .mobile-menu-sidebar{z-index:1002}