@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&display=swap";.overlay[data-v-de860acc]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:3}.modal[data-v-de860acc]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;z-index:4}.modal-body[data-v-de860acc]{margin-top:100px;padding:15px;min-width:400px;background:#fff;border-radius:10px;position:relative;max-height:60vh;overflow-y:auto}.modal-body.nopadding[data-v-de860acc]{padding:0}.modal-footer[data-v-de860acc]{background:#fff;border-top:1px solid #ccc;position:sticky;bottom:0;padding:10px 20px}.modal-close[data-v-de860acc]{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;z-index:10}:root{--green: #089892;--red: rgba(255, 0, 0, .733);--orange: rgba(255, 94, 0, .733);--soft-blue: #0095ffbb;--el-color-primary: var(--green) !important;--el-border-color: #bbb !important}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}html,body{padding:0;margin:0;color:#303133}.page{padding:20px 20px 20px 0}.page.standard-width{width:100%;max-width:1024px;margin:0 auto}.page .title{font-size:20px;margin-bottom:20px}.page .card{height:calc(100vh - 210px)}.card{background:#fff;padding:20px;border:1px solid #ddd;border-radius:10px}.flex-group{display:flex;align-items:center;gap:10px}.btn{background:var(--green);color:#fff;border:none;padding:8px 20px;border-radius:5px;cursor:pointer;transition:all .3s;font-weight:500}.btn.soft{background:#08989125;color:var(--green)}.btn.soft:hover{background:#08989148}.btn.soft:disabled{background:#ddd;color:#999;cursor:not-allowed}.btn.soft:disabled:hover{background:#ddd}.btn.outline{background:#fff;color:var(--green);border:1px solid var(--green)}.btn.outline:hover{background:#08989148}.btn.block{width:100%}.btn:disabled{background:#8ac7c5}.btn:disabled:hover{background:#8ac7c5}.btn:hover{background:teal}.btn:active{transform:translateY(3px)}.form-group-select{margin-bottom:15px}.form-group-select label{font-size:14px;display:block;margin-bottom:5px}.form-group{margin-bottom:15px}.form-group label{font-size:14px;display:block;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #bbb;border-radius:4px;padding:6px 10px;outline:none;transition:all .3s;font-size:14px;width:calc(100% - 22px)}:is(.form-group input,.form-group select,.form-group textarea):focus{border:1px solid var(--green)}.form-group select{padding:5px 10px;width:100%}.btn-bar{margin-bottom:20px}.table{background:#fff;border-radius:5px;overflow-y:auto;border:1px solid var(--border);max-height:calc(100vh - 170px)}.table table{width:100%;border-spacing:0}.table table thead{position:sticky;top:0;z-index:2}.table table thead th{background:#b8e2e0;border-bottom:1px solid #ddd;text-align:left;padding:10px;font-size:14px;white-space:nowrap}.table table thead th:first-child{width:60px}.table table tbody tr{transition:all .1s}.table table tbody tr td{padding:8px 10px;cursor:pointer;font-size:14px;white-space:nowrap}.table table tbody tr:hover{background:#dfe8ee}.table table tbody tr:nth-child(2n){background:#edf2f5be}.table table tbody tr:nth-child(2n):hover{background:#dfe8ee}.table table tfoot tr td{padding:10px}.table table .btn-hapus{font-size:14px;padding:4px 8px;border-radius:4px;color:var(--red);transition:all .2s}.table table .btn-hapus:hover{background:var(--red);color:#fff}.table table .span-primary{font-size:13px;padding:4px 8px;border-radius:4px;color:var(--primary)}.table table .span-primary:hover{background:var(--primary);color:#fff}.table.table-input tbody tr td{border:1px solid #fff;border-right:1px solid #ccc}.table.table-input tbody tr td:last-child{border-right:0}.table.table-input tbody tr:nth-child(odd){background:#fff}.table.table-input tbody tr:last-child{border-bottom:0}.table.no-stripe tbody tr:nth-child(2n){background:#fff}.table.no-stripe tbody tr:hover{background:none}.empty{display:flex;justify-content:center;align-items:center;padding:100px 0}.empty p{font-size:14px}.no-hp,.password{position:relative}:is(.no-hp,.password) span{position:absolute;display:block;top:0;left:0;padding:7px 10px;font-size:14px;border-right:1px solid #bbb}:is(.no-hp,.password) input{padding-left:44px;width:calc(100% - 56px)}.password span{left:auto;right:0;padding:8.5px;border-right:0;display:flex;align-items:center;cursor:pointer}.password span svg{height:16px}.password input{padding-left:10px;width:calc(100% - 22px)}.el-select__placeholder{color:#303133!important}.spinner{width:30px;height:30px;border-radius:50%;border:4px solid;border-color:#eef0f4;border-right-color:var(--green);animation:spinner-d3wgkg 1s infinite linear;margin:100px auto}@keyframes spinner-d3wgkg{to{transform:rotate(1turn)}}.modal-fade-slide-enter-active,.modal-fade-slide-leave-active{transition:opacity .3s,transform .3s}.modal-fade-slide-enter-from,.modal-fade-slide-leave-to{opacity:0;transform:translateY(40px)}.modal-fade-slide-enter-to,.modal-fade-slide-leave-from{opacity:1;transform:translateY(0)}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .3s}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.overlay-fade-enter-to,.overlay-fade-leave-from{opacity:1}.badge{font-size:11px;padding:4px 8px;border-radius:4px;background:#f7f7f7;color:#fff}.badge.orange{background:var(--orange)}.badge.green{background:var(--green)}.badge.soft-blue{background:var(--soft-blue)}.page-loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff80;display:flex;align-items:center}.unauth{text-align:center;margin-top:100px}.unauth p{font-size:14px}.modal-perubahan-data h3{margin-top:0}