@import"https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,400..600&display=swap";:root{--a-hover: #f3f3f3;--primary-disabled: var(--secondary);--primary: #333;--secondary: #777;--primary-darker: #000;--green: #d6ffca;--green-darker: #16a349;--red: #da2625;--light-grey: #eff3f4;--border: #d8dae0;--text: #303133}*,*:before,*:after{box-sizing:border-box;margin:0}*{font-family:Geist,sans-serif;font-optical-sizing:auto;color:var(--text)}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loader{width:36px;height:36px;border:3px solid var(--primary);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-left:calc(50% - 24px)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#d7e3e6}::-webkit-scrollbar-thumb:window-inactive{background:#ffffff4d}.fade-up{opacity:0;animation:fadeUp .2s ease-in-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}a{text-decoration:none;color:#333}.fadeOut{animation-name:fadeOut}.fadeInDown{animation-name:fadeInDown}.fadeInUp{animation-name:fadeInUp}.fade-enter-active{transition:opacity .3s ease-in}.fade-leave-active{transition:opacity .15s ease-out}.fade-enter,.fade-leave-to{opacity:0}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-o-keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@-moz-keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-webkit-keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@-o-keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.c-toast-container{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:9999;pointer-events:none}.c-toast-container--top{flex-direction:column}.c-toast-container--bottom{flex-direction:column-reverse}@media screen and (max-width: 768px){.c-toast-container{padding:0;position:fixed!important}}.c-toast--top,.c-toast--bottom{align-self:center}.c-toast--top-right,.c-toast--bottom-right{align-self:flex-end}.c-toast--top-left,.c-toast--bottom-left{align-self:flex-start}.v--default-css .c-toast--success{background-color:#28a745}.v--default-css .c-toast--info{background-color:#17a2b8}.v--default-css .c-toast--warning{background-color:#ffc107}.v--default-css .c-toast--error{background-color:#dc3545}.v--default-css .c-toast--default{background-color:#343a40}.v--default-css .c-toast{display:grid;align-items:center;animation-duration:.15s;margin:.5em 0;border-radius:.5em;pointer-events:auto;color:#fff;min-height:3em;cursor:pointer;font-family:Avenir,Helvetica,Arial,sans-serif;padding:.5em 2em;word-break:break-word}.group.home svg{height:20px!important;margin-right:10px!important}.group p{padding:15px 0;border-radius:6px}.group p:hover{background:var(--a-hover)}.group p>span{display:flex;align-items:center;color:#374151;gap:10px}.group p>span .icon-wrapper svg{height:20px!important}.branch-selector[data-v-5f16335e]{margin:16px 20px 0;text-align:left}.branch-selector label[data-v-5f16335e]{display:block;margin-bottom:6px;color:#6b7280;font-size:12px;font-weight:600}.branch-selector select[data-v-5f16335e]{width:100%;height:38px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);font-size:13px;outline:none;padding:0 10px}.branch-selector select[data-v-5f16335e]:focus{border-color:var(--primary)}.branch-selector select[data-v-5f16335e]:disabled{color:#6b7280;background:#f8f9fa;cursor:not-allowed}.form-group label{display:block;font-size:14px;margin-bottom:2px}.form-group input,.form-group textarea,.form-group select{border:1px solid #ccc;border-radius:6px;background:#fff;outline:none;padding:10px;transition:all .3s ease;font-size:14px;width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border:1px solid var(--primary)}.form-group label.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group label.checkbox input[type=checkbox]{width:15px;height:15px}.form-group.no-hp{position:relative}.form-group.no-hp span{position:absolute;font-size:14px;padding:8.2px 10px;border-right:1px solid #ccc}.form-group.no-hp input{padding-left:55px;width:calc(100% - 74px)}.form-group.password{position:relative}.form-group.password span{position:absolute;display:flex;align-items:center;top:33px;right:10px;cursor:pointer}.form-group.password span img{height:20px}form .form-group{margin-bottom:15px}.container{height:100vh}.header{background:#fff;padding:20px 20px 30px;position:sticky;top:0;z-index:9;margin-bottom:20px}.main{display:grid;grid-template-columns:260px 1fr}.main .sidenav{background:#fff;height:100vh;overflow-y:auto}.main .sidenav .group{padding:0}.main .sidenav .group.home{padding-bottom:0}.main .sidenav .group.home a{font-weight:500;font-size:14px;transition:color .3s ease}.main .sidenav .group.home a.router-link-active{border-radius:0}.main .sidenav .group p{padding:10px 20px;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:14px;display:flex;justify-content:space-between;align-items:center}.main .sidenav .group p img{transform:rotate(-90deg);height:10px;transition:transform .3s ease}.main .sidenav .group p:hover{background:#eee;color:var(--primary)}.main .sidenav .group ul{max-height:0;overflow-y:hidden;transition:max-height .15s ease-out}.main .sidenav .group.active p{margin-bottom:10px}.main .sidenav .group.active ul{transition:max-height .3s ease-in;max-height:500px;height:fit-content}.main .sidenav .group.active img{transform:rotate(0)}.main .sidenav li{padding:0 15px;margin-bottom:4px}.main .sidenav a{display:flex;padding:8px 10px 8px 20px;border-radius:6px;transition:background .3s ease;font-size:14px}.main .sidenav a:hover,.main .sidenav a.router-link-active{background:#eee}.main .sidenav a.router-link-active{background:#25262b1a;font-weight:600}.main .content{padding:20px;height:100vh;overflow-y:auto;background:#f8f9fa;border-left:1px solid var(--border)}.main .content .rightnav{position:absolute;right:20px;display:flex;gap:20px;z-index:9}.main .content .rightnav .user{display:flex;align-items:center;cursor:pointer;transition:transform .3s ease}.main .content .rightnav .user:active{transform:scale(.9)}.main .content .rightnav .user img{height:24px}.mt{margin:100px 0;text-align:center}ul{list-style:none;padding:0;margin:0}.btn{background:#fff;border:1px solid #fff;padding:10px 16px;border-radius:6px;color:var(--primary);transition:all .3s ease;font-size:13px;font-weight:600;transition:transform .3s ease;cursor:pointer}.btn:active{transform:scale(.95)}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-darker)}.btn.primary:disabled{background:var(--primary-disabled)}.btn.outline{border:1px solid var(--primary);color:var(--primary);background:#fff}.btn.btn-outline{border:1px solid #ccc}.btn.black{background:#333;color:#fff}.btn.black:hover{background:#333}.btn.black:disabled{background:#8a8a8a}.btn.white{background:#fff}.btn.text-red{color:red}.btn.block{width:100%}.btn:hover{background:var(--a-hover)}.btn.sm{padding:10px;font-size:14px}.btn.xsm{padding:10px 16px;font-size:12px}.btn.red{background:var(--red);color:#fff;border:1px solid var(--red)}.btn.secondary{background:#f8f8f8;border:1px solid #f8f8f8}.btn.secondary:hover{background:#eee}.table{background:#fff;border-radius:10px;overflow-y:auto;border:1px solid var(--border)}.table table{width:100%;border-spacing:0}.table table thead{position:sticky;top:0;z-index:9}.table table thead th{background:#fff;border-bottom:1px solid var(--border);text-align:left;padding:10px;font-size:14px}.table table thead th:first-child{width:60px}.table table tbody tr{transition:all .3s ease}.table table tbody tr td{padding:10px;cursor:pointer;font-size:14px}.table table tbody tr:hover{background:var(--a-hover)}.table table tfoot tr td{padding:10px}.table table .btn-hapus{font-size:14px;padding:4px 8px;border-radius:4px;color:var(--red)}.table table .btn-hapus:hover{background:var(--red);color:#fff}.table table .span-primary{font-size:14px;padding:4px 8px;border-radius:4px;color:var(--primary)}.table table .span-primary:hover{background:var(--primary);color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:19}.modal .modal-body{background:#fff;border-radius:10px;padding:20px;margin-top:100px;max-height:70vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 15px 40px #555}.toggle-form{background:#eee;padding:6px;border-radius:10px;display:grid;grid-template-columns:repeat(2,1fr)}.toggle-form button{background:none;border:1px solid #eee;outline:none;padding:10px;transition:transform .3s ease;cursor:pointer;font-size:12px}.toggle-form button:active{transform:scale(.9)}.toggle-form button.active{background:#fff;border-radius:5px;box-shadow:0 2px 3px #ccc}.badge{background:var(--primary);color:#fff;font-weight:700;font-size:12px;padding:6px 8px;border-radius:6px}.badge.green{background:var(--green-darker)}.badge.red{background:var(--red)}.badge.secondary{background:var(--secondary)}.badge.orange{background:#eba800}.radio{border:1px solid #ccc;width:16px;height:16px;padding:2px;border-radius:20px;display:flex;justify-content:center;align-items:center}.radio.active{border:1px solid var(--primary)}.radio.active span{display:block;border-radius:20px;width:10px;height:10px;background:var(--primary)}.container-md{max-width:1024px;margin:0 auto}.page[data-v-13d43245]{position:relative}h3[data-v-13d43245]{margin-bottom:20px}.page-loading[data-v-13d43245]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9}.section-1[data-v-13d43245]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;transition:opacity .5s ease}.section-1.loading[data-v-13d43245]{opacity:.5}.section-2[data-v-13d43245]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;transition:opacity .5s ease}.section-2.loading[data-v-13d43245]{opacity:.5}.section-2 .table[data-v-13d43245]{height:300px;overflow-y:auto}.section-2 .card[data-v-13d43245]{min-height:300px}.section-2 .card>div[data-v-13d43245]{display:flex;justify-content:center;height:300px}.section-2.bar-chart .card>div[data-v-13d43245]{height:400px}.card[data-v-13d43245]{background:#fff;padding:15px;border-radius:15px;position:relative;border:1px solid #e5e5e5}.card.fixed[data-v-13d43245]{height:calc(100vh - 170px);overflow-y:auto}.card.fixed .filter-top[data-v-13d43245]{position:sticky;top:0;background:#fff}.card.fixed .table[data-v-13d43245]{height:calc(100vh - 300px)}.card.fixed .table tfoot[data-v-13d43245]{position:sticky;bottom:0;background:#fff}.card h1[data-v-13d43245]{font-weight:400}.card small[data-v-13d43245]{position:absolute;margin-top:-24px}.card p[data-v-13d43245]{font-weight:700;margin-bottom:5px}.card p small[data-v-13d43245]{font-weight:400}.card .mt p[data-v-13d43245]{font-weight:400;text-align:center}