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