.not-found-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;height:100vh;display:flex}.menu-grid{z-index:1000;opacity:0;pointer-events:none;perspective:1000px;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;padding:20px 0 50px;transition:all .3s ease-in-out;position:fixed;top:52px;left:0;overflow-y:scroll;transform:translate3d(0,100px,700px)}.menu-grid.open{pointer-events:all;opacity:1;height:100vh;transform:scale(1)}.menu-grid__list{flex-flow:wrap;justify-content:start;align-items:start;gap:20px;max-width:1200px;margin:0 auto;display:flex}.menu-grid__item{text-align:center;cursor:pointer;flex-direction:column;justify-content:stretch;align-items:center;gap:10px;width:calc(33.3333% - 13.3333px);padding:10px 5px;line-height:135%;display:flex}@media screen and (width>=992px){.menu-grid__item{width:calc(16.6667% - 16.6667px)}.menu-grid__item:hover .avatar{transform:translateY(-10px)scale(1.1)}}.menu-grid__item .avatar{width:70px;height:70px;color:var(--ant-color-primary);background:0 0;border-radius:16px;justify-content:center;align-items:center;padding:0;transition:all .2s ease-in-out;display:flex}.menu-grid__item .avatar svg{font-size:4rem;display:block}.menu-grid__item .avatar .ant-image,.menu-grid__item .avatar img{object-fit:contain;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.menu-grid__item span{pointer-events:none;text-transform:capitalize;font-size:1rem;color:#fff!important}.app-layout{height:100vh}.app-layout .outlet{background:var(--bgColor);flex:1;overflow-y:auto}.app-layout .outlet .ant-layout-content{--main-padding-layout:1.5rem;padding:var(--main-padding-layout)}