body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{background-color:#fffc;overflow-x:hidden;padding:0}.page-wrapper{min-height:100vh;padding-bottom:60px}.app-footer,.page-wrapper{display:flex;flex-direction:column;width:100%}.app-footer{align-items:center;background-color:#f8f8f8;border-top:1px solid #eee;bottom:0;box-sizing:border-box;color:#555;justify-content:center;left:0;padding:20px 0;position:fixed;right:0;text-align:center;z-index:1000}.footer-logo{height:auto;margin-bottom:10px;max-width:50px}.app-footer .footer-logo{display:none}.footer-copyright{font-size:.85rem;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page-container{background-color:#fffc;display:flex;flex-grow:1}.image-section{background:#f6f6f6cc url(/static/media/payment.6f75ad1100b9b30cf2a8.png) no-repeat 50%;flex-shrink:0;position:relative;width:50%}.image-section:before{background-color:#0009;bottom:0;content:"";display:none;left:0;position:absolute;right:0;top:0}.overlay-container{left:2rem;max-width:50%;position:absolute;text-align:left;top:4rem;z-index:1}.overlay-text{color:#fff;font-size:48px;font-weight:700;margin:0}.overlay-subtext{color:#ffffffe6;font-size:1.2rem}.login-form-section{align-items:center;display:flex;flex-grow:1;justify-content:center}.login-form{display:flex;flex-direction:column;max-width:400px;width:90%}.otp-form{max-width:450px}.login-form h2{color:#333;margin:0 0 1.5rem;text-align:center}.login-form label{color:#555;margin-bottom:.5rem}.login-form input{border:1px solid #ddd;border-radius:14px;box-sizing:border-box;font-size:1rem;margin-bottom:0;padding:.75rem;width:100%}.otp-input{font-size:1.2rem;padding:1rem;text-align:center}.login-form button{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:background-color .2s}.login-form button,.login-form button:hover{background-color:#0d6efd}.login-form button .spinner{animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.button-group{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.button-group button{padding:10px 20px;width:100%}.button-group .btn-primary,.login-form button{background-color:#007bff;border:none;color:#fff}.button-group .btn-primary:hover,.login-form button:hover{background-color:#0056b3}.button-group .btn-secondary{background-color:#dc3545;border:none;color:#fff}.btn-secondary:hover{background-color:darkred}.captcha-container{align-items:center;display:flex;gap:10px;justify-content:space-between}.captcha-image{border-radius:5px;max-width:45%}.captcha-container input{margin-bottom:0}.refresh-captcha-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;margin-bottom:1rem;text-align:left;text-decoration:underline}.error-message{color:#e70c0c;font-size:12px;margin:0;padding:0}.page-with-image-container{display:flex;flex-grow:1;width:100vw}.main-content-section{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:2rem}.main-content-section .accounts-grid{max-width:900px;padding:2rem}.main-content-section .financial-products-grid{max-width:none;padding:2rem;width:90%}.account-header{margin-bottom:2rem;max-width:900px;text-align:left;width:100%}.main-content-section .account-header{max-width:none;width:100%}.account-details-container{margin:2rem auto;max-width:1200px;padding:2rem}.breadcrumb{color:#555;font-size:.9rem;margin-bottom:.25rem}.account-header h1{margin-bottom:.5rem}.accounts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.financial-products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.account-category-box{align-items:center;background-color:#fff;border:1px solid #8a8a8a;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:.75rem;text-align:center;transition:transform .2s}.account-category-box:hover{transform:translateY(-5px)}.account-category-icon{color:#333;line-height:1;margin-top:1.5rem}.account-category-icon svg{height:40px;width:40px}.account-category-box h3{color:#333;font-size:14.4px;font-weight:400;margin-top:0}.account-category-link{color:inherit;text-decoration:none}.account-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;min-height:260px;position:relative;transform-style:preserve-3d;transition:all .3s ease-in-out;transition:transform .6s;width:340px}.account-card.is-flipped{transform:rotateY(180deg)}.card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;background-image:linear-gradient(45deg,#f9f9f9 25%,#0000 0,#0000 50%,#f9f9f9 0,#f9f9f9 75%,#0000 0,#0000);background-size:60px 60px;border-radius:12px;box-sizing:border-box;height:100%;justify-content:space-around;left:0;position:absolute;top:0;width:100%}.card-back,.card-face{display:flex;flex-direction:column;padding:1rem}.card-back{align-items:flex-start;font-size:1rem;justify-content:flex-start;text-align:left;transform:rotateY(180deg)}.card-back h3{margin-bottom:1rem;width:100%}.card-back .payment-details-label{margin-bottom:.5rem;width:100%}.card-back .payment-input-group{margin-top:0;width:100%}.card-back .button-group{margin-top:.2rem;width:100%}.account-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.account-card.is-flipped:hover{transform:rotateY(180deg) translateY(-5px)}.account-card h3{font-size:1rem;font-weight:600;margin-top:0}.account-number{color:#555;font-family:monospace;font-size:.95rem;margin:2rem 0}.account-balance{font-size:1.6rem;font-weight:600;margin-top:.25rem}.account-balance-label{color:#666;font-size:.85rem}.pay-now-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s;z-index:2}.pay-now-btn:hover{background-color:#0056b3}.payment-details-label{color:#555;font-size:.9rem;margin:.25rem 0}.payment-input-group{margin:.5rem 0}.payment-input-group label{color:#666;font-size:.8rem;font-weight:700;position:relative;top:-5px}.payment-input-group input{height:20px;width:97%}.page-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;margin:2rem auto;max-width:900px;padding:2rem}.transaction-details-container{display:flex;justify-content:flex-start;margin-top:2rem;max-width:900px;width:100%}.transaction-details-btn{background-color:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.terms-text{font-size:.75rem}.transaction-list{max-width:900px;padding:0 2rem;width:100%}.transaction-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:1rem}.transaction-row{align-items:center;display:flex;justify-content:space-between}.transaction-row:not(:last-child){margin-bottom:.5rem}.transaction-description{font-weight:600}.transaction-amount.debit{color:#d9534f;font-weight:700}.transaction-amount.credit{color:#5cb85c;font-weight:700}.transaction-date,.transaction-type{color:#666;font-size:.9rem}.transaction-status{align-items:center;background-color:initial!important;border-radius:12px;border-style:solid;border-width:2px;display:flex;font-size:.9rem;justify-content:center;padding:2px 6px}.transaction-status.success{border-color:#5cb85c;color:#5cb85c}.transaction-status.pending{border-color:#f0ad4e;color:#f0ad4e}.transaction-status.processing{border-color:#0275d8;color:#0275d8}@media (max-width:992px){.accounts-grid{grid-template-columns:1fr}.login-page-container{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.app-footer .footer-logo{display:block}.login-form-section{height:50vh;width:100%}.image-section{display:none}.page-with-image-container{flex-direction:column;flex-grow:0;height:auto}.main-content-section{order:1}}@media (max-width:1600px){.accounts-grid{grid-template-columns:1fr}}@media (max-width:768px){.accounts-grid{grid-template-columns:1fr}.financial-products-grid{grid-template-columns:1fr 1fr}.account-card{font-size:.8rem;min-height:300px}}
/*# sourceMappingURL=main.51b07f91.css.map*/