/* ========================================================
   GLASS + TECH skin: withdraw / withdrawal history / link bank / edit profile
   ======================================================== */
@keyframes gtGrid{from{background-position:0 0,0 0}to{background-position:0 44px,44px 0}}
@keyframes gtScan{0%{top:-12%}100%{top:112%}}
@keyframes gtSweep{0%{transform:translateX(-130%) skewX(-18deg)}55%,100%{transform:translateX(340%) skewX(-18deg)}}
@keyframes gtFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-28px)}}
@keyframes gtGlow{0%,100%{text-shadow:0 0 8px rgba(242,169,0,.25)}50%{text-shadow:0 0 20px rgba(242,169,0,.85)}}
@keyframes gtBlink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes gtBorder{to{transform:rotate(360deg)}}
@keyframes gtPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,169,0,.55)}50%{box-shadow:0 0 0 9px rgba(242,169,0,0)}}

/* ---------- page background: moving grid, scan line, orbs ---------- */
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root){position:relative;isolation:isolate}
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root)::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(242,169,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(242,169,0,.06) 1px,transparent 1px);
  background-size:44px 44px;animation:gtGrid 6s linear infinite;
  -webkit-mask-image:radial-gradient(ellipse at 50% 25%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 25%,#000 30%,transparent 80%)}
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root)::after{content:"";position:fixed;left:0;right:0;height:130px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(242,169,0,.07),transparent);animation:gtScan 7s linear infinite}
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root) .page-content::before,
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root) .ref-edit::before{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);width:280px;height:280px;left:-90px;top:28%;background:rgba(242,169,0,.26);animation:gtFloat 12s ease-in-out infinite}
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root) .page-content::after,
:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root) .ref-edit::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);width:320px;height:320px;right:-110px;bottom:6%;background:rgba(70,110,255,.28);animation:gtFloat 15s ease-in-out infinite reverse}

/* ---------- glass panels ---------- */
:is(.withdrawal-container,.uaddress-container) :is(.withdraw-page-grid,.uaddress-page-grid) > *,
.withdrawal-container .address-block-wrapper,
.withdrawal-container .item-content,

.uaddress-container .item-content,

.withdrawal-card,
.profile-page-root .ref-edit-card,
.uaddress-container .b-address-block,
.withdrawal-container .img-bg,
.uaddress-container .no-binding,
.uaddress-container .binding-status-card{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.2)!important;border-radius:18px!important;
  box-shadow:0 14px 32px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3)!important}
/* light sweep on the main cards */
.withdrawal-container .img-bg::before,.uaddress-container .b-address-block::before,.withdrawal-card::before,.profile-page-root .ref-edit-card::before{content:"";position:absolute;top:-50%;left:-30%;width:45%;height:200%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);animation:gtSweep 6s ease-in-out infinite}
/* HUD corner brackets */
.withdrawal-container .img-bg::after,.uaddress-container .b-address-block::after,.withdrawal-card::after{content:"";position:absolute;inset:8px;pointer-events:none;border-radius:12px;
  background:
   linear-gradient(#F2A900,#F2A900) top left/14px 2px,linear-gradient(#F2A900,#F2A900) top left/2px 14px,
   linear-gradient(#F2A900,#F2A900) top right/14px 2px,linear-gradient(#F2A900,#F2A900) top right/2px 14px,
   linear-gradient(#F2A900,#F2A900) bottom left/14px 2px,linear-gradient(#F2A900,#F2A900) bottom left/2px 14px,
   linear-gradient(#F2A900,#F2A900) bottom right/14px 2px,linear-gradient(#F2A900,#F2A900) bottom right/2px 14px;
  background-repeat:no-repeat;opacity:.7;filter:drop-shadow(0 0 4px rgba(242,169,0,.8))}

/* ---------- typography / numbers ---------- */
:is(.withdrawal-container,.uaddress-container,.withdrawal-history-container) :is(.section-title,h2,h3){color:#fff!important;letter-spacing:.6px}
:is(.withdrawal-container,.uaddress-container,.withdrawal-history-container) .section-title::before{content:"// ";color:#F2A900;font-family:'JetBrains Mono',monospace}
.withdrawal-container .section-desc{color:#9fb0c9!important}
.withdrawal-container .img-bg :is(h1,h2,.balance,[class*="amount"]),.withdrawal-amount{font-family:'JetBrains Mono',monospace!important;color:#FFD76A!important;animation:gtGlow 3s ease-in-out infinite}
.credit-score-badge{background:rgba(242,169,0,.14)!important;border:1px solid rgba(242,169,0,.55)!important;color:#FFD76A!important;border-radius:999px!important;box-shadow:0 0 14px rgba(242,169,0,.3)}
.withdrawal-order-id{font-family:'JetBrains Mono',monospace!important;color:#F2A900!important}
.withdrawal-date{color:#9fb0c9!important}

/* ---------- inputs ---------- */
:is(.withdrawal-container,.uaddress-container) :is(input,select,textarea){background:rgba(0,10,30,.45)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;color:#fff!important;transition:border-color .2s ease,box-shadow .2s ease}
:is(.withdrawal-container,.uaddress-container) :is(input,select,textarea):focus{border-color:#F2A900!important;box-shadow:0 0 0 3px rgba(242,169,0,.2),0 0 16px rgba(242,169,0,.35)!important;outline:none}
:is(.withdrawal-container,.uaddress-container) ::placeholder{color:#7f90ab!important}

/* ---------- address option cards ---------- */
.address-card-option{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:14px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease}
.address-card-option.active-card{border-color:#F2A900!important;box-shadow:0 0 18px rgba(242,169,0,.35),inset 0 0 18px rgba(242,169,0,.08)!important}
.address-card-option:hover{transform:translateY(-2px)}

/* ---------- buttons ---------- */
.btn_withdrawal_request,.btn-add-address,.uaddress-container .ai-btn,.withdrawal-container .ai-btn{position:relative;overflow:hidden;height:50px;border:none!important;border-radius:14px!important;background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;font-weight:800!important;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 0 22px rgba(242,169,0,.5)!important;animation:gtPulse 2.4s ease-out infinite}
.btn_withdrawal_request::after,.btn-add-address::after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:gtSweep 3s ease-in-out infinite;pointer-events:none}

/* ---------- status badges ---------- */
.withdrawal-card .status-badge{border-radius:999px!important;box-shadow:0 0 12px currentColor;animation:gtBlink 2.4s ease-in-out infinite}
.withdrawal-card{transition:transform .25s ease,border-color .25s ease}
.withdrawal-card:hover{transform:translateY(-3px);border-color:rgba(242,169,0,.5)!important}
.no-records-placeholder{color:#9fb0c9!important}

/* ---------- edit profile ---------- */
.profile-page-root .ref-edit-row+.ref-edit-row{border-top-color:rgba(255,255,255,.14)}
.profile-page-root .ref-edit-pic .top img{box-shadow:0 0 0 3px rgba(242,169,0,.25),0 0 22px rgba(242,169,0,.55);animation:gtPulse 2.6s ease-out infinite}
.profile-page-root .ref-edit h1{background:linear-gradient(90deg,#fff,#FFD76A,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:tkShimmer 5s linear infinite}
.profile-page-root .ref-edit-row{transition:background .2s ease,padding-left .2s ease}
.profile-page-root a.ref-edit-row:hover{background:rgba(255,255,255,.06);padding-left:24px}

@media (prefers-reduced-motion:reduce){:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root) *,:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root)::before,:is(.withdrawal-container,.withdrawal-history-container,.uaddress-container,.profile-page-root)::after{animation:none!important}}

/* spacing fixes: section panels need inner padding; avoid nested double glass */
:is(.withdrawal-container,.uaddress-container) :is(.withdraw-page-grid,.uaddress-page-grid) > *{padding:18px!important}
.withdrawal-container .label-input-block,.uaddress-container .label-input-block{background:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important}
.withdrawal-container .item-content,.uaddress-container .item-content{padding:4px 12px!important}
.withdrawal-list{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important;list-style:none}
.withdrawal-list .withdrawal-card{width:100%!important;max-width:none!important;box-sizing:border-box}
.withdrawal-history-container{padding-top:72px}

/* ========================================================
   NOTIFICATIONS: glass inbox
   ======================================================== */
.notification-page{position:relative;isolation:isolate}
.notification-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:linear-gradient(rgba(242,169,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(242,169,0,.06) 1px,transparent 1px);
  background-size:44px 44px;animation:gtGrid 6s linear infinite;
  -webkit-mask-image:radial-gradient(ellipse at 50% 25%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 25%,#000 30%,transparent 80%)}
.notification-page::after{content:"";position:fixed;left:0;right:0;height:130px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(242,169,0,.07),transparent);animation:gtScan 7s linear infinite}
.notification-page .page-content{padding-top:74px!important;position:relative}
.notification-page .page-content::before{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);width:280px;height:280px;left:-90px;top:28%;background:rgba(242,169,0,.26);animation:gtFloat 12s ease-in-out infinite}
.notification-page .page-content::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(80px);width:320px;height:320px;right:-110px;bottom:6%;background:rgba(70,110,255,.28);animation:gtFloat 15s ease-in-out infinite reverse}

.notification-page :is(.notif-card,.inbox-item-card,.reading-pane,.mobile-feed-container > :not(.notif-card)){
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
  backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.2)!important;border-radius:18px!important;
  box-shadow:0 14px 32px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3)!important;
  transition:transform .25s ease,border-color .25s ease}
.notification-page :is(.notif-card,.inbox-item-card)::before{content:"";position:absolute;top:-50%;left:-30%;width:40%;height:200%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:gtSweep 7s ease-in-out infinite}
.notification-page :is(.notif-card,.inbox-item-card):hover,.notification-page .inbox-item-card.active{transform:translateY(-3px);border-color:rgba(242,169,0,.55)!important;box-shadow:0 14px 32px -12px rgba(0,0,0,.7),0 0 22px rgba(242,169,0,.25),inset 0 1px 0 rgba(255,255,255,.3)!important}
.notification-page .notif-card-header{border-bottom:1px solid rgba(255,255,255,.14)!important}
.notification-page :is(.notif-card-title,.inbox-item-title,.pane-title){color:#fff!important;letter-spacing:.3px}
.notification-page :is(.notif-card-date,.inbox-item-date,.pane-meta){font-family:'JetBrains Mono',monospace!important;color:#F2A900!important;font-size:11px!important}
.notification-page :is(.notif-card-body,.inbox-item-snippet,.pane-body){color:#c9d5ea!important;line-height:1.7}
.notification-page .notif-card-title::before,.notification-page .inbox-item-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#F2A900;margin-right:8px;box-shadow:0 0 10px #F2A900;animation:gtBlink 2s ease-in-out infinite;vertical-align:middle}
.notification-page .pane-placeholder{color:#9fb0c9!important}
.notification-page .pane-placeholder i{color:#F2A900!important;filter:drop-shadow(0 0 12px rgba(242,169,0,.7));animation:vipFloat 3s ease-in-out infinite}
.notification-page .mobile-feed-container > :not(.notif-card){padding:22px!important;text-align:center;color:#9fb0c9!important;letter-spacing:1px}
.notification-page .mobile-feed-container > :not(.notif-card)::after{content:"\f0f3";font-family:FontAwesome;display:block;font-size:34px;margin-top:12px;color:#F2A900;filter:drop-shadow(0 0 12px rgba(242,169,0,.7));animation:vipFloat 3s ease-in-out infinite}
.notification-page .load-more-btn{display:block;width:100%;height:50px;margin-top:16px;border:none!important;border-radius:14px!important;background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;font-weight:800!important;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 0 22px rgba(242,169,0,.5)!important;animation:gtPulse 2.4s ease-out infinite}
@media (prefers-reduced-motion:reduce){.notification-page *,.notification-page::before,.notification-page::after{animation:none!important}}