ul{display:none}ul.open{display:block}.loader{width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.filter-dropdown{flex-grow:1}button.btn{white-space:nowrap}@media (max-width: 768px){.searchbar input{margin-bottom:10px}.filter-dropdown select{flex-grow:1}}.status-active{background-color:green;color:#fff}.status-inactive{background-color:red;color:#fff}.lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.lds-spinner{color:currentColor;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3.2px;left:36.8px;width:6.4px;height:17.6px;border-radius:20%;background:currentColor}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.printable-invoice{font-family:Arial,sans-serif;color:#000;padding:20px;background:#fff}.printable-invoice .header{text-align:center}.printable-invoice .header span{display:block;font-size:12px;margin-bottom:4px}.printable-invoice table{width:100%;border-collapse:collapse}.printable-invoice table th,.printable-invoice table td{border:1px solid #ddd;padding:8px;text-align:center}.printable-invoice table thead{background-color:#f8f8f8;font-weight:700}.printable-invoice table tfoot{background-color:#f1f1f1;font-weight:700}.printable-invoice .table-success td{background-color:#d4edda!important;font-weight:700}.printable-invoice table tfoot td{min-height:20px;padding:8px}.text-end{text-align:right}.text-center{text-align:center}.fw-bold{font-weight:700}.txtowrd{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:18px;color:#333;margin-top:20px;margin-bottom:20px;text-align:center;background-color:#f0f0f0;padding:10px 15px;border-radius:6px;box-shadow:0 2px 6px #0000001a}@media print{.print-table,.print-table th,.print-table td{border:none!important}.print-img{display:block;margin:0 auto;height:100px;max-width:100%;object-fit:contain}th,td{padding:0}}.custom-modal{position:fixed;top:0;right:-100%;width:40%;max-width:500px;height:100%;background:#fff;transition:right .3s ease-in-out;z-index:1050;box-shadow:-2px 0 10px #0003;overflow-y:auto;padding:20px;border-radius:10px 0 0 10px}.custom-modal.open{right:0}@media (max-width: 768px){.custom-modal{width:100%;max-width:none;border-radius:0}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1040}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px}.form-control{border-radius:5px;padding:10px}.img-thumbnail{border-radius:5px;margin-top:5px;max-width:100%;height:auto}.btn-primary{background:#007bff;border:none;padding:10px 15px;border-radius:5px;transition:.3s}.btn-primary:hover{background:#0056b3}