:root{--navy:#071e40;--gold:#dca83f;--ink:#10274a;--muted:#71809a;--line:#e4eaf3}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:var(--ink);font:14px/1.5 system-ui,Arial}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(#071b39,#0c3266);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{padding:10px 16px}.brand img{width:100%;height:95px;object-fit:contain}.nav-label{font-size:10px;letter-spacing:2px;color:#a9b9d1;padding:10px 25px}.sidebar nav{padding:5px 12px;overflow:auto;flex:1}.sidebar nav a{display:block;padding:10px 15px;border-radius:10px;color:#c2d0e5;font-size:12px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.selected{background:#1b487b;color:white}.sidebar nav a.selected{border-left:3px solid var(--gold)}.sidefoot{display:flex;align-items:center;gap:10px;padding:16px;border-top:1px solid #31517a}.sidefoot strong,.sidefoot small{display:block;font-size:11px}.sidefoot small{color:#a9b9d1}.exit{margin-left:auto}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#0a2850;font-weight:800}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);height:93px;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:22px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8393aa;font-weight:700}.topright{display:flex;align-items:center;gap:14px;color:#70819b;font-size:12px}.secure-dot{background:#15a46a;width:8px;height:8px;border-radius:50%}.bell{font-size:24px}.content{max-width:1280px;padding:28px 32px;margin:auto}.welcome h2{font-size:24px;margin:0}.welcome p{color:var(--muted);margin:0 0 20px}.grid{display:grid;gap:18px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.balance{background:linear-gradient(125deg,#051831,#0d3b78);color:white;padding:28px;border-radius:24px;min-height:220px;position:relative;overflow:hidden;box-shadow:0 15px 25px #052e5c20}.balance:after{content:'';position:absolute;bottom:-75px;left:-5%;height:130px;width:115%;border-top:2px solid #22c9eb;border-radius:50%;transform:rotate(-4deg)}.balance h2{font-size:44px;margin:8px 0 15px;letter-spacing:-1px}.balance .eyebrow{color:#bfd2ea}.balance-meta{display:flex;gap:28px;font-size:11px;color:#b5cae4}.balance-meta strong{display:block;font-size:14px;color:white}.eye{position:absolute;right:25px;top:25px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.quick a,.panel,.stat,.account-card{background:white;border:1px solid var(--line);box-shadow:0 6px 19px #0b2b4b08;border-radius:18px}.quick a{padding:16px 5px;text-align:center;font-size:12px;font-weight:700}.quick b{display:block;font-size:25px;color:#0b3269}.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-head h2{font-size:17px;margin:0}.panel-head a{font-size:12px;color:#145394}.stat,.account-card{padding:20px}.stat .label,.muted,small{color:var(--muted)}.stat .value{font-size:23px;font-weight:800}.stat .hint{font-size:11px;color:green}.account-card h3{margin:0;font-size:14px}.account-card .amount{font-size:23px;font-weight:800;color:#07803e;margin:10px 0}.account-row,.tx-row,.detail-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #eaf0f6}.account-row:last-child,.tx-row:last-child{border:0}.account-row strong,.tx-row strong{display:block;font-size:13px}.account-row small,.tx-row small{font-size:11px}.account-row .amount,.tx-row .amount{font-weight:800;color:#087a3e;white-space:nowrap}.tx-row .debit{color:var(--ink)}.iconbox{width:40px;height:40px;border-radius:12px;background:#e7f2ff;display:grid;place-items:center;font-size:19px;color:#0e4d8c}.tx-info{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;background:#0b2d60;color:white;padding:12px 17px;border-radius:11px;border:0;font-size:13px;font-weight:700;cursor:pointer}.btn.alt{background:#edf4fc;color:#123c70}.btn.gold{background:var(--gold);color:#10274a}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid #d8e2ee;padding:12px;border-radius:10px;width:100%;background:white}.field input:focus,.field select:focus{outline:2px solid #b5d6f5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:12px;border-bottom:1px solid #e9eff7;text-align:left;font-size:12px}th{color:var(--muted);font-size:11px}.badge{background:#eaf2fc;color:#16518c;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:700}.empty{padding:26px;background:#f9fbfe;border:1px dashed #d8e2ee;border-radius:12px;color:var(--muted);text-align:center}.toast{padding:13px 16px;border-radius:10px;background:#e7f9ed;color:#176a36;margin-bottom:15px}.footer{display:flex;justify-content:space-between;padding:25px 0;color:#8795a8;font-size:11px}.bottom-nav{display:none}.auth-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(125deg,#e8f1fa,#f8fafc)}.auth-card{width:min(460px,100%);background:#fff;padding:34px;border-radius:26px;box-shadow:0 20px 60px #0b2b4b20}.auth-logo{display:block;width:100%;height:120px;object-fit:contain;background:#071e40;border-radius:14px;padding:5px}.auth-card h1{font-size:28px;margin:25px 0 4px}.auth-card p{color:var(--muted);margin:0 0 24px}.auth-card .btn{width:100%}.auth-foot{text-align:center;color:var(--muted);font-size:12px;margin-top:15px}.actions{display:flex;gap:10px;flex-wrap:wrap}.chart{height:130px;display:flex;align-items:end;gap:9px}.bar{flex:1;background:linear-gradient(#267bc5,#0a3265);border-radius:7px 7px 0 0;min-height:3px}.bar:nth-child(2n){background:linear-gradient(#f0d080,#d6a43b)}@media(max-width:1000px){.sidebar{width:210px}.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{display:none}.shell{display:block}.topbar{height:80px;padding:0 16px}.topbar h1{font-size:19px}.desktop-only{display:none}.content{padding:18px 14px 95px}.cols-2,.cols-3{grid-template-columns:1fr}.balance h2{font-size:37px}.quick{gap:8px}.quick a{font-size:10px;padding:12px 2px}.quick b{font-size:22px}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:white;border-top:1px solid var(--line);box-shadow:0 -5px 25px #0b2b4b14;padding:10px 2px max(10px,env(safe-area-inset-bottom))}.bottom-nav a{text-align:center;font-size:22px;color:#0c3568}.bottom-nav small{display:block;font-size:10px}.footer{padding-bottom:8px}}@media(max-width:375px){.balance h2{font-size:31px}}

/* V4 Funding operations */
.crypto-options{margin-top:16px;padding:17px;border:1px solid #dbe5f4;background:#f7faff;border-radius:15px}
.notice-inline{border:1px solid #dbe5f4;background:#f7faff;color:#415674;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.65}
.step-row{display:flex;align-items:flex-start;gap:14px;padding:15px 0;border-bottom:1px solid #eef1f6}
.step-row:last-child{border-bottom:0}
.step-row p{color:#738198;font-size:12px;margin:5px 0 0}
.step-number{background:#082c56;color:white;border-radius:12px;min-width:33px;height:33px;display:grid;place-items:center;font-weight:700}
.review-form{min-width:210px}
.review-form input{width:100%;min-width:0;margin-bottom:7px}
.review-actions{display:flex;flex-wrap:wrap;gap:5px}
.review-actions .btn{padding:8px 10px;font-size:11px}
.actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:700px){.crypto-options{padding:12px}.review-form{min-width:180px}}

.wallet-preview{margin-top:14px;padding:14px;background:#fff;border:1px solid #dbe5f4;border-radius:12px}.wallet-address{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px;margin:10px 0;color:#173d66}.wallet-preview[hidden]{display:none}

/* FINAL mobile layout: matches approved navy balance-card reference. */
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
.shell,.main,.content,.grid,.panel,.balance{min-width:0}
.balance{isolation:isolate}
.balance:after{pointer-events:none}
.quick{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:94px;gap:7px}
.quick b{line-height:1}
.account-row{min-width:0}
.account-row .tx-info{min-width:0;overflow-wrap:anywhere}
.account-row .amount{font-size:14px}
@media(min-width:761px){
 .content>.grid.cols-2:first-of-type{align-items:start}
 .content>.grid.cols-2:first-of-type>.panel{margin:0}
}
@media(max-width:760px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}
 .shell{display:block!important}
 .sidebar{display:none!important}
 .main{display:block!important;width:100%!important;min-width:0!important}
 .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;
   height:88px!important;padding:0 22px!important;background:#fff!important}
 .topbar>div:first-child{min-width:0;flex:1}
 .eyebrow{font-size:10px!important;letter-spacing:2.1px!important;line-height:1.45}
 .topbar h1{font-size:22px!important;font-weight:800!important;margin:4px 0 0!important}
 .topright{gap:14px!important;flex-shrink:0}
 .topright .avatar{background:#d9a936!important;width:42px!important;height:42px!important}
 .desktop-only{display:none!important}
 .content{display:block!important;padding:30px 20px 105px!important;width:100%!important;margin:0 auto!important}
 .welcome{display:block!important;margin-bottom:27px!important}
 .welcome h2{font-size:29px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.65px!important;margin:0 0 7px!important}
 .welcome p{font-size:16px!important;line-height:1.5!important;margin:0!important}
 .content .grid{display:grid!important;gap:18px!important;min-width:0!important}
 .content .grid.cols-2,.content .grid.cols-3,.content .grid.cols-4{grid-template-columns:minmax(0,1fr)!important}
 .balance{display:block!important;background:linear-gradient(115deg,#051a36,#0d3b79)!important;color:#fff!important;
  min-height:265px!important;padding:37px 39px!important;border-radius:34px!important;
  box-shadow:0 14px 24px rgba(8,36,70,.13)!important;margin:0!important;overflow:hidden!important}
 .balance .eyebrow{color:#c3d6ec!important;font-size:11px!important}
 .balance h2{color:#fff!important;font-size:clamp(30px,9vw,49px)!important;line-height:1.25!important;
  margin:28px 0 24px!important;letter-spacing:-1.5px!important;white-space:nowrap}
 .balance-meta{display:flex!important;gap:30px!important;color:#d4e3f3!important;font-size:12px!important}
 .balance-meta span{display:block!important}
 .balance-meta strong{display:block!important;color:#fff!important;font-size:15px!important}
 .balance:after{bottom:-82px!important;left:-10%!important;width:125%!important;height:145px!important}
 .quick{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;margin:24px 0 32px!important}
 .quick a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;min-width:0!important;min-height:112px!important;border-radius:23px!important;
  padding:12px 2px!important;font-size:11px!important;line-height:1.25!important;
  box-shadow:0 6px 16px rgba(8,35,69,.07)!important}
 .quick b{font-size:28px!important;line-height:1!important}
 .panel{display:block!important;padding:24px!important;margin:0 0 22px!important;border-radius:26px!important;background:#fff!important}
 .panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
 .panel-head h2{font-size:22px!important;font-weight:800!important;letter-spacing:-.5px!important}
 .account-row{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}
 .account-row .tx-info{flex:1!important;min-width:0!important}
 .account-row .amount{font-size:14px!important;white-space:nowrap!important}
 .account-row .iconbox{width:47px!important;height:47px!important;flex-shrink:0!important}
 .stat{display:block!important;padding:18px 22px!important;border-radius:20px!important}
 .bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;
  z-index:50!important;justify-content:space-around!important;align-items:center!important;
  padding:12px 6px max(14px,env(safe-area-inset-bottom))!important;background:#fff!important;
  border-top:1px solid #e3eaf2!important;box-shadow:0 -8px 30px rgba(10,35,70,.09)!important}
 .bottom-nav a{display:block!important;text-align:center!important;font-size:24px!important;color:#082f60!important}
 .bottom-nav small{display:block!important;font-size:11px!important;margin-top:2px!important}
}
@media(max-width:390px){
 .content{padding-left:15px!important;padding-right:15px!important}
 .balance{padding:29px 27px!important;min-height:245px!important}
 .balance h2{font-size:clamp(27px,8.5vw,36px)!important}
 .quick a{min-height:99px!important;font-size:10px!important}
 .quick b{font-size:24px!important}
 .account-row .amount{font-size:12px!important}
 .panel{padding:18px!important}
}
@media print{.sidebar,.bottom-nav,.topright,.quick,.btn{display:none!important}.main{width:100%!important}.content{padding:10px!important}}