/* Phase 4: real personalization, operator workflows, PWA and richer visual depth. */
.site-theme-midnight{--bg:#060a16;--panel:#10182a;--panel2:#17213a;--page-glow:radial-gradient(circle at 84% 8%,#143b6f55,transparent 28%),radial-gradient(circle at 5% 55%,#542cb833,transparent 28%)}
.site-theme-deep_violet{--bg:#0c0618;--panel:#1a102d;--panel2:#261542;--page-glow:radial-gradient(circle at 80% 0,#7139d45c,transparent 31%),radial-gradient(circle at 8% 60%,#c53aff22,transparent 28%)}
.site-theme-aurora{--bg:#031215;--panel:#0b2426;--panel2:#113339;--page-glow:radial-gradient(circle at 78% 2%,#19d3ac47,transparent 28%),radial-gradient(circle at 7% 60%,#355cff35,transparent 32%);--cyan:#52f1cc}
.site-theme-sunset{--bg:#170713;--panel:#291025;--panel2:#3b1831;--page-glow:radial-gradient(circle at 82% 3%,#ff6f613d,transparent 30%),radial-gradient(circle at 6% 60%,#b5289d38,transparent 32%);--cyan:#ffb25d}
body[class*="site-theme-"]{background-color:var(--bg);background-image:var(--page-glow)}
body[class*="site-theme-"] .card-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--panel),#fff 4%),color-mix(in srgb,var(--panel),#000 12%))}
body[class*="site-theme-"] .site-header{background:color-mix(in srgb,var(--bg),transparent 12%)}
body[class*="site-theme-"] .stat-card,body[class*="site-theme-"] .faq-grid details{background:color-mix(in srgb,var(--panel),#000 5%)}
body[class*="site-theme-"] .hero-slide{background-color:var(--bg)}
.accent-magenta{--violet:#d946ef;--cyan:#fb7185}.accent-gold{--violet:#d8942f;--cyan:#ffd166}.accent-magenta .button,.accent-gold .button,.accent-cyan .button,.accent-emerald .button{background:linear-gradient(135deg,var(--violet),color-mix(in srgb,var(--violet),#111 24%))}
.button{background-image:linear-gradient(135deg,color-mix(in srgb,var(--violet),#fff 10%),var(--violet) 55%,color-mix(in srgb,var(--cyan),var(--violet) 45%));box-shadow:0 12px 34px color-mix(in srgb,var(--violet),transparent 72%)}
.card-panel{transition:border-color .25s,box-shadow .25s}.card-panel:hover{border-color:color-mix(in srgb,var(--violet),transparent 65%)}

/* Theme picker */
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.theme-options label{position:relative;display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:15px;cursor:pointer}.theme-options label:has(input:checked){border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet),transparent 82%)}.theme-options input,.accent-options input{position:absolute;opacity:0;pointer-events:none}.theme-options b{font-size:13px}.theme-options small{color:var(--muted);font-size:10px}.theme-swatch{position:relative;height:105px;overflow:hidden;border-radius:11px;background:var(--swatch)}.theme-swatch:before{content:"";position:absolute;inset:14px 19px;border:1px solid #ffffff1d;border-radius:9px;background:#ffffff0b;box-shadow:0 15px 40px #0005}.theme-swatch i{position:absolute;height:8px;border-radius:8px;background:#ffffff20}.theme-swatch i:nth-child(1){left:32px;right:32px;top:34px}.theme-swatch i:nth-child(2){left:32px;width:38%;top:53px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.theme-swatch i:nth-child(3){left:32px;width:52%;top:72px}.theme-midnight{--swatch:radial-gradient(circle at 80%,#154e8a,transparent 38%),linear-gradient(135deg,#050a15,#111d35)}.theme-violet{--swatch:radial-gradient(circle at 82%,#873ee0,transparent 38%),linear-gradient(135deg,#0d0619,#291449)}.theme-aurora{--swatch:radial-gradient(circle at 78%,#2dd4a6,transparent 34%),linear-gradient(135deg,#031215,#143b43)}.theme-sunset{--swatch:radial-gradient(circle at 82%,#ff775f,transparent 36%),linear-gradient(135deg,#160612,#4a173c)}
.accent-options{display:flex;flex-wrap:wrap;gap:10px}.accent-options label{position:relative;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:11px}.accent-options label:has(input:checked){border-color:var(--violet);box-shadow:0 0 0 2px color-mix(in srgb,var(--violet),transparent 82%)}.accent-options span{width:19px;height:19px;border-radius:50%;background:var(--choice);box-shadow:inset 0 0 0 3px #ffffff22}.accent-violet-choice{--choice:linear-gradient(135deg,#8b5cf6,#5b3df5)}.accent-cyan-choice{--choice:linear-gradient(135deg,#26d9ff,#168bbf)}.accent-emerald-choice{--choice:linear-gradient(135deg,#3de7a1,#159366)}.accent-magenta-choice{--choice:linear-gradient(135deg,#ee55f5,#bd2474)}.accent-gold-choice{--choice:linear-gradient(135deg,#ffd166,#c77a17)}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}

/* Animated 3D cards */
.card-options{grid-template-columns:repeat(2,minmax(190px,250px));justify-content:start}.card-stage{width:132px;height:172px;display:grid;place-items:center;justify-self:center;perspective:900px;animation:card-float 4s ease-in-out infinite}.card-options label:nth-child(2) .card-stage{animation-delay:-1.8s}.card-preview,.card-preview.classic,.card-preview.midnight{position:relative;width:104px;height:146px;background:none;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.25,1);box-shadow:none}.card-options label:hover .card-preview,.card-options label:focus-within .card-preview{transform:rotateY(180deg) rotateZ(-2deg)}.card-front,.card-back{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;box-shadow:0 22px 42px #0009;border:1px solid #ffffff30}.card-back{background-size:cover;background-position:center}.classic .card-back{background-image:url("../img/card-back-classic.5f9d680a7996.svg")}.midnight .card-back{background-image:url("../img/card-back-midnight.9ebaf8dae73c.svg")}.card-front{display:flex;flex-direction:column;align-items:flex-start;padding:13px;background:linear-gradient(145deg,#fff,#e9eef9);color:#111a2a;font:800 28px Georgia,serif;transform:rotateY(180deg)}.card-front small{font-size:22px}.card-front.red{color:#d92f55}@keyframes card-float{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}

/* Avatar cropper */
.avatar-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}.avatar-upload-field{position:relative}.field-label{font-size:12px;font-weight:700;color:#cbd1df}.avatar-picker-button{width:100%;display:flex;align-items:center;gap:13px;padding:14px;border:1px dashed color-mix(in srgb,var(--violet),transparent 35%);border-radius:13px;background:color-mix(in srgb,var(--violet),transparent 92%);color:var(--text);text-align:left}.avatar-picker-button:hover{background:color-mix(in srgb,var(--violet),transparent 86%)}.avatar-picker-button svg{width:28px;height:28px;color:var(--cyan)}.avatar-picker-button span{display:flex;flex-direction:column;gap:3px}.avatar-picker-button b{font-size:12px}.avatar-picker-button small{font-size:9px;color:var(--muted)}.avatar-crop-dialog{width:min(560px,calc(100% - 24px));padding:0;border:1px solid var(--line);border-radius:22px;background:#0d1425;color:#fff;box-shadow:0 40px 100px #000c}.avatar-crop-dialog::backdrop{background:#02040bca;backdrop-filter:blur(9px)}.crop-dialog-card{padding:22px}.crop-dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.crop-dialog-head h2{margin:6px 0 14px}.crop-close{border:0;background:#ffffff0c;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px}.crop-canvas-shell{position:relative;width:min(100%,420px);aspect-ratio:1;margin:auto;overflow:hidden;border-radius:15px;background:#050812}.crop-canvas-shell canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.crop-canvas-shell canvas:active{cursor:grabbing}.crop-frame{position:absolute;inset:0;border:2px solid #ffffffaa;border-radius:15px;box-shadow:inset 0 0 0 999px #02040b35;pointer-events:none}.crop-zoom{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:18px 0 8px;font-size:11px}.crop-zoom input{accent-color:var(--violet)}

/* Operator KYC and readable audit */
.admin-kyc-queue{margin-bottom:18px}.queue-count{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--cyan));font-weight:800}.panel-explainer{color:var(--muted);font-size:11px;line-height:1.65}.kyc-queue-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.kyc-queue-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#ffffff04}.kyc-queue-item:hover{border-color:var(--violet);background:#ffffff07}.kyc-queue-item>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.kyc-queue-item b{font-size:12px}.kyc-queue-item small{color:var(--muted);font-size:9px}.kyc-queue-item em{font-style:normal;color:var(--cyan);font-size:10px}.audit-list div{grid-template-columns:100px 190px minmax(0,1fr) 90px}.review-shell{max-width:1160px}.identity-review-grid{display:grid;grid-template-columns:300px 1fr;gap:18px}.identity-person{text-align:center}.identity-person h2{margin:15px 0 4px}.identity-person p{color:var(--muted);font-size:11px}.identity-person dl{margin-top:20px;text-align:left}.identity-person dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.identity-person dt{color:var(--muted)}.identity-person dd{margin:0;font-weight:700}.identity-document-card img{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:14px;background:#050812}.identity-decision-form{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;margin-top:18px;align-items:start}.identity-decision-form h2{margin:7px 0}.identity-decision-form p{color:var(--muted);font-size:10px;line-height:1.6}.decision-options ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.decision-options label{display:flex;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;font-size:11px}.identity-decision-form>label{display:grid;gap:7px;font-size:11px}.identity-decision-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#080e1b;color:#fff;resize:vertical}.identity-decision-form .button-row{grid-column:2}

/* Wallet artwork and PWA install */
.balance-card{position:relative;overflow:hidden;min-height:250px;padding:42px;background-image:linear-gradient(90deg,rgba(23,14,78,.98) 0%,rgba(35,20,105,.94) 38%,rgba(18,16,75,.2) 75%),url("../img/wallet-banner-v2.a3ee0a21d7ae.webp");background-size:cover;background-position:center right;box-shadow:0 24px 75px #3c25c12e}.balance-card>*{position:relative;z-index:1}.balance-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#9b64ff17,transparent 42%,#27d9ff18);pointer-events:none}.pwa-install{position:fixed;right:18px;bottom:18px;z-index:120;padding:11px 15px;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(135deg,#764cff,#3c8dff);color:#fff;font-size:11px;font-weight:800;box-shadow:0 18px 45px #0008}.pwa-install[hidden]{display:none}

@media(max-width:900px){.identity-review-grid,.identity-decision-form{grid-template-columns:1fr}.identity-decision-form .button-row{grid-column:1}.kyc-queue-grid{grid-template-columns:1fr}.theme-options{grid-template-columns:1fr}.audit-list div{grid-template-columns:82px 1fr;gap:6px}.audit-list span,.audit-list em{grid-column:2}}
@media(max-width:600px){.settings-save{align-items:stretch;flex-direction:column}.card-options{grid-template-columns:1fr 1fr}.card-stage{width:105px;height:150px}.card-preview,.card-preview.classic,.card-preview.midnight{width:88px;height:124px}.balance-card{min-height:340px;padding:26px;background-image:linear-gradient(180deg,rgba(23,14,78,.2),rgba(25,14,77,.95) 53%,rgba(25,14,77,1)),url("../img/wallet-banner-v2.a3ee0a21d7ae.webp");background-size:auto 210px;background-repeat:no-repeat;background-position:69% top}.balance-card>span{margin-top:145px;display:block}.identity-document-card{padding:14px}.identity-decision-form{padding:19px}.crop-dialog-card{padding:15px}.avatar-crop-dialog{border-radius:17px}.pwa-install{bottom:78px}.admin-kyc-queue .panel-head{align-items:center}}
.reduce-motion .card-stage{animation:none}.reduce-motion .card-preview{transition:none}
.hand button{perspective:700px}.hand .card-face{transform-style:preserve-3d;animation:hand-card-deal .42s cubic-bezier(.2,.8,.3,1) both;background:linear-gradient(145deg,#fff 0%,#eef3ff 70%,#dbe4f7 100%);transition:transform .22s,box-shadow .22s}.hand button:hover .card-face{transform:translateY(-7px) rotateX(8deg) rotateY(-5deg);box-shadow:0 22px 36px #0008}.table-zone .card-face{background:linear-gradient(145deg,#fff,#e9effb);animation:table-card-in .32s ease-out both}@keyframes hand-card-deal{from{opacity:0;transform:translateY(55px) rotateY(55deg) scale(.75)}to{opacity:1;transform:none}}@keyframes table-card-in{from{opacity:0;transform:translateY(-18px) rotateZ(-12deg) scale(.85)}to{opacity:1;transform:none}}.reduce-motion .hand .card-face,.reduce-motion .table-zone .card-face{animation:none}
.safe-economy-banner {
  position: relative;
  z-index: 5;
  padding: .65rem 1rem;
  text-align: center;
  color: #dffcff;
  background: linear-gradient(90deg, #4420a8, #087d91);
  font-size: .88rem;
  font-weight: 700;
}