.mobile-menu-open{overflow:hidden!important;position:fixed;width:100%;height:100%}.mobile-menu-overlay{left:0;z-index:50;background:rgba(17,24,39,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);will-change:opacity,backdrop-filter}.mobile-menu-container,.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;transform:translateZ(0)}.mobile-menu-container{width:100%;max-width:400px;background:linear-gradient(135deg,#1f2937,#111827);box-shadow:-10px 0 25px rgba(0,0,0,.3);will-change:transform;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (hover:none) and (pointer:coarse){.mobile-menu-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.mobile-menu-item{display:flex;align-items:center;width:100%;padding:12px 16px;font-size:18px;color:#fff;border-radius:8px;transition:background-color .2s ease,transform .1s ease;will-change:background-color,transform;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mobile-menu-item:hover{background-color:rgba(55,65,81,.8)}.mobile-menu-item:active{transform:scale(.98);background-color:#374151}.mobile-menu-item-icon{margin-right:16px;font-size:24px;flex-shrink:0}.mobile-menu-profile{display:flex;flex-direction:column;align-items:center;padding:24px;border-bottom:1px solid rgba(55,65,81,.5)}.mobile-menu-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:16px;border:3px solid rgba(59,130,246,.5)}.mobile-menu-username{color:#fff;font-size:20px;font-weight:600;margin-bottom:4px;text-align:center}.mobile-menu-email{color:#9ca3af;font-size:14px;text-align:center}.mobile-menu-nav{padding:16px}.mobile-menu-nav ul{list-style:none;margin:0;padding:0}.mobile-menu-nav li{margin-bottom:8px}.mobile-menu-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;z-index:10}.mobile-menu-close:hover{background-color:rgba(55,65,81,.5)}.mobile-menu-stagger-container{display:flex;flex-direction:column}@media (prefers-reduced-motion:reduce){.mobile-menu-container,.mobile-menu-item,.mobile-menu-overlay{transition:none;animation:none}}@media (prefers-color-scheme:dark){.mobile-menu-container{background:linear-gradient(135deg,#0f172a,#020617)}}@media (max-width:375px){.mobile-menu-container{max-width:100%}.mobile-menu-item{font-size:16px;padding:10px 12px}.mobile-menu-item-icon{font-size:20px;margin-right:12px}}@media (min-height:800px){.mobile-menu-profile{padding:32px 24px}.mobile-menu-avatar{width:100px;height:100px}}.mobile-menu-logout{color:#ef4444!important}.mobile-menu-logout:hover{background-color:rgba(239,68,68,.1)!important}.mobile-menu-logout:active{background-color:rgba(239,68,68,.2)!important}