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}.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}