.layout[data-v-61df7750]{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-header[data-v-61df7750]{height:4rem;left:0;position:fixed;right:0;top:0;z-index:20}.layout-body[data-v-61df7750]{display:flex;flex:1;height:calc(100vh - 4rem);margin-top:3rem;overflow:hidden}@media (min-width:1024px){.layout-body[data-v-61df7750]{margin-top:4rem}}.layout-sidebar[data-v-61df7750]{background-color:#f7fafc;height:calc(100vh - 4rem);left:0;overflow:hidden;padding:1rem .5rem;position:fixed;top:4rem;transition:width .3s ease,transform .3s ease;z-index:30}@media (min-width:1024px){.layout-sidebar[data-v-61df7750]{margin-top:1.5rem;transform:translate(0);width:19rem}}@media (max-width:1023px){.layout-sidebar[data-v-61df7750]{transform:translate(0);width:4rem}}.sidebar-inner[data-v-61df7750]{height:100%;overflow-y:auto;padding:0 1rem;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.dark .layout-sidebar[data-v-61df7750]{background-color:#1f2937}.sidebar-inner[data-v-61df7750]::-webkit-scrollbar{width:6px}.sidebar-inner[data-v-61df7750]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.sidebar-inner[data-v-61df7750]::-webkit-scrollbar-track{background:#f1f5f9}.layout-main[data-v-61df7750]{flex:1;height:calc(100vh - 4rem);margin-left:19rem;overflow-y:auto;padding:1rem;transition:margin-left .3s ease}@media (max-width:1023px){.layout-sidebar[data-v-61df7750]{transform:translate(-100%)}.layout-sidebar.open[data-v-61df7750]{transform:translate(0)}.layout-main[data-v-61df7750]{margin-left:0}}@media (max-width:640px){.layout-sidebar[data-v-61df7750]{box-shadow:2px 0 8px #0000001a;height:calc(100vh - 4rem);left:0;position:fixed;top:4rem;transform:translate(-100%);width:16rem;z-index:40}.layout-sidebar.open[data-v-61df7750]{transform:translate(0)}.layout-main[data-v-61df7750]{margin-left:0}}