/* Tampilan cadangan agar aplikasi tetap dapat digunakan ketika CDN Bootstrap tidak tersedia. */
:root{--bs-primary:#0f766e;--bs-success:#198754;--bs-danger:#dc3545;--bs-warning:#ffc107;--bs-info:#0dcaf0;--bs-secondary:#6c757d;--bs-light:#f8f9fa}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button,input,select,textarea{font:inherit}.container-fluid{width:100%;padding:0 12px}.row{display:flex;flex-wrap:wrap;margin:-8px}.row>*{padding:8px;width:100%}.g-2{margin:-4px}.g-2>*{padding:4px}.g-3{margin:-8px}.g-3>*{padding:8px}.g-4{margin:-12px}.g-4>*{padding:12px}.col,.col-12{flex:0 0 auto;width:100%}.col-6{width:50%}.d-flex{display:flex!important}.d-block{display:block!important}.d-none{display:none!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-success{color:#198754!important}.text-danger{color:#dc3545!important}.text-muted{color:#6c757d!important}.text-white-50{color:rgba(255,255,255,.6)!important}.fw-bold{font-weight:700!important}.small,small{font-size:.875em}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.me-2{margin-right:.5rem!important}.p-3{padding:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pb-3{padding-bottom:1rem!important}.border{border:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.rounded-4{border-radius:1rem!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.48rem .75rem;border:1px solid transparent;border-radius:.5rem;text-decoration:none;cursor:pointer;background:#eee;color:#212529;line-height:1.4}.btn:hover{filter:brightness(.96)}.btn-sm,.btn-group-sm>.btn{padding:.3rem .55rem;font-size:.875rem}.btn-primary{background:#0f766e;color:#fff;border-color:#0f766e}.btn-success{background:#198754;color:#fff;border-color:#198754}.btn-light{background:#f8f9fa;color:#212529;border-color:#dee2e6}.btn-outline-primary{background:transparent;color:#0f766e;border-color:#0f766e}.btn-outline-danger{background:transparent;color:#dc3545;border-color:#dc3545}.btn-outline-secondary{background:transparent;color:#6c757d;border-color:#6c757d}.btn-close{width:1.8rem;height:1.8rem;padding:0;border:0;background:transparent;position:relative;cursor:pointer}.btn-close:before{content:'×';font-size:1.5rem;line-height:1}.btn-group{display:inline-flex}.btn-group>.btn,.btn-group>form>.btn{border-radius:0}.btn-group>:first-child,.btn-group>form:first-child>.btn{border-radius:.45rem 0 0 .45rem}.btn-group>:last-child,.btn-group>form:last-child>.btn{border-radius:0 .45rem .45rem 0}.form-label{display:inline-block;margin-bottom:.4rem}.form-control,.form-select{display:block;width:100%;padding:.55rem .7rem;color:#212529;background:#fff;border:1px solid #ced4da;border-radius:.5rem}.form-control-sm,.form-select-sm{padding:.3rem .5rem;font-size:.875rem}.form-check{display:flex;gap:.5rem;align-items:center}.form-check-input{width:1rem;height:1rem}.input-group{display:flex}.input-group>.form-control{border-radius:0;flex:1}.input-group-text{display:flex;align-items:center;padding:.55rem .7rem;background:#e9ecef;border:1px solid #ced4da;border-radius:.5rem 0 0 .5rem}.input-group>.btn{border-radius:0 .5rem .5rem 0}.card{background:#fff}.card-body{padding:1rem}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.7rem;border-bottom:1px solid #dee2e6;text-align:left}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-hover tbody tr:hover{background:#f8fbfa}.alert{position:relative;padding:.8rem 2.5rem .8rem 1rem;border:1px solid transparent;border-radius:.6rem;margin-bottom:1rem}.alert-success{background:#d1e7dd;border-color:#badbcc;color:#0f5132}.alert-danger{background:#f8d7da;border-color:#f5c2c7;color:#842029}.alert-warning{background:#fff3cd;border-color:#ffecb5;color:#664d03}.alert-info{background:#cff4fc;border-color:#b6effb;color:#055160}.alert .btn-close{position:absolute;right:.5rem;top:.45rem}.badge{display:inline-block;padding:.35em .55em;font-size:.75em;font-weight:700;border-radius:.4rem}.text-bg-success{background:#198754;color:#fff}.text-bg-danger{background:#dc3545;color:#fff}.text-bg-warning{background:#ffc107;color:#212529}.text-bg-primary{background:#0d6efd;color:#fff}.text-bg-info{background:#0dcaf0;color:#212529}.text-bg-secondary{background:#6c757d;color:#fff}.list-group{display:flex;flex-direction:column}.list-group-item{display:block;padding:.75rem 1rem;color:#212529;text-decoration:none;background:#fff;border-bottom:1px solid #dee2e6}.list-group-item.active{background:#0f766e;color:#fff}.modal{display:none;position:fixed;inset:0;z-index:2000;overflow:auto;background:rgba(0,0,0,.5);padding:1.5rem}.modal.show{display:block}.modal-dialog{max-width:520px;margin:2rem auto}.modal-lg{max-width:850px}.modal-content{background:#fff;display:flex;flex-direction:column;max-height:calc(100vh - 4rem)}.modal-header,.modal-footer{display:flex;align-items:center;padding:1rem}.modal-header{justify-content:space-between;border-bottom:1px solid #dee2e6}.modal-footer{justify-content:flex-end;gap:.5rem;border-top:1px solid #dee2e6}.modal-body{padding:1rem;overflow-y:auto}.modal-title{margin:0}.fade{transition:opacity .15s}.dropdown-menu{display:none}.active{font-weight:600}@media(min-width:768px){.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-5{width:41.6667%}.col-md-6{width:50%}.col-md-8{width:66.6667%}}@media(min-width:992px){.col-lg-4{width:33.3333%}.col-lg-5{width:41.6667%}.col-lg-6{width:50%}.col-lg-7{width:58.3333%}.col-lg-8{width:66.6667%}.d-lg-none{display:none!important}}@media(min-width:1200px){.col-xl-3{width:25%}.col-xl-4{width:33.3333%}}