@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app[data-v-fce972d8],body[data-v-fce972d8],html[data-v-fce972d8]{margin:0!important;padding:0!important;height:100vh}[data-v-fce972d8]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-fce972d8],.avatar-uploader[data-v-fce972d8] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-fce972d8] .el-upload{min-height:10rem;min-width:10rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:.4rem;transition:.5s}.avatar-uploader[data-v-fce972d8] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-fce972d8] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-fce972d8]{max-height:160px;max-width:160px}hr[data-v-fce972d8]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.sidebar-wrapper[data-v-fce972d8]{position:fixed;left:0;top:0;bottom:0;width:15rem;z-index:100;background-color:#060e35;border-right:1px solid hsla(0,0%,100%,.07);display:flex;flex-direction:column}.logo-wrapper[data-v-fce972d8]{display:flex;justify-content:center;align-items:center;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.07);flex-shrink:0}.logo-wrapper .logo[data-v-fce972d8]{width:7.5rem;height:auto}.menu-nav[data-v-fce972d8]{flex:1;overflow-y:auto;padding:.5rem .625rem}.menu-nav[data-v-fce972d8]::-webkit-scrollbar{width:3px}.menu-nav[data-v-fce972d8]::-webkit-scrollbar-track{background:transparent}.menu-nav[data-v-fce972d8]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:2px}.section-label[data-v-fce972d8]{margin:0;padding:1rem .625rem .3rem;font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.3)}.section-label[data-v-fce972d8]:first-child{padding-top:.5rem}.menu-item[data-v-fce972d8]{display:flex;align-items:center;gap:.625rem;padding:.45rem .625rem;border-radius:.375rem;color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.8rem;transition:background .12s,color .12s;margin-bottom:1px}.menu-item .el-icon[data-v-fce972d8]{flex-shrink:0;opacity:.65;transition:opacity .12s}.menu-item span[data-v-fce972d8]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item[data-v-fce972d8]:hover{background:hsla(0,0%,100%,.06);color:#fff}.menu-item:hover .el-icon[data-v-fce972d8]{opacity:.9}.menu-item.is-active[data-v-fce972d8]{background:hsla(0,0%,100%,.1);color:#fff}.menu-item.is-active .el-icon[data-v-fce972d8]{opacity:1;color:#5b8af5}.sidebar-footer[data-v-fce972d8]{flex-shrink:0;padding:.75rem .625rem;border-top:1px solid hsla(0,0%,100%,.07)}.sign-out-btn[data-v-fce972d8]{width:100%;padding:.45rem;border-radius:.375rem;border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.07);color:rgba(239,68,68,.65);font-size:.8rem;cursor:pointer;transition:all .12s}.sign-out-btn[data-v-fce972d8]:hover{background:rgba(239,68,68,.14);color:#f87171;border-color:rgba(239,68,68,.45)}#app[data-v-d031deae],body[data-v-d031deae],html[data-v-d031deae]{margin:0!important;padding:0!important;height:100vh}[data-v-d031deae]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-d031deae],.avatar-uploader[data-v-d031deae] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-d031deae] .el-upload{min-height:10rem;min-width:10rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.2);border-radius:.4rem;transition:.5s}.avatar-uploader[data-v-d031deae] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-d031deae] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-d031deae]{max-height:160px;max-width:160px}hr[data-v-d031deae]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.default-wrapper[data-v-d031deae]{display:flex;height:100%;padding-left:16rem}.content-body[data-v-d031deae]{flex:1;background-color:#f0f8ff;padding:1rem;max-width:100%;overflow:auto}@media only screen and (max-width:425px){.content-body[data-v-d031deae]{padding:unset}}.nav[data-v-d031deae]{height:6rem;width:100%;background:#f0f0f0;border-bottom:1px solid grey}