body[data-page="bank"] #nxgHudPixi.nxgHudPixi{ width:100%; max-width:none; margin:0; }
body[data-page="bank"] #nxgHudPixi.nxgHudPixi canvas{ display:block; width:100%; height:auto; }

.bank-layout{ padding-top:14px; }
.stack-lg > * + *{ margin-top:14px; }
.mt10{ margin-top:10px; }
.mt12{ margin-top:12px; }
.dual-actions{ gap:10px; }

.inp{
  height:36px; padding:8px 10px; border-radius:12px;
  border:1px solid rgba(140,200,255,.14); background:rgba(7,10,16,.45); color:var(--text);
  outline:none; min-width:0;
}
.inp:focus{ border-color:rgba(140,200,255,.30); box-shadow:0 0 0 2px rgba(140,200,255,.06); }
.inp::placeholder{ color:rgba(200,220,255,.45); }
.lbl{ display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted2); margin:0 0 6px; }
.field{ min-width:0; }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

.bank-card{
  border:1px solid rgba(150,220,255,.10);
  background:linear-gradient(180deg, rgba(14,22,36,.55), rgba(7,12,20,.35));
  border-radius:16px; padding:14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 28px rgba(0,0,0,.12);
}
.card-title{ font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.card-head{ display:flex; gap:12px; align-items:flex-start; }
.card-head.split{ justify-content:space-between; }
.badge{
  padding:6px 10px; border-radius:999px; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  border:1px solid rgba(116,222,255,.18); background:rgba(116,222,255,.08); color:#d7f7ff;
}
.badge.premium{ border-color:rgba(255,198,114,.28); background:rgba(255,198,114,.10); color:#ffe6a8; }

.kpiGrid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
.kpiGrid.four{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.kpi{
  padding:14px 16px; border-radius:16px; border:1px solid rgba(145,212,255,.12);
  background:linear-gradient(180deg, rgba(8,15,26,.78), rgba(5,9,16,.68));
}
.kpiLbl{ font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted2); }
.kpiVal{ font-size:24px; font-weight:900; margin-top:6px; font-variant-numeric:tabular-nums; }

.kv{ display:grid; grid-template-columns: minmax(120px, 1fr) 1fr; gap:8px 12px; }
.kv.compact{ grid-template-columns: minmax(100px, 1fr) 1fr; }
.kv .k{ color:var(--muted2); }
.kv .v{ color:var(--text); font-variant-numeric:tabular-nums; }

.depositGrid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px; margin-top:12px; }
.deposit-plan{
  position:relative; overflow:hidden; border-radius:16px; padding:14px;
  border:1px solid rgba(116,222,255,.14); background:rgba(7,12,20,.55);
}
.deposit-plan::after{
  content:""; position:absolute; inset:auto -20% -40% 20%; height:80px;
  background:radial-gradient(circle, rgba(116,222,255,.16), transparent 65%);
  pointer-events:none;
}
.deposit-plan h4{ margin:0 0 6px; font-size:15px; }
.deposit-plan .meta{ color:var(--muted); font-size:12px; line-height:1.35; min-height:34px; }
.deposit-plan .apr{ font-size:22px; font-weight:900; margin-top:10px; }
.deposit-plan .row{ margin-top:12px; gap:8px; align-items:center; }
.deposit-plan .mini{ width:100%; }
.deposit-plan .seg{ display:flex; gap:8px; margin-top:10px; }
.deposit-plan .seg-btn{
  flex:1; height:34px; border-radius:12px; border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04); color:var(--text); cursor:pointer;
}
.deposit-plan .seg-btn.active{ border-color:rgba(116,222,255,.28); background:rgba(116,222,255,.10); }

.tbl{ width:100%; border-collapse:collapse; }
.tbl th,.tbl td{ padding:10px 12px; vertical-align:middle; }
.tbl thead th{ opacity:.84; font-weight:700; }
.tbl tbody tr:hover{ background:rgba(255,255,255,.03); }
.tbl .right{ text-align:right; }
.tbl .num{ text-align:right; font-variant-numeric:tabular-nums; }
.tbl .muted{ color:var(--muted); }
.tbl .act{ white-space:nowrap; }

.msg{
  margin-top:12px; border:1px solid rgba(255,255,255,.10); background:rgba(0,0,0,.22);
  padding:10px 12px; border-radius:12px; min-height:18px;
}
.msg:empty{ display:none; }
.msg.ok{ border-color:rgba(120,255,180,.28); background:rgba(80,255,160,.07); }
.msg.err{ border-color:rgba(255,120,120,.32); background:rgba(255,80,80,.08); }
.msg.info{ border-color:rgba(116,222,255,.24); background:rgba(116,222,255,.06); }

.hint{ color:var(--muted); font-size:12px; line-height:1.35; }
.bullets.tight{ padding-left:18px; margin:0; }
.bullets.tight li + li{ margin-top:8px; }
.pill{
  display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:999px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); font-size:11px;
}

@media (max-width: 1280px){ .kpiGrid.four{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 960px){
  .grid2{ grid-template-columns:1fr; }
  .depositGrid{ grid-template-columns:1fr; }
}
.verify-card{
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(116,222,255,.16);
  background:linear-gradient(180deg, rgba(10,18,30,.72), rgba(6,11,18,.60));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.verify-card > div + div{
  margin-top:6px;
}

.loan-actions{ display:flex; gap:6px; justify-content:flex-end; flex-wrap:wrap; }
.loan-actions .btn{ min-width:0; }


.pill.warn{ border-color:rgba(255,196,92,.22); background:rgba(255,196,92,.08); }
.pill.danger{ border-color:rgba(255,110,110,.26); background:rgba(255,110,110,.10); }
.kv .v.good{ color:#9cf1b7; }
.kv .v.warn{ color:#ffd88a; }
.kv .v.bad{ color:#ff9e9e; }

.hist-filter{ min-width:180px; }
#transferPreview .v{ font-variant-numeric:tabular-nums; }