.mobile-menu-drawer-overlay{z-index:3000;background-color:#0009;width:100vw;height:100vh;animation:.3s forwards fadeInOverlay;position:fixed;top:0;left:0}.mobile-menu-drawer{background-color:#141414;flex-direction:column;width:80%;max-width:320px;height:100%;animation:.3s forwards slideInDrawer;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-5px 0 15px #00000080}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mobile-menu-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-active-profile{align-items:center;gap:12px;display:flex}.mobile-avatar{object-fit:cover;border-radius:4px}.mobile-profile-info{flex-direction:column;display:flex}.mobile-profile-name{color:#fff;font-size:1rem;font-weight:700}.mobile-profile-switch-text{color:#b3b3b3;font-size:.8rem}.mobile-menu-close-btn{color:#fff;cursor:pointer;background:0 0;border:none}.mobile-menu-close-btn svg{width:28px;height:28px}.mobile-profile-list{scrollbar-width:none;border-bottom:1px solid #333;gap:15px;padding:20px;display:flex;overflow-x:auto}.mobile-profile-list::-webkit-scrollbar{display:none}.mobile-profile-item{color:#b3b3b3;cursor:pointer;flex-direction:column;align-items:center;gap:5px;font-size:.85rem;display:flex}.mobile-menu-nav{border-bottom:1px solid #333;flex-direction:column;padding:20px 0;display:flex}.mobile-menu-nav a{color:#b3b3b3;padding:15px 20px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s}.mobile-menu-nav a:hover,.mobile-menu-footer a:hover{color:#fff;background-color:#ffffff0d}.mobile-menu-footer{flex-direction:column;padding:20px 0;display:flex}.mobile-menu-footer a,.mobile-logout{color:#b3b3b3;cursor:pointer;padding:15px 20px;font-size:1.1rem;font-weight:500;text-decoration:none}