.material-icons{font-family:Material Icons!important}*{font-family:Roboto,sans-serif!important}body{background-color:#f6f6f6ee;color:#495057!important}h2{font-size:2rem;font-weight:700;color:#333;margin-bottom:1rem;margin-top:5px}h3{font-size:1.4rem;font-weight:600;color:#2c3e50;margin:0 0 .8rem;letter-spacing:.5px}.mr-10{margin-right:10px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.mt-10{margin-top:10px}.global-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-in-out}.global-preloader mat-spinner{--mdc-circular-progress-active-indicator-color: #ffffff}.preloader-spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #ffffff;width:60px;height:60px;animation:spin 1s linear infinite}.loading-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:40px;height:40px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:16px;border-radius:3px;box-shadow:0 6px 18px #00000014;background:#fff}.action-bar-right{display:flex;gap:1rem;margin-left:auto;align-items:center;justify-content:flex-end}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:1.5rem;padding:.5rem;background:#f8faff;border-radius:3px;border:1px solid #e3eafc}.page-info{min-width:200px;text-align:center;font-size:13px}.pagination-controls .btn.btn-secondary{background-color:unset;color:#25aae1;border:none;transition:background .2s}.pagination-controls .btn.btn-secondary:disabled{background-color:unset;color:#b3d3fa;cursor:not-allowed;opacity:.7}.pagination-controls .btn.btn-secondary:not(:disabled):hover{background-color:unset;color:#007bffbc;transform:scale(1.12);transition:color .2s,transform .2s,box-shadow .2s}.btn{padding:.6rem 1.2rem;border:none;border-radius:3px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease}.btn-primary,.swal2-confirm{background-color:#25aae1;color:#fff}.btn-primary:hover,.swal2-confirm:hover{background-color:#1a89ff}.btn-icon{background:none;border:none;cursor:pointer;padding:0;font-size:1rem;display:flex;align-items:center;justify-content:center}.primary-icon-color{color:#25aae1;font-size:18px!important}.primary-icon-color:hover{color:#1a89ff}.delete-icon{font-size:18px!important;color:#c22b2b;vertical-align:middle}.btn-icon:hover .delete-icon{color:#a71d2a}.d-flex{display:flex}.table{width:100%;border-collapse:collapse;border-radius:3px;overflow:hidden}.table th,.table td{padding:10px;text-align:left;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.table thead th{color:#000;font-weight:700;text-transform:uppercase;font-size:.85rem}.table tbody tr:hover{background-color:#e2e6ea;transition:background-color .2s ease}.page-size-selector label{font-weight:500;color:#555;font-size:.9rem}.btn-cancel{background-color:#a3a3a3;color:#fff;border-radius:3px;padding:.5rem 1.2rem;font-weight:600;cursor:pointer}.btn-cancel:hover{background-color:#888;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:3px;box-shadow:0 4px 20px #0003;width:90%;max-width:500px;z-index:1001;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem .5rem;border-bottom:1px solid #eee}.modal-title{font-size:1.5rem;font-weight:700;color:#25aae1;margin:0}.close-button{background:none;border:none;font-size:1.8rem;color:#25aae1;cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.close-button:hover{color:#1a89ff}.modal-body{padding:1.5rem 2rem;flex-grow:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:15px 0 0 10px;border-top:1px solid #eee}
