html,body,#root{min-height:100%}body{margin:0;background:#f4f7fb}*{box-sizing:border-box}.auth-screen{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#061326;padding:32px}.auth-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#051026e0,#081b3cad 42%,#0510266b),linear-gradient(180deg,#0613261f,#0613268a);pointer-events:none}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05)}.auth-layout{width:min(1480px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(360px,480px) minmax(0,1fr);align-items:center;gap:32px;position:relative;z-index:1}.auth-main{display:flex;flex-direction:column;gap:22px}.auth-intro{color:#fff}.auth-intro .MuiTypography-overline{color:#9edcff;font-weight:800;letter-spacing:0!important}.auth-intro .MuiTypography-h2{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.95;font-weight:900;letter-spacing:0;text-shadow:0 18px 42px rgba(0,0,0,.34)}.auth-intro .MuiTypography-h6{max-width:540px;margin-top:12px;color:#ffffffd1;font-weight:500}.auth-panel{width:min(440px,100%);padding:32px;border:1px solid rgba(255,255,255,.82);border-radius:8px!important;background:#fffffff0!important;box-shadow:0 28px 70px #06132657;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-brand{display:flex;align-items:center;gap:14px;padding-bottom:8px}.auth-mobile-banner{display:none;width:min(440px,100%);border-radius:8px;border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 42px #040e1f4d}.auth-visual{min-width:0;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(320px,1.05fr);gap:16px;align-items:start}.auth-gif-frame,.auth-campaign-grid,.auth-banner-row img{overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 58px #020b195c;background:#051026b8}.auth-gif-frame{min-height:225px;align-self:start;background:#ffffff14}.auth-gif-frame img,.auth-campaign-grid img,.auth-banner-row img{display:block;width:100%;height:100%;object-fit:cover}.auth-campaign-grid{min-height:370px;background:#ffffffe6}.auth-banner-row{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.auth-banner-row img{height:132px;aspect-ratio:16 / 9;object-position:left center}.app-shell{min-height:100vh;background:linear-gradient(180deg,#10295a 0,#10295a 248px,#f4f7fb00 248px),#f4f7fb}.topbar{background:#fff!important;border-bottom:1px solid #e5e9f1;color:#061326!important}.bank-toolbar{min-height:82px!important;max-width:1580px;width:100%;margin:0 auto;padding-inline:48px!important}.brand-mark{width:50px;height:50px;display:grid;place-items:center;color:#fff;background:#12346b;border:4px solid #ffffff;outline:2px solid #12346b;border-radius:4px;box-shadow:0 8px 20px #12346b38}.bank-nav{background:#172e5e;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px #0c21462e;position:relative}.bank-nav:after{content:"";position:absolute;inset:64px 0 auto;height:184px;pointer-events:none;background:radial-gradient(circle at 20px 20px,rgba(255,255,255,.055) 0 2px,transparent 2px) 0 0 / 42px 42px,linear-gradient(90deg,#10295afa,#12346bfa);z-index:0}.bank-nav-scroll{width:100%;min-height:64px;align-items:center;overflow-x:auto;overflow-y:hidden;position:relative;z-index:1;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bank-nav-scroll::-webkit-scrollbar{display:none}.nav-button{flex:0 0 auto;justify-content:center!important;min-height:64px;padding-inline:18px!important;color:#dce5f6!important;border-radius:0!important;white-space:nowrap;font-weight:700!important}.content{padding:34px 0 56px;position:relative;z-index:1}.content>.MuiContainer-root>.MuiTypography-h4:first-child{color:#fff;min-height:78px;display:flex;align-items:center}.metric,.form-panel,.bank-card{padding:24px;border:1px solid #e7ebf3;margin-bottom:18px;background:#fff!important;border-radius:20px!important;box-shadow:0 12px 28px #14223e14}.page-header{min-height:104px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:#fff;margin-bottom:18px}.page-eyebrow{color:#ffffffb8;font-size:.78rem!important;font-weight:800!important;letter-spacing:0!important;text-transform:uppercase}.page-title{color:#fff;font-weight:800!important;letter-spacing:0!important}.page-description{max-width:680px;color:#ffffffc7;margin-top:6px!important}.page-actions{flex-shrink:0}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{min-width:720px}.summary-card{border-top:5px solid #2747d8}.balance-amount{color:#061326;font-weight:900!important;letter-spacing:0!important}.mini-stat{min-width:180px;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;color:#12346b;background:#f3f6ff;font-weight:800}.mini-stat svg,.action-card svg,.feature-icon svg{color:#2747d8}.action-card{min-height:210px;display:flex;flex-direction:column;gap:10px}.action-card>svg{font-size:2.2rem}.action-card .MuiButton-root{align-self:flex-start;margin-top:auto}.feature-card,.security-card{min-height:100%;display:flex;flex-direction:column;gap:14px}.feature-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#edf3ff}.feature-icon svg{font-size:2rem}.quick-link-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #edf0f6;color:#3b465a;font-weight:700}.quick-link-row span{color:#061326}.onboarding-dashboard{margin-top:2px}.metric{min-height:104px}.metric .MuiTypography-h4{color:#2747d8;font-weight:800}.nav-button.MuiButton-contained{color:#fff!important;background:transparent!important;box-shadow:inset 0 -4px #fff!important}.MuiButton-contained{color:#fff!important;background:#2747d8!important;box-shadow:0 10px 24px #2747d83d!important}.MuiTextField-root,.MuiFormControl-root{background:#fff}.MuiButton-outlined{border-color:#2747d8!important;color:#2747d8!important}.MuiTableCell-root{border-bottom-color:#edf0f6!important}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.bank-page-title{color:#fff;min-height:78px;align-items:center}.bank-page-title .MuiTypography-overline{color:#ffffffb8;font-weight:700}.onboarding-dashboard .MuiTypography-h4{letter-spacing:0}.onboarding-control{border-top:5px solid #23b9c7;margin-top:8px}.onboarding-table-card,.activity-card{border-radius:20px!important}.activity-card{min-height:520px;transform:translateY(-2px)}.activity-card .MuiBox-root{padding:12px 0;border-bottom:1px solid #edf0f6}.quick-link-list .MuiButton-root{justify-content:space-between;min-height:50px;color:#061326!important;font-size:1rem;font-weight:700;border-radius:12px;padding-inline:8px 4px}.quick-link-list .MuiButton-root:after{content:">";color:#2747d8;font-size:1.5rem;font-weight:400}.quick-link-list .MuiButton-root:hover{background:#f3f6ff}@media (max-width: 780px){.app-shell{background:linear-gradient(180deg,#10295a 0,#10295a 300px,#f4f7fb00 300px),#f4f7fb}.content{padding:18px 0 40px}.content>.MuiContainer-root{padding-inline:16px}.dashboard-heading{flex-direction:column}.bank-toolbar{padding-inline:16px!important;min-height:72px!important}.brand-mark{width:42px;height:42px}.nav-button{min-height:54px;padding-inline:12px!important}.page-header{min-height:132px;flex-direction:column}.page-title{font-size:2rem!important}.page-actions,.page-actions .MuiButton-root{width:100%}.bank-card,.metric,.form-panel{padding:18px;border-radius:16px!important}.auth-screen{padding:16px;align-items:flex-start;overflow-y:auto}.auth-screen:after{background:linear-gradient(180deg,#051026e6,#081b3cc2)}.auth-layout{grid-template-columns:1fr;gap:18px}.auth-intro .MuiTypography-h2{font-size:2.8rem}.auth-intro .MuiTypography-h6{font-size:1rem}.auth-visual{display:none}.auth-panel{padding:24px}.auth-mobile-banner{display:block}}@media (max-width: 560px){.bank-toolbar .MuiTypography-caption{display:none}.bank-toolbar .MuiButton-root{min-width:auto;padding-inline:8px}.bank-toolbar .MuiButton-startIcon{margin-right:0}.bank-toolbar .MuiButton-root .MuiButton-startIcon+*{display:none}.page-title{font-size:1.72rem!important}.table-scroll table{min-width:640px}.mini-stat{width:100%}.auth-screen{padding:14px}.auth-intro .MuiTypography-h2{font-size:2.2rem}.auth-panel{padding:20px}}.app-shell{background:linear-gradient(180deg,#082c62 0 275px,transparent 275px),#f7f8fb}.topbar{background:#082c62!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.14)}.bank-toolbar{min-height:76px!important;gap:22px}.brand-lockup{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-lockup .brand-mark,.auth-brand .brand-mark{width:36px;height:36px;border-width:2px;outline:none;color:#082c62;background:#fff;box-shadow:none}.brand-lockup .MuiTypography-h6,.auth-brand .MuiTypography-h5{font-weight:900;letter-spacing:.04em}.topbar-search{width:min(460px,42vw);margin-left:36px!important;background:#fff;border-radius:8px}.topbar-search .MuiOutlinedInput-notchedOutline{border:0}.support-copy{margin-left:auto!important;color:#d8e4f8}.user-avatar{background:#fff!important;color:#082c62!important;font-weight:800}.logout-button{color:#fff!important}.bank-nav{background:#082c62;box-shadow:none}.bank-nav:after{inset:64px 0 auto;height:136px;background:radial-gradient(circle at 20px 20px,rgba(255,255,255,.04) 1px,transparent 2px) 0 0 / 28px 28px,#082c62}.nav-button{min-height:54px;color:#e8effa!important;text-transform:none!important}.nav-button.MuiButton-contained{box-shadow:inset 0 -3px #fff!important}.content{padding-top:24px}.page-header{min-height:92px}.page-title{font-size:1.9rem!important}.bank-card,.metric,.form-panel{border:1px solid #dde3ec;border-radius:12px!important;box-shadow:0 3px 9px #082c6212}.metric{min-height:116px;border-top:4px solid #3655da}.metric .MuiTypography-h4{color:#082c62;margin-top:8px}.action-card{position:relative;min-height:190px;overflow:hidden;border:0;color:#fff}.action-card:after{content:"";position:absolute;width:190px;height:190px;right:-65px;top:-85px;border-radius:50%;background:#ffffff1f}.action-card .MuiTypography-root,.action-card svg{color:#fff;position:relative;z-index:1}.action-card .MuiButton-root{background:#fff!important;color:#2347d8!important;z-index:1}.action-purple{background:linear-gradient(135deg,#5839dc,#7952ec)!important}.action-violet{background:linear-gradient(135deg,#7a3ee5,#9c5cf0)!important}.action-blue{background:linear-gradient(135deg,#0879e7,#185be0)!important}.quick-service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}.quick-service-grid-wide{grid-template-columns:repeat(4,1fr)}.quick-service-grid>div{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#15356e;border-right:1px solid #e3e7ef;font-weight:700}.quick-service-grid>div:last-child{border-right:0}.quick-service-grid svg{color:#3655da}.account-hero-card{max-width:760px;border-top:0;padding:30px}.account-hero-card .balance-amount{font-size:2.2rem}.transfer-links .quick-link-row span:first-child{display:flex;align-items:center;gap:10px}.transfer-links .quick-link-row svg{color:#2747d8;font-size:1.2rem}.transfer-links .quick-link-row b{color:#2747d8;font-size:1.5rem}.auth-screen{padding:0;background:#fff;align-items:stretch}.auth-screen:after{display:none}.auth-layout{width:100%;max-width:none;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.auth-safety{min-height:100vh;padding:clamp(42px,6vw,92px) clamp(34px,8vw,150px);color:#fff;background:linear-gradient(135deg,rgba(67,105,192,.35) 0 28%,transparent 28%),linear-gradient(150deg,#173f77,#0a2855 70%)}.auth-safety .MuiTypography-h2{max-width:620px;font-size:clamp(2.5rem,4vw,4.4rem);line-height:1.08;font-weight:900}.auth-lead{max-width:620px;margin-top:24px!important;color:#dce7f7;font-size:1.12rem!important;line-height:1.7!important}.safety-hero{height:150px;display:flex;align-items:center;justify-content:center;gap:16px;color:#75b9ff}.safety-hero svg{font-size:5rem}.safety-card{max-width:650px;display:flex;align-items:center;gap:22px;margin-top:20px;padding:24px 28px;border:1px solid rgba(126,184,255,.45);border-radius:18px;background:#4a57cc73}.safety-card>svg{flex:0 0 auto;font-size:3rem;color:#71c8ff}.safety-card .MuiTypography-h5{font-weight:800}.safety-card .MuiTypography-body1{margin-top:6px;color:#e2ebfa}.auth-main{min-height:100vh;align-items:center;justify-content:center;padding:38px;background:#fff}.auth-panel{width:min(480px,100%);padding:38px;border:0;background:#fff!important;box-shadow:none}.auth-panel .MuiTypography-h4{font-size:1.7rem;font-weight:800}.auth-panel .MuiTextField-root{margin-top:4px}.auth-submit{margin-top:12px!important;min-height:46px}@media (max-width: 900px){.topbar-search,.support-copy{display:none}.brand-lockup{flex-grow:1}.auth-layout{grid-template-columns:1fr}.auth-safety{min-height:auto;padding:36px 24px}.auth-safety .MuiTypography-h2{font-size:2.4rem}.safety-hero{display:none}.safety-card{padding:18px}.auth-main{min-height:auto;padding:24px 14px}.quick-service-grid-wide{grid-template-columns:repeat(2,1fr)}.quick-service-grid-wide>div:nth-child(2){border-right:0}}@media (max-width: 560px){.bank-toolbar{gap:8px}.brand-lockup .MuiTypography-h6{font-size:1rem}.user-avatar{width:32px!important;height:32px!important;font-size:.75rem!important}.logout-button{display:none!important}.quick-service-grid{grid-template-columns:1fr}.quick-service-grid>div{border-right:0;border-bottom:1px solid #e3e7ef}.quick-service-grid>div:last-child{border-bottom:0}.auth-safety .MuiTypography-h2{font-size:2rem}.safety-card:last-child{display:none}}