@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap);.kpi-card[data-v-51b62cc2]{background:#fff;border-radius:12px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;height:100px;border-left:5px solid transparent}.kpi-card[data-v-51b62cc2]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.icon-wrapper[data-v-51b62cc2]{width:50px;height:50px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:15px}.kpi-content[data-v-51b62cc2]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.kpi-value[data-v-51b62cc2]{font-size:24px;font-weight:700;line-height:1.2}.kpi-label[data-v-51b62cc2]{font-size:14px;color:#6c757d}.text-small[data-v-51b62cc2]{font-size:14px;font-weight:400;color:#adb5bd}.card-total[data-v-51b62cc2]{border-left-color:#321fdb}.card-total .icon-wrapper[data-v-51b62cc2]{background-color:rgba(50,31,219,.1);color:#321fdb}.card-progress[data-v-51b62cc2]{border-left-color:#f9b115}.card-progress .icon-wrapper[data-v-51b62cc2]{background-color:rgba(249,177,21,.1);color:#f9b115}.card-completed[data-v-51b62cc2]{border-left-color:#2eb85c}.card-completed .icon-wrapper[data-v-51b62cc2]{background-color:rgba(46,184,92,.1);color:#2eb85c}.card-overdue[data-v-51b62cc2]{border-left-color:#e55353}.card-overdue .icon-wrapper[data-v-51b62cc2]{background-color:rgba(229,83,83,.1);color:#e55353}.card-satisfaction[data-v-51b62cc2]{border-left-color:#f9b115}.card-satisfaction .icon-wrapper[data-v-51b62cc2]{background-color:rgba(249,177,21,.1);color:#f9b115}.card-header .btn-outline-light[data-v-51b62cc2]:hover{color:#145654}@media print{.c-footer[data-v-51b62cc2],.c-header[data-v-51b62cc2],.c-sidebar[data-v-51b62cc2]{display:none!important}.c-wrapper[data-v-51b62cc2]{margin-left:0!important}.c-app[data-v-51b62cc2],.c-main[data-v-51b62cc2]{background:#fff!important;padding:0!important;margin:0!important}#heatmapColumn[data-v-51b62cc2],.dashboard-container>.card[data-v-51b62cc2]:first-child{display:none!important}#tableColumn[data-v-51b62cc2]{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;max-width:100%!important}.c-datatable-filter[data-v-51b62cc2],.col-sm-6.form-inline[data-v-51b62cc2],.datatable-filter[data-v-51b62cc2],.filter-group[data-v-51b62cc2],.form-inline.float-right[data-v-51b62cc2],.print-btn[data-v-51b62cc2],.table-responsive+div[data-v-51b62cc2],[class*=datatable] .form-inline[data-v-51b62cc2]{display:none!important}.card[data-v-51b62cc2]{border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.card-header[data-v-51b62cc2]{background-color:transparent!important;border-bottom:2px solid #000!important;padding-left:0!important;padding-right:0!important}.kpi-card[data-v-51b62cc2]{display:none!important}[data-v-51b62cc2]{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.card-body[data-v-51b62cc2]{height:auto!important;overflow-y:visible!important}}