@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);#app[data-v-96491f7e],body[data-v-96491f7e],html[data-v-96491f7e]{margin:0!important;padding:0!important;height:100vh}[data-v-96491f7e]{box-sizing:border-box;font-family:Kanit,sans-serif}.avatar-uploader[data-v-96491f7e],.avatar-uploader[data-v-96491f7e] .el-upload{display:flex;justify-content:center;align-items:center}.avatar-uploader[data-v-96491f7e] .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-96491f7e] .el-upload:hover{background:#cecccc}.avatar-uploader[data-v-96491f7e] .el-upload .el-icon-plus{font-size:2.25rem!important}.avatar[data-v-96491f7e]{max-height:160px;max-width:160px}hr[data-v-96491f7e]{border-top:#c4c4c4;margin-top:1rem;margin-bottom:1rem}.div-main[data-v-96491f7e]{display:flex;flex:50%;flex-direction:column;align-items:flex-end}.pagination-container[data-v-96491f7e]{margin-top:20px;align-items:center}.page-size-select[data-v-96491f7e]{width:105px;margin-right:10px}.button-grid[data-v-96491f7e]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid-button[data-v-96491f7e]{width:100%!important;margin:0!important;padding:8px 12px!important;justify-content:center;box-sizing:border-box}.search-row[data-v-96491f7e]{margin-bottom:12px}.search-form[data-v-96491f7e]{display:flex;gap:10px;width:auto}.search-input[data-v-96491f7e]{width:300px;margin-right:10px;flex:2}.filter-select[data-v-96491f7e]{width:200px;margin-right:10px;flex:1}.profile[data-v-96491f7e]{display:flex;align-items:center;gap:10px;background-color:#f5f5f5;border-radius:10px 10px 0 0;padding:10px}.profile .image[data-v-96491f7e]{width:2rem;height:auto;border-radius:50%}.profile .name[data-v-96491f7e]{font-size:16px}