/* ========================================================
   UNIFY: login / register / wallet / wallet history / my mission / live chat
   ======================================================== */
@keyframes utGrid{from{background-position:0 0,0 0}to{background-position:0 44px,44px 0}}
@keyframes utScan{0%{top:-12%}100%{top:112%}}
@keyframes utSweep{0%{transform:translateX(-130%) skewX(-18deg)}55%,100%{transform:translateX(340%) skewX(-18deg)}}
@keyframes utFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-28px)}}
@keyframes utGlow{0%,100%{text-shadow:0 0 8px rgba(242,169,0,.25)}50%{text-shadow:0 0 20px rgba(242,169,0,.9)}}
@keyframes utBlink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes utPulse{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)}}
@keyframes utShimmer{to{background-position:200% 0}}
@keyframes utMsgIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* ---------- background layers ---------- */
:is(.auth-page-wrapper,.wallet-container,.wallet-history-container,.page-my-mission,.livechat-page-root){position:relative;isolation:isolate}
:is(.auth-page-wrapper,.wallet-container,.wallet-history-container,.page-my-mission,.livechat-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:utGrid 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(.auth-page-wrapper,.wallet-container,.wallet-history-container,.page-my-mission,.livechat-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:utScan 7s linear infinite}
:is(.wallet-container,.wallet-history-container,.page-my-mission) .page-content::before,
.auth-page-wrapper .auth-card::before,
.livechat-page-root .chat-glass-room::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:utFloat 12s ease-in-out infinite}
:is(.wallet-container,.wallet-history-container,.page-my-mission) .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:utFloat 15s ease-in-out infinite reverse}
:is(.wallet-container,.wallet-history-container) .page-content{padding-top:74px!important;padding-bottom:130px!important}
.page-my-mission{padding-top:74px!important;padding-bottom:130px!important}

/* ---------- shared glass ---------- */
:is(.wallet-container .profile-panel,.wallet-container .action-link-card,.wallet-card,.mission-card,.chat-glass-room,.auth-page-wrapper .auth-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:20px!important;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
:is(.wallet-container .profile-panel,.wallet-container .action-link-card,.wallet-card,.mission-card,.auth-page-wrapper .auth-card)::before{content:"";position:absolute;top:-50%;left:-30%;width:42%;height:200%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);animation:utSweep 6.5s ease-in-out infinite}
:is(.wallet-container .action-link-card,.wallet-card,.mission-card):hover{transform:translateY(-3px);border-color:rgba(242,169,0,.55)!important;box-shadow:0 14px 34px -12px rgba(0,0,0,.7),0 0 24px rgba(242,169,0,.25),inset 0 1px 0 rgba(255,255,255,.3)!important}
/* HUD corner brackets */
:is(.wallet-container .profile-panel,.mission-card,.auth-page-wrapper .auth-card)::after{content:"";position:absolute;inset:9px;pointer-events:none;border-radius:13px;
  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))}

/* ---------- login / register ---------- */
.auth-page-wrapper .auth-card{max-width:440px!important}
.auth-page-wrapper .auth-card h2{background:linear-gradient(90deg,#fff,#FFD76A,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;animation:utShimmer 5s linear infinite}
.auth-page-wrapper .auth-card h2::before{content:"// SECURE.ACCESS \25CF ONLINE";display:block;font:600 10px/1 'JetBrains Mono',monospace;letter-spacing:2px;color:#F2A900;-webkit-text-fill-color:#F2A900;margin-bottom:10px;animation:utBlink 2.4s ease-in-out infinite}
.auth-page-wrapper .auth-card input: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}
.auth-page-wrapper .auth-card button[type=submit],.auth-page-wrapper .auth-card .ai-btn{animation:utPulse 2.4s ease-out infinite;box-shadow:0 0 22px rgba(242,169,0,.5)!important}

/* ---------- wallet ---------- */
.wallet-container .profile-panel{padding:22px!important}
.wallet-container .profile-panel :is(h1,h2,h3,[class*="balance"],[class*="amount"]){font-family:'JetBrains Mono',monospace!important;color:#FFD76A!important;animation:utGlow 3s ease-in-out infinite}
.wallet-container .mini-action-btn{background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;border:none!important;border-radius:14px!important;font-weight:800!important;box-shadow:0 0 22px rgba(242,169,0,.55)!important;animation:utPulse 2.4s ease-out infinite}
.wallet-container .action-link-card{padding:18px 20px!important;margin-bottom:12px}
.wallet-container .action-link-card :is(span,div,p){color:#fff!important}
.wallet-container .action-link-card .fa-chevron-right,.wallet-container .action-link-card .fa-angle-right{color:#F2A900!important;transition:transform .2s ease}
.wallet-container .action-link-card:hover .fa-chevron-right,.wallet-container .action-link-card:hover .fa-angle-right{transform:translateX(5px)}

/* ---------- wallet history ---------- */
.wallet-list{display:grid!important;gap:14px!important}
.wallet-card{padding:16px 18px!important}
.wallet-slug{color:#fff!important;letter-spacing:.8px}
.wallet-order-id{font-family:'JetBrains Mono',monospace!important;color:#F2A900!important;font-size:11px!important}
.wallet-date{color:#9fb0c9!important}
.wallet-card :is(.wallet-amount,.wallet-info-right > *){font-family:'JetBrains Mono',monospace!important}
.wallet-history-container .no-records-placeholder{color:#9fb0c9!important}

/* ---------- my mission ---------- */
.mission-card{padding:16px!important;margin-bottom:16px!important}
.mission-card :is(.mission-prod-name){color:#fff!important}
.mission-card :is(.mission-prod-desc,.mission-finance-lbl){color:#9fb0c9!important;letter-spacing:.6px}
.mission-img-box{border-radius:14px!important;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.18),0 0 18px rgba(242,169,0,.25)!important;background:#0e1d3a!important}
.mission-finance-box{background:rgba(0,10,30,.45)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mission-finance-box.comm-box{border-color:rgba(242,169,0,.5)!important;box-shadow:0 0 16px rgba(242,169,0,.2)}
.mission-finance-val{color:#fff!important;font-family:'JetBrains Mono',monospace!important}
.mission-finance-val.comm-val{color:#FFD76A!important;animation:utGlow 3s ease-in-out infinite}
.mission-finance-box.multiplier-box{border-color:rgba(98,80,255,.55)!important}
.mission-finance-val.multiplier-val{color:#c4b5fd!important}
.mission-card .mm{color:#FFD76A!important}
.btn-ecom-confirm{background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;border:none!important;border-radius:14px!important;box-shadow:0 0 22px rgba(242,169,0,.5)!important}

/* ---------- live chat ---------- */
.chat-glass-room{border-radius:22px!important}
.chat-header-bar{background:rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.chat-agent-text h2{color:#fff!important}
.chat-agent-text p{color:#9fb0c9!important}
.chat-agent-text p .fa-shield{color:#F2A900!important}
.chat-avatar-wrapper{background:linear-gradient(145deg,#FFE9A8,#F2A900)!important;color:#1a1200!important;box-shadow:0 0 0 3px rgba(255,255,255,.18),0 0 20px rgba(242,169,0,.6);border-radius:50%!important;animation:utPulse 2.6s ease-out infinite}
.chat-live-badge{background:rgba(16,185,129,.14)!important;border:1px solid rgba(16,185,129,.55)!important;color:#6ee7b7!important;box-shadow:0 0 14px rgba(16,185,129,.3)}
.chat-messages-viewport{background:transparent!important}
.chat-msg-row{animation:utMsgIn .4s cubic-bezier(.22,1,.36,1) backwards}
.chat-msg-bubble{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.chat-msg-row:not(.me):not(.user):not(.mine) .chat-msg-bubble{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.chat-msg-meta{color:#8fa1bd!important;font-family:'JetBrains Mono',monospace!important}
.chat-composer-bar{background:rgba(255,255,255,.06)!important;border-top:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.chat-input-field{background:rgba(0,10,30,.45)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:14px!important}
.chat-input-field: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}
.chat-send-btn{background:linear-gradient(135deg,#FFD76A,#F2A900)!important;color:#1a1200!important;box-shadow:0 0 18px rgba(242,169,0,.6)!important}
.chat-upload-btn{background:rgba(255,255,255,.08)!important;color:#F2A900!important;border:1px solid rgba(255,255,255,.18)!important}

@media (prefers-reduced-motion:reduce){:is(.auth-page-wrapper,.wallet-container,.wallet-history-container,.page-my-mission,.livechat-page-root) *,:is(.auth-page-wrapper,.wallet-container,.wallet-history-container,.page-my-mission,.livechat-page-root)::before,:is(.auth-page-wrapper,.wallet-container,.wallet-history-container,.page-my-mission,.livechat-page-root)::after{animation:none!important}}

/* beat login.php's inline transparent card rule */
body .auth-page-wrapper .auth-card.ai-card-glow{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
  backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;
  border:1px solid rgba(255,255,255,.2)!important;border-radius:22px!important;
  box-shadow:0 18px 40px -14px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.3)!important;padding:36px 28px!important}
body .auth-page-wrapper .auth-card.ai-card-glow::after{display:block!important}