:root{--primary-color: #003C54;--secondary-color: #F2B410}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif;font-optical-sizing:auto}html{scroll-behavior:smooth;font-size:16px}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;border:none;outline:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.25}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.375rem}h5{font-size:1.125rem}h6{font-size:1rem}p,li{font-size:14px;line-height:1.6}label{font-size:.8rem;font-weight:600}small{font-size:.875rem}::-webkit-scrollbar{width:.2rem;height:.2rem}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}input,select,textarea{width:100%;height:2.5rem;border:1px solid #ddd9d2;border-radius:9px;padding:0 1rem;font-size:14px;color:#1a1a1a;outline:none;transition:border-color .18s,box-shadow .18s,background .18s;margin-top:.5rem;background:#fff;resize:none}:is(input,select,textarea):focus{background:#fff;box-shadow:0 0 0 3px #3d6b4f1a}:is(input,select,textarea):disabled{color:#d9d9d9;border-color:#d9d9d9;background:#d9d9d91a;cursor:not-allowed}textarea{height:auto;padding:1rem}select{appearance:none;background-image:url(/auth/down-arrow.png);background-repeat:no-repeat;background-position:right 1rem center;background-size:.7rem;transition:background .2s ease}select:focus{background-image:url(/auth/down-arrow.png);background-repeat:no-repeat;background-position:right 1rem center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.button{padding:0 .8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:5px;background-color:var(--primary-color);color:#fff;position:relative;transition:.5s ease;z-index:0}.button svg{height:1.5rem;width:1.5rem}.button:before{content:"";position:absolute;inset:0;background:#0003;border-radius:5px;z-index:-1}.button:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,white)}.button:disabled{background-color:#d9d9d9;color:#bbb;pointer-events:none;cursor:not-allowed}.button:disabled:before{background:none}.secondary-button{padding:0 .8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:5px;background-color:var(--secondary-color);color:#fff;position:relative;transition:.5s ease;z-index:0}.secondary-button:before{content:"";position:absolute;inset:0;background:#0003;border-radius:5px;z-index:-1}.secondary-button:hover{background-color:color-mix(in srgb,var(--secondary-color) 70%,black)}.secondary-button:disabled{background-color:#d9d9d9;color:#bbb;pointer-events:none;cursor:not-allowed}.secondary-button:disabled:before{background:none}.table-content{width:100%;background:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;margin:1.5rem 0 1rem .1rem}.table-wrapper{width:100%;max-height:50rem;overflow-x:auto;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:4px;height:4px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary-color) 55%,white);border-radius:10px}.table-wrapper::-webkit-scrollbar-button{display:none}table{width:100%;min-width:45rem;border-collapse:collapse;table-layout:fixed;background:#fff}table thead{position:sticky;top:0;z-index:2;background-color:color-mix(in srgb,var(--primary-color) 5%,white)}table th{padding:1rem;text-align:left;white-space:nowrap;font-size:.85rem;font-weight:600}table tr{border-bottom:1px solid #ececec;transition:background .2s ease}table tr:nth-child(2n){background-color:color-mix(in srgb,var(--primary-color) 2%,white)}table td{padding:.8rem 1rem;vertical-align:middle;word-break:break-word;font-size:.9rem}table .empty{text-align:center;padding:1rem;color:var(--primary-color);font-weight:600}:is(table th,table td):last-child{width:80px;text-align:center}.options-column{text-align:center}.status p{margin:0;font-size:.75rem;font-weight:600;padding:.3rem .8rem;width:max-content;border-radius:15px}.status p.ACTIVE,.status p.CREATE,.status p.COMPLETED{background:#e6f9ef99;color:#15803d}.status p.SUSPENDED,.status p.UPCOMING,.status p.UPDATE,.status p.GRADUATED{background:#06b6d41a;color:#06b6d4}.status p.DEACTIVATED,.status p.INACTIVE,.status p.CANCELLED,.status p.STATUS_CHANGE,.status p.SUSPENDED,.status p.REVERSED,.status p.FAILED,.status p.UNPAID{background:#fee2e299;color:#ff202b}.status p.PENDING,.status p.ARCHIVED,.status p.TRANSFERRED,.status p.DRAFT,.status p.PARTIALLY_PAID{background:#fffbeb;color:#f59e0b}.status p.LOGIN,.status p.WITHDRAWN{background:#f3f4f6;color:#4a5565}.role p{margin:0;font-size:.75rem;font-weight:600;padding:.1rem .8rem;width:max-content;border-radius:15px}.role p.SCHOOL_ADMIN,.role p.BANK_TRANSFER{background:#5c0b1314;color:#5c0b13}.role p.fee-type{background:#f3f4f6;color:#4a5565}.role p.FINANCE_ADMIN,.role p.MOBILE_MONEY{background:#7a600014;color:#7a6000}.role p.TEACHER,.role p.CARD{background:#1d4ed814;color:#1d4ed8}.role p.SUPER_ADMIN{background:#fef2f2;color:#b91c1c}.role p.MALE,.role p.CASH{background:#3b7dd812;color:#3b7dd8}.role p.FEMALE,.role p.CHEQUE{background:#db277712;color:#db2777}app-pagination{display:block;width:100%}.menu-item{width:100%;padding:.5rem;background:none;border:none;border-radius:6px;font-size:14px;color:#1a1a1a;text-align:left;cursor:pointer;transition:.5s ease}.menu-item:hover{background:#d9d9d94d}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-left:.5rem}.page-heading .btn-container{display:flex;gap:1rem}.page-heading button{gap:.3rem}.page-nav{margin:1.5rem 0}.page-nav ul{width:max-content;background:#fff;display:flex;gap:.5rem;padding:.3rem .5rem;margin-left:.1rem;border-radius:20px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.page-nav li{padding:.3rem 1.5rem;border-radius:15px;cursor:pointer;transition:.5s ease}.page-nav li:hover{background:color-mix(in srgb,var(--primary-color) 5%,white)}.page-nav .routerLinkActive{background:var(--primary-color);color:#fff}.page-nav .routerLinkActive:hover{background:var(--primary-color)}.data-cards{display:grid}.data-cards .data-card{padding:1rem;border-radius:20px;background:#fff;position:relative;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.data-cards .data-card svg{height:1.2rem;width:1.2rem}.data-cards .top-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.data-cards .top-heading div{padding:.5rem;border-radius:8px}.data-cards .top-heading p{padding:.2rem .8rem;border-radius:15px}.data-cards h4{font-size:2rem;font-weight:400}.data-cards small{color:#99a1af;font-size:.7rem}.data-cards .card-bg{position:absolute;height:7rem;width:7rem;bottom:-4rem;right:-3rem;border-radius:50%}.filters{display:flex;justify-content:space-between;padding:.8rem;width:100%;flex-shrink:0}.filters input{width:40%;margin:0}.filters select{width:50%;margin:0}.filters div{width:50%;display:flex;justify-content:right;gap:1rem}.slider{height:100vh;width:100%;position:fixed;top:0;left:0;z-index:-1;display:flex;justify-content:flex-end;overflow:hidden;background-color:#0000004d;transform:translate(100%);opacity:0;transition:.5s ease}.slider .bg{width:100%;height:100%;position:absolute;z-index:-1}.slider .slider-content{background:#fff;height:100%;overflow-y:auto;width:28rem;border:1px solid #F3F4F6;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.slider.show{z-index:5;transform:translate(0);opacity:1}@media(max-width:1024px){.table-wrapper{max-height:32rem}table{min-width:850px}table thead th,table tbody td{padding:.75rem;font-size:.85rem}.badge{min-width:6rem}.badge p{font-size:.7rem}.options-column .dropdown-menu{min-width:170px}}@media(max-width:768px){table{min-width:780px}.table-wrapper{max-height:28rem}}.pop-up{position:fixed;height:100vh;width:100vw;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:5;top:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pop-up .bg{position:absolute;height:100%;width:100%;z-index:-1}.pop-up svg{height:1.2rem;width:1.2rem}.pop-up form{width:35rem;max-width:80%;background:#fff;border-radius:20px;max-height:95%;overflow-y:auto}.pop-up form::-webkit-scrollbar{display:none}.pop-up .form-heading{display:flex;gap:.5rem;padding:2rem 2rem 1rem;background-color:var(--secondary-color);position:relative;z-index:0;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff}.pop-up .form-heading:before{content:"";position:absolute;inset:0;background:#0006;z-index:-1;border-top-left-radius:20px;border-top-right-radius:20px}.pop-up .form-heading h6{font-size:1rem;font-weight:400}.pop-up .form-heading .image-box{padding:.5rem;border-radius:12px;border:2px solid white;background:#fff3;box-sizing:content-box}.pop-up .form-heading .image-box svg{height:1.5rem;width:1.5rem}.pop-up .form-container{padding:2rem;display:flex;flex-direction:column;gap:.8rem}.pop-up .form-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pop-up .checkbox{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.pop-up .checkbox input{width:1rem;height:1rem;margin:0;accent-color:#0077B7;border:none;transition:.5s ease-in-out}.pop-up .checkbox input:hover{accent-color:var(--primary-color);box-shadow:none}.pop-up .checkbox label{color:#767573;font-size:.6875rem;cursor:pointer}.pop-up .secondary-button{margin-top:2rem}.pop-up .secondary-button:before{background:#0006}.pop-up .secondary-button:disabled:before{background:none}@media(max-width:768px){h1{font-size:2.2rem}h2{font-size:1.8rem}p,li{font-size:.9rem}}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}