*{margin:0;padding:0;scroll-behavior:smooth;font-family:Candara,Reem Kufi,Tahoma,Geneva,Verdana,sans-serif}.primary-heading{font-size:22px;color:#204c71;margin:0;font-weight:600}.primary-text{line-height:1.5;white-space:pre-wrap}:host{display:block}.toggle-container{display:grid;gap:7px}.toggle{position:relative;display:flex;width:51px;height:31px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e9e9eb;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#204c71}input:focus+.slider{box-shadow:0 0 1px #204c71}input:checked+.slider:before{transform:translate(20px)}.container-form{display:flex;justify-content:center;margin-top:5rem;padding:20px}.form-container{text-align:center}form{width:30rem;padding:10px}h2{font-size:24px;margin-bottom:40px;color:#204c71}.input-group{margin-bottom:25px;text-align:left}.input-group label{font-weight:700;color:#6a6a6a;margin-bottom:0}.input-group input{width:100%;padding:16px;font-size:16px;color:#6a6a6a;margin:.3rem 0rem;border:1px solid #ddd;border-radius:13px;outline:none;transition:all .3s ease}.input-group input:focus{border-color:#204c71;box-shadow:0 0 5px #204c71}.input-group select{width:100%;padding:16px;font-size:16px;color:#6a6a6a;background-color:#fff;margin:.3rem 0rem;border:1px solid #ddd;border-radius:13px;outline:none;transition:all .3s ease}.input-group select:focus{border-color:#204c71;box-shadow:0 0 5px #204c71}.input-group input:disabled{background-color:#ccc;cursor:not-allowed}.input-group select:disabled{background-color:#ccc;cursor:not-allowed}.error{color:red;font-size:12px;position:absolute;margin:.1rem 0rem}.sucess{color:#213f5c;font-size:12px;margin:.5rem 0rem}.btn-submit{width:38%;margin-top:.5rem;margin-right:1rem;padding:16px;background-color:#204c71;color:#fff;border:none;border-radius:13px;font-size:16px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#003acc}button:disabled{background-color:#ccc;cursor:not-allowed}h2{position:relative;margin:3rem 0rem;text-align:center;color:#204c71;font-size:24px}.data-grid-container{width:60%;margin:1rem auto}.data-grid{width:100%;border-collapse:collapse;color:#6a6a6a}.data-grid th{padding:12px;text-align:left;border:1px solid #ddd;border-radius:5px;background-color:#204c71;color:#fff}.data-grid td{padding:7px;border-radius:5px;text-align:left}.data-grid tr:nth-child(2n){background-color:#eaeaea;border-radius:5px}.data-grid tr:hover{background-color:#004cff;color:#fff!important;border-radius:5px;border-color:#000;box-shadow:0 0 10px #000}.actions{display:flex;justify-content:space-around}.actions fa-icon:hover{border-radius:5px;border-color:#000;box-shadow:0 0 10px #000}.edit-btn,.delete-btn{padding:5px;cursor:pointer}.disabled{pointer-events:none;cursor:not-allowed}.pagination{display:flex;justify-content:center;margin:1rem}.pagination button{margin:0 3px;padding:10px 14px;border:none;border-radius:7px}.pagination button.active{background-color:#204c71;color:#fff}.pagination button:hover{background-color:#003acc;color:#fff;border-color:#000;box-shadow:0 0 5px #000;cursor:pointer;transform:scale(1.1)}.icon-container{display:flex;justify-content:center}.icon-box{text-align:center;padding:1rem;border-radius:13px;cursor:pointer;background-color:#204c71;transition:all .3s ease}.icon-box fa-icon{font-size:3rem;color:#fff}.icon-box:hover{background-color:#003acc!important;border-color:#000;box-shadow:0 0 5px #000;transform:scale(1.1)}