body{-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#fff,#f5f5f5);min-height:100vh;overflow-x:hidden;text-align:center}.App-logo{height:auto;margin:0 0 8px;max-width:400px;width:60vw}.App-header{align-items:center;background-color:#636567;border-bottom:8px solid #3c78d8;color:#3c78d8;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:0}#bank-title,.App-header h1{color:#fff;font-size:2rem;margin:0;padding-bottom:16px}#bank-tagline,.App-header p{color:#000;font-size:1rem;margin:4px 0 0;padding-bottom:16px}form[data-testid=login-form],form[data-testid=register-form]{background:#f8f8f8;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:12px;margin:24px auto 8px;max-width:350px;padding:24px 32px}form label{font-weight:500;margin-bottom:2px;text-align:left}form input[type=email],form input[type=password]{border:1.5px solid #a0a0a0;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s}form input[type=email]:focus,form input[type=password]:focus{border-color:#3c78d8;outline:none}button[data-testid=login-submit],button[data-testid=register-submit]{background:#3c78d8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:12px 0;transition:background .2s}button[data-testid=login-submit]:hover,button[data-testid=register-submit]:hover{background:#2c5aa0}button[data-testid=to-login],button[data-testid=to-register]{background:none;border:none;color:#3c78d8;cursor:pointer;font-size:1rem;margin-top:12px;padding-bottom:24px;text-decoration:underline}[data-testid$=-error]{color:#3c78d8;font-size:.98rem;margin-bottom:2px;margin-top:2px;text-align:left}.dashboard-card,[data-testid=account-info]{background:linear-gradient(120deg,#fff 60%,#f5f5f5);border:1.5px solid #e0e0e0;border-radius:18px;box-shadow:0 4px 24px #e0001b14;margin:32px auto 20px;max-width:420px;padding:32px 40px;position:relative;text-align:left}[data-testid=account-info] div{margin-bottom:14px}[data-testid=account-balance]{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3c78d8 40%,#000);-webkit-background-clip:text;background-clip:text;color:#3c78d8;font-size:2.1rem;font-weight:700;letter-spacing:.5px}[data-testid=account-number]{color:#3c78d8;font-family:Menlo,Consolas,monospace;font-size:1.1rem;letter-spacing:1px}[data-testid=recent-transactions]{background:#fff;border:1.5px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 12px #e0001b0f;margin:0 auto 24px;max-width:420px;padding:24px 32px;text-align:left}[data-testid=recent-transactions] strong{color:#3c78d8;font-size:1.15rem;font-weight:600}[data-testid=recent-transactions] ul{list-style:none;margin:16px 0 0;padding:0}[data-testid=transaction-item]{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.05rem;justify-content:space-between;padding:10px 0}[data-testid=transaction-item]:last-child{border-bottom:none}[data-testid=transaction-item] span:first-child{color:#3c78d8;font-weight:600}[data-testid=transaction-item] span:nth-child(2){color:#000;font-weight:500}[data-testid=transaction-item] span:last-child{color:#888;font-size:.98rem}button[data-testid=logout-btn]{background:#3c78d8;border:none;border-radius:8px;box-shadow:0 2px 8px #e0001b14;color:#fff;cursor:pointer;display:block;font-size:1.15rem;font-weight:700;margin:32px auto 0;padding:14px 0;transition:background .2s,box-shadow .2s;width:200px}button[data-testid=logout-btn]:hover{background:#2c5aa0;box-shadow:0 4px 16px #e0001b21}.App-nav{align-items:center;background:#fff;border-bottom:2.5px solid #3c78d8;box-shadow:0 2px 8px #0000000f;display:flex;gap:32px;justify-content:center;margin-bottom:24px;min-height:56px;padding:0}.nav-link{border-radius:8px 8px 0 0;color:#000;font-size:1.15rem;font-weight:600;outline:none;padding:12px 24px;position:relative;text-decoration:none;transition:background .2s,color .2s}.nav-link:focus,.nav-link:hover{background:#f5f5f5;color:#3c78d8}.nav-link.active{background:linear-gradient(90deg,#3c78d8 60%,#fff)}.nav-avatar,.nav-link.active{box-shadow:0 2px 8px #e0001b1a;color:#fff;font-weight:700}.nav-avatar{align-items:center;background:linear-gradient(135deg,#3c78d8 60%,#000);border:2.5px solid #fff;border-radius:50%;display:inline-flex;font-size:1.3rem;height:38px;justify-content:center;letter-spacing:1px;margin-right:18px;-webkit-user-select:none;user-select:none;width:38px}.nav-avatar.mobile{display:flex;font-size:2rem;height:56px;margin:16px auto 12px;width:56px}[data-testid=profile-page] .profile-avatar{align-items:center;background:linear-gradient(135deg,#3c78d8 60%,#000);border:3.5px solid #fff;border-radius:50%;box-shadow:0 4px 16px #e0001b21;color:#fff;display:flex;font-size:2.7rem;font-weight:700;height:90px;justify-content:center;letter-spacing:2px;margin:0 auto 18px;-webkit-user-select:none;user-select:none;width:90px}[data-testid=bill-form],[data-testid=transfer-form]{background:linear-gradient(120deg,#fff 60%,#e0f7fa);border:1.5px solid #e0e0e0;border-radius:18px;box-shadow:0 4px 24px #00653a14;display:flex;flex-direction:column;gap:16px;margin:32px auto 20px;max-width:420px;padding:32px 40px;text-align:left}[data-testid=bill-form] label,[data-testid=transfer-form] label{font-weight:500;margin-bottom:2px;text-align:left}[data-testid=bill-form] input,[data-testid=transfer-form] input{border:1.5px solid #a0a0a0;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s}[data-testid=bill-form] input:focus,[data-testid=transfer-form] input:focus{border-color:#3c78d8;outline:none}button[data-testid=bill-submit],button[data-testid=transfer-submit]{background:#3c78d8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:12px 0;transition:background .2s}button[data-testid=bill-submit]:hover,button[data-testid=transfer-submit]:hover{background:#2c5aa0}[data-testid=bill-error],[data-testid=transfer-error]{color:#d32f2f;font-size:.98rem;margin-bottom:2px;margin-top:2px;text-align:left}[data-testid=bill-success],[data-testid=transfer-success]{color:#000;font-size:.98rem;margin-bottom:2px;margin-top:2px;text-align:left}[data-testid=profile-page]{margin:0 auto;max-width:520px;padding-bottom:32px}[data-testid=profile-error]{color:#d32f2f}[data-testid=profile-error],[data-testid=profile-success]{font-size:.98rem;margin-bottom:2px;margin-top:2px;text-align:left}[data-testid=profile-success]{color:#388e3c}[data-testid=profile-page]>div{margin-bottom:24px}[data-testid=profile-page] [data-testid=profile-account],[data-testid=profile-page] [data-testid=profile-email]{color:#3c78d8;font-family:Menlo,Consolas,monospace;font-size:1.1rem;letter-spacing:1px}[data-testid=email-form],[data-testid=password-form]{background:linear-gradient(120deg,#fff 60%,#e0f7fa);border:1.5px solid #e0e0e0;border-radius:18px;box-shadow:0 4px 24px #00653a14;display:flex;flex-direction:column;gap:16px;margin:0 auto 24px;max-width:420px;padding:32px 40px;text-align:left}[data-testid=email-form] label,[data-testid=password-form] label{font-weight:500;margin-bottom:2px;text-align:left}[data-testid=email-form] input,[data-testid=password-form] input{border:1.5px solid #a0a0a0;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s}[data-testid=email-form] input:focus,[data-testid=password-form] input:focus{border-color:#3c78d8;outline:none}button[data-testid=change-password-btn],button[data-testid=update-email-btn]{background:#3c78d8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:12px 0;transition:background .2s}button[data-testid=change-password-btn]:hover,button[data-testid=update-email-btn]:hover{background:#2c5aa0}@media (max-width:1024px) and (min-width:601px){.App-logo{max-width:350px;width:50vw}.App-header{min-height:160px;padding:16px 0}#bank-title,.App-header h1{font-size:1.8rem}.dashboard-card,[data-testid=account-info],[data-testid=bill-form],[data-testid=email-form],[data-testid=password-form],[data-testid=recent-transactions],[data-testid=transfer-form]{margin:20px auto 16px;max-width:90vw}form[data-testid=login-form],form[data-testid=register-form]{max-width:400px;padding:20px 24px}.App-nav{gap:24px;padding:0 16px}.nav-link{font-size:1.1rem;padding:10px 20px}[data-testid=history-page] table{font-size:.9rem}[data-testid=history-page] td,[data-testid=history-page] th{padding:8px 6px}}@media (max-width:600px){.App-header{min-height:180px;padding:12px 0 0}.App-logo{margin-bottom:4px;max-width:220px;width:80vw}#bank-title,.App-header h1{font-size:1.5rem}#bank-tagline,.App-header p{font-size:1rem;padding-bottom:12px}.App-nav{border-radius:0 0 12px 12px;flex-direction:column;gap:0;margin-bottom:12px;min-height:0;min-height:auto;padding:0}.nav-link{border-bottom:1px solid #e0e0e0;border-radius:0;font-size:1rem;padding:10px 0;text-align:center;width:100vw}.nav-link:last-child{border-bottom:none}.nav-link,button,input[type=button],input[type=submit]{align-items:center;display:flex;justify-content:center;min-height:44px}.dashboard-card,[data-testid=account-info],[data-testid=bill-form],[data-testid=email-form],[data-testid=password-form],[data-testid=recent-transactions],[data-testid=transfer-form]{border-radius:10px;margin:16px auto 12px;max-width:98vw;padding:16px 8px}[data-testid=recent-transactions]{margin-bottom:12px;padding:12px 8px}[data-testid=transaction-item]{align-items:flex-start;flex-direction:column;font-size:.98rem;gap:2px;padding:8px 0}button[data-testid=bill-submit],button[data-testid=change-password-btn],button[data-testid=login-submit],button[data-testid=logout-btn],button[data-testid=register-submit],button[data-testid=transfer-submit],button[data-testid=update-email-btn]{font-size:1rem;margin:16px 0 0;padding:12px 0;width:100%}form[data-testid=login-form],form[data-testid=register-form]{box-sizing:border-box;margin:16px auto 8px;max-width:95vw;padding:16px 12px}form input[type=email],form input[type=number],form input[type=password],form input[type=text]{border-radius:8px;font-size:16px;padding:12px 10px}[data-testid=profile-page]{max-width:99vw;padding:0 2vw 16px}[data-testid=history-page]>div{flex-direction:column;gap:8px;margin:0 auto 12px;max-width:98vw}[data-testid=history-search],[data-testid=history-type]{box-sizing:border-box;font-size:1rem;padding:10px 8px;width:100%}[data-testid=history-page] table,[data-testid=history-page] ul{-webkit-overflow-scrolling:touch;display:block;font-size:.98rem;overflow-x:auto;width:100%}[data-testid=history-page] td,[data-testid=history-page] th{font-size:.98rem;padding:6px 4px}[role=tablist]{align-items:stretch!important;flex-direction:column!important;gap:6px!important}[role=tab]{border-radius:8px;font-size:1rem;padding:10px 0;width:100%}.dashboard-card,[data-testid=account-info],[data-testid=bill-form],[data-testid=email-form],[data-testid=password-form],[data-testid=profile-page]>div,[data-testid=recent-transactions],[data-testid=transfer-form]{border-radius:8px;margin:12px auto 8px;padding:12px 6px}h2{font-size:1.3rem}[data-testid$=-error],[data-testid$=-success]{font-size:.95rem;padding:2px 0}button,form,input,select{box-sizing:border-box;max-width:100vw}}@media (max-width:375px){.App-logo{max-width:200px;width:85vw}#bank-title,.App-header h1{font-size:1.3rem}.dashboard-card,[data-testid=account-info],[data-testid=bill-form],[data-testid=email-form],[data-testid=password-form],[data-testid=recent-transactions],[data-testid=transfer-form]{margin:12px auto 8px;padding:12px 6px}form[data-testid=login-form],form[data-testid=register-form]{margin:12px auto 6px;padding:12px 8px}button[data-testid=bill-submit],button[data-testid=change-password-btn],button[data-testid=login-submit],button[data-testid=logout-btn],button[data-testid=register-submit],button[data-testid=transfer-submit],button[data-testid=update-email-btn]{font-size:.95rem;padding:10px 0}}@media (max-width:600px){.burger-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:12px 16px;position:relative;z-index:1001}.burger-icon{display:inline-block;height:22px;position:relative;width:28px}.burger-icon span{background:#00653a;border-radius:2px;display:block;height:4px;margin:4px 0;transition:all .3s;width:100%}.mobile-menu{align-items:stretch;animation:slideDown .2s;background:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 4px 16px #00653a1a;display:flex;flex-direction:column;left:0;padding-bottom:8px;position:fixed;top:56px;width:100vw;z-index:2001}.mobile-menu-backdrop{background:#0000002e;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2000}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.mobile-menu .nav-link{background:none;border-bottom:1px solid #e0e0e0;border-radius:0;color:#00653a;font-size:1.1rem;padding:16px 0;text-align:center;width:100vw}.mobile-menu .nav-link.active{background:linear-gradient(90deg,#53b848 60%,#e8f5e9);color:#fff}.App-nav .nav-link{display:none}}:root{--fade-in:fadeIn 0.5s cubic-bezier(0.4,0,0.2,1);--slide-down:slideDown 0.4s cubic-bezier(0.4,0,0.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.App,.dashboard-card,[data-testid=account-info],[data-testid=bill-form],[data-testid=email-form],[data-testid=password-form],[data-testid=profile-page]>div,[data-testid=recent-transactions],[data-testid=transfer-form]{animation:fadeIn .5s cubic-bezier(.4,0,.2,1);animation:var(--fade-in)}.burger-menu-btn,.nav-link,button{transition:background .2s,color .2s,box-shadow .2s,transform .15s}.burger-menu-btn:active,.nav-link:active,button:active{transform:scale(.97)}input,select{transition:border-color .2s,box-shadow .2s}input:focus,select:focus{box-shadow:0 0 0 2px #3c78d8ff33}.mobile-menu{animation:slideDown .4s cubic-bezier(.4,0,.2,1);animation:var(--slide-down)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.toast-container{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:fixed;top:24px;transform:translateX(-50%);z-index:3000}.toast{animation:fadeInToast .4s cubic-bezier(.4,0,.2,1);background:#fff;border-left:6px solid #3c78d8;border-radius:12px;box-shadow:0 4px 24px #e0001b21;color:#000;cursor:pointer;font-size:1.08rem;font-weight:600;margin:8px 0;max-width:90vw;min-width:220px;outline:none;padding:18px 32px;pointer-events:auto;transition:box-shadow .2s,background .2s,color .2s}.toast:focus,.toast:hover{background:#f5f5f5;box-shadow:0 6px 32px #e0001b2e}.toast-success{border-left-color:#3c78d8;color:#000}.toast-error{border-left-color:#3c78d8;color:#3c78d8}.toast-info{border-left-color:#000;color:#000}@keyframes fadeInToast{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.toast{font-size:1rem;min-width:90vw;padding:14px 8vw}.toast-container{top:8px}}
/*# sourceMappingURL=main.f261efce.css.map*/