body{margin:0;padding:0;font-family:sans-serif}a:hover{text-decoration:none!important}html{font-size:16px}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bglight{background-color:#f2f2f2;padding:20px}.red-alert{color:red}.table-form>tbody>tr{height:80px}.table-form>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-form>tbody>tr>td{padding:10px}*{font-family:"Roboto",sans-serif}a{color:inherit;text-decoration:none}.form-control{padding:10px}.form-control,.form-control[type=date]{border:thin solid #d3d3d3;border-radius:2px;width:100%}.form-control[type=date]{padding:8px}.form-control::placeholder{color:grey;opacity:1}.ant-upload-list-item-info{background-color:#fff}.ant-upload-list-item-card-actions-btn{opacity:1!important}.error-msg{padding:5px;font-weight:700;color:red;font-size:11px}.label-style-me{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:600;color:#323130;box-sizing:border-box;box-shadow:none;margin:0;display:block;padding:5px 0 0;overflow-wrap:break-word}.required-start:after{content:" *";color:#a4262c;padding-right:12px}.uploadButton-new{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:10px;color:grey;position:relative}.hidden-form-input-new{opacity:0;height:100%;width:100%;position:absolute;top:0;left:0}.table{width:100%;border-collapse:collapse}.table thead{background-color:#ffa07a}.table thead tr td{padding:5px;font-size:.8em;font-weight:500;color:#fff;border:thin solid #d3d3d3}.table tbody{background-color:#fff}.table tbody tr td{padding:5px;font-size:.8em;border:thin solid #d3d3d3}.table tfoot tr td{padding:5px;font-size:.9em;font-weight:500;border:thin solid #d3d3d3}.container_signin{min-height:100vh;background-color:#f7f9fa;display:flex;justify-content:center;width:100%;align-items:center}.container_signup{display:grid;grid-template-columns:1fr 10fr 1fr;min-height:100vh;background-color:#323641}.signup{display:flex;justify-content:center;align-items:center}.card-login{width:70vw;background-color:#fff;border:thin solid #ececec}.login-header-1{color:#fff;font-weight:100!important;font-style:italic;text-align:center}.card-signup{background-color:#fff;width:80vw;box-shadow:0 0 10px rgba(0,0,0,.1)}.logo-login{width:200px}.login-top{height:10px;width:350px}.login-top,.signup-top{background-color:#2de6da}.signup-top{height:8px;width:100%}.login-contents{padding:30px}.forgot-text{text-align:center;font-size:.9em}.welcome-text-login{font-size:3em;font-weight:300}.main-body{padding:10px}.main-body,.main-body-no-padding{background-color:#cfd8dc;margin-top:6vh;min-height:100vh;margin-left:180px}@media only screen and (max-width:600px){.main-body{margin-left:0;margin-top:60px;padding:1px}.main-body-no-padding{margin-left:0;margin-top:50px}}#b_ul li{width:90px;text-align:center;border:solid #891aff;border-width:thin thin thick;margin-right:10px;color:#000}.initialisation-container{background-color:#81d4fa;min-height:100vh}.initialisation-container,.welcome{display:flex;justify-content:center;align-items:center}.welcome{flex-direction:column;width:100%;height:80vh}.welcome-image{width:30%}.welcome-text{text-align:center}.welcome-text-color{color:#891aff;font-weight:700}.dashboard-page{min-height:100vh;background:#f8fafc}.dashboard-header{background:linear-gradient(90deg,#2563eb,rgba(37,99,235,.9));color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dashboard-header-container{max-width:1280px;margin:0 auto;padding:1.5rem 1rem}.dashboard-title{font-size:1.875rem;font-weight:700;margin:0 0 .25rem}.dashboard-subtitle{color:hsla(0,0%,100%,.9);margin:0}.dashboard-main{max-width:1280px;margin:0 auto;padding:2rem 1rem}.dashboard-content{max-width:896px;margin:0 auto}.payment-card{background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 10px 15px -3px rgba(37,99,235,.1),0 4px 6px -2px rgba(37,99,235,.05);overflow:hidden;transition:box-shadow .3s}.payment-card:hover{box-shadow:0 20px 25px -5px rgba(37,99,235,.1),0 10px 10px -5px rgba(37,99,235,.04)}.payment-card-header{background:linear-gradient(90deg,rgba(5,150,105,.1),rgba(5,150,105,.05));padding:1.5rem}.payment-card-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.payment-card-icon{width:1.5rem;height:1.5rem;color:#059669;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.payment-card-description{font-size:1rem;color:#64748b;margin:0}.payment-card-content{padding:1.5rem}.payment-card-sections{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.amount-section{padding:1rem;background:rgba(226,232,240,.5);border-radius:8px}.amount-label{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.amount-value{font-size:1.875rem;font-weight:700;color:#059669;margin:0}.payment-action-button{width:100%;height:3rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#059669,rgba(5,150,105,.9));border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;transition:all .2s}.payment-action-button:hover{background:linear-gradient(90deg,rgba(5,150,105,.9),rgba(5,150,105,.8));transform:translateY(-1px)}.payment-button-icon{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.term-payment-page{min-height:100vh;background:#f8fafc}.page-header{background:linear-gradient(90deg,#2563eb,rgba(37,99,235,.9));color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.header-container{max-width:1280px;margin:0 auto;padding:1.5rem 1rem}.back-button{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;background:transparent;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.back-button:hover{background:hsla(0,0%,100%,.1)}.back-icon{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.page-title{font-size:1.875rem;font-weight:700;margin:0 0 .25rem}.page-subtitle{color:hsla(0,0%,100%,.9);margin:0}.page-main{max-width:1280px;margin:0 auto;padding:2rem 1rem}.page-content{max-width:1152px;margin:0 auto;display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.student-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(37,99,235,.1),0 2px 4px -1px rgba(37,99,235,.06);overflow:hidden}.student-info-header{background:linear-gradient(90deg,rgba(37,99,235,.05),rgba(37,99,235,.1));border-bottom:1px solid #e5e7eb;padding:1.5rem}.student-info-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.student-info-content{padding:1.5rem}.student-info-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.student-info-grid{grid-template-columns:repeat(2,1fr)}}.student-info-field{margin:0}.student-info-label{font-size:.875rem;color:#64748b;margin-bottom:.25rem;display:block}.student-info-value{font-weight:600;color:#1e293b;margin:0}.payment-history-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(37,99,235,.1),0 2px 4px -1px rgba(37,99,235,.06);overflow:hidden}.payment-history-header{background:linear-gradient(90deg,rgba(226,232,240,.5),rgba(226,232,240,.3));border-bottom:1px solid #e5e7eb;padding:1.5rem}.payment-history-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.payment-history-content{padding:1.5rem}.payment-history-empty{text-align:center;padding:3rem 0;color:#64748b}.payment-history-empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.payment-history-empty-text{margin:0}.payment-history-table-wrapper{border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.payment-history-table{width:100%;border-collapse:collapse;font-size:.875rem}.payment-history-table thead{background:rgba(226,232,240,.5)}.payment-history-table th{padding:1rem;text-align:left;font-weight:600;color:#1e293b;border-bottom:1px solid #e5e7eb}.payment-history-table td{padding:1rem;border-bottom:1px solid #f1f5f9}.payment-history-table tbody tr:last-child td{border-bottom:none}.payment-history-table tbody tr:hover{background:rgba(37,99,235,.02)}.payment-receipt{font-weight:500}.payment-amount{font-weight:600}.payment-transaction{font-family:"Courier New",monospace;font-size:.8125rem}.payment-method{text-transform:uppercase}.payment-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.payment-status-badge svg{width:.75rem;height:.75rem;margin-right:.25rem}.payment-status-paid{background:#059669;color:#fff}.payment-status-pending{background:#e5e7eb;color:#64748b}.qr-payment-card{background:#fff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 10px 15px -3px rgba(37,99,235,.1),0 4px 6px -2px rgba(37,99,235,.05);overflow:hidden}.qr-payment-header{background:linear-gradient(90deg,rgba(5,150,105,.1),rgba(5,150,105,.05));border-bottom:1px solid #e5e7eb;padding:1.5rem}.qr-payment-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.qr-payment-icon{width:1.5rem;height:1.5rem;color:#059669;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.qr-payment-description{font-size:1rem;color:#64748b;margin:0}.qr-payment-amount{font-weight:700;color:#059669}.qr-payment-content{padding:1.5rem}.qr-payment-sections{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.qr-code-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:rgba(226,232,240,.3);border-radius:8px;border:2px dashed #cbd5e1}.qr-code-image{width:25rem;height:25rem;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);background:#fff;padding:.5rem}.qr-code-instruction{margin-top:1rem;font-size:.875rem;color:#64748b;text-align:center;max-width:28rem}.payment-form{grid-gap:1rem;gap:1rem}.form-group,.payment-form{display:flex;flex-direction:column}.form-group{grid-gap:.5rem;gap:.5rem}.form-label{font-weight:600}.form-input,.form-label{font-size:1rem;color:#1e293b}.form-input{height:3rem;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;transition:border-color .2s}.form-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.1)}.form-input.error{border-color:#dc2626}.form-input:disabled{background:#f1f5f9;cursor:not-allowed}.form-error{font-size:.875rem;color:#dc2626;margin:0}.form-hint{font-size:.75rem;color:#64748b;margin:0}.submit-button{width:100%;height:3rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#059669,rgba(5,150,105,.9));border:none;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;transition:all .2s}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,rgba(5,150,105,.9),rgba(5,150,105,.8));transform:translateY(-1px);box-shadow:0 6px 8px -1px rgba(0,0,0,.15)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button-icon.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-note{padding:1rem;background:rgba(37,99,235,.05);border-radius:8px;border:1px solid rgba(37,99,235,.2)}.payment-note-text{font-size:.875rem;color:#1e293b;margin:0}.payment-note-text strong{font-weight:700}