.page-bg[data-v-0befa2fa]{background-image:url(/assets/media/images/2600x1200/bg-10.png)}.dark{background-image:url(/assets/media/images/2600x1200/bg-10-dark.png)}.fixed[data-v-580f4cd2]{animation:fadeIn-580f4cd2 .2s ease-in}@keyframes fadeIn-580f4cd2{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-580f4cd2]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-580f4cd2 .2s ease-in}.modal-content[data-v-580f4cd2]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;margin:1rem;max-height:90vh;overflow-y:auto}.fixed[data-v-e075be5a]{animation:fadeIn-e075be5a .2s ease-in}@keyframes fadeIn-e075be5a{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-e075be5a]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-e075be5a .2s ease-in;padding:1rem}.modal-content[data-v-e075be5a]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content-lg[data-v-e075be5a]{max-width:850px}.modal-content>div[data-v-e075be5a]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-e075be5a]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-e075be5a]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-e075be5a]::-webkit-scrollbar-thumb:hover{background:#555}.fixed[data-v-a0acfdd8]{animation:fadeIn-a0acfdd8 .2s ease-in}@keyframes fadeIn-a0acfdd8{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-a0acfdd8]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-a0acfdd8 .2s ease-in;padding:1rem}.modal-content[data-v-a0acfdd8]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-a0acfdd8]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-a0acfdd8]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-a0acfdd8]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-a0acfdd8]::-webkit-scrollbar-thumb:hover{background:#555}.fixed[data-v-4f495ed0]{animation:fadeIn-4f495ed0 .2s ease-in}@keyframes fadeIn-4f495ed0{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-4f495ed0]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-4f495ed0 .2s ease-in}.modal-content[data-v-4f495ed0]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;margin:1rem;max-height:90vh;overflow-y:auto}.fixed[data-v-29e69251]{animation:fadeIn-29e69251 .2s ease-in}@keyframes fadeIn-29e69251{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-29e69251]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-29e69251 .2s ease-in}.modal-content[data-v-29e69251]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;margin:1rem;max-height:90vh;overflow-y:auto}.fixed[data-v-4dbe0958]{animation:fadeIn-4dbe0958 .2s ease-in}@keyframes fadeIn-4dbe0958{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-4dbe0958]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-4dbe0958 .2s ease-in}.modal-content[data-v-4dbe0958]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;margin:1rem;max-height:90vh;overflow-y:auto}.fixed[data-v-b3efc279]{animation:fadeIn-b3efc279 .2s ease-in}@keyframes fadeIn-b3efc279{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-b3efc279]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-b3efc279 .2s ease-in}.modal-content[data-v-b3efc279]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;margin:1rem;max-height:90vh;overflow-y:auto}.kt-table[data-v-854248db]{font-size:.875rem}[data-v-bb9c188e]::-webkit-scrollbar{width:6px}[data-v-bb9c188e]::-webkit-scrollbar-track{background:transparent}[data-v-bb9c188e]::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}[data-v-bb9c188e]::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fixed[data-v-bb9c188e]{animation:fadeIn-bb9c188e .2s ease-in}@keyframes fadeIn-bb9c188e{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-bb9c188e]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-bb9c188e .2s ease-in;padding:1rem}.modal-content[data-v-bb9c188e]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-bb9c188e]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-bb9c188e]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-bb9c188e]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-bb9c188e]::-webkit-scrollbar-thumb:hover{background:#555}.perpus-search-filter[data-v-bb9c188e]{position:relative;display:flex;align-items:center}.perpus-search-filter .ki-magnifier[data-v-bb9c188e]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.perpus-search-filter .kt-input[data-v-bb9c188e]{padding-left:2.5rem!important}.fixed[data-v-71880412]{animation:fadeIn-71880412 .2s ease-in}@keyframes fadeIn-71880412{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-71880412]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-71880412 .2s ease-in;padding:1rem}.modal-content[data-v-71880412]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-71880412]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-71880412]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-71880412]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-71880412]::-webkit-scrollbar-thumb:hover{background:#555}.perpus-search-filter[data-v-71880412]{position:relative;display:flex;align-items:center}.perpus-search-filter .ki-magnifier[data-v-71880412]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.perpus-search-filter .kt-input[data-v-71880412]{padding-left:2.5rem!important}.fixed[data-v-a4627917]{animation:fadeIn-a4627917 .2s ease-in}@keyframes fadeIn-a4627917{0%{opacity:0}to{opacity:1}}.item-card-header[data-v-a4627917]{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.item-header-filters[data-v-a4627917]{display:grid;grid-template-columns:minmax(260px,420px) 170px;align-items:center;gap:.75rem;min-width:0;width:min(100%,600px);max-width:600px;margin-left:auto}.item-filter-bar[data-v-a4627917]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.75rem;border-bottom:1px solid #e5e7eb}.item-per-page[data-v-a4627917]{display:inline-flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem;white-space:nowrap}.item-book-filter[data-v-a4627917],.item-status-filter[data-v-a4627917],.item-search-filter[data-v-a4627917]{min-width:0}.item-search-filter[data-v-a4627917]{position:relative;display:flex;align-items:center;width:220px}.item-search-filter .ki-magnifier[data-v-a4627917]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.item-search-filter .kt-input[data-v-a4627917]{padding-left:2.5rem!important}.item-status-select[data-v-a4627917]{background-color:#eef6ff;border-color:#bfdbfe;color:#1e3a8a;font-weight:600;cursor:pointer;height:2.5rem}.item-status-select[data-v-a4627917]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}@media(max-width:1280px){.item-card-header[data-v-a4627917]{align-items:stretch}.item-header-filters[data-v-a4627917]{grid-template-columns:1fr 170px;margin-left:0;width:100%;max-width:none}}@media(max-width:960px){.item-header-filters[data-v-a4627917]{grid-template-columns:1fr}.item-filter-bar[data-v-a4627917]{align-items:flex-start;flex-direction:column}.item-search-filter[data-v-a4627917]{width:100%}}@media(max-width:768px){.item-filter-bar[data-v-a4627917]{padding:1rem}}.modal-overlay[data-v-a4627917]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-a4627917 .2s ease-in;padding:1rem}.modal-content[data-v-a4627917]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-a4627917]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-a4627917]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-a4627917]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-a4627917]::-webkit-scrollbar-thumb:hover{background:#555}.status-badge[data-v-a4627917]{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.status-badge-available[data-v-a4627917]{background-color:#dcfce7;color:#166534}.status-badge-borrowed[data-v-a4627917]{background-color:#fef3c7;color:#92400e}.status-badge-lost[data-v-a4627917]{background-color:#fee2e2;color:#991b1b}.status-badge-muted[data-v-a4627917]{background-color:#f3f4f6;color:#4b5563}.fixed[data-v-3b570dc0]{animation:fadeIn-3b570dc0 .2s ease-in}@keyframes fadeIn-3b570dc0{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-3b570dc0]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-3b570dc0 .2s ease-in;padding:1rem}.modal-content[data-v-3b570dc0]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-3b570dc0]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-3b570dc0]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-3b570dc0]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-3b570dc0]::-webkit-scrollbar-thumb:hover{background:#555}.perpus-search-filter[data-v-3b570dc0]{position:relative;display:flex;align-items:center}.perpus-search-filter .ki-magnifier[data-v-3b570dc0]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.perpus-search-filter .kt-input[data-v-3b570dc0]{padding-left:2.5rem!important}.overdue-toast[data-v-3b570dc0]{position:fixed;top:1.25rem;right:1.25rem;z-index:60;display:flex;align-items:flex-start;gap:.75rem;width:min(360px,calc(100vw - 2rem));padding:.875rem 1rem;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:.5rem;background-color:#fff;box-shadow:0 16px 32px #0f172a29}.overdue-toast-icon[data-v-3b570dc0]{color:#dc2626;line-height:1;margin-top:.125rem}.overdue-toast-content[data-v-3b570dc0]{min-width:0;flex:1}.overdue-toast-content strong[data-v-3b570dc0]{display:block;color:#111827;font-size:.875rem;font-weight:700;line-height:1.25}.overdue-toast-content p[data-v-3b570dc0]{margin:.25rem 0 0;color:#4b5563;font-size:.8125rem}.overdue-toast-close[data-v-3b570dc0]{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.375rem;color:#6b7280;transition:background-color .15s ease,color .15s ease}.overdue-toast-close[data-v-3b570dc0]:hover{background-color:#fee2e2;color:#b91c1c}.loan-status-badge[data-v-3b570dc0]{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;line-height:1;white-space:nowrap}.loan-status-borrowed[data-v-3b570dc0]{background-color:#fef3c7;color:#92400e}.loan-status-returned[data-v-3b570dc0]{background-color:#dcfce7;color:#166534}.loan-status-overdue[data-v-3b570dc0]{background-color:#fee2e2;color:#991b1b}.loan-status-muted[data-v-3b570dc0]{background-color:#f3f4f6;color:#4b5563}.fine-modal-content[data-v-3b570dc0]{max-width:640px}.fine-modal-body[data-v-3b570dc0]{background-color:#fff}.fine-notice[data-v-3b570dc0]{display:flex;gap:.75rem;padding:1rem;border:1px solid #dbeafe;border-radius:.5rem;background-color:#eff6ff}.fine-notice strong[data-v-3b570dc0]{display:block;margin-bottom:.25rem;color:#111827;font-size:0}.fine-notice strong[data-v-3b570dc0]:before{content:"Informasi Penting";font-size:.875rem}.fine-summary-grid[data-v-3b570dc0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb}.fine-summary-item[data-v-3b570dc0]{min-width:0}.fine-summary-item label[data-v-3b570dc0]{display:block;margin-bottom:.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#6b7280}.fine-summary-item p[data-v-3b570dc0]{margin:0;color:#111827;font-size:.875rem;font-weight:600;overflow-wrap:anywhere}.fine-total-panel[data-v-3b570dc0]{padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb;border-left:4px solid #dc2626;background-color:#fff}.fine-total-panel>label[data-v-3b570dc0]{display:block;margin-bottom:.5rem;color:#b91c1c;font-size:0;font-weight:700;text-transform:uppercase}.fine-total-panel>label[data-v-3b570dc0]:before{content:"Denda yang Harus Dibayarkan";font-size:.75rem}.fine-total[data-v-3b570dc0]{margin:0;color:#dc2626;font-size:2.25rem;line-height:1;font-weight:800}.fine-calculation[data-v-3b570dc0]{margin-top:1rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff}.fine-calculation p[data-v-3b570dc0]{margin:0;color:#4b5563;font-size:.75rem}.fine-calculation p+p[data-v-3b570dc0]{margin-top:.25rem}.fine-calculation span[data-v-3b570dc0]{font-weight:700;color:#374151}.fine-modal-footer[data-v-3b570dc0]{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;margin-bottom:1rem;padding:1.25rem 1rem 0;border-top:1px solid #e5e7eb;background-color:#fff}@media(min-width:640px){.fine-modal-footer[data-v-3b570dc0]{flex-direction:row;justify-content:flex-end;align-items:center}}@media(max-width:520px){.fine-summary-grid[data-v-3b570dc0]{grid-template-columns:1fr}.fine-total[data-v-3b570dc0]{font-size:1.875rem}}.fixed[data-v-0a81cab3]{animation:fadeIn-0a81cab3 .2s ease-in}@keyframes fadeIn-0a81cab3{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-0a81cab3]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-0a81cab3 .2s ease-in;padding:1rem}.modal-content[data-v-0a81cab3]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-0a81cab3]::-webkit-scrollbar{width:8px}.modal-content>div[data-v-0a81cab3]::-webkit-scrollbar-track{background:transparent}.modal-content>div[data-v-0a81cab3]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.modal-content>div[data-v-0a81cab3]::-webkit-scrollbar-thumb:hover{background:#555}.fine-status-select[data-v-0a81cab3]{width:170px;height:2.5rem;background-color:#eef6ff;border-color:#bfdbfe;color:#1e3a8a;font-weight:600;cursor:pointer}.fine-status-select[data-v-0a81cab3]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}.fine-search-filter[data-v-0a81cab3]{position:relative;display:flex;align-items:center;width:220px}.fine-search-filter .ki-magnifier[data-v-0a81cab3]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.fine-search-filter .kt-input[data-v-0a81cab3]{padding-left:2.5rem!important}@media(max-width:767px){.fine-search-filter[data-v-0a81cab3],.fine-status-select[data-v-0a81cab3]{width:100%}}.kt-table[data-v-021df425]{font-size:.875rem}.kt-badge[data-v-021df425]{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.kt-badge-light[data-v-021df425]{background-color:#f3f4f6;color:#374151}.report-metric-grid[data-v-021df425]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem 0 1.25rem}.report-metric[data-v-021df425]{display:flex;flex-direction:column;gap:.35rem;min-height:72px;padding:.875rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff}.report-metric span[data-v-021df425]{color:#6b7280;font-size:.75rem;font-weight:600}.report-metric strong[data-v-021df425]{color:#111827;font-size:1.15rem;font-weight:700;line-height:1.2}.report-metric-success strong[data-v-021df425]{color:#16a34a}.report-metric-info strong[data-v-021df425]{color:#2563eb}.report-metric-danger strong[data-v-021df425]{color:#dc2626}.modal-overlay[data-v-021df425]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-021df425 .2s ease-in;padding:1rem}.modal-content[data-v-021df425]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}@keyframes fadeIn-021df425{0%{opacity:0}to{opacity:1}}.fixed[data-v-7ceaf738]{animation:fadeIn-7ceaf738 .2s ease-in}@keyframes fadeIn-7ceaf738{0%{opacity:0}to{opacity:1}}.modal-overlay[data-v-7ceaf738]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;animation:fadeIn-7ceaf738 .2s ease-in;padding:1rem}.modal-content[data-v-7ceaf738]{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-content>div[data-v-7ceaf738]::-webkit-scrollbar{width:6px}.modal-content>div[data-v-7ceaf738]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-content>div[data-v-7ceaf738]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-content>div[data-v-7ceaf738]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.perpus-search-filter[data-v-7ceaf738]{position:relative;display:flex;align-items:center}.perpus-search-filter .ki-magnifier[data-v-7ceaf738]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.perpus-search-filter .kt-input[data-v-7ceaf738]{padding-left:2.5rem!important}.modal-overlay[data-v-26050998]{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#00000080}.modal-content[data-v-26050998]{width:min(520px,100%);border-radius:.75rem;background-color:#fff;box-shadow:0 20px 25px -5px #0000001a}