/* Component refresh. The existing body, app and banner background assets are preserved. */
:root { --ui-cyan:#52e4ef; --ui-mint:#6cebbd; --ui-violet:#b49aff; --ui-border:rgba(118,182,218,.2); --ui-ease:cubic-bezier(.2,.75,.2,1); }
.ui-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 18px}.ui-eyebrow{font-size:10px;letter-spacing:.2em;color:#73d8e5;font-weight:700}.ui-section-heading h1{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin:7px 0 0;color:var(--ink)}.ui-system-badge{display:flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid #70ddcc30;border-radius:30px;padding:7px 9px;color:#9beed8;font-size:9px;letter-spacing:.08em;background:#0dbd9c0d}.ui-system-badge>span{height:5px;width:5px;border-radius:50%;background:#68edbc;box-shadow:0 0 9px #68edbc;animation:ui-beacon 3s ease-in-out infinite}
.home-screen .bank-center-hero.ui-wallet-card{padding:20px;gap:24px;min-height:205px;border:1px solid #65daed50;border-radius:25px;isolation:isolate;box-shadow:0 18px 42px #0004,0 0 25px #22bfe810,inset 0 1px 0 #ffffff20;overflow:hidden}.ui-wallet-card>img{object-fit:cover!important;opacity:.44!important;object-position:center!important;pointer-events:none}.ui-wallet-card .bank-center-hero__shade{inset:0!important;background:linear-gradient(115deg,rgba(5,23,42,.76),rgba(4,27,47,.3))!important;z-index:1!important;pointer-events:none}.ui-wallet-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#aaf7ff0a 42%,#aaf7ff1a 48%,transparent 64%);transform:translateX(-110%);animation:ui-wallet-light 9s ease-in-out infinite}.ui-wallet-top,.ui-wallet-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.ui-wallet-top>span{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;font-weight:650;color:#bddde9}.ui-wallet-top svg{width:17px;height:17px;color:#70deed}.ui-wallet-top>svg{opacity:.7}.home-screen .ui-wallet-card .bank-center-hero__wallet{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;inset:auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;z-index:3}.ui-wallet-card .bank-center-hero__wallet-copy{min-width:0;display:grid;gap:9px}.ui-wallet-card .bank-center-hero__wallet-copy strong{font-size:clamp(26px,7vw,37px)!important;line-height:1.05;font-weight:750;letter-spacing:-1.3px;color:#f4ffff!important;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px #4edcef25;overflow-wrap:anywhere}.ui-wallet-card .bank-center-hero__wallet-copy>span{color:#9cc2d3!important;font-size:11px;letter-spacing:0}.ui-wallet-card .hero-withdraw{flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:42px!important;padding:11px 14px!important;font-size:12px!important;white-space:nowrap;border:1px solid #85f4f450!important;border-radius:13px!important;background:linear-gradient(135deg,#2dd2ce,#3b92e9)!important;box-shadow:0 7px 20px #11bfd52e!important;color:#032637!important}.ui-wallet-card .hero-withdraw svg{width:16px;height:16px}.ui-wallet-foot{font-size:9px;font-weight:600;letter-spacing:.14em;color:#80b0c7;border-top:1px solid #8edfeb20;padding-top:13px}.ui-wallet-foot b{color:#6ce6e4;margin:0 8px}
.home-screen .home-stats-grid.ui-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.ui-metrics-grid .ui-metric{--ui-accent:var(--ui-cyan);position:relative;isolation:isolate;display:flex;flex-direction:column;padding:16px!important;min-height:153px;border:1px solid var(--ui-border)!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(25,47,72,.94),rgba(11,26,45,.96))!important;box-shadow:inset 0 1px 0 #ffffff0a,0 9px 24px #0002!important;overflow:hidden;transition:transform .24s var(--ui-ease),border-color .24s,box-shadow .24s}.ui-metrics-grid .ui-metric::before{content:""!important;display:block!important;position:absolute!important;inset:auto -28px -46px auto!important;width:100px!important;height:100px!important;border-radius:50%;background:var(--ui-accent)!important;opacity:.07!important;filter:blur(18px);z-index:-1;pointer-events:none;transform:none!important}.ui-metrics-grid .ui-metric::after{display:none!important}.ui-metric.ui-tone-mint{--ui-accent:var(--ui-mint)}.ui-metric.ui-tone-violet{--ui-accent:var(--ui-violet)}.ui-metric.ui-tone-blue{--ui-accent:#7cafff}.ui-metric.ui-tone-amber{--ui-accent:#f3ce83}.ui-metric-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ui-metric-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--ui-accent) 25%,transparent);border-radius:10px;background:color-mix(in srgb,var(--ui-accent) 9%,transparent);color:var(--ui-accent)}.ui-metric-icon svg{width:16px;height:16px}.ui-metric-head>.ui-card-arrow{width:13px;height:13px;color:#7195b1;opacity:.6}.ui-metrics-grid .ui-metric>span{font-size:11px!important;font-weight:500!important;color:#a8bdd1!important;letter-spacing:0}.ui-metrics-grid .ui-metric>strong{display:block;margin:7px 0 4px!important;font-size:22px!important;line-height:1.25!important;font-weight:730!important;letter-spacing:-.65px;color:#f1f7ff!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ui-metrics-grid .ui-metric>small{margin-top:auto;font-size:9px!important;font-weight:400;line-height:1.5;color:#819bb4!important}
.home-launchpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 20px}.home-launchpad .launchpad-action{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:14px 11px;min-height:104px;border:1px solid #77c7e02b!important;border-radius:17px;background:linear-gradient(150deg,#112e46e8,#102038ef)!important;color:#edf8ff;box-shadow:0 5px 17px #0002}.launchpad-action__icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#77e7ed;background:#55dee914}.launchpad-action__icon svg{width:17px;height:17px}.launchpad-action>span:last-child{display:grid;gap:4px}.launchpad-action strong{font-size:12px;line-height:1.2}.launchpad-action small{font-size:9px;color:#8eabc2}.home-launchpad .launchpad-action--primary{border-color:#51d4d34d!important}.home-launchpad .launchpad-action:nth-child(2) .launchpad-action__icon{color:#b9a0ff;background:#aa83f512}.home-launchpad .launchpad-action:nth-child(3) .launchpad-action__icon{color:#7eb4ff;background:#6a99ff14}
:root[data-theme="dark"] :is(.va-form-panel,.va-card,.stat-card,.chart-card,.profile-card,.admin-section-card,.admin-card,.admin-quick-card,.live-payment-panel,.detail-panel,.va-history-item){border:1px solid var(--ui-border)!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(24,43,67,.95),rgba(10,25,44,.97))!important;box-shadow:inset 0 1px 0 #ffffff09,0 10px 28px #0002!important;transition:border-color .25s,box-shadow .25s,transform .25s var(--ui-ease)}
:root[data-theme="dark"] :is(.transaction-row,.setting-row,.linked-account-row,.va-history-tx){border-color:#84c4e320!important;background:linear-gradient(110deg,#142a4088,#0c1d3388)!important;border-radius:15px!important;transition:background .2s,border-color .2s,transform .2s}.live-payment-panel{padding:18px!important;margin-bottom:16px}.live-payment-panel .section-title-row strong{font-size:14px;letter-spacing:-.2px}.live-payment-panel>small{font-size:10px;color:#8eabc2}.live-payment-panel .empty{font-size:12px;padding:30px 10px;color:#93adc1}[data-live-status]{display:inline-flex;align-items:center;gap:5px;color:#75daca;font-size:9px!important}[data-live-status]::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 7px #62e8ca77}.weather-entry{border-color:#81bedc2b!important;border-radius:17px!important}.weather-entry strong{font-size:13px}.weather-entry small{font-size:10px}
:root[data-theme="dark"] .create-va-screen .va-create-panel{padding:22px!important;background:linear-gradient(145deg,#152c44f0,#0b1b30f5)!important;border:1px solid #65c8da35!important;border-radius:23px!important;box-shadow:0 16px 35px #0003!important}.create-va-screen .bank-choice{border:1px solid #75aacd32!important;border-radius:16px!important;transition:transform .22s,box-shadow .22s,border-color .22s}.create-va-screen .bank-choice.selected{border-color:#44d4d8!important;box-shadow:0 0 0 3px #44d4d820,0 7px 20px #1ec3cb20!important;transform:translateY(-2px)}
:root[data-theme="dark"] :is(.primary-btn,.create-va-screen [data-action="create-va"]){background:linear-gradient(115deg,#1bc9bf,#398ee9)!important;color:#032333!important;border:1px solid #83efe333!important;border-radius:14px!important;box-shadow:0 7px 22px #1abfc525!important;text-shadow:none!important;font-weight:700;transition:transform .2s var(--ui-ease),box-shadow .2s,filter .2s}.primary-btn:not(:disabled),.hero-withdraw{position:relative;overflow:hidden}.primary-btn:not(:disabled)::after,.hero-withdraw:not(:disabled)::after{content:"";pointer-events:none;position:absolute;inset:-40% auto -40% -60%;width:25%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:skewX(-20deg);animation:ui-button-light 7s ease-in-out infinite}.ghost-btn{border-radius:12px!important;transition:transform .2s,border-color .2s,background .2s}.text-input:focus,.records-filters :is(input,select):focus{border-color:#54d6de!important;outline:2px solid #54d6de25!important;outline-offset:2px;box-shadow:0 0 18px #22bdd012!important}.text-input{transition:border-color .2s,box-shadow .2s}
.bottom-nav{border-top:1px solid #6fc8e830!important;box-shadow:0 -10px 30px #0003!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.nav-item{position:relative;border-radius:13px!important;transition:background .25s,color .25s,transform .2s}.nav-item.active{background:linear-gradient(160deg,#34d4d21c,#4375f316)!important;color:#74e8eb!important;box-shadow:inset 0 1px 0 #73dfe916}.nav-item.active::after{content:"";position:absolute;left:35%;right:35%;top:0;height:2px;border-radius:5px;background:#6be9ef;box-shadow:0 0 9px #6be9ef88}.nav-item.active svg{filter:drop-shadow(0 0 6px #43e5ea66)}.nav-item:active{transform:scale(.93)}
:root[data-theme="dark"] .success-card{background:linear-gradient(145deg,#18304a,#0c1c32)!important;border:1px solid #73cfdf36!important;border-radius:25px!important;box-shadow:0 25px 80px #0008!important}.modal-backdrop{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.status-badge{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 15%,transparent);border-radius:9px}.records-table thead{background:#68c5e20c}.records-table tbody tr{transition:background .2s}.records-table tbody tr:hover{background:#6bd2e00a}.records-table td{font-variant-numeric:tabular-nums}.admin-navigation button.active,.admin-section-tab.active{box-shadow:0 0 18px #35d7db15!important}
.ui-ripple{position:fixed;border-radius:50%;background:#b2ffff30;pointer-events:none;z-index:99999;transform:scale(0);animation:ui-ripple .55s ease-out forwards}.ui-enter{animation:ui-enter .5s var(--ui-ease) both;animation-delay:var(--ui-delay,0ms)}.ui-modal-enter{animation:ui-modal-in .28s var(--ui-ease) both}
@keyframes ui-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-modal-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-beacon{0%,100%{box-shadow:0 0 5px #68edbc66}50%{box-shadow:0 0 11px #68edbcaa}}@keyframes ui-wallet-light{0%,65%{transform:translateX(-110%)}95%,100%{transform:translateX(110%)}}@keyframes ui-button-light{0%,78%{left:-60%}100%{left:150%}}@keyframes ui-ripple{to{transform:scale(1);opacity:0}}
@media(hover:hover){.ui-metric:hover,:root[data-theme="dark"] :is(.va-card,.admin-quick-card):hover{transform:translateY(-3px);border-color:#68dfe15c!important;box-shadow:0 12px 30px #0004,0 0 20px #42d3e110!important}.launchpad-action:hover{transform:translateY(-3px);border-color:#65e0e459!important}.primary-btn:hover,.hero-withdraw:hover{filter:brightness(1.09);box-shadow:0 9px 28px #1abfc53d!important}.records-table tr:hover{background:#6edce70b}}
button:active:not(:disabled){transform:scale(.975)}button:focus-visible{outline:2px solid #72e1ec!important;outline-offset:3px}button:disabled{filter:saturate(.4);opacity:.5}
@media(max-width:370px){.ui-section-heading h1{font-size:21px}.ui-system-badge{font-size:8px;padding:6px}.home-screen .bank-center-hero.ui-wallet-card{padding:16px}.ui-wallet-card .hero-withdraw{padding:10px!important;font-size:11px!important}.ui-metrics-grid .ui-metric{padding:13px!important;min-height:145px}.ui-metrics-grid .ui-metric>strong{font-size:19px!important}.home-launchpad{gap:7px}.home-launchpad .launchpad-action{padding:12px 9px}}
:root[data-theme="light"] .ui-metric{background:linear-gradient(135deg,#fff,#edf6fc)!important;border-color:#b9d5e5!important;box-shadow:0 8px 24px #254a7410!important}:root[data-theme="light"] .ui-metric>strong{color:#12344d!important}:root[data-theme="light"] .ui-metric>span{color:#42657b!important}:root[data-theme="light"] .ui-metric>small{color:#58788d!important}:root[data-theme="light"] .ui-system-badge{color:#08796c;background:#13b09a12}:root[data-theme="light"] .ui-eyebrow{color:#087c90}:root[data-theme="light"] .home-launchpad .launchpad-action{background:linear-gradient(145deg,#fff,#edf6fc)!important;color:#12344d}:root[data-theme="light"] .launchpad-action small{color:#56798f}:root[data-theme="light"] .nav-item.active{color:#08778a!important}
@media(prefers-reduced-motion:reduce){.ui-enter,.ui-modal-enter,.ui-system-badge>span,.ui-wallet-card::after,.primary-btn::after{animation:none!important}.ui-ripple{display:none}button,.ui-metric,.va-card,.admin-quick-card,.launchpad-action,.nav-item{transition:none!important;transform:none!important}}

.ui-metrics-grid .ui-metric>span{text-transform:none!important}.screen{scroll-margin-bottom:90px}.create-va-screen{padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important}
@media(min-width:800px){.mini-app.expanded .ui-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-app.expanded .ui-wallet-card{min-height:215px}.mini-app.expanded .home-launchpad{gap:14px}}

/* Icon alignment: override legacy descendant span rules, not card copy. */
.ui-metrics-grid .ui-metric .ui-metric-head > .ui-metric-icon,
.setting-row > .row-icon,
.transaction-row > .tx-icon,
.admin-card-main > .row-icon,
.launchpad-action > .launchpad-action__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  text-indent: 0;
  vertical-align: middle;
}
.ui-metrics-grid .ui-metric .ui-metric-head > .ui-metric-icon > svg,
.setting-row > .row-icon > svg,
.transaction-row > .tx-icon > svg,
.admin-card-main > .row-icon > svg,
.launchpad-action > .launchpad-action__icon > svg {
  display: block !important;
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  align-self: center !important;
}
.ui-metrics-grid .ui-metric .ui-metric-icon > svg { width: 16px !important; height: 16px !important; }
.setting-row > .row-icon > svg,
.transaction-row > .tx-icon > svg,
.admin-card-main > .row-icon > svg { width: 18px !important; height: 18px !important; }
.setting-row > .row-icon { margin-top: 0 !important; }
.setting-row > svg:last-child { display: block; justify-self: end; align-self: center; flex-shrink: 0; }
.profile-card .verified { display: inline-flex; align-items: center; justify-content: center; gap: 5px; vertical-align: middle; }
.profile-card .verified > svg { display: block; flex-shrink: 0; margin: 0; }
.bottom-nav .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.bottom-nav .nav-item > svg { display: block; flex-shrink: 0; margin: 0; align-self: center; }
:root[data-theme="dark"] .bottom-nav .nav-item.active,
:root[data-theme="dark"] .bottom-nav .nav-item.active > svg,
:root[data-theme="dark"] .bottom-nav .nav-item.active > span { color: #8df4f3 !important; opacity: 1; }
:root[data-theme="light"] .bottom-nav .nav-item.active,
:root[data-theme="light"] .bottom-nav .nav-item.active > svg,
:root[data-theme="light"] .bottom-nav .nav-item.active > span { color: #07697b !important; opacity: 1; }