:root{--navy:#10243a;--navy2:#183754;--blue:#3e73e8;--blue-dark:#2e5fc9;--ink:#17283c;--muted:#738195;--line:#e6ebf1;--bg:#f5f7fb;--white:#fff;--green:#1b9b73;--shadow:0 14px 38px rgba(24,44,70,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b7cbff;outline-offset:2px}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#8090a4;margin:0 0 10px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#4c82f1,#285ac8);color:white;font-size:23px;font-weight:800;box-shadow:0 6px 14px #2456bd38}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.7px;color:var(--navy)}.brand-name span{font-weight:400;color:#8391a4;margin-left:3px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(330px,.9fr) 1.1fr;background:#fff}.auth-brand{background:radial-gradient(circle at 80% 18%,#315783 0,transparent 32%),linear-gradient(145deg,#10243a,#0d1b2c 80%);padding:42px 7vw 34px;display:flex;flex-direction:column;color:#fff;min-height:100vh}.auth-brand .brand-name{color:#fff}.auth-brand .brand-name span{color:#9eacc0}.brand-copy{margin:auto 0;max-width:440px;padding:70px 0}.auth-brand .eyebrow{color:#90b5ff}.brand-copy h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-3px;margin:18px 0}.brand-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#8fb0ff}.brand-copy>p:last-child{max-width:350px;color:#b6c4d5;line-height:1.8;font-size:15px}.brand-foot{color:#91a2b6;font-size:11px}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 25px;position:relative}.auth-card{width:min(100%,420px)}.auth-tabs{display:flex;gap:6px;padding:5px;border-radius:12px;background:#f0f3f8;margin-bottom:34px}.auth-tab{border:0;background:transparent;color:#718096;padding:12px 15px;border-radius:9px;flex:1;font-weight:700}.auth-tab.active{background:white;color:var(--navy);box-shadow:0 2px 8px #162a4210}.auth-form h2{font-size:27px;letter-spacing:-.8px;margin:0 0 8px}.auth-form>.muted{margin:0 0 25px;font-size:13px}.auth-form label,.action-form label{display:block;font-size:12px;font-weight:750;color:#34445a;margin:17px 0 8px}.auth-form input,.auth-form select,.action-form input,.action-form select{width:100%;height:47px;border:1px solid #dfe5ee;background:#fff;border-radius:9px;padding:0 13px;color:var(--ink);outline:none}.auth-form input:focus,.auth-form select:focus,.action-form input:focus,.action-form select:focus{border-color:#7599f4;box-shadow:0 0 0 3px #3e73e814}.btn{border:0;border-radius:9px;padding:13px 17px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:transform .15s,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-primary span{font-size:19px;line-height:12px}.full{width:100%;margin-top:23px}.form-note{font-size:11px;color:#8794a6;line-height:1.6;margin:13px 0 0}.auth-disclaimer{position:absolute;bottom:22px;font-size:11px;color:#8592a3;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35bd8a;box-shadow:0 0 0 3px #35bd8a1c}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:30px}
.app-layout{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:var(--navy);color:#c1cede;padding:26px 16px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px}.sidebar-brand .brand-name{color:#fff}.sidebar-brand .brand-name span{color:#9daec3}.demo-label{margin:0 9px 24px;padding:10px 11px;border:1px solid #ffffff16;background:#ffffff08;border-radius:8px;font-size:9px;letter-spacing:1.1px;display:flex;align-items:center;gap:9px;color:#aebed0}.side-nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#b4c1d1;padding:13px 12px;text-align:left;border-radius:9px;font-size:12px;font-weight:650}.nav-item:hover{background:#ffffff0d;color:white}.nav-item.active{background:#315a91;color:#fff;box-shadow:inset 3px 0 #7fa4ff}.nav-icon{font-size:19px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto}.help-card{background:#1b344e;border:1px solid #ffffff12;padding:15px;border-radius:11px;margin:0 2px 17px}.help-icon{color:#8db0ff;font-size:20px;margin-bottom:8px}.help-card strong{font-size:12px;color:#fff}.help-card p{font-size:11px;line-height:1.65;color:#a9bbcf;margin:7px 0 0}.logout{border-top:1px solid #ffffff12;border-radius:0;padding-top:19px}.main-panel{min-width:0}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,52px)}.topbar .eyebrow{font-size:9px;margin-bottom:5px}.topbar-title{font-weight:800;font-size:15px}.topbar-right{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7edff;color:#315fc7;font-weight:800;font-size:14px}.user-meta{display:grid;gap:4px}.user-meta strong{font-size:12px}.user-meta span{font-size:10px;color:var(--muted)}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;color:var(--navy)}.content{padding:34px clamp(20px,4vw,52px) 24px;max-width:1500px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.welcome-row h1,.page-title h1{font-size:27px;letter-spacing:-1px;margin:0 0 6px}.welcome-row .muted,.page-title .muted{font-size:12px;margin:0}.account-pill{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:10px 14px;font-size:11px;color:#68778b;white-space:nowrap}.account-pill strong{color:var(--ink)}.balance-hero{background:linear-gradient(110deg,#183957,#214d77 70%,#2b5c88);border-radius:16px;color:#fff;padding:26px 30px 18px;position:relative;overflow:hidden;box-shadow:0 12px 28px #15365420}.balance-hero:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff13;border-radius:50%;right:7%;top:-130px;box-shadow:0 0 0 25px #ffffff05,0 0 0 55px #ffffff04}.balance-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.balance-top p{font-size:12px;color:#c0d2e5;margin:0 0 9px}.balance-top h2{font-size:35px;letter-spacing:-1.3px;margin:0;font-weight:750}.hero-symbol{width:46px;height:46px;border:1px solid #ffffff30;border-radius:13px;display:grid;place-items:center;font-size:25px;color:#c4d8ff}.balance-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;margin-top:23px;padding-top:14px;font-size:9px;letter-spacing:.7px;color:#c1d2e2;position:relative;z-index:1}.balance-bottom span:first-child{display:flex;align-items:center;gap:8px}.balance-bottom i{width:6px;height:6px;border-radius:50%;background:#59d5ad}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading{margin:31px 0 15px}.section-heading h2,.panel-heading h2{font-size:16px;letter-spacing:-.4px;margin:0 0 5px}.section-heading .muted,.panel-heading .muted{font-size:11px;margin:0}.text-button{border:0;background:transparent;color:var(--blue);font-weight:750;font-size:11px;padding:8px 0}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:18px 18px 13px;min-width:0;box-shadow:0 5px 15px #1a345008}.account-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.account-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:#edf2ff;color:#3d6cda;font-size:21px}.savings-card .account-icon{background:#e5f7ef;color:#17986b}.fixed-card .account-icon{background:#fff3e5;color:#c5802e}.account-tag{font-size:8px;letter-spacing:.8px;color:#8290a2;font-weight:800}.account-card>.muted{font-size:11px;margin:0 0 7px}.account-card h3{font-size:24px;letter-spacing:-.8px;margin:0 0 5px;overflow-wrap:anywhere}.account-sub{font-size:10px;color:#96a1b0;margin:0 0 16px}.account-card-bottom{border-top:1px solid #edf0f4;padding-top:11px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a98aa}.account-card-bottom button{border:0;background:#f2f5fa;border-radius:7px;color:#4b6fa7;width:28px;height:25px;font-size:15px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.9fr);gap:15px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;min-width:0;box-shadow:0 5px 15px #1a345008}.panel-heading{margin-bottom:18px}.transaction-list{display:grid}.transaction-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #edf0f4}.transaction-left{display:flex;align-items:center;gap:11px;min-width:0}.transaction-icon{width:34px;height:34px;border-radius:10px;background:#eef3ff;color:#4773d6;display:grid;place-items:center;font-size:18px;flex-shrink:0}.transaction-icon.credit{background:#e8f8f1;color:#159a6c}.transaction-title{font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-sub{font-size:10px;color:#94a0af;margin-top:4px}.transaction-amount{text-align:right;font-size:12px;font-weight:800;white-space:nowrap}.positive{color:#15986b}.negative{color:#35455b}.empty-state{padding:27px 10px;text-align:center;color:#8996a7;font-size:12px;line-height:1.7}.empty-state .empty-icon{font-size:25px;color:#a8b7cb;margin-bottom:8px}.quick-panel{padding-bottom:8px}.quick-action{width:100%;border:0;border-top:1px solid #edf0f4;background:white;display:flex;align-items:center;gap:11px;text-align:left;padding:14px 0}.quick-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#f0f4ff;color:#3e6fd9;font-size:20px;flex-shrink:0}.quick-action>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.quick-action strong{font-size:11px}.quick-action small{font-size:10px;color:#8996a7}.quick-action>b{font-size:18px;color:#8b9ab0}.quick-action:hover strong{color:var(--blue)}.page-title{margin:6px 0 25px}.page-title .eyebrow{margin-bottom:9px}.form-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:18px;max-width:950px;align-items:start}.action-form h2{font-size:17px;margin:0 0 7px}.action-form>.muted{font-size:12px;margin:0 0 22px}.action-form label{margin-top:19px}.action-form input,.action-form select{height:46px}.money-input{display:flex;align-items:center;border:1px solid #dfe5ee;border-radius:9px;height:46px;padding-left:13px;color:#75839a}.money-input:focus-within{border-color:#7599f4;box-shadow:0 0 0 3px #3e73e814}.money-input input{border:0!important;box-shadow:none!important;height:42px!important}.swap-button{display:block;margin:10px 0 -5px auto;border:1px solid var(--line);background:#f7f9fc;color:var(--blue);width:32px;height:32px;border-radius:9px;font-size:18px}.side-info{padding:24px}.info-icon{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;background:#edf2ff;color:#4773dc;font-size:23px;margin-bottom:18px}.side-info h3{font-size:16px;margin:0 0 9px}.side-info>p{font-size:12px;line-height:1.8;color:#77869a;margin:0}.info-divider{border-top:1px solid var(--line);margin:21px 0 14px}.mini-balance{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px;color:#77869a}.mini-balance strong{color:var(--ink)}.notice{display:flex;gap:10px;background:#fff8e9;border:1px solid #f6e5bd;color:#94651b;padding:12px;border-radius:9px;font-size:11px;line-height:1.6}.notice span{font-size:16px}.notice p{margin:0}.small{font-size:11px!important}.all-transactions{padding:0 20px}.transaction-table-head{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#8491a3;font-weight:800}.all-transaction-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f4;font-size:11px}.all-transaction-row:last-child{border-bottom:0}.table-description{font-weight:750}.table-sub{font-size:10px;color:#8b98a9;margin-top:4px}.table-amount{text-align:right;font-weight:800;white-space:nowrap}.app-footer{padding:25px 0 5px;text-align:center;color:#9aa5b4;font-size:10px;line-height:1.7}.toast{position:fixed;z-index:1000;top:18px;right:18px;max-width:min(400px,calc(100vw - 36px));background:#173550;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 12px 35px #0e243b38;font-size:12px;line-height:1.6;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0d1b2c80;padding:20px}.modal{width:min(100%,420px);background:white;border-radius:17px;padding:28px;box-shadow:0 25px 80px #08152340}.modal-icon{width:45px;height:45px;border-radius:13px;background:#edf2ff;color:#4773dc;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.warning-icon{background:#fff4e3;color:#bd7b1e;font-weight:900}.modal h2{font-size:23px;letter-spacing:-.7px;margin:0 0 9px}.modal .muted{font-size:12px;line-height:1.8}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .btn{flex:1}.btn-secondary{background:#f0f3f8;color:#4d5c70}.modal-actions .btn-primary{font-size:12px}
@media(max-width:1100px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.account-grid{gap:10px}.account-card{padding:15px}.account-card h3{font-size:21px}.lower-grid{grid-template-columns:1fr}.quick-panel{padding-bottom:8px}.quick-action{max-width:none}.auth-layout{grid-template-columns:.8fr 1.2fr}.auth-brand{padding-left:5vw;padding-right:4vw}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh;justify-content:flex-start;padding:26px 22px 55px}.mobile-brand{display:flex}.auth-card{margin:auto 0;width:min(100%,450px)}.auth-disclaimer{bottom:17px;font-size:10px}.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;left:-270px;top:0;width:250px;transition:left .22s;box-shadow:12px 0 30px #0c1f3230}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{padding:0 18px;gap:12px}.topbar>div:nth-child(2){flex:1}.user-meta{display:none}.content{padding:25px 16px 20px}.welcome-row{align-items:flex-start;flex-direction:column;gap:13px}.welcome-row h1,.page-title h1{font-size:25px}.account-pill{padding:9px 12px}.balance-hero{padding:23px 20px 16px}.balance-top h2{font-size:30px}.account-grid{grid-template-columns:1fr}.account-card{padding:17px}.account-card-top{margin-bottom:14px}.account-card h3{font-size:25px}.lower-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.side-info{order:2}.transaction-table-head{display:none}.all-transaction-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.all-transaction-row>*:nth-child(2),.all-transaction-row>*:nth-child(3){font-size:10px;color:#8290a3}.all-transaction-row>*:nth-child(2){grid-column:1;grid-row:2}.all-transaction-row>*:nth-child(3){grid-column:1;grid-row:3}.all-transaction-row>*:nth-child(4){grid-column:2;grid-row:1/4;align-self:center}.panel{padding:17px}.section-heading{align-items:flex-start}.section-heading h2{font-size:15px}.text-button{white-space:nowrap}.balance-bottom{font-size:8px}.topbar-title{font-size:14px}}
@media(min-width:761px){.sidebar{transform:none}}

/* Mobile banking-style authentication actions (My brand). */
.auth-extra-actions{display:grid;gap:12px;margin-top:17px}.faceid-button{width:100%;min-height:54px;border:1px solid #d8dde5;border-radius:12px;background:#fff;color:#26364b;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:600}.faceid-button:hover{background:#f7f9fc}.faceid-symbol{font-size:21px;line-height:1}.forgot-link{display:block;margin:0 auto;padding:8px 10px;text-decoration:underline;font-size:14px;color:#25364c}.auth-extra-actions+.form-note{text-align:center;margin-top:8px}.brand-mark{border-radius:50%}
@media(max-width:760px){.auth-panel{padding:30px 25px 65px;background:linear-gradient(180deg,#eef1f5 0%,#fff 36%)}.mobile-brand{justify-content:center;margin:42px 0 40px}.mobile-brand .brand-mark{display:none}.mobile-brand .brand-name{font-size:29px;letter-spacing:-1px;color:#111827}.mobile-brand .brand-name span{font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#111827;margin-left:8px}.auth-card{width:100%;margin:0 auto}.auth-tabs{margin-bottom:28px}.auth-form h2{font-size:25px}.auth-form input{height:54px;border:1.5px solid #cbd3df;border-radius:12px}.auth-form .btn-primary{min-height:54px;border-radius:12px;background:#102b4c;font-size:16px;font-weight:500}.auth-disclaimer{left:18px;right:18px;justify-content:center;text-align:center}}