.portal-wallet-page{color:#101828}.portal-wallet-page,.business-demo:has(.wallet-hero){--wallet-blue:#2563eb;--wallet-deep:#111b3e;--wallet-border:#d9e0ea;--wallet-muted:#667085}
.wallet-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.wallet-page-heading>div:first-child>span{color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.1em}.wallet-page-heading h1{margin:6px 0 5px!important;font-size:31px!important}.wallet-page-heading p{margin:0;color:#667085;font-size:12px}.wallet-page-heading>div:last-child{display:flex;gap:9px}.wallet-page-heading button{height:41px;padding:0 15px;border:1px solid #bfd3ff!important;border-radius:8px!important;background:#fff!important;color:#175cd3!important;font-weight:800}.wallet-page-heading button.primary{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}
.portal-wallet-hero{display:grid;grid-template-columns:1.55fr .75fr;overflow:hidden;margin-bottom:14px;border:1px solid #27366f;border-radius:14px;background:linear-gradient(115deg,#10173d,#213c91 72%,#2563eb);box-shadow:0 15px 35px rgba(30,58,138,.16);color:#fff}.portal-wallet-balance{padding:27px 29px}.portal-wallet-balance>span,.portal-wallet-balance>small,.portal-wallet-balance>strong{display:block}.portal-wallet-balance>span{color:#b8c8f7;font-size:9px;font-weight:800;letter-spacing:.12em}.portal-wallet-balance>small{margin-top:20px;color:#cbd5e1;font-size:10px}.portal-wallet-balance>strong{margin:5px 0;color:#fff;font-size:35px;letter-spacing:-.04em}.portal-wallet-balance>p{color:#cbd5e1!important;font-size:10px}.portal-wallet-balance>p b{color:#86efac}.portal-wallet-balance>div{display:flex;gap:8px;margin-top:19px}.portal-wallet-balance button,.portal-wallet-balance a{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.42)!important;border-radius:8px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:10px;font-weight:800;text-decoration:none}.portal-wallet-balance button:first-child{border-color:#fbbf24!important;background:#fbbf24!important;color:#172033!important}.portal-wallet-hero>aside{display:flex;flex-direction:column;justify-content:center;padding:25px;border-left:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06)}.portal-wallet-hero>aside>span{color:#b8c8f7;font-size:9px;font-weight:800;letter-spacing:.1em}.portal-wallet-hero>aside>strong{margin-top:16px;color:#fff;font-size:12px}.portal-wallet-hero>aside>b{margin:7px 0;color:#fff;font-size:22px;letter-spacing:.08em}.portal-wallet-hero>aside>p{margin:0 0 15px;color:#cbd5e1!important;font-size:9px}.portal-wallet-hero>aside>button{align-self:flex-start;height:35px;padding:0 12px;border:1px solid rgba(255,255,255,.38)!important;border-radius:7px!important;background:transparent!important;color:#fff!important;font-size:9px;font-weight:800}
.portal-wallet-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.portal-wallet-kpis article{min-height:116px;padding:16px;border:1px solid #d9e0ea;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.07)}.portal-wallet-kpis i{display:grid;place-items:center;width:33px;height:33px;margin-bottom:11px;border-radius:8px;background:#eff6ff;color:#2563eb;font-style:normal;font-weight:800}.portal-wallet-kpis i.green{background:#ecfdf3;color:#027a48}.portal-wallet-kpis i.gold{background:#fffaeb;color:#b54708}.portal-wallet-kpis i.purple{background:#f4f3ff;color:#6941c6}.portal-wallet-kpis small,.portal-wallet-kpis strong,.portal-wallet-kpis em{display:block}.portal-wallet-kpis small{color:#667085;font-size:9px}.portal-wallet-kpis strong{margin:5px 0;color:#101828;font-size:21px}.portal-wallet-kpis em{color:#667085;font-size:8px;font-style:normal}
.portal-wallet-grid{display:grid;grid-template-columns:1.55fr .72fr;gap:13px}.wallet-card{overflow:hidden;border:1px solid #d9e0ea;border-radius:11px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.07)}.wallet-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid #e4e7ec}.wallet-card>header span{color:#2563eb;font-size:8px;font-weight:800;letter-spacing:.1em}.wallet-card>header h2{margin:4px 0!important;font-size:17px!important}.wallet-card>header p{margin:0;color:#667085;font-size:9px}.wallet-card>header select{height:35px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;padding:0 9px;color:#475467;font-size:9px}.portal-wallet-transactions{padding:0 19px}.wallet-transaction{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eaecf0}.wallet-transaction:last-child{border-bottom:0}.wallet-transaction>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#2563eb;font-style:normal;font-size:11px;font-weight:800}.wallet-transaction span b,.wallet-transaction span small{display:block}.wallet-transaction span b{color:#101828;font-size:10px}.wallet-transaction span small{margin-top:3px;color:#667085;font-size:8px}.wallet-transaction>strong{font-size:11px}.wallet-transaction>strong.credit{color:#027a48}.wallet-transaction>strong.debit{color:#b42318}.wallet-transaction>em{padding:5px 7px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:8px;font-style:normal;font-weight:800}.linked-wallet-account{padding-bottom:18px}.linked-bank{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;margin:18px;padding:13px;border:1px solid #dbe4f3;border-radius:9px;background:#f8faff}.linked-bank>i{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#1e3a8a;color:#fff;font-style:normal;font-weight:800}.linked-bank span strong,.linked-bank span small{display:block}.linked-bank span strong{font-size:10px}.linked-bank span small{margin-top:3px;color:#667085;font-size:8px}.linked-bank>em{color:#027a48;font-size:8px;font-style:normal;font-weight:800}.linked-wallet-account>button{height:36px;margin:0 18px;padding:0 12px;border:1px solid #bfd3ff!important;border-radius:7px!important;background:#fff!important;color:#175cd3!important;font-size:9px;font-weight:800}.linked-wallet-account>p{margin:13px 18px 0;color:#667085;font-size:8px;line-height:1.5}.wallet-security-list{padding:5px 18px}.wallet-security-list p{display:grid;grid-template-columns:28px 1fr;gap:9px;margin:0;padding:12px 0;border-bottom:1px solid #eaecf0}.wallet-security-list p:last-child{border-bottom:0}.wallet-security-list i{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#ecfdf3;color:#027a48;font-style:normal;font-weight:800}.wallet-security-list strong,.wallet-security-list small{display:block}.wallet-security-list strong{color:#101828;font-size:9px}.wallet-security-list small{margin-top:3px;color:#667085;font-size:8px;line-height:1.45}
.business-demo:has(.wallet-hero) .wallet-hero [data-wallet-balance]{color:#fff}.business-demo:has(.wallet-hero) .transaction-list .wallet-transaction{grid-template-columns:36px 1fr auto auto}.business-demo:has(.wallet-hero) .transaction-list{padding:0 18px}
.wallet-dialog-backdrop{position:fixed;inset:0;z-index:90;background:rgba(16,24,40,.66);backdrop-filter:blur(3px)}.wallet-dialog{position:fixed;z-index:91;top:50%;left:50%;width:min(560px,calc(100vw - 34px));transform:translate(-50%,-50%);border:0;border-radius:16px;background:#fff;box-shadow:0 30px 90px rgba(16,24,40,.35)}.wallet-dialog[hidden],.wallet-dialog-backdrop[hidden]{display:none!important}.wallet-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 23px 16px;border-bottom:1px solid #e4e7ec}.wallet-dialog header span{color:#2563eb;font-size:9px;font-weight:800;letter-spacing:.1em}.wallet-dialog header h2{margin:5px 0!important;font-size:22px!important}.wallet-dialog header p{margin:0;color:#667085;font-size:10px}.wallet-dialog header button{width:34px;height:34px;border:0!important;border-radius:8px!important;background:#f2f4f7!important;font-size:19px}.wallet-dialog form>div{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:19px 23px}.wallet-dialog label{color:#475467;font-size:10px;font-weight:800}.wallet-dialog label.wide{grid-column:1/-1}.wallet-dialog input,.wallet-dialog select{display:block;width:100%;height:42px;box-sizing:border-box;margin-top:6px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:0 11px;color:#101828;font:500 11px Inter}.wallet-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 23px;border-top:1px solid #e4e7ec}.wallet-dialog footer>span{color:#b42318;font-size:9px}.wallet-dialog footer div{display:flex;gap:8px}.wallet-dialog footer button{height:39px;padding:0 14px;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;color:#344054!important;font-weight:800}.wallet-dialog footer button.primary{border-color:#2563eb!important;background:#2563eb!important;color:#fff!important}.wallet-action-toast{position:fixed;right:24px;bottom:24px;z-index:95;padding:12px 16px;border-radius:9px;background:#101828;color:#fff;font-size:10px;font-weight:800;box-shadow:0 12px 35px rgba(16,24,40,.25)}
@media(max-width:900px){.portal-wallet-hero,.portal-wallet-grid{grid-template-columns:1fr}.portal-wallet-hero>aside{border-top:1px solid rgba(255,255,255,.15);border-left:0}.portal-wallet-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wallet-page-heading{display:block}.wallet-page-heading>div:last-child{margin-top:14px}.wallet-page-heading button{flex:1}.portal-wallet-balance{padding:22px}.portal-wallet-balance>strong{font-size:29px}.portal-wallet-kpis{grid-template-columns:1fr}.wallet-transaction{grid-template-columns:34px 1fr auto}.wallet-transaction>em{display:none}.wallet-dialog form>div{grid-template-columns:1fr}.wallet-dialog label.wide{grid-column:auto}}