@import url('../../theme.css.php');
:root {
  --navy-950:#030914;
  --navy-900:#071225;
  --navy-850:#0a1930;
  --navy-800:#0e213d;
  --navy-700:#17345d;
  --blue-500:#2a78ff;
  --gold-500:#f4b63f;
  --gold-400:#ffd36f;
  --gold-200:#ffe6ad;
  --cream:#fffaf0;
  --surface:#ffffff;
  --surface-2:#f5f7fb;
  --ink:#10203b;
  --muted:#66758d;
  --line:#dfe5ef;
  --success:#14855f;
  --danger:#c43d4b;
  --warning:#a96800;
  --shadow:0 24px 60px rgba(3,15,35,.14);
  --shadow-sm:0 12px 30px rgba(4,18,42,.09);
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:10px;
  --container:1180px;
  --sidebar:270px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--surface-2);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-70px;z-index:9999;background:var(--gold-500);color:var(--navy-950);padding:12px 18px;border-radius:10px;font-weight:800;transition:.2s}
.skip-link:focus{top:16px}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.section{padding:84px 0}
.section-sm{padding:54px 0}
.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#8d5a00;background:#fff1cf;border:1px solid #f5d58d;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.section-title{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.035em;margin:16px 0 14px;color:var(--navy-900)}
.section-copy{max-width:690px;color:var(--muted);font-size:1.05rem;margin:0}
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:18px}
.row{display:flex;align-items:center;gap:14px}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:20px}
.muted{color:var(--muted)}
.eyebrow{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:var(--gold-500)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:800;background:#eef2f8;color:#44526a}
.badge.success{background:#e6f7f0;color:#08704a}.badge.warning{background:#fff2d6;color:#895400}.badge.danger{background:#ffe9ec;color:#a5293b}.badge.dark{background:#142743;color:#dfeaff}
.btn{min-height:46px;border:0;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,.icon-btn:focus-visible,.nav-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(244,182,63,.45);outline-offset:2px}
.btn-primary{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:var(--navy-950);box-shadow:0 10px 22px rgba(244,182,63,.25)}
.btn-secondary{background:var(--navy-900);color:#fff}
.btn-ghost{background:transparent;color:inherit;border:1px solid currentColor}
.btn-light{background:#fff;color:var(--navy-900);box-shadow:var(--shadow-sm)}
.btn-danger{background:#c43d4b;color:white}
.btn-sm{min-height:38px;padding:0 13px;font-size:.88rem}
.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--navy-900);display:inline-grid;place-items:center;position:relative}
.app-header-right .icon-btn .notification-count{position:absolute;top:-6px;right:-6px;z-index:2;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#e83b43;color:#fff;display:grid;place-items:center;font-size:.62rem;font-weight:900;line-height:1;box-sizing:border-box}
.icon{width:21px;height:21px;display:block}
.card{background:var(--surface);border:1px solid rgba(13,35,69,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.card-pad{padding:24px}
.card-title{margin:0;color:var(--navy-900);font-size:1.1rem;letter-spacing:-.01em}
.divider{height:1px;background:var(--line);margin:20px 0}

/* Public navigation */
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,14,29,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.18rem;font-weight:900;letter-spacing:.055em}
.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,var(--gold-400),#d59118);display:grid;place-items:center;color:var(--navy-950);font-weight:950;box-shadow:0 8px 20px rgba(244,182,63,.22)}
.site-brand-logo{display:block;width:auto;height:48px;max-width:220px;object-fit:contain}.brand-fallback{display:none}.site-contact-links span{display:block;color:#aebbd0;font-size:.88rem;line-height:1.5}
.brand-mark{background-color:transparent;background-image:url("../images/sentra-mark.png");background-repeat:no-repeat;background-position:center;background-size:contain;color:transparent;box-shadow:none}
.site-contact-details{margin-top:24px}.site-contact-card p{overflow-wrap:anywhere}
.brand span{color:var(--gold-400)}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{color:#d8e1ef;padding:10px 12px;border-radius:10px;font-size:.93rem;font-weight:700}
.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.08)}
.site-actions{display:flex;align-items:center;gap:10px}
.mobile-menu-btn{display:none;background:transparent;border:0;color:#fff;padding:8px}
.mobile-nav{display:none;padding:0 20px 18px}
.mobile-nav.open{display:grid;gap:6px}
.mobile-nav .nav-link{display:block}

/* Hero */
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 80% 23%,rgba(35,104,202,.34),transparent 30%),
 radial-gradient(circle at 12% 10%,rgba(244,182,63,.08),transparent 24%),
 linear-gradient(145deg,var(--navy-950),#06182f 62%,#0a2854);color:#fff;padding:96px 0 110px}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}
.hero h1{font-size:clamp(3.25rem,6.7vw,6rem);line-height:.98;letter-spacing:-.055em;margin:15px 0 24px;max-width:760px}
.hero h1 em{font-style:normal;color:var(--gold-400)}
.hero-copy{font-size:1.17rem;color:#cbd7e8;max-width:610px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:31px;color:#c7d4e7;font-size:.9rem}
.trust-row span{display:inline-flex;align-items:center;gap:8px}
.trust-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 0 5px rgba(244,182,63,.12)}
.bank-visual{min-height:450px;position:relative;display:grid;place-items:center}
.glow-orb{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(42,120,255,.34),rgba(42,120,255,.05) 55%,transparent 70%);filter:blur(2px)}
.bank-card-visual{width:370px;aspect-ratio:1.6;border-radius:24px;background:linear-gradient(140deg,#0e2a51,#09172d 58%,#142e54);box-shadow:0 32px 80px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14);position:relative;z-index:2;transform:rotate(-7deg);padding:28px;color:#fff;overflow:hidden}
.bank-card-visual:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-70px;top:-90px;box-shadow:0 0 0 30px rgba(255,255,255,.02),0 0 0 60px rgba(255,255,255,.02)}
.card-chip{width:52px;height:38px;border-radius:8px;background:linear-gradient(135deg,#ffe9a1,#bc7715);margin:30px 0 43px;position:relative}
.card-number{font-size:1.35rem;letter-spacing:.13em;font-weight:760}
.card-meta{display:flex;justify-content:space-between;margin-top:24px;font-size:.76rem;color:#c5d2e5;text-transform:uppercase;letter-spacing:.08em}
.card-meta strong{display:block;color:#fff;font-size:.92rem;margin-top:3px;letter-spacing:.03em}
.security-shield{position:absolute;right:2%;bottom:24px;z-index:4;width:120px;height:138px;clip-path:polygon(50% 0,91% 18%,84% 70%,50% 100%,16% 70%,9% 18%);background:linear-gradient(145deg,var(--gold-400),#c68110);display:grid;place-items:center;color:var(--navy-950);filter:drop-shadow(0 18px 25px rgba(0,0,0,.35))}
.security-shield svg{width:48px;height:48px}
.coin-stack{position:absolute;left:10%;bottom:50px;z-index:3;display:grid;gap:4px;transform:rotate(4deg)}
.coin-stack i{display:block;width:96px;height:17px;border-radius:50%;background:linear-gradient(#ffe08a,#c47d12);border:2px solid #f5c14b;box-shadow:0 4px 0 #8e570c}
.hero-strip{position:relative;margin-top:-48px;z-index:5}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.feature-mini{padding:25px 23px;display:flex;gap:14px;align-items:flex-start;border-right:1px solid var(--line)}
.feature-mini:last-child{border-right:0}
.feature-icon{flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:#fff5dc;color:#9b6300;display:grid;place-items:center}
.feature-mini h3{font-size:1rem;margin:0 0 4px;color:var(--navy-900)}
.feature-mini p{font-size:.85rem;color:var(--muted);margin:0}

/* General public sections */
.feature-card{padding:28px;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.feature-card .feature-icon{margin-bottom:18px}
.feature-card h3{margin:0 0 8px;font-size:1.16rem}
.feature-card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.dark-panel{background:linear-gradient(145deg,var(--navy-950),#0d2852);color:#fff;border-radius:var(--radius-xl);padding:52px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.dark-panel:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-140px;top:-180px;border:70px solid rgba(255,255,255,.035)}
.dark-panel h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:12px 0 15px;letter-spacing:-.035em}
.dark-panel p{color:#bfcee2;max-width:700px}
.check-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}
.check-list li{display:flex;align-items:flex-start;gap:12px;color:inherit}
.check{width:24px;height:24px;border-radius:50%;background:#fff1cf;color:#8a5700;display:grid;place-items:center;font-weight:950;flex:0 0 24px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}
.stat-box strong{display:block;font-size:1.8rem;color:var(--navy-900);letter-spacing:-.03em}
.stat-box span{color:var(--muted);font-size:.88rem}
.product-card{padding:28px;display:flex;flex-direction:column;gap:17px;min-height:100%}
.product-card .rate{font-size:2.4rem;font-weight:900;color:var(--navy-900);letter-spacing:-.055em}
.product-card .rate small{font-size:1rem;color:var(--muted);font-weight:600}
.product-card .btn{margin-top:auto}
.steps{counter-reset:step;display:grid;gap:17px}
.step{position:relative;padding:23px 23px 23px 74px;background:#fff;border:1px solid var(--line);border-radius:18px}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:36px;height:36px;border-radius:11px;background:var(--navy-900);color:#fff;display:grid;place-items:center;font-weight:900}
.cta{background:linear-gradient(135deg,#fff0cb,#fffaf1);border:1px solid #f0d495;border-radius:var(--radius-xl);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.cta h2{margin:0 0 7px;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;color:var(--navy-900)}
.cta p{margin:0;color:#6f5c35}
.page-hero{background:linear-gradient(145deg,var(--navy-950),#0b2a54);color:#fff;padding:78px 0 88px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border-radius:50%;border:100px solid rgba(255,255,255,.035)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em;margin:14px 0 18px;max-width:780px}
.page-hero p{max-width:680px;color:#c8d4e4;font-size:1.08rem}
.breadcrumbs{display:flex;gap:9px;align-items:center;color:#b8c7db;font-size:.85rem}
.breadcrumbs a:hover{color:#fff}
.contact-card{padding:26px}
.contact-card h3{margin:16px 0 6px}
.contact-card p{margin:0;color:var(--muted)}
.faq{border-bottom:1px solid var(--line)}
.faq button{width:100%;padding:18px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;font-weight:800;color:var(--navy-900)}
.faq div{display:none;padding:0 0 18px;color:var(--muted)}
.faq.open div{display:block}
.faq.open button span:last-child{transform:rotate(45deg)}
.site-footer{background:var(--navy-950);color:#c6d1e1;padding:58px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:42px}
.footer-title{color:#fff;font-weight:850;margin-bottom:15px}
.footer-links{display:grid;gap:9px;font-size:.9rem}
.footer-links a:hover{color:var(--gold-400)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:42px;display:flex;justify-content:space-between;gap:20px;font-size:.82rem}

/* Auth */
.auth-body{min-height:100vh;background:linear-gradient(145deg,var(--navy-950),#09264d);display:grid;grid-template-columns:1fr 1fr}
.auth-visual{padding:55px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-visual:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-260px;bottom:-260px;border:100px solid rgba(255,255,255,.04)}
.auth-visual h1{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.05em;max-width:620px}
.auth-visual p{max-width:520px;color:#c6d4e8}
.auth-panel{background:#f6f8fc;padding:45px;display:grid;place-items:center}
.auth-card{width:min(500px,100%);background:#fff;border-radius:26px;box-shadow:var(--shadow);padding:38px}
.auth-card h2{font-size:2rem;letter-spacing:-.035em;margin:12px 0 8px}
.auth-card .subcopy{margin:0 0 26px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:.87rem;font-weight:800;color:#273954}
.input-wrap{position:relative}
.input-wrap .input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7a879a;display:grid}
.input-wrap input{padding-left:43px}
input,select,textarea{width:100%;border:1px solid #ccd5e2;border-radius:12px;background:#fff;color:var(--ink);min-height:48px;padding:11px 13px;transition:border-color .2s,box-shadow .2s}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:#b17811;box-shadow:0 0 0 4px rgba(244,182,63,.13);outline:0}
.field-help{font-size:.78rem;color:var(--muted)}
.checkbox-row{display:flex;align-items:flex-start;gap:9px;font-size:.86rem;color:#46556c}
.checkbox-row input{width:17px;min-height:auto;margin-top:3px}
.alert{border-radius:13px;padding:13px 15px;display:flex;gap:10px;align-items:flex-start;font-size:.88rem}
.alert.info{background:#edf4ff;color:#23558e;border:1px solid #c8ddfa}.alert.success{background:#e9f8f1;color:#086947;border:1px solid #bde7d4}.alert.error{background:#fff0f2;color:#9d2638;border:1px solid #f0c4ca}.alert.warning{background:#fff5df;color:#845200;border:1px solid #efd59a}

/* App shell */
.app-body{background:#f3f6fb;min-height:100vh}
.app-layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}
.app-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy-950),#0a203f);color:#d5dfed;padding:26px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:50}
.app-sidebar .brand{padding:0 8px 24px}
.user-mini{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:15px;margin-bottom:18px}
.avatar{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--gold-400),#bd7c13);color:var(--navy-950);display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.user-mini strong{display:block;color:#fff;font-size:.92rem}.user-mini span{font-size:.74rem;color:#91a4c0}
.side-label{font-size:.69rem;text-transform:uppercase;letter-spacing:.13em;color:#7186a3;font-weight:850;padding:15px 12px 7px}
.side-links{display:grid;gap:3px}
.side-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-size:.9rem;font-weight:720;color:#b9c8dc}
.side-link:hover,.side-link.active{background:rgba(255,255,255,.09);color:#fff}.side-link.active{box-shadow:inset 3px 0 0 var(--gold-400)}
.side-link .icon{width:19px;height:19px}
.sidebar-footer{margin-top:auto;padding-top:18px}
.secure-note{font-size:.75rem;color:#8ea1bd;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04)}
.app-workspace{min-width:0}
.app-header{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:40}
.app-header-left{display:flex;align-items:center;gap:14px}
.app-menu-btn{display:none}
.app-header h1{font-size:1.18rem;margin:0;color:var(--navy-900)}
.app-header-right{display:flex;align-items:center;gap:10px}
.session-pill{display:flex;align-items:center;gap:8px;background:#eff3f8;border-radius:999px;padding:8px 12px;color:#4c5e78;font-size:.78rem;font-weight:750}
.app-content{padding:30px;max-width:1500px;margin:0 auto}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:25px}
.page-heading h2{font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.04em;margin:0 0 5px;color:var(--navy-900)}
.page-heading p{margin:0;color:var(--muted)}
.account-card{padding:25px;color:#fff;background:linear-gradient(145deg,#0c2850,#071427);position:relative;overflow:hidden;min-height:190px}
.account-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-85px;top:-105px;border:42px solid rgba(255,255,255,.04)}
.account-card.light{background:linear-gradient(145deg,#fff8e7,#efd49a);color:var(--navy-900)}
.account-card .label{font-size:.8rem;color:#aabbd0}.account-card.light .label{color:#77633b}
.account-card .balance{font-size:2.1rem;letter-spacing:-.045em;font-weight:900;margin:12px 0 4px}
.account-card .account-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;letter-spacing:.06em;color:#b9c8db}.account-card.light .account-num{color:#675a3f}
.account-actions{display:flex;gap:8px;margin-top:22px;position:relative;z-index:2}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quick-action{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:12px;transition:.2s}
.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.quick-action .feature-icon{width:42px;height:42px;flex:0 0 42px}
.quick-action strong{display:block;font-size:.91rem}.quick-action span{font-size:.75rem;color:var(--muted)}
.metric{padding:22px}
.metric-top{display:flex;justify-content:space-between;gap:16px}.metric-label{color:var(--muted);font-size:.83rem}.metric-value{font-size:1.7rem;font-weight:900;letter-spacing:-.035em;color:var(--navy-900);margin-top:8px}.metric-trend{font-size:.78rem;margin-top:5px;color:var(--success)}
.table-card{overflow:hidden}
.table-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{padding:15px 20px;text-align:left;border-bottom:1px solid #e8edf4;font-size:.87rem}
th{color:#66758d;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;background:#f8fafd}
td strong{color:#223550}.amount.positive{color:var(--success)}.amount.negative{color:#9a3040}
.transaction-name{display:flex;align-items:center;gap:12px}.tx-icon{width:38px;height:38px;border-radius:12px;background:#edf3fb;color:#3b5d88;display:grid;place-items:center;flex:0 0 auto}
.filter-bar{display:flex;gap:10px;flex-wrap:wrap}.filter-bar input,.filter-bar select{width:auto;min-width:160px;min-height:40px}
.chart-placeholder{height:260px;position:relative;display:flex;align-items:flex-end;gap:12px;padding:30px 14px 14px;border-bottom:1px solid var(--line);overflow:hidden}
.chart-placeholder:before{content:"";position:absolute;inset:20px 14px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#edf1f6 50px)}
.bar{flex:1;min-width:18px;background:linear-gradient(to top,#173a6b,#397ed6);border-radius:8px 8px 2px 2px;position:relative;z-index:2}.bar.gold{background:linear-gradient(to top,#b87810,#f6c35e)}
.legend{display:flex;gap:18px;padding:17px 20px;font-size:.78rem;color:var(--muted)}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block;background:#2e68ad;margin-right:6px}.legend i.gold{background:#e5a82e}
.progress-steps{display:flex;align-items:center;margin-bottom:28px}.progress-step{display:flex;align-items:center;gap:9px;font-weight:800;font-size:.84rem;color:#8b97a8}.progress-step span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid #ccd5e2;background:#fff}.progress-step.active{color:var(--navy-900)}.progress-step.active span,.progress-step.done span{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.progress-line{height:2px;background:#d9e0ea;flex:1;min-width:30px;margin:0 10px}.progress-line.done{background:var(--navy-900)}
.review-list{display:grid;gap:0}.review-row{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid var(--line)}.review-row span{color:var(--muted)}.review-row strong{text-align:right;color:var(--navy-900)}
.recipient{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.recipient:last-child{border-bottom:0}.recipient-main{display:flex;align-items:center;gap:12px}.recipient-main .avatar{background:#e8eef8;color:#294d7c}.recipient p{margin:2px 0 0;font-size:.8rem;color:var(--muted)}
.payment-card{aspect-ratio:1.6;border-radius:21px;background:linear-gradient(135deg,#071427,#153965);padding:25px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.payment-card.gold-card{background:linear-gradient(135deg,#f5d78e,#b77813);color:#172033}.payment-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-100px;top:-110px;border:45px solid rgba(255,255,255,.08)}.payment-card .chip{width:47px;height:34px;border-radius:7px;background:linear-gradient(135deg,#ffe598,#bb7412);margin:25px 0}.payment-card .pan{font-size:1.15rem;letter-spacing:.12em}.payment-card .bottom{display:flex;justify-content:space-between;margin-top:21px;font-size:.75rem;text-transform:uppercase}.payment-card .bottom strong{display:block;font-size:.88rem;margin-top:2px}.card-control{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.switch{position:relative;width:48px;height:27px;border:0;background:#c9d2df;border-radius:999px;padding:0;transition:.2s}.switch:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.switch.on{background:var(--success)}.switch.on:after{left:24px}
.notice-list{display:grid}.notice{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.notice.unread{background:#f7faff;margin:0 -24px;padding-inline:24px}.notice p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.notice time{margin-left:auto;color:#8a96a8;font-size:.75rem;white-space:nowrap}.unread-dot{width:9px;height:9px;border-radius:50%;background:var(--blue-500);margin-top:7px;flex:0 0 9px}
.state-card{text-align:center;padding:50px 30px}.state-icon{width:82px;height:82px;border-radius:25px;background:#edf3fb;color:#315e96;display:grid;place-items:center;margin:0 auto 20px}.state-icon.success{background:#e6f7f0;color:var(--success)}.state-icon.error{background:#ffe9ec;color:var(--danger)}.state-card h2{margin:0 0 8px;font-size:1.7rem}.state-card p{max-width:520px;margin:0 auto 23px;color:var(--muted)}
.skeleton{position:relative;overflow:hidden;background:#e9eef5;border-radius:8px;min-height:15px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,9,20,.72);display:grid;place-items:center;z-index:1000;padding:20px}.modal{width:min(480px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.toast{position:fixed;right:22px;bottom:22px;z-index:1200;background:var(--navy-900);color:#fff;border-radius:13px;padding:14px 17px;box-shadow:var(--shadow);display:none;max-width:360px}.toast.show{display:flex;align-items:center;gap:10px}

/* Responsive */
@media(max-width:1050px){
  .nav-links{display:none}.mobile-menu-btn{display:block}.site-actions .btn-ghost{display:none}
  .hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:74px}.bank-visual{min-height:390px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-mini:nth-child(2){border-right:0}.feature-mini:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}
  .app-layout{grid-template-columns:1fr}.app-sidebar{position:fixed;left:-290px;width:270px;height:100dvh;transition:left .25s;box-shadow:20px 0 50px rgba(0,0,0,.25);z-index:110}.app-sidebar.open{left:0}.app-menu-btn{display:grid}.app-content{padding:24px}.quick-actions{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .container{width:min(100% - 28px,var(--container))}.section{padding:60px 0}.section-sm{padding:40px 0}
  .site-nav{height:68px}.brand{font-size:1.05rem}.brand-mark{width:35px;height:35px}.site-actions .btn-primary{display:none}
  .hero{padding:62px 0 86px}.hero h1{font-size:clamp(2.8rem,15vw,4.3rem)}.hero-copy{font-size:1rem}.bank-visual{min-height:310px}.glow-orb{width:290px;height:290px}.bank-card-visual{width:min(330px,88vw);padding:23px}.security-shield{width:93px;height:108px;right:0}.coin-stack{left:2%}
  .feature-strip{grid-template-columns:1fr}.feature-mini{border-right:0;border-bottom:1px solid var(--line)!important}.feature-mini:last-child{border-bottom:0!important}
  .grid-2,.grid-3,.grid-4,.stats{grid-template-columns:1fr}.dark-panel{padding:32px 24px}.cta{padding:30px 24px;align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}
  .auth-body{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:18px;min-height:100vh}.auth-card{padding:25px}.form-grid{grid-template-columns:1fr}
  .app-header{padding:0 16px;height:68px}.session-pill{display:none}.app-content{padding:18px 14px}.page-heading{flex-direction:column}.page-heading .row{width:100%;flex-wrap:wrap}.page-heading .btn{flex:1}
  .quick-actions{grid-template-columns:1fr 1fr}.grid-3.app-grid,.grid-4.app-grid{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar input,.filter-bar select{width:100%;min-width:0}.progress-step b{display:none}.progress-line{margin:0 4px}.table-head{align-items:flex-start;flex-direction:column}.table-head .filter-bar{width:100%}
  .review-row{align-items:flex-start}.modal{padding:23px}.notice time{display:none}
}
@media(max-width:430px){.quick-actions{grid-template-columns:1fr}.form-grid{display:grid}.filter-bar{grid-template-columns:1fr}.hero-actions .btn{width:100%}.auth-card{padding:22px 18px}.card-pad{padding:20px}.app-header h1{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.password-meter{padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fafc}.password-meter-bar{height:7px;border-radius:20px;background:#e3e8f0;overflow:hidden;margin-bottom:10px}.password-meter-bar span{display:block;height:100%;width:0;background:var(--danger);transition:width .2s,background .2s}.password-meter-bar span[data-score="3"]{background:var(--warning)}.password-meter-bar span[data-score="4"],.password-meter-bar span[data-score="5"]{background:var(--success)}.password-rules{display:flex;flex-wrap:wrap;gap:6px 14px;margin:9px 0 0;padding:0;list-style:none;font-size:.76rem;color:var(--muted)}.password-rules li:before{content:"○";margin-right:5px}.password-rules li.passed{color:var(--success)}.password-rules li.passed:before{content:"✓"}
.password-input{position:relative}.password-input input{padding-right:70px;width:100%}.password-input button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8a5b06;font:inherit;font-size:.78rem;font-weight:800;padding:8px;cursor:pointer}.password-input button:focus-visible{outline:2px solid var(--gold-500);border-radius:6px}

/* --------------------------------------------------------------------------
   ITS dashboard redesign — adapted from the client-approved mobile view
   -------------------------------------------------------------------------- */
.dashboard-page{background:#edf2f8}
.dashboard-content{width:100%;max-width:1500px;padding:28px 30px 46px}
.dashboard-hero{position:relative;overflow:hidden;border-radius:30px;background:
  radial-gradient(circle at 82% 15%,rgba(40,105,205,.22),transparent 28%),
  linear-gradient(145deg,#061226 0%,#071b38 55%,#0c2c58 100%);color:#fff;padding:36px;box-shadow:0 24px 65px rgba(3,15,35,.18)}
.dashboard-hero:before{content:"";position:absolute;inset:0;background:
  repeating-radial-gradient(ellipse at 72% 80%,transparent 0 18px,rgba(255,255,255,.035) 19px 20px);opacity:.65;pointer-events:none}
.dashboard-hero>*{position:relative;z-index:1}
.dashboard-mobile-topbar{display:none}
.dashboard-greeting-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:28px}
.dashboard-greeting{margin:0 0 3px;color:var(--gold-500);font-size:1rem;font-weight:750}
.dashboard-greeting-row h2{margin:0;color:#fff;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.05;letter-spacing:-.04em}
.dashboard-demo-label{margin:9px 0 0;color:#9fb0c7;font-size:.82rem}
.dashboard-profile-photo{width:82px;height:82px;border-radius:50%;padding:3px;border:2px solid var(--gold-500);background:#071225;box-shadow:0 10px 25px rgba(0,0,0,.25);flex:0 0 auto}
.dashboard-profile-photo img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}
.dashboard-balance-card{position:relative;min-height:220px;padding:28px 30px;border-radius:25px;border:1px solid rgba(197,215,239,.55);background:linear-gradient(120deg,rgba(255,255,255,.12),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden}
.dashboard-balance-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:75%;background:repeating-radial-gradient(ellipse at 77% 115%,transparent 0 15px,rgba(255,255,255,.035) 16px 17px);pointer-events:none}
.dashboard-balance-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:2}
.dashboard-balance-label{display:flex;align-items:center;gap:9px;color:#d8e2ef;font-size:1rem}
.balance-visibility-btn{width:30px;height:30px;padding:0;border:0;background:transparent;color:#b9cae1;display:grid;place-items:center;border-radius:9px}
.balance-visibility-btn:hover{background:rgba(255,255,255,.08)}
.balance-visibility-btn svg{width:20px;height:20px}.balance-visibility-btn .eye-closed{display:none}.balance-visibility-btn[aria-pressed="true"] .eye-open{display:none}.balance-visibility-btn[aria-pressed="true"] .eye-closed{display:block}
.dashboard-total-balance{display:block;margin-top:5px;font-size:clamp(2.7rem,5vw,4.6rem);line-height:1;letter-spacing:-.045em;color:#fff}
.dashboard-balance-chart{width:48px;height:48px;border:1px solid rgba(244,182,63,.28);border-radius:14px;background:rgba(244,182,63,.09);color:var(--gold-500);display:grid;place-items:center}
.dashboard-balance-chart svg{width:25px;height:25px}
.dashboard-available{position:relative;z-index:2;margin-top:29px;display:flex;flex-direction:column;color:#c0cee0}
.dashboard-available strong{font-size:1.35rem;color:#fff;margin-top:2px}
.dashboard-balance-watermark{position:absolute;right:8%;bottom:-20px;font-size:11rem;font-weight:950;color:rgba(255,255,255,.035);line-height:1;z-index:0}
.dashboard-surface{position:relative;padding:24px 0 0}
.dashboard-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dashboard-action{min-height:120px;padding:19px;border-radius:20px;background:#fff;border:1px solid rgba(10,35,70,.07);box-shadow:0 12px 28px rgba(4,18,42,.075);display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:transform .2s,box-shadow .2s}
.dashboard-action:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(4,18,42,.11)}
.dashboard-action-icon{width:45px;height:45px;border-radius:14px;background:#f5f8fc;color:#0a2346;display:grid;place-items:center;margin-bottom:8px}
.dashboard-action-icon.gold-icon{color:#c98913}
.dashboard-action-icon svg{width:25px;height:25px}
.dashboard-action strong{font-size:1rem;color:#071a37}.dashboard-action small{font-size:.75rem;color:#718099}
.dashboard-primary-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:22px;margin-top:22px;align-items:stretch}
.dashboard-card-section,.dashboard-transactions{border-radius:24px;background:#fff;border:1px solid rgba(10,35,70,.075);box-shadow:0 14px 34px rgba(4,18,42,.075);padding:22px}
.dashboard-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.dashboard-section-heading p{margin:0;color:#8390a4;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.dashboard-section-heading h3{margin:3px 0 0;font-size:1.3rem;letter-spacing:-.025em;color:#071a37}
.dashboard-section-heading>a{color:#c28313;font-size:.86rem;font-weight:800}
.dashboard-bank-card{position:relative;overflow:hidden;aspect-ratio:1.66;border-radius:24px;background:
  radial-gradient(circle at 95% 0,rgba(69,105,157,.3),transparent 37%),
  linear-gradient(135deg,#061126,#0b1e3b 57%,#071225);color:#fff;padding:29px 31px;box-shadow:0 21px 45px rgba(3,13,30,.28)}
.dashboard-bank-card:before{content:"";position:absolute;width:95%;height:120%;right:-25%;top:-34%;border-radius:50%;border:1px solid rgba(244,182,63,.22);box-shadow:0 0 0 9px rgba(244,182,63,.025),0 0 0 18px rgba(244,182,63,.025),0 0 0 27px rgba(244,182,63,.02),0 0 0 36px rgba(244,182,63,.018);transform:rotate(-18deg)}
.dashboard-bank-card>*{position:relative;z-index:2}
.dashboard-card-top,.dashboard-card-middle,.dashboard-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.dashboard-card-brand{font-size:1.1rem;letter-spacing:.22em;font-weight:700}.dashboard-card-brand span{color:var(--gold-500)}
.dashboard-card-menu{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#fff;display:grid;place-items:center}.dashboard-card-menu:hover{background:rgba(255,255,255,.08)}.dashboard-card-menu svg{width:22px;height:22px}
.dashboard-card-middle{margin-top:29px}
.dashboard-chip{display:grid;grid-template-columns:repeat(2,1fr);width:55px;height:40px;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#ffe9a1,#bd7815);border:1px solid #d5992d}.dashboard-chip i{border:1px solid rgba(77,46,0,.28)}
.dashboard-contactless{width:38px;height:38px;color:var(--gold-400)}
.dashboard-card-number{margin-top:25px;font-size:clamp(1.05rem,2vw,1.35rem);letter-spacing:.11em;white-space:nowrap}
.dashboard-card-bottom{align-items:flex-end;margin-top:15px}.dashboard-card-bottom small{display:block;color:#9caec5;text-transform:uppercase;letter-spacing:.08em;font-size:.61rem}.dashboard-card-bottom strong{display:block;margin-top:2px;font-size:.92rem}
.dashboard-visa-mark{text-align:right;line-height:1}.dashboard-visa-mark b{display:block;font-size:2rem;font-style:italic;letter-spacing:-.06em}.dashboard-visa-mark span{display:block;color:var(--gold-500);font-size:.8rem;margin-top:3px}
.dashboard-card-dots{display:flex;justify-content:center;gap:9px;margin-top:14px}.dashboard-card-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#d9dfe8}.dashboard-card-dots button.active{background:var(--gold-500)}
.dashboard-transactions{display:flex;flex-direction:column}
.dashboard-transaction-list{display:grid;flex:1}
.dashboard-transaction{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #e8edf4}.dashboard-transaction:last-child{border-bottom:0}
.merchant-logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.merchant-atlas{background:#111;color:#fff;font-size:1.6rem;font-weight:950}.merchant-sound{background:#2ed16c;position:relative}.merchant-sound i{position:absolute;width:25px;height:9px;border-top:3px solid #071225;border-radius:50%}.merchant-sound i:nth-child(1){top:13px}.merchant-sound i:nth-child(2){top:20px;width:22px}.merchant-sound i:nth-child(3){top:27px;width:18px}.merchant-salary{background:#224e8e;color:#fff}.merchant-salary svg{width:27px;height:27px}
.transaction-copy{min-width:0}.transaction-copy strong{display:block;color:#071a37;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-copy small{display:block;color:#8a96a8;font-size:.75rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.transaction-amount{font-size:1rem;white-space:nowrap}.transaction-amount.outgoing{color:#071a37}.transaction-amount.incoming{color:#0aa65b}
.dashboard-desktop-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.dashboard-desktop-overview article{background:#fff;border:1px solid rgba(10,35,70,.075);border-radius:19px;padding:20px;box-shadow:0 10px 27px rgba(4,18,42,.06)}.dashboard-desktop-overview span,.dashboard-desktop-overview small{display:block;color:#7a879a}.dashboard-desktop-overview span{font-size:.78rem}.dashboard-desktop-overview strong{display:block;font-size:1.65rem;color:#071a37;margin:4px 0}.dashboard-desktop-overview small{font-size:.74rem}
.dashboard-mobile-nav{display:none}

@media(max-width:1050px){
  .dashboard-primary-grid{grid-template-columns:1fr 1fr}
  .dashboard-card-number{font-size:1rem}
}

@media(max-width:820px){
  .dashboard-primary-grid{grid-template-columns:1fr}
  .dashboard-bank-card{max-width:640px;width:100%;margin-inline:auto}
}

@media(max-width:720px){
  .dashboard-page{background:#fff}
  .dashboard-page .app-header{display:none}
  .dashboard-page .app-content{padding:0;max-width:none}
  .dashboard-hero{border-radius:0 0 36px 36px;padding:18px 18px 22px;box-shadow:none}
  .dashboard-mobile-topbar{height:52px;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}
  .dashboard-menu-btn,.dashboard-notification-btn{width:42px;height:42px;border:0;background:transparent;color:#fff;border-radius:12px;display:grid;place-items:center;position:relative}
  .dashboard-menu-btn:hover,.dashboard-notification-btn:hover{background:rgba(255,255,255,.08)}
  .dashboard-menu-btn svg,.dashboard-notification-btn svg{width:27px;height:27px}
  .dashboard-notification-btn span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold-500);right:7px;top:6px;border:2px solid #07162d}
  .dashboard-wordmark{font-size:1.4rem;letter-spacing:.18em;color:#fff;font-weight:500}.dashboard-wordmark span{color:var(--gold-500)}
  .dashboard-greeting-row{margin-bottom:18px;align-items:center}
  .dashboard-greeting{font-size:1rem}.dashboard-greeting-row h2{font-size:1.85rem}.dashboard-demo-label{display:none}
  .dashboard-profile-photo{width:67px;height:67px}
  .dashboard-balance-card{min-height:207px;padding:24px 25px;border-radius:25px}
  .dashboard-balance-label{font-size:1rem}.dashboard-total-balance{font-size:2.45rem;margin-top:8px}.dashboard-balance-chart{width:43px;height:43px}.dashboard-balance-chart svg{width:23px;height:23px}
  .dashboard-available{margin-top:28px}.dashboard-available strong{font-size:1.25rem}
  .dashboard-balance-watermark{font-size:8rem;right:7%;bottom:3px}
  .dashboard-surface{padding:19px 16px 118px}
  .dashboard-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .dashboard-action{min-height:121px;padding:14px 7px 11px;border-radius:18px;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 21px rgba(4,18,42,.09)}
  .dashboard-action-icon{width:42px;height:42px;margin-bottom:6px;background:#fff}.dashboard-action-icon svg{width:25px;height:25px}
  .dashboard-action strong{font-size:.85rem}.dashboard-action small{display:none}
  .dashboard-primary-grid{margin-top:20px;gap:20px}
  .dashboard-card-section,.dashboard-transactions{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent}
  .desktop-only-heading{display:none}
  .dashboard-bank-card{border-radius:22px;padding:25px 24px;box-shadow:0 14px 32px rgba(3,13,30,.25)}
  .dashboard-card-brand{font-size:1rem}.dashboard-card-middle{margin-top:25px}.dashboard-chip{width:48px;height:36px}.dashboard-contactless{width:34px;height:34px}.dashboard-card-number{font-size:1rem;margin-top:23px;letter-spacing:.09em}.dashboard-card-bottom{margin-top:15px}.dashboard-visa-mark b{font-size:1.75rem}
  .dashboard-transactions{background:#fff;border:1px solid rgba(10,35,70,.075);border-radius:21px;box-shadow:0 9px 24px rgba(4,18,42,.07);padding:19px 20px 8px}
  .dashboard-section-heading{align-items:center;margin-bottom:5px}.dashboard-section-heading p{display:none}.dashboard-section-heading h3{font-size:1.13rem}.dashboard-section-heading>a{font-size:.82rem}
  .dashboard-transaction{grid-template-columns:44px minmax(0,1fr) auto;padding:13px 0;gap:11px}.merchant-logo{width:44px;height:44px}.transaction-copy strong{font-size:.89rem}.transaction-copy small{font-size:.68rem}.transaction-amount{font-size:.92rem}
  .dashboard-desktop-overview{display:none}
  .dashboard-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:95;height:86px;padding:12px 12px max(11px,env(safe-area-inset-bottom));background:linear-gradient(145deg,#061226,#0a2348);border-radius:25px 25px 0 0;box-shadow:0 -12px 35px rgba(4,18,42,.18);display:grid;grid-template-columns:repeat(5,1fr);align-items:end}
  .dashboard-mobile-nav>:is(a,button){min-width:0;color:#9aabc1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font:inherit;font-size:.69rem;background:none;border:0;padding:0;cursor:pointer}
  .dashboard-mobile-nav>:is(a,button)>svg{width:24px;height:24px}.dashboard-mobile-nav>:is(a,button).active{color:var(--gold-500)}
  .dashboard-mobile-nav .dashboard-transfer-main{color:#fff;transform:translateY(-7px)}.dashboard-transfer-main>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f7d881,#d69a28);color:#fff;border:3px solid #fff;box-shadow:0 8px 20px rgba(180,119,20,.35)}.dashboard-transfer-main>span svg{width:30px;height:30px}.dashboard-transfer-main>b{font-size:.69rem;font-weight:500}
}

@media(max-width:430px){
  .dashboard-hero{padding-inline:15px}.dashboard-surface{padding-inline:13px}
  .dashboard-wordmark{font-size:1.22rem}.dashboard-greeting-row h2{font-size:1.65rem}.dashboard-profile-photo{width:62px;height:62px}
  .dashboard-balance-card{padding:21px;min-height:190px}.dashboard-total-balance{font-size:2.15rem}.dashboard-available{margin-top:24px}.dashboard-available strong{font-size:1.1rem}
  .dashboard-action-grid{gap:7px}.dashboard-action{min-height:108px;padding-inline:3px}.dashboard-action-icon{width:38px;height:38px}.dashboard-action strong{font-size:.76rem}
  .dashboard-bank-card{padding:22px 20px}.dashboard-card-number{font-size:.87rem}.dashboard-card-brand{font-size:.88rem}.dashboard-card-bottom strong{font-size:.8rem}
  .dashboard-transactions{padding-inline:14px}.dashboard-transaction{grid-template-columns:40px minmax(0,1fr) auto}.merchant-logo{width:40px;height:40px}.transaction-copy strong{font-size:.82rem}.transaction-copy small{font-size:.63rem}.transaction-amount{font-size:.82rem}
}

/* Dashboard refinement: compact desktop balance area and clearer mobile navigation. */
@media (min-width:721px){
  .dashboard-hero{padding:28px 30px}
  .dashboard-greeting-row{margin-bottom:18px}
  .dashboard-profile-photo{width:70px;height:70px}
  .dashboard-balance-card{min-height:160px;padding:20px 26px}
  .dashboard-total-balance{font-size:clamp(2.6rem,4.1vw,3.65rem)}
  .dashboard-available{margin-top:16px}
  .dashboard-available strong{font-size:1.2rem}
  .dashboard-balance-chart{width:44px;height:44px}
  .dashboard-balance-watermark{font-size:8.5rem;bottom:-18px}
}

@media (max-width:720px){
  .dashboard-surface{padding-bottom:132px}
  .dashboard-mobile-nav{
    height:auto;
    min-height:94px;
    padding:13px 8px calc(12px + env(safe-area-inset-bottom));
    align-items:center;
    overflow:visible;
  }
  .dashboard-mobile-nav>:is(a,button){
    height:62px;
    justify-content:center;
    gap:6px;
    color:#c1ccdb;
    font-size:.72rem;
    line-height:1;
  }
  .dashboard-mobile-nav>:is(a,button)>svg{
    width:26px;
    height:26px;
    stroke-width:2.15;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));
  }
  .dashboard-mobile-nav>:is(a,button).active{color:#f4b63f}
  .dashboard-mobile-nav .dashboard-transfer-main{
    height:78px;
    align-self:start;
    transform:translateY(-20px);
    gap:4px;
  }
  .dashboard-transfer-main>span{
    width:62px;
    height:62px;
    flex:0 0 62px;
    box-shadow:0 9px 24px rgba(180,119,20,.42);
  }
  .dashboard-transfer-main>span svg{
    width:31px;
    height:31px;
    stroke-width:2.2;
  }
  .dashboard-transfer-main>b{
    color:#fff;
    font-size:.72rem;
    line-height:1;
  }
}

/* Reference dashboard — desktop command center and mobile banking view */
.dashboard-reference .dashboard-content{max-width:none;padding:24px;background:#f3f6fb}.dashboard-reference .app-layout{grid-template-columns:242px minmax(0,1fr)}.dashboard-reference .app-sidebar{padding:22px 14px;background:linear-gradient(155deg,#06152d,#092c5a)}.dashboard-reference .app-header{height:66px;padding:0 28px}.dashboard-reference .app-sidebar .brand{padding-bottom:18px}.dashboard-reference .user-mini{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px}.dashboard-reference .side-link{min-height:40px;padding:9px 12px}.dashboard-reference .side-link.active{background:rgba(255,255,255,.12);border-left:3px solid var(--gold-500)}
.ref-hero{min-height:235px;border-radius:25px;padding:26px 30px;color:#fff;background:radial-gradient(circle at 45% 50%,rgba(23,75,132,.35),transparent 40%),linear-gradient(135deg,#06162f,#0a2d5c);box-shadow:0 15px 30px rgba(5,29,65,.18);display:grid;grid-template-columns:minmax(360px,.72fr) 1fr;align-items:center;gap:25px;overflow:hidden}.ref-hero-user{display:flex;gap:22px;align-items:center}.ref-hero-user .dashboard-profile-photo{width:72px;height:72px}.ref-hero-user p{margin:0;color:var(--gold-500);font-weight:800}.ref-hero-user small{color:#c3d0e2}.ref-balance-label{margin-top:20px;color:#dfe8f4;font-size:.86rem}.ref-balance-label button{margin-left:7px}.ref-hero .dashboard-total-balance{font-size:2.85rem;margin:5px 0 15px}.ref-available{display:flex;flex-direction:column;color:#bdcada;font-size:.74rem}.ref-available b{font-size:1.12rem;color:#fff;margin-top:3px}.ref-chart{border-left:1px solid rgba(255,255,255,.16);padding-left:25px}.ref-chart-title{font-size:.76rem;color:#d7e1ef}.ref-chart-title span{color:#92a4bd}.ref-chart svg{width:100%;height:auto;overflow:visible}.ref-chart .grid path{stroke:rgba(255,255,255,.13);stroke-width:1}.ref-chart .area{fill:url(#chartFill)}.ref-chart .line{fill:none;stroke:#f4b63f;stroke-width:2.2}.ref-chart .labels{fill:#b8c6d8;font-size:11px}
.ref-actions{margin-top:18px}.dashboard-reference .ref-actions .dashboard-action{min-height:82px;padding:14px 16px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;text-align:left;gap:12px;border-radius:17px}.dashboard-reference .ref-actions .dashboard-action-icon{margin:0}.dashboard-reference .ref-actions .dashboard-action span:nth-child(2){display:flex;flex-direction:column}.dashboard-reference .ref-actions .dashboard-action>b{font-size:1.35rem;color:#08244a}.dashboard-reference .ref-actions small{display:block}
.ref-main-grid{display:grid;grid-template-columns:.88fr 1fr 1.15fr;gap:12px;margin-top:14px}.ref-secondary-grid{display:grid;grid-template-columns:.95fr 1fr 1.08fr 1.12fr;gap:12px;margin-top:12px}.ref-panel{background:#fff;border:1px solid #e7ebf2;border-radius:18px;padding:17px;box-shadow:0 8px 22px rgba(12,35,68,.06);min-width:0}.ref-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.ref-panel-head h2,.ref-support h2{font-size:.94rem;margin:0;color:#071a37}.ref-panel-head a{font-size:.72rem;color:#b4770c;font-weight:800}.ref-panel-head>span{font-size:.68rem;color:#7b8a9e}.ref-card-panel .dashboard-bank-card{padding:20px;max-height:230px}.ref-card-panel .dashboard-card-middle{margin-top:20px}.ref-card-panel .dashboard-card-number{margin-top:18px}.ref-transactions .dashboard-transaction{padding:14px 0}.ref-donut-row{display:flex;gap:18px;align-items:center}.ref-donut{width:145px;aspect-ratio:1;border-radius:50%;flex:0 0 auto;background:conic-gradient(#1769ff 0 33%,#1fa8df 33% 56%,#6f73d9 56% 73%,#7951c6 73% 88%,#aaa1e6 88%);display:grid;place-items:center}.ref-donut:before{content:"";position:absolute}.ref-donut>div{width:88px;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.ref-donut strong{font-size:.9rem}.ref-donut small{font-size:.62rem;color:#8390a4}.ref-donut-row ul{padding:0;margin:0;list-style:none;flex:1}.ref-donut-row li{display:grid;grid-template-columns:8px 1fr auto auto;gap:7px;align-items:center;font-size:.65rem;padding:5px 0}.ref-donut-row li i{width:6px;height:6px;border-radius:50%;background:#1769ff}.ref-donut-row li:nth-child(2) i{background:#1fa8df}.ref-donut-row li:nth-child(3) i{background:#6f73d9}.ref-donut-row li:nth-child(4) i{background:#7951c6}.ref-donut-row li:nth-child(5) i{background:#aaa1e6}.ref-donut-row li b{font-weight:500;color:#68778c}.ref-donut-row li em{font-style:normal;color:#8190a4}
.ref-list>div,.ref-beneficiaries>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5}.ref-list>div:last-child,.ref-beneficiaries>div:last-child{border:0}.ref-list i,.ref-beneficiaries i{width:34px;height:34px;border-radius:50%;background:#eef4fb;display:grid;place-items:center;font-style:normal;color:#1769ba}.ref-list span,.ref-beneficiaries span{display:flex;flex-direction:column}.ref-list b,.ref-beneficiaries b{font-size:.72rem}.ref-list small,.ref-beneficiaries small{font-size:.62rem;color:#8390a4}.ref-list em{font-size:.63rem;color:#6f7e92;font-style:normal}.ref-beneficiaries a{font-size:.65rem;font-weight:800;padding:7px 14px;border:1px solid #dae1eb;border-radius:8px}.ref-goals>div{margin:14px 0}.ref-goals b{font-size:.72rem}.ref-goals span{display:block;height:5px;background:#e6ebf2;border-radius:10px;margin:7px 0}.ref-goals span i{display:block;height:100%;background:#2385ff;border-radius:10px}.ref-goals small{font-size:.63rem;color:#738196}.ref-side-stack{display:grid;gap:12px}.ref-security p{display:grid;grid-template-columns:20px 1fr 18px;gap:7px;margin:10px 0;font-size:.7rem}.ref-security span{display:flex;flex-direction:column}.ref-security small{color:#8290a4}.ref-security i{color:#16a56a}.ref-security>a{display:block;background:#071a37;color:#fff;text-align:center;padding:9px;border-radius:8px;font-size:.68rem;font-weight:800}.ref-support>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.ref-support a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.65rem;font-weight:700}.ref-support a b{width:36px;height:36px;border-radius:10px;background:#eef3f9;display:grid;place-items:center}.dashboard-reference .dashboard-desktop-overview{margin-top:12px}.dashboard-reference .dashboard-desktop-overview article{padding:16px}
@media(max-width:1250px){.ref-main-grid{grid-template-columns:1fr 1fr}.ref-analytics{grid-column:1/-1}.ref-secondary-grid{grid-template-columns:1fr 1fr}.ref-side-stack{grid-column:span 2;grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.dashboard-reference .app-layout{grid-template-columns:1fr}.dashboard-reference .app-sidebar{position:fixed}.ref-hero{grid-template-columns:1fr}.ref-chart{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding:18px 0 0}.ref-main-grid{grid-template-columns:1fr 1fr}.ref-secondary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.dashboard-reference .app-content{padding:0;background:#f4f6fa}.dashboard-reference .dashboard-mobile-topbar{display:flex;background:#071a37;padding:12px 16px;margin:0}.ref-hero{border-radius:0 0 28px 28px;padding:22px 18px;display:block;min-height:auto}.ref-hero-user{align-items:flex-start}.ref-hero-user .dashboard-profile-photo{width:58px;height:58px}.ref-hero .dashboard-total-balance{font-size:2.3rem}.ref-chart{display:none}.ref-actions{margin:15px 12px 0;grid-template-columns:repeat(2,1fr)}.dashboard-reference .ref-actions .dashboard-action{min-height:92px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px}.dashboard-reference .ref-actions .dashboard-action>b,.dashboard-reference .ref-actions small{display:none}.ref-main-grid,.ref-secondary-grid{display:grid;grid-template-columns:1fr;margin:12px}.ref-analytics{grid-column:auto}.ref-side-stack{grid-column:auto;grid-template-columns:1fr}.ref-donut-row{flex-direction:column}.ref-donut-row ul{width:100%}.dashboard-reference .dashboard-desktop-overview{display:none}.dashboard-reference .dashboard-bank-card{max-width:430px}.dashboard-reference .dashboard-mobile-nav{display:grid}.dashboard-reference .dashboard-content{padding-bottom:105px}.ref-card-panel{order:1}.ref-transactions{order:2}.ref-analytics{order:3}}

/* Larger touch-friendly dashboard icons */
.ref-support a b{width:46px;height:46px;border-radius:12px;font-size:1.35rem;line-height:1;color:#071a37}
.dashboard-reference .ref-actions .dashboard-action-icon{width:52px;height:52px;flex:0 0 52px;font-size:1.55rem;line-height:1;font-weight:500;background:#f3f7fc}.dashboard-reference .ref-actions .gold-icon{color:#cf8b0c}.ref-balance-eye{width:40px;height:40px;padding:8px;margin-left:6px;border-radius:11px;background:rgba(255,255,255,.08);color:#fff;vertical-align:middle}.ref-balance-eye svg{width:24px;height:24px}.ref-balance-eye .eye-closed{display:none}.ref-balance-eye[aria-pressed="true"] .eye-open{display:none}.ref-balance-eye[aria-pressed="true"] .eye-closed{display:block}
@media(max-width:720px){.dashboard-reference .dashboard-content{padding-bottom:112px}.dashboard-reference .dashboard-mobile-nav>:is(a,button){gap:6px}.dashboard-reference .dashboard-mobile-nav>:is(a,button)>span{font-size:1.55rem;line-height:1;min-height:28px;display:grid;place-items:center}.dashboard-reference .dashboard-mobile-nav>:is(a,button)>b{font-size:.76rem}.dashboard-reference .dashboard-mobile-nav .dashboard-transfer-main>span{width:64px;height:64px;min-height:64px;font-size:1.7rem}.dashboard-reference .dashboard-mobile-nav .dashboard-transfer-main>b{font-size:.76rem}}
@media(max-width:720px){.dashboard-reference .ref-actions .dashboard-action-icon{width:54px;height:54px;flex-basis:54px;font-size:1.7rem}.ref-balance-eye{width:42px;height:42px;padding:8px}.ref-balance-eye svg{width:26px;height:26px}}
.dashboard-reference .ref-balance-label{display:flex;align-items:center;gap:9px;white-space:nowrap}.dashboard-reference .ref-balance-label .ref-balance-eye{margin:0;flex:0 0 auto;display:grid;place-items:center}

/* Persistent light and dark themes */
.account-number-copy{display:flex!important;align-items:center;gap:7px;white-space:nowrap}.account-number-copy button{width:30px;height:30px;border:1px solid #ffffff42;border-radius:8px;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer}.account-number-copy button:focus-visible{outline:2px solid var(--gold-500)}
.account-number-copy button svg{width:19px;height:19px;display:block}
.account-number-copy button.copied{background:#18a66a;border-color:#65d7a4}.account-number-copy button.copied svg{transform:scale(1.08)}
.accounts-actions i svg{width:25px;height:25px;display:block}.accounts-actions i{color:#0a2a54}.accounts-actions i.gold{color:#d49313}.accounts-mobile-head :is(button,a){width:42px;height:42px;display:grid;place-items:center;border-radius:11px}.accounts-mobile-head :is(button,a) svg{width:27px;height:27px;display:block}
html[data-theme="dark"] .accounts-actions i{background:#eef3fa;color:#0a2a54}html[data-theme="dark"] .accounts-actions i.gold{color:#c8880f}
@media(max-width:720px){.accounts-page .accounts-content{padding-bottom:200px}}
/* Accounts page */
.accounts-content{max-width:none;padding:20px 24px 42px;background:#f3f6fb}.accounts-mobile-head{display:none}.accounts-hero{padding:24px 30px;border-radius:23px;background:linear-gradient(135deg,#06162f,#0a2d5c);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.accounts-hero p{margin:0;color:var(--gold-500);font-weight:800}.accounts-hero>div>small{color:#c7d2e2}.accounts-hero>div>span{display:block;margin-top:18px;font-size:.72rem}.accounts-hero>div>strong{display:block;font-size:2.35rem}.accounts-totals{display:flex;gap:65px;margin-top:15px}.accounts-totals span{font-size:.7rem}.accounts-totals b{display:block;font-size:1.05rem}.accounts-allocation{border-left:1px solid #ffffff2b;padding-left:30px}.accounts-allocation h2{font-size:.78rem}.allocation-wrap{display:flex;align-items:center;justify-content:center;gap:28px}.allocation-donut,.breakdown-donut{width:110px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#2676ff 0 45%,#6740c9 45% 79%,#efa91f 79%);position:relative}.allocation-donut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:#09234a}.allocation-wrap ul,.accounts-breakdown ul{list-style:none;padding:0}.allocation-wrap li,.accounts-breakdown li{display:grid;grid-template-columns:9px 1fr auto;gap:7px;font-size:.65rem;padding:6px}.allocation-wrap i,.accounts-breakdown li i{width:8px;height:8px;border-radius:50%;background:#2676ff}.accounts-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.accounts-actions a{min-height:72px;padding:13px;background:#fff;border-radius:15px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;box-shadow:0 7px 20px #0923460f}.accounts-actions i{width:42px;height:42px;border-radius:11px;background:#f1f5fa;display:grid;place-items:center;font-style:normal;font-size:1.3rem}.accounts-actions span{display:flex;flex-direction:column}.accounts-actions b{font-size:.75rem}.accounts-actions small{font-size:.62rem;color:#8190a5}.account-card-grid{display:grid;grid-template-columns:repeat(3,1fr) .95fr;gap:12px;margin-top:13px}.bank-account,.accounts-breakdown,.accounts-panel,.account-insights{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:14px;box-shadow:0 7px 22px #0923460e}.bank-account header{display:flex;justify-content:space-between;font-size:.7rem}.bank-account header em{font-style:normal;background:#fff0ce;color:#ad7000;padding:4px 7px;border-radius:6px}.bank-account header .green{background:#ddf5e9;color:#128657}.bank-account header .purple{background:#eee4ff;color:#6233bd}.bank-account-number{margin:12px -14px 0;padding:16px;background:#071d40;color:#fff;border-bottom:2px solid #d99b1b;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px}.bank-account-number>i{width:29px;height:29px;border:1px solid #d99b1b;border-radius:7px;display:grid;place-items:center;font-style:normal}.bank-account-number span{font-size:.7rem;letter-spacing:.06em}.bank-account-body{display:flex;flex-direction:column;padding:10px 0;min-height:145px}.bank-account-body small{font-size:.58rem;color:#7c8ba0;margin-top:7px}.bank-account-body strong{font-size:1.2rem}.bank-account-body>b{font-size:.67rem}.positive{color:#11a869!important}.account-progress{height:4px;background:#e4eaf1}.account-progress i{display:block;width:65%;height:100%;background:#247bff}.bank-account footer{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.bank-account footer a{padding:7px 2px;border:1px solid #dfe5ed;border-radius:7px;text-align:center;font-size:.54rem;font-weight:700}.accounts-breakdown h2,.accounts-panel h2,.account-insights h2{font-size:.76rem;margin:0}.breakdown-donut{margin:16px auto;width:140px}.breakdown-donut>div{position:absolute;inset:28px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.breakdown-donut strong{font-size:.7rem}.breakdown-donut small{font-size:.52rem}.accounts-lower{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.accounts-panel header{display:flex;justify-content:space-between}.accounts-panel header a{font-size:.6rem;color:#a66b09}.account-list p{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin:0;padding:9px 0;border-bottom:1px solid #ebeff4}.account-list i{width:31px;height:31px;border-radius:50%;background:#edf4fb;display:grid;place-items:center;font-style:normal}.account-list span{display:flex;flex-direction:column}.account-list b{font-size:.64rem}.account-list small{font-size:.55rem;color:#8190a5}.account-list em{font-style:normal;font-size:.63rem;font-weight:700}.account-services>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.account-services a{min-height:70px;border:1px solid #e1e7ef;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;font-size:.56rem;font-weight:700}.account-services i{font-size:1.2rem;font-style:normal}.account-insights{margin-top:12px}.account-insights>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.account-insights article{border:1px solid #e3e8ef;border-radius:10px;padding:13px;display:flex;flex-direction:column}.account-insights small{font-size:.59rem}.account-insights strong{font-size:1.1rem}.account-insights em{font-size:.56rem;color:#15a268;font-style:normal}html[data-theme="dark"] .accounts-content{background:#081322}html[data-theme="dark"] :is(.accounts-actions a,.bank-account,.accounts-breakdown,.accounts-panel,.account-insights){background:#101d31;border-color:#263750;color:#edf4ff}html[data-theme="dark"] .breakdown-donut>div{background:#101d31}
@media(max-width:1200px){.account-card-grid{grid-template-columns:repeat(2,1fr)}.accounts-lower{grid-template-columns:1fr 1fr}.account-services{grid-column:1/-1}}
@media(max-width:720px){.accounts-content{padding:0 0 110px}.accounts-page .app-header{display:none}.accounts-mobile-head{height:62px;padding:0 16px;background:#071a37;color:#fff;display:flex;align-items:center;justify-content:space-between}.accounts-mobile-head>*{color:#fff;background:none;border:0}.accounts-hero{display:block;border-radius:0 0 28px 28px;padding:22px 18px}.accounts-hero>div>strong{font-size:2rem}.accounts-totals{gap:35px}.accounts-allocation{display:none}.accounts-actions{grid-template-columns:repeat(2,1fr);margin:12px}.accounts-actions a{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:105px}.accounts-actions em,.accounts-actions small{display:none}.account-card-grid,.accounts-lower{display:grid;grid-template-columns:1fr;margin:12px}.bank-account,.accounts-breakdown,.accounts-panel{padding:15px}.bank-account-number{margin-inline:-15px}.account-insights{margin:12px}.account-insights>div{grid-template-columns:1fr 1fr}.accounts-page .dashboard-mobile-nav{display:grid}.accounts-page .dashboard-mobile-nav>:is(a,button)>span{font-size:1.6rem}.accounts-page .dashboard-mobile-nav .dashboard-transfer-main>span{width:64px;height:64px;font-size:1.75rem}}
/* Account settings workspace */
.settings-content{max-width:none;padding:24px;background:#f3f6fb}.settings-mobile-head{display:none}.settings-hero{padding:26px 30px;border-radius:24px;background:linear-gradient(135deg,#06162f,#0a2d5c);color:#fff;display:grid;grid-template-columns:1.7fr repeat(3,1fr);align-items:center;gap:18px}.settings-identity{display:flex;align-items:center;gap:22px}.settings-photo{position:relative;width:105px;height:105px;flex:0 0 auto;border:3px solid var(--gold-500);border-radius:50%;padding:4px}.settings-photo img{width:100%;height:100%;border-radius:50%}.settings-photo span{position:absolute;right:-2px;bottom:5px;width:34px;height:34px;border-radius:11px;background:#dfa01e;display:grid;place-items:center}.settings-identity h1{font-size:1.6rem;margin:0}.settings-identity>b{display:block;color:var(--gold-500);font-size:.78rem}.settings-identity p{margin:15px 0;color:#c5d1e1;font-size:.82rem}.settings-stat{min-height:100px;border-left:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.settings-stat i{width:37px;height:37px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;font-style:normal}.settings-stat span,.settings-stat b,.settings-stat small{font-size:.7rem}.settings-stat strong{font-size:.75rem;color:#35c881}.settings-grid{display:grid;gap:14px;margin-top:14px}.settings-grid-top{grid-template-columns:1fr 1fr 1.05fr}.settings-grid-bottom{grid-template-columns:.95fr 1fr 1.08fr}.settings-panel{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:17px;box-shadow:0 8px 24px rgba(10,36,70,.055);min-width:0}.settings-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.settings-title h2{font-size:.92rem;margin:0;color:#081a35;display:flex;gap:8px}.settings-title a{font-size:.68rem;font-weight:800;color:#a96c07}.profile-details{margin:0}.profile-details>div{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:48px;border-bottom:1px solid #ebeff4;font-size:.71rem}.profile-details>div:last-child{border:0}.profile-details dt{color:#5e6f86}.profile-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}.profile-details em{font-style:normal;color:#128657;background:#ddf5e9;padding:5px;border-radius:7px;font-size:.58rem}.settings-rows>*{width:100%;min-height:51px;padding:8px 0;border:0;border-bottom:1px solid #ebeff4;background:none;color:inherit;display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:7px;text-align:left;font:inherit}.settings-rows>*:last-child{border:0}.settings-rows i{font-style:normal}.settings-rows span{display:flex;flex-direction:column}.settings-rows b,.settings-switches b{font-size:.69rem}.settings-rows small,.settings-switches small{font-size:.59rem;color:#8190a5}.settings-rows strong{font-size:.57rem;color:#13865a;background:#ddf5e9;padding:5px;border-radius:7px}.settings-rows em{font-style:normal;font-size:.68rem}.settings-switches label{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ebeff4}.settings-switches label:last-child{border:0}.settings-switches label>span{display:flex;flex-direction:column}.settings-switches input{position:absolute;opacity:0}.settings-switches label>i{position:relative;width:31px;height:18px;border-radius:20px;background:#bdc7d5;flex:0 0 auto}.settings-switches label>i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:2px;top:2px}.settings-switches input:checked+i{background:#dfa018}.settings-switches input:checked+i:after{left:15px}.settings-selects label{display:grid;grid-template-columns:40% 60%;align-items:center;gap:8px;font-size:.69rem;margin:10px 0}.settings-selects select{height:38px;padding:0 9px}.device-list>div{min-height:58px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid #ebeff4}.device-list>div:last-child{border:0}.device-list i,.settings-support i{width:35px;height:35px;border-radius:9px;background:#edf3fa;display:grid;place-items:center;font-style:normal}.device-list span,.settings-support span{display:flex;flex-direction:column}.device-list b,.settings-support b{font-size:.68rem}.device-list small,.settings-support small{font-size:.59rem;color:#8190a5}.device-list em,.device-list button{font-style:normal;font:inherit;font-size:.57rem;color:#13865a;background:#def5e9;border:0;border-radius:7px;padding:7px}.device-list button{color:#172c49;background:#eef2f7}.device-list .danger{color:#d43e47;background:#fff0f1}.limit-list>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0;font-size:.67rem}.limit-list span{height:5px;background:#e4e9f0}.limit-list span i{display:block;height:100%;background:#dda01d}.limit-list small{grid-column:2;color:#6e7f95}.settings-support{margin-top:14px}.settings-support>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.settings-support a{min-height:55px;padding:9px;border:1px solid #e2e7ee;border-radius:10px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px}.settings-savebar{position:sticky;bottom:0;z-index:20;margin-top:14px;padding:12px;background:rgba(255,255,255,.96);border:1px solid #e4e9f0;border-radius:15px;display:flex;gap:10px}.settings-savebar span{margin-left:auto;color:#718198;font-size:.67rem;align-self:center}html[data-theme="dark"] .settings-content{background:#081322}html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .settings-savebar{background:#101d31;border-color:#263750;color:#eaf1fb}html[data-theme="dark"] .settings-title h2{color:#f1f6ff}html[data-theme="dark"] :is(.profile-details>div,.settings-rows>*,.settings-switches label,.device-list>div){border-color:#263750}html[data-theme="dark"] .device-list i,html[data-theme="dark"] .settings-support i{background:#172840}
@media(max-width:1200px){.settings-grid-top,.settings-grid-bottom{grid-template-columns:1fr 1fr}.settings-grid-top .settings-panel:last-child,.settings-grid-bottom .settings-panel:last-child{grid-column:1/-1}}
@media(max-width:720px){.settings-content{padding:0 0 170px}.settings-page .app-header{display:none}.settings-mobile-head{height:62px;padding:0 16px;background:#071a37;color:#fff;display:flex;align-items:center;justify-content:space-between}.settings-mobile-head>*{color:#fff;background:none;border:0}.settings-hero{border-radius:0 0 28px 28px;padding:22px 18px;display:block}.settings-identity{align-items:flex-start}.settings-photo{width:72px;height:72px}.settings-identity h1{font-size:1.25rem}.settings-identity p{margin:9px 0}.settings-stat{display:none}.settings-grid-top,.settings-grid-bottom{display:grid;grid-template-columns:1fr;margin:12px}.settings-grid-top .settings-panel:last-child,.settings-grid-bottom .settings-panel:last-child{grid-column:auto}.settings-panel{padding:15px}.settings-support{margin:12px}.settings-support>div:last-child{grid-template-columns:1fr 1fr}.settings-savebar{position:fixed;left:0;right:0;bottom:82px;margin:0;border-radius:16px 16px 0 0;padding:10px 12px}.settings-savebar .btn{min-width:0;flex:1}.settings-savebar span{display:none}.settings-page .dashboard-mobile-nav{display:grid}}
@media(max-width:720px){.settings-page .settings-content{padding-bottom:112px}.settings-page .settings-savebar{position:static;left:auto;right:auto;bottom:auto;margin:12px;border-radius:15px;padding:10px 12px}.settings-page .settings-support{margin-bottom:0}}
@media(max-width:720px){.settings-page .dashboard-mobile-nav>:is(a,button){gap:6px}.settings-page .dashboard-mobile-nav>:is(a,button)>span{font-size:1.6rem;line-height:1;min-height:29px;display:grid;place-items:center}.settings-page .dashboard-mobile-nav>:is(a,button)>b{font-size:.76rem}.settings-page .dashboard-mobile-nav .dashboard-transfer-main>span{width:64px;height:64px;min-height:64px;font-size:1.75rem}.settings-page .dashboard-mobile-nav .dashboard-transfer-main>b{font-size:.76rem}}
.theme-toggle{min-width:76px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm)}.theme-toggle span{font-size:.72rem}.theme-toggle-floating{position:fixed;right:18px;top:18px;z-index:200}.theme-toggle:focus-visible{outline:3px solid rgba(244,182,63,.45);outline-offset:2px}
@media(max-width:720px){.theme-toggle-mobile.theme-toggle-floating{position:fixed;right:14px;top:76px;z-index:180;width:46px;min-width:46px;height:46px;padding:0;border-radius:50%;font-size:1.35rem}.theme-toggle-mobile.theme-toggle-floating span{display:none}.theme-toggle-in-menu{position:static;width:100%;min-width:0;height:44px;margin:12px 0 0;border-radius:11px;justify-content:flex-start;box-shadow:none}.app-sidebar .theme-toggle-in-menu{margin-top:14px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#ffd36b}.mobile-nav .theme-toggle-in-menu{margin:10px 0 4px}}
html[data-theme="dark"]{--surface:#101d31;--cream:#0a1526;--ink:#eef4ff;--muted:#9cacbf;--line:#263750;--shadow:0 24px 60px rgba(0,0,0,.34);--shadow-sm:0 12px 30px rgba(0,0,0,.24);background:#081322;color-scheme:dark}html[data-theme="dark"] body,html[data-theme="dark"] .dashboard-page,html[data-theme="dark"] .dashboard-reference .dashboard-content{background:#081322;color:#eaf1fb}html[data-theme="dark"] .site-header,html[data-theme="dark"] .app-header{background:#0d1a2c;border-color:#22334a;color:#eef4ff}html[data-theme="dark"] .site-header .nav-link{color:#bdc9d9}html[data-theme="dark"] .site-header .nav-link.active,html[data-theme="dark"] .app-header h1{color:#fff}html[data-theme="dark"] .section,html[data-theme="dark"] .auth-panel,html[data-theme="dark"] .page-hero{background:#081322}html[data-theme="dark"] .card,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .dashboard-action,html[data-theme="dark"] .ref-panel,html[data-theme="dark"] .dashboard-desktop-overview article,html[data-theme="dark"] .modal{background:#101d31;border-color:#263750;color:#eef4ff;box-shadow:var(--shadow-sm)}html[data-theme="dark"] :is(.card,.auth-card,.ref-panel,.dashboard-action,.dashboard-desktop-overview article) :is(h1,h2,h3,h4,strong),html[data-theme="dark"] .section-title,html[data-theme="dark"] .dashboard-action strong,html[data-theme="dark"] .ref-panel-head h2,html[data-theme="dark"] .ref-support h2{color:#f5f8ff}html[data-theme="dark"] :is(p,small,.subcopy,.section-copy,.muted,.field-help){color:#9cacbf}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b1728;border-color:#30425c;color:#f4f8ff}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#71829a}html[data-theme="dark"] .table-wrap,html[data-theme="dark"] table,html[data-theme="dark"] .filter-bar{background:#101d31;color:#eaf1fb}html[data-theme="dark"] th,html[data-theme="dark"] td{border-color:#263750}html[data-theme="dark"] .dashboard-reference .ref-actions .dashboard-action-icon,html[data-theme="dark"] .ref-list i,html[data-theme="dark"] .ref-beneficiaries i,html[data-theme="dark"] .ref-support a b{background:#172840;color:#e8f0fb}html[data-theme="dark"] .dashboard-transaction,html[data-theme="dark"] .ref-list>div,html[data-theme="dark"] .ref-beneficiaries>div{border-color:#263750}html[data-theme="dark"] .ref-donut>div{background:#101d31}html[data-theme="dark"] .ref-goals span{background:#2a3b52}html[data-theme="dark"] .btn-ghost{border-color:#40516a;color:#eaf1fb}html[data-theme="dark"] .alert.info{background:#112d48;border-color:#24547c;color:#c6e6ff}html[data-theme="dark"] .password-meter{background:#0b1728;border-color:#30425c}html[data-theme="dark"] .mobile-nav{background:#0d1a2c}html[data-theme="dark"] .theme-toggle{background:#172840;border-color:#33465f;color:#ffd36b}

/* Authenticated transfer page */
.transfer-page{background:#eef2f7}.transfer-content{max-width:1600px;padding:14px 22px 42px}.transfer-mobile-head{display:none}.transfer-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.transfer-hero{min-height:195px;padding:22px 28px;border-radius:17px;background:radial-gradient(circle at 45% 20%,#0d3464 0,#082751 35%,#061b3b 75%);color:#fff;display:grid;grid-template-columns:1.45fr .95fr;gap:32px;box-shadow:0 8px 18px rgba(6,28,59,.16)}.transfer-welcome h2{margin:0;color:#fff;font-size:1.45rem}.transfer-welcome h2 span{color:#f6b72f}.transfer-welcome>p{margin:5px 0 22px;color:#d8e2f1}.transfer-stats{display:grid;grid-template-columns:repeat(3,1fr)}.transfer-stats article{display:flex;gap:12px;padding:0 22px;border-right:1px solid rgba(255,255,255,.18)}.transfer-stats article:first-child{padding-left:0}.transfer-stats article:last-child{border:0}.transfer-stats article>i{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #b88424;border-radius:50%;background:#20446f;color:#fff}.transfer-stats article>i.success{background:#079766;border-color:#079766}.transfer-stats i svg{width:21px;height:21px}.transfer-stats article>span{color:#dce6f4;font-size:.78rem}.transfer-stats strong,.transfer-stats small{display:block}.transfer-stats strong{font-size:1.45rem;color:#fff;margin:5px 0}.transfer-stats small{color:#c6d3e4}.transfer-trend{align-self:center}.transfer-trend>span{font-size:.82rem}.transfer-trend>svg{display:block;width:100%;height:100px;margin-top:8px;overflow:visible}.transfer-trend .grid-line{stroke:rgba(255,255,255,.13);stroke-width:1}.transfer-trend .trend-line{stroke:#f6b52c;stroke-width:2.5}.transfer-trend .trend-fill{stroke:none;fill:url(#none);fill:rgba(246,181,44,.11)}
.transfer-types{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:14px 0}.transfer-types button{min-width:0;min-height:86px;padding:13px 16px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;color:#071a37;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;box-shadow:0 5px 16px rgba(9,31,62,.05)}.transfer-types button.active{border:2px solid #f2b52d;padding:12px 15px}.transfer-types i{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#eef3f9}.transfer-types svg{width:25px;height:25px}.transfer-types span,.transfer-types small{display:block}.transfer-types b{font-size:.8rem}.transfer-types small{margin-top:3px;color:#6e7e94;font-size:.7rem;line-height:1.35}
.transfer-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px}.transfer-panel{background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:18px;box-shadow:0 5px 18px rgba(9,31,62,.045)}.transfer-panel>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.transfer-panel h2{margin:0;color:#071a37;font-size:1rem}.transfer-panel header>a{color:#b47708;font-size:.73rem;font-weight:700}.transfer-form>header small{color:#6e7e94}.transfer-form em{color:#db3b50;font-style:normal}.transfer-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.transfer-fields label{font-size:.72rem;color:#526782;font-weight:600}.transfer-fields label.wide{grid-column:1/-1}.transfer-fields :is(input,select){display:block;width:100%;height:48px;margin-top:5px;padding:0 13px;border:1px solid #d7e0eb;border-radius:7px;background:#fff;color:#0b2347;font:600 .83rem inherit;outline:none}.transfer-fields :is(input,select):focus{border-color:#d99c23;box-shadow:0 0 0 3px rgba(236,171,42,.13)}.amount-input{position:relative;display:block}.amount-input>b{position:absolute;left:13px;top:20px;color:#0b2347;z-index:1}.amount-input input{padding-left:32px}.transfer-form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px}.save-beneficiary{display:flex;align-items:center;gap:12px;cursor:pointer}.save-beneficiary span b,.save-beneficiary span small{display:block}.save-beneficiary span b{font-size:.78rem;color:#0b2347}.save-beneficiary span small{color:#718198;font-size:.67rem}.save-beneficiary input{position:absolute;opacity:0}.save-beneficiary>i{width:38px;height:22px;border-radius:20px;background:#cfd8e4;position:relative;order:-1}.save-beneficiary>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.save-beneficiary input:checked+i{background:#eaaa24}.save-beneficiary input:checked+i:after{transform:translateX(16px)}.transfer-primary{min-height:43px;padding:0 25px;border:0;border-radius:7px;background:linear-gradient(135deg,#f8bd37,#eaa313);color:#081a35;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.transfer-primary svg{width:19px;height:19px}.transfer-summary dl{margin:9px 0}.transfer-summary dl>div{display:grid;grid-template-columns:42% 58%;padding:7px 0;font-size:.77rem}.transfer-summary dt{color:#60738c}.transfer-summary dd{margin:0;color:#0a2246;font-weight:700;overflow-wrap:anywhere}.transfer-summary .total{border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef;padding:11px 0}.transfer-summary .total dd{font-size:1.05rem}.delivery{display:flex;justify-content:space-between;gap:10px;padding:14px 0;font-size:.75rem}.delivery span{color:#60738c}.transfer-summary>.transfer-primary{width:100%}.transfer-summary>small{display:block;text-align:center;color:#76879d;margin-top:9px;font-size:.67rem}
.transfer-lower{display:grid;grid-template-columns:1fr 1.15fr .9fr;gap:14px;margin-top:14px}.beneficiary-list button{width:100%;border:0;border-bottom:1px solid #e5eaf0;background:transparent;padding:10px 0;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;color:#0a2143;cursor:pointer}.beneficiary-list button>i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#7a46e8;color:#fff;font-style:normal;font-size:.72rem;font-weight:800}.beneficiary-list button:nth-child(2)>i{background:#19a766}.beneficiary-list button:nth-child(3)>i{background:#ee8a1d}.beneficiary-list span b,.beneficiary-list span small{display:block}.beneficiary-list span b{font-size:.75rem}.beneficiary-list span small{font-size:.65rem;color:#74849a;margin-top:3px}.beneficiary-list em{border:1px solid #d9e1eb;border-radius:6px;padding:6px 15px;font-size:.68rem;font-style:normal;font-weight:700}.recent-transfer-list p{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;margin:0;padding:8px 0;border-bottom:1px solid #e5eaf0}.recent-transfer-list p>i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dcf6e9;color:#0aa465;font-style:normal}.recent-transfer-list span b,.recent-transfer-list span small{display:block}.recent-transfer-list span b{font-size:.71rem}.recent-transfer-list span small{font-size:.62rem;color:#74849a}.recent-transfer-list strong{font-size:.7rem}.recent-transfer-list em{padding:4px 7px;border-radius:12px;background:#dcf6e9;color:#078d57;font-size:.57rem;font-style:normal}.recent-transfer-list em.pending{background:#fff0cf;color:#a56b00}.transfer-security>a{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #e5eaf0;color:#0b2347}.transfer-security>a svg{width:27px;height:27px}.transfer-security>a span b,.transfer-security>a span small{display:block}.transfer-security>a b{font-size:.72rem}.transfer-security>a small{font-size:.62rem;color:#718198}.fraud-warning{margin-top:12px;padding:10px;border:1px solid #f2c46a;border-radius:8px;background:#fff9ed;color:#9b6500}.fraud-warning b,.fraud-warning small{display:block;font-size:.66rem}.fraud-warning small{margin-top:3px;color:#6d5c3e}
html[data-theme="dark"] .transfer-page{background:#081322}html[data-theme="dark"] :is(.transfer-types button,.transfer-panel){background:#101d31;border-color:#263750;color:#eef4ff}html[data-theme="dark"] :is(.transfer-types b,.transfer-panel h2,.transfer-summary dd,.save-beneficiary span b,.beneficiary-list button,.transfer-security>a){color:#eef4ff}html[data-theme="dark"] .transfer-types i{background:#172840}html[data-theme="dark"] .transfer-fields :is(input,select){background:#0b1728;border-color:#30425c;color:#f4f8ff}html[data-theme="dark"] .recent-transfer-list p,html[data-theme="dark"] .beneficiary-list button,html[data-theme="dark"] .transfer-security>a{border-color:#263750}html[data-theme="dark"] .fraud-warning{background:#292112;border-color:#75571c;color:#ffd574}
@media(max-width:1100px){.transfer-stats article{padding:0 10px}.transfer-types{grid-template-columns:repeat(3,1fr)}.transfer-lower{grid-template-columns:1fr 1fr}.transfer-security{grid-column:1/-1}}
@media(max-width:720px){.transfer-page .app-header{display:none}.transfer-content{padding:0 0 180px;max-width:none}.transfer-mobile-head{height:62px;padding:0 16px;background:#071a37;color:#fff;display:flex;align-items:center;justify-content:space-between}.transfer-mobile-head>*{color:#fff;background:none;border:0}.transfer-mobile-head svg{width:27px;height:27px}.transfer-hero{min-height:auto;border-radius:0 0 28px 28px;padding:21px 18px;display:block}.transfer-welcome h2{font-size:1.2rem}.transfer-welcome>p{font-size:.8rem;margin-bottom:18px}.transfer-stats{grid-template-columns:1fr 1fr;gap:14px}.transfer-stats article{border:0;padding:0}.transfer-stats article:nth-child(3){display:none}.transfer-stats article>i{width:34px;height:34px;flex-basis:34px}.transfer-stats strong{font-size:1.1rem}.transfer-trend{display:none}.transfer-types{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:12px;padding-bottom:3px;scrollbar-width:none}.transfer-types::-webkit-scrollbar{display:none}.transfer-types button{flex:0 0 155px;min-height:98px;padding:12px;display:flex;flex-direction:column;text-align:center;scroll-snap-align:start}.transfer-types button.active{padding:11px}.transfer-types i{width:42px;height:42px;flex-basis:42px}.transfer-types small{display:none}.transfer-layout,.transfer-lower{display:grid;grid-template-columns:1fr;gap:12px;margin:12px}.transfer-panel{padding:15px}.transfer-fields{grid-template-columns:1fr}.transfer-fields label.wide{grid-column:auto}.transfer-form-foot{align-items:stretch;flex-direction:column}.transfer-primary{width:100%;min-height:50px}.transfer-summary{order:2}.transfer-summary dl>div{grid-template-columns:40% 60%}.transfer-lower{margin-top:12px}.transfer-security{grid-column:auto}.recent-transfer-list p{grid-template-columns:30px 1fr auto}.recent-transfer-list p>em{display:none}.transfer-page .dashboard-mobile-nav{display:grid}.transfer-page .dashboard-mobile-nav>:is(a,button){gap:6px}.transfer-page .dashboard-mobile-nav>:is(a,button)>span{min-height:29px;display:grid;place-items:center}.transfer-page .dashboard-mobile-nav>:is(a,button)>span>svg{width:28px;height:28px}.transfer-page .dashboard-mobile-nav>:is(a,button)>b{font-size:.76rem}.transfer-page .dashboard-mobile-nav .dashboard-transfer-main>span{width:64px;height:64px;min-height:64px}.transfer-page .dashboard-mobile-nav .dashboard-transfer-main>span>svg{width:31px;height:31px}.transfer-page .dashboard-mobile-nav .dashboard-transfer-main>b{font-size:.76rem}}
.transfer-page .save-beneficiary input{width:1px;height:1px;min-height:0;margin:0;padding:0}
@media(max-width:720px){.transfer-page .transfer-content{padding-bottom:180px!important}}
.account-field-meta{display:block;margin-top:6px;color:#73849a;font-size:.68rem;font-weight:500}.account-field-meta b{color:#18375f}.own-account-notice{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border:1px solid #c8dcf3;border-radius:9px;background:#f0f7ff;color:#244f7f}.own-account-notice svg{width:25px;height:25px;flex:0 0 25px}.own-account-notice b,.own-account-notice small{display:block}.own-account-notice b{font-size:.76rem}.own-account-notice small{margin-top:3px;color:#527193;font-size:.67rem}.own-transfer-error{grid-column:1/-1;padding:11px 13px;border:1px solid #efbac1;border-radius:8px;background:#fff0f2;color:#a42c3d;font-size:.75rem;font-weight:700}.own-transfer-error[hidden]{display:none}html[data-theme="dark"] .account-field-meta b{color:#dce9fa}html[data-theme="dark"] .own-account-notice{background:#102b47;border-color:#245078;color:#cbe5ff}html[data-theme="dark"] .own-account-notice small{color:#9fc0df}html[data-theme="dark"] .own-transfer-error{background:#361a23;border-color:#71303f;color:#ffc5cf}
.accounts-actions button{min-height:72px;padding:13px;border:0;background:#fff;border-radius:15px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;text-align:left;color:#071a37;font:inherit;cursor:pointer;box-shadow:0 7px 20px #0923460f}.account-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.account-modal[hidden]{display:none}.account-modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:18px}.account-modal-backdrop{position:absolute;inset:0;background:rgba(2,12,28,.7);backdrop-filter:blur(4px)}.account-modal>section{position:relative;width:min(480px,100%);padding:28px;border-radius:22px;background:#fff;color:#0a2143;box-shadow:0 30px 90px rgba(0,0,0,.32)}.account-modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:10px;background:#edf2f8;color:#0a2143;font-size:1.5rem;cursor:pointer}.account-modal-icon{width:52px;height:52px;border-radius:15px;background:#fff0cf;color:#b77708;display:grid;place-items:center}.account-modal-icon svg{width:29px;height:29px}.account-modal h2{margin:17px 0 7px}.account-modal>section>p{margin:0 0 20px;color:#6e7e93;font-size:.86rem}.account-modal form{display:grid;gap:10px}.account-modal form>label{font-size:.78rem;font-weight:800}.account-modal form>input{width:100%;height:49px;border:1px solid #d6dfeb;border-radius:9px;padding:0 13px}.account-modal form>small{color:#74849a;font-size:.7rem}.account-name-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0 10px}.account-name-suggestions button{border:1px solid #d9e1eb;border-radius:20px;background:#f6f8fb;color:#294665;padding:7px 11px;cursor:pointer;font-size:.72rem}.modal-open{overflow:hidden}html[data-theme="dark"] .accounts-actions button,html[data-theme="dark"] .account-modal>section{background:#101d31;color:#eef4ff}html[data-theme="dark"] .account-modal-close,html[data-theme="dark"] .account-name-suggestions button{background:#172840;border-color:#33465f;color:#eaf1fb}html[data-theme="dark"] .account-modal form>input{background:#0b1728;border-color:#30425c;color:#f4f8ff}
@media(max-width:720px){.accounts-actions button{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:105px}.account-modal{align-items:end;padding:0}.account-modal>section{width:100%;border-radius:24px 24px 0 0;padding:25px 18px max(28px,env(safe-area-inset-bottom))}.account-card-grid{grid-template-columns:1fr}}
.account-detail-summary{display:grid;gap:0;margin-top:16px}.account-detail-summary p{display:flex;justify-content:space-between;gap:18px;margin:0;padding:11px 0;border-bottom:1px solid #e4eaf1;font-size:.8rem}.account-detail-summary p span{color:#718096}.account-detail-summary p b{text-align:right;overflow-wrap:anywhere}.account-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.account-detail-actions a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}.account-detail-actions .transfer-primary{padding:12px;border-radius:9px}@media(max-width:520px){.account-detail-actions{grid-template-columns:1fr}}html[data-theme="dark"] .account-detail-summary p{border-color:#2c3d54}html[data-theme="dark"] .account-detail-summary p span{color:#9eacc0}
.account-list b a{color:inherit;text-decoration:none}.account-list b a:hover{text-decoration:underline}.account-list-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#75849a}.account-list-empty b{font-size:.75rem;color:#152844}.account-list-empty small{margin-top:5px;font-size:.62rem}.account-insights em.negative{color:#cf4141}html[data-theme="dark"] .account-list-empty b{color:#eef4ff}
.sentra-page-loader[hidden]{display:none!important}.sentra-page-loader{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(4,18,39,.94);color:#fff;backdrop-filter:blur(7px)}.sentra-loader-mark{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd263,#e7a51e);color:#fff;font-size:27px;font-weight:900;box-shadow:0 14px 40px #0007}.sentra-loader-spinner{width:86px;height:86px;margin-top:-73px;margin-bottom:24px;border:3px solid #ffffff2c;border-top-color:#f4b52e;border-right-color:#f4b52e;border-radius:50%;animation:sentra-loader-spin .8s linear infinite}.sentra-page-loader b{font-size:15px;letter-spacing:.02em}.sentra-page-loader small{margin-top:5px;color:#b9c7da}.sentra-is-loading{cursor:wait}@keyframes sentra-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sentra-loader-spinner{animation-duration:1.8s}}
.allocation-wrap li,.accounts-breakdown li{grid-template-columns:9px minmax(0,1fr) auto auto}.allocation-wrap li em,.accounts-breakdown li em{font-style:normal;color:#8290a3}
.transfer-code-page{min-height:100vh;background:radial-gradient(circle at 80% 10%,#123d72,#07162e 48%,#050f20);padding:28px}.transfer-code-shell{width:min(620px,100%);margin:0 auto}.transfer-code-shell>.brand{color:#fff}.transfer-code-card{margin-top:30px;padding:34px;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3)}.transfer-code-back{color:#5f728b;font-size:.8rem}.transfer-code-icon{width:62px;height:62px;margin-top:25px;border-radius:18px;background:#fff0cf;color:#a96d05;display:grid;place-items:center}.transfer-code-icon svg{width:32px;height:32px}.transfer-code-card h1{margin:18px 0 8px;color:#071a37}.transfer-code-card>p{color:#6d7e94;font-size:.88rem}.transfer-code-card form{display:grid;gap:15px;margin-top:22px}.transfer-code-card label{font-size:.78rem;color:#354b67;font-weight:750}.transfer-code-card label>input{display:block;width:100%;height:50px;margin-top:6px;padding:0 13px;border:1px solid #d5deea;border-radius:9px}.transfer-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}html[data-theme="dark"] .transfer-code-card{background:#101d31;color:#eef4ff}html[data-theme="dark"] .transfer-code-card h1,html[data-theme="dark"] .transfer-code-card label{color:#eef4ff}html[data-theme="dark"] .transfer-code-card label>input{background:#0b1728;border-color:#30425c;color:#fff}@media(max-width:600px){.transfer-code-page{padding:18px 14px}.transfer-code-card{padding:25px 18px}.transfer-code-grid{grid-template-columns:1fr}}
.transfer-code-required{display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center;padding:13px 15px;border:1px solid #efc36e;border-radius:9px;background:#fff8e9;color:#6f4a07}.transfer-code-required b{font-size:.78rem}.transfer-code-required span{font-size:.67rem}.transfer-code-required a{grid-column:2;grid-row:1/3;padding:8px 12px;border-radius:7px;background:#e9a91e;color:#071a37;font-size:.7rem;font-weight:800}.transfer-code-confirm input{letter-spacing:.35em;font-size:1rem!important}html[data-theme="dark"] .transfer-code-required{background:#2b2313;border-color:#77591e;color:#ffd887}@media(max-width:500px){.transfer-code-required{grid-template-columns:1fr}.transfer-code-required a{grid-column:auto;grid-row:auto;text-align:center;margin-top:6px}}
.transfer-review-content{max-width:1200px;padding:35px 28px}.review-heading{margin-bottom:22px}.review-heading>a{color:#a56c08;font-size:.78rem;font-weight:750}.review-heading h1{margin:12px 0 4px;color:#071a37}.review-heading p{margin:0;color:#6f7f94}.connected-review-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px}.review-route{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center;gap:12px;padding:18px;border-radius:13px;background:#071e40;color:#fff}.review-route article{display:flex;flex-direction:column;gap:4px}.review-route article:last-child{text-align:right}.review-route small{color:#9eb0c7}.review-route b{font-size:.95rem}.review-route span{font-size:.75rem}.review-route em{color:#f3bc45;font-size:.7rem;font-style:normal}.review-route>i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#eeb13a;color:#071a37}.review-route svg{width:25px;height:25px}.connected-review-list{margin:18px 0 0}.connected-review-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 2px;border-bottom:1px solid #e3e8ef}.connected-review-list dt{color:#687a91}.connected-review-list dd{margin:0;color:#0a2143;font-weight:750;text-align:right}.connected-review-list .total{font-size:1.05rem}.confirm-transfer-code .transfer-code-icon{margin:0}.confirm-transfer-code h2{margin:17px 0 6px}.confirm-transfer-code>p{color:#6e7e93;font-size:.8rem}.confirm-transfer-code form{display:grid;gap:11px;margin:18px 0}.confirm-transfer-code form label{font-size:.75rem;font-weight:750}.confirm-transfer-code form input{width:100%;height:55px;padding:0 13px;border:1px solid #d3dce8;border-radius:9px;text-align:center;font-size:1.3rem;letter-spacing:.5em}.confirm-transfer-code>small{display:block;color:#7b899b;font-size:.66rem}.transfer-success-card{text-align:center}.transfer-success-card .state-icon{margin-inline:auto}.transfer-success-card .review-row{text-align:left}.transfer-success-card .btn-ghost{color:#071a37}html[data-theme="dark"] .review-heading h1,html[data-theme="dark"] .connected-review-list dd,html[data-theme="dark"] .confirm-transfer-code h2{color:#eef4ff}html[data-theme="dark"] .connected-review-list>div{border-color:#263750}html[data-theme="dark"] .confirm-transfer-code form input{background:#0b1728;border-color:#30425c;color:#fff}@media(max-width:760px){.transfer-review-page .app-header{display:none}.transfer-review-content{padding:22px 14px 70px}.connected-review-grid{grid-template-columns:1fr}.review-route{grid-template-columns:1fr 40px 1fr;padding:14px}.review-route>i{width:38px;height:38px}.review-route b{font-size:.8rem}.review-route span,.review-route em{font-size:.62rem}.confirm-transfer-code{padding:18px}}
.recipient-lookup-status{display:block;min-height:18px;margin-top:6px;font-weight:700}.recipient-lookup-status[data-state="loading"]{color:#a56b05}.recipient-lookup-status[data-state="success"]{color:#078a54}.recipient-lookup-status[data-state="error"]{color:#c83246}html[data-theme="dark"] .recipient-lookup-status[data-state="success"]{color:#48d99a}html[data-theme="dark"] .recipient-lookup-status[data-state="error"]{color:#ff8290}
.receipt-content{width:100%;max-width:1050px;padding:38px 24px 70px}.receipt-back{display:inline-block;margin-bottom:18px;color:#9a6508;font-weight:800}.receipt-card{max-width:760px;margin:0 auto;padding:34px;border:1px solid #dce4ee;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(7,29,61,.12);text-align:center}.receipt-success{width:66px;height:66px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#dcf7e9;color:#078a54;font-size:2rem;font-weight:900}.receipt-kicker{margin:0;color:#078a54;font-weight:800}.receipt-card h1{margin:8px 0 3px;color:#071a37;font-size:2.4rem}.receipt-date{margin:0;color:#718198}.receipt-route{display:grid;grid-template-columns:1fr 45px 1fr;gap:12px;align-items:center;margin:28px 0;padding:20px;border-radius:16px;background:#071e40;color:#fff;text-align:left}.receipt-route article:last-child{text-align:right}.receipt-route small,.receipt-route b,.receipt-route span{display:block}.receipt-route small,.receipt-route span{color:#b9c8db;font-size:.72rem}.receipt-route b{margin:5px 0;font-size:.95rem}.receipt-route>i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#efb33b;color:#071e40;font-style:normal;font-size:1.3rem}.receipt-details{margin:0;text-align:left}.receipt-details>div{display:grid;grid-template-columns:1fr minmax(0,1.5fr);gap:20px;padding:13px 2px;border-bottom:1px solid #e3e9f0}.receipt-details dt{color:#6c7e94}.receipt-details dd{margin:0;color:#0a2143;font-weight:800;text-align:right;overflow-wrap:anywhere}.receipt-status{color:#078a54!important}.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.receipt-actions button{min-height:48px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;color:#0a2143;font:inherit;font-weight:800;cursor:pointer}.receipt-actions button:first-child{border-color:#e9ac2d;background:#efb33b}.receipt-note{margin:17px 0 0;color:#7a899c;font-size:.7rem}html[data-theme="dark"] .receipt-card{background:#101d31;border-color:#2b3d56}html[data-theme="dark"] .receipt-card h1,html[data-theme="dark"] .receipt-details dd{color:#f1f6ff}html[data-theme="dark"] .receipt-details>div{border-color:#293a52}html[data-theme="dark"] .receipt-actions button{background:#172840;border-color:#344760;color:#fff}@media(max-width:720px){.transaction-receipt-page .app-header{display:none}.receipt-content{padding:22px 14px 70px}.receipt-card{padding:24px 16px;border-radius:19px}.receipt-card h1{font-size:2rem}.receipt-route{grid-template-columns:1fr 35px 1fr;padding:15px 12px}.receipt-route>i{width:34px;height:34px}.receipt-route b{font-size:.78rem}.receipt-route span{font-size:.6rem}.receipt-details>div{grid-template-columns:38% 62%;gap:8px}.receipt-actions{grid-template-columns:1fr}}
@media print{.app-sidebar,.app-header,.receipt-back,.receipt-actions{display:none!important}.app-layout{display:block}.receipt-content{padding:0;max-width:none}.receipt-card{box-shadow:none;border:0;max-width:760px}}

/* Connected transaction history */
.transaction-view{min-height:34px;padding:7px 14px;white-space:nowrap}.transaction-empty{padding:32px;text-align:center;color:#718198}.transaction-name small{line-height:1.55}.transaction-name .tx-icon{font-size:1.25rem}
.transaction-mobile-header{display:none}
@media(max-width:720px){
body[data-page="transactions"] .app-header{display:none}
body[data-page="transactions"] .app-content{padding:18px 12px 150px}
body[data-page="transactions"] .page-heading{align-items:flex-start;gap:12px}
body[data-page="transactions"] .page-heading h2{font-size:1.3rem}
body[data-page="transactions"] .page-heading .btn{padding:9px 11px;font-size:.68rem}
body[data-page="transactions"] .table-card{padding:13px;border-radius:17px;overflow:hidden}
body[data-page="transactions"] .table-head{display:block}
body[data-page="transactions"] .filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
body[data-page="transactions"] #transaction-search{grid-column:1/-1}
body[data-page="transactions"] .table-wrap{overflow:visible}
body[data-page="transactions"] #transactions-table,
body[data-page="transactions"] #transactions-table tbody{display:block;width:100%;min-width:0}
body[data-page="transactions"] #transactions-table thead{display:none}
body[data-page="transactions"] #transactions-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main main" "account status" "amount receipt";column-gap:14px;row-gap:14px;width:100%;padding:18px 4px;border-bottom:1px solid #e4e9f0}
body[data-page="transactions"] #transactions-table tr:last-child{border-bottom:0}
body[data-page="transactions"] #transactions-table td{display:block;min-width:0;padding:0;border:0}
body[data-page="transactions"] .transaction-main{grid-area:main}
body[data-page="transactions"] .transaction-account{grid-area:account;font-size:.78rem;line-height:1.45}
body[data-page="transactions"] .transaction-status{grid-area:status;justify-self:end;align-self:end;text-align:right}
body[data-page="transactions"] .transaction-amount{grid-area:amount;align-self:end;font-size:1rem;font-weight:850;line-height:1.2}
body[data-page="transactions"] .transaction-receipt{grid-area:receipt;justify-self:end;align-self:end}
body[data-page="transactions"] #transactions-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:5px;color:#718198;font-size:.62rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}
body[data-page="transactions"] .transaction-name{align-items:flex-start;min-width:0}
body[data-page="transactions"] .transaction-name>span:last-child{min-width:0}
body[data-page="transactions"] .transaction-name strong{display:block;overflow-wrap:anywhere;line-height:1.3}
body[data-page="transactions"] .transaction-name small{display:block;margin-top:5px;overflow-wrap:anywhere;line-height:1.55}
body[data-page="transactions"] .transaction-view{display:inline-flex;min-width:86px;min-height:40px;padding:0 16px;text-align:center}
body[data-page="transactions"] .dashboard-mobile-nav{display:grid}
}
@media(max-width:480px){body[data-page="transactions"] .filter-bar{grid-template-columns:1fr}body[data-page="transactions"] #transaction-search{grid-column:auto}body[data-page="transactions"] #transactions-table tr{column-gap:10px;padding:17px 2px}body[data-page="transactions"] .transaction-view{min-width:80px;padding-inline:13px}}
html[data-theme="dark"] body[data-page="transactions"] #transactions-table tr{border-color:#293a52}
@media(max-width:720px){body[data-page="transactions"] .transaction-mobile-header{height:64px;margin:-18px -12px 18px;padding:6px 16px;background:linear-gradient(145deg,#061226,#0a2348);color:#fff;display:flex;align-items:center;justify-content:space-between}body[data-page="transactions"] .transaction-mobile-header>*{color:#fff}body[data-page="transactions"] .transaction-mobile-header .dashboard-wordmark{font-size:1.4rem;letter-spacing:.18em;font-weight:500}body[data-page="transactions"] .transaction-mobile-header .dashboard-wordmark span{color:var(--gold-500)}}

/* One shared dashboard shell for every signed-in page */
@media(max-width:720px){
  body[data-layout="app"] .app-header{display:none!important}
  body[data-layout="app"] .unified-mobile-header{height:64px!important;min-height:64px;margin:0!important;padding:6px 16px!important;background:linear-gradient(145deg,#061226,#0a2348)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:0!important}
  body[data-layout="app"] .unified-mobile-header>*{color:#fff;background:transparent;border:0}
  body[data-layout="app"] .unified-mobile-header .unified-mobile-title{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 130px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.93rem;font-weight:850;text-align:center}
  body[data-layout="app"] :is(.transfer-mobile-head,.accounts-mobile-head,.settings-mobile-head,.receipt-mobile-header,.notification-mobile-head,.notifications-mobile-head,.transaction-mobile-header,.deposit-mobile-head,.processing-mobile-header){display:none!important}
  body[data-layout="app"] .unified-mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;min-height:94px!important;height:auto!important;padding:13px 8px calc(12px + env(safe-area-inset-bottom))!important;align-items:center!important}
  body[data-layout="app"] .unified-mobile-nav>:is(a,button){height:62px;justify-content:center;gap:6px;color:#c1ccdb;font-size:.72rem;line-height:1}
  body[data-layout="app"] .unified-mobile-nav>:is(a,button)>span:not(.notification-count){min-height:29px;display:grid;place-items:center}
  body[data-layout="app"] .unified-mobile-nav>:is(a,button)>span>svg{width:27px;height:27px;display:block}
  body[data-layout="app"] .unified-mobile-nav>:is(a,button).active{color:var(--gold-500)}
  body[data-layout="app"] .unified-mobile-nav .dashboard-transfer-main{height:78px;align-self:start;transform:translateY(-20px);gap:4px;color:#fff}
  body[data-layout="app"] .unified-mobile-nav .dashboard-transfer-main>span{width:64px;height:64px;min-height:64px;flex:0 0 64px}
  body[data-layout="app"] .unified-mobile-nav .dashboard-transfer-main>span>svg{width:31px;height:31px}
  body[data-layout="app"] .unified-mobile-nav .dashboard-transfer-main>b{font-size:.76rem}
}
@media(max-width:720px){body[data-page="transactions"] .dashboard-mobile-nav>:is(a,button){gap:6px}body[data-page="transactions"] .dashboard-mobile-nav>:is(a,button)>span{min-height:29px;display:grid;place-items:center}body[data-page="transactions"] .dashboard-mobile-nav>:is(a,button)>span>svg{width:28px;height:28px}body[data-page="transactions"] .dashboard-mobile-nav>:is(a,button)>b{font-size:.76rem}body[data-page="transactions"] .dashboard-mobile-nav .dashboard-transfer-main>span{width:64px;height:64px;min-height:64px}body[data-page="transactions"] .dashboard-mobile-nav .dashboard-transfer-main>span>svg{width:31px;height:31px}body[data-page="transactions"] .dashboard-mobile-nav .dashboard-transfer-main>b{font-size:.76rem}}
.notification-detail-content{max-width:920px;margin:0 auto;padding-bottom:120px}.notification-detail-back{display:inline-flex;margin:8px 0 18px;color:var(--link-color,#0b5cab);font-weight:700;text-decoration:none}.notification-detail-card{overflow:hidden;border:1px solid var(--border-color,#dce5ef);border-radius:20px;background:var(--surface-color,#fff);box-shadow:0 14px 35px #102a5012}.notification-detail-card>header{display:flex;align-items:center;gap:16px;padding:26px;background:linear-gradient(135deg,var(--primary-color,#071a37),var(--primary-dark-color,#0b315f));color:var(--primary-text-color,#fff)}.notification-detail-card>header i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--success-color,#0aa568);font-size:24px;font-style:normal}.notification-detail-card>header div{min-width:0;flex:1}.notification-detail-card>header span,.notification-detail-card>header time{display:block;color:#c7d4e5;font-size:12px}.notification-detail-card h1{margin:5px 0 7px;font-size:26px}.notification-detail-card>header em{padding:7px 12px;border-radius:20px;background:#dff8eb;color:#087b50;font-size:11px;font-style:normal;font-weight:800}.notification-detail-message{padding:30px}.notification-detail-message h2{margin:0 0 12px;font-size:17px}.notification-detail-message p{margin:0;font-size:16px;line-height:1.75;white-space:pre-line}.notification-detail-message dl{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--border-color,#e3e9f0)}.notification-detail-message dt{color:var(--muted-text-color,#718096)}.notification-detail-message dd{margin:0;font-weight:800;overflow-wrap:anywhere}.notification-detail-card>footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 30px;border-top:1px solid var(--border-color,#e3e9f0)}.notification-detail-security{margin-top:16px;padding:18px 20px;border:1px solid #f2d38b;border-radius:14px;background:#fff8e8}.notification-detail-security p{margin:5px 0 0;color:#725b2b}@media(max-width:600px){.notification-detail-content{padding:14px 12px 130px}.notification-detail-card>header{align-items:flex-start;padding:20px 16px}.notification-detail-card h1{font-size:20px}.notification-detail-card>header em{display:none}.notification-detail-message{padding:22px 17px}.notification-detail-message dl{grid-template-columns:1fr}.notification-detail-card>footer{align-items:stretch;flex-direction:column;padding:16px}.notification-detail-card>footer .btn{justify-content:center}}
.transfer-trend>small{display:block;margin-top:4px;color:#c6d3e4;font-size:.7rem;text-align:right}
.beneficiary-list>a{width:100%;border:0;border-bottom:1px solid #e5eaf0;background:transparent;padding:10px 0;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;color:#0a2143}.beneficiary-list>a>i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#7a46e8;color:#fff;font-style:normal;font-size:.72rem;font-weight:800}.beneficiary-list>a:nth-child(2)>i{background:#19a766}.beneficiary-list>a:nth-child(3)>i{background:#ee8a1d}.recent-transfer-list>a{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;margin:0;padding:8px 0;border-bottom:1px solid #e5eaf0;color:#0a2143}.recent-transfer-list>a>i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dcf6e9;color:#0aa465;font-style:normal}.transfer-empty{margin:12px 0;color:#74849a;font-size:.72rem}.transfer-empty a{color:#b77900;font-weight:700}html[data-theme="dark"] :is(.beneficiary-list>a,.recent-transfer-list>a){color:#eef4ff;border-color:#263750}@media(max-width:720px){.recent-transfer-list>a{grid-template-columns:30px 1fr auto}.recent-transfer-list>a>em{display:none}}