/* RDXPay v22 source-preserving CSS bundle. Order retained to preserve the existing UI. */

/* ORIGINAL SOURCE: assets/css/app.css */
:root{
  --bg:#f4f8f6;
  --surface:#ffffff;
  --surface-2:#f9fcfa;
  --surface-3:#edf8f3;
  --ink:#1a1e44;
  --ink-2:#2e3256;
  --muted:#6a5c87;
  --muted-2:#7f6da1;
  --line:#e3eee9;
  --line-strong:#b49ce5;
  --brand:#161f70;
  --brand-2:#441a97;
  --brand-dark:#131a5d;
  --brand-soft:#eaf8f2;
  --brand-glow:rgba(22,31,112,.15);
  --graphite:#1b1f46;
  --success:#441a96;
  --success-soft:#eaf8f2;
  --warning:#b87b11;
  --warning-soft:#fff6df;
  --danger:#d84b59;
  --danger-soft:#fff0f2;
  --info:#356edb;
  --info-soft:#edf4ff;
  --shadow-xs:0 2px 8px rgba(16,22,79,.04);
  --shadow-sm:0 7px 20px rgba(16,22,79,.06);
  --shadow:0 16px 38px rgba(16,22,79,.08);
  --shadow-float:0 18px 40px rgba(13,18,66,.16);
  --r-xs:10px;
  --r-sm:13px;
  --r:17px;
  --r-lg:22px;
  --nav-h:68px;
  --content:540px;
  --font:Inter,"Segoe UI","Nirmala UI","Noto Sans Bengali",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.hidden{display:none!important}
::selection{background:rgba(96,68,240,.16)}

/* App frame */
.app-shell{width:100%;max-width:var(--content);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#fff 0,#fbfbfd 100%);position:relative;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px);box-shadow:0 0 0 1px rgba(32,36,42,.025),0 0 50px rgba(28,31,40,.06)}
main{padding:15px 15px 28px}
.detail-page,.home-v7,.buy-v7,.profile-v8,.referral-v8,.wallet-v8,.history-v8,.support-v8{display:flex;flex-direction:column;gap:12px}

/* Header */
.app-header{height:66px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(232,233,240,.95);position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app-header:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(96,68,240,.15),transparent);pointer-events:none}
.app-header-back{display:grid;grid-template-columns:38px minmax(0,1fr) 96px}
.app-header-back .header-logo{justify-self:center}
.header-logo{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:900;letter-spacing:-.35px}
.header-logo-media{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--graphite),#353b45);display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 12px rgba(25,27,34,.13);flex:0 0 34px}
.header-logo-media img{width:26px;height:26px;object-fit:contain;filter:none!important}
.header-logo-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;color:#242832}
.header-actions{display:flex;align-items:center;gap:7px}.header-lang-form{margin:0}
.header-language,.header-icon-btn{height:36px;border:1px solid var(--line);background:#fff;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#4f5661;font-weight:800;box-shadow:var(--shadow-xs);transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}
.header-language{padding:0 10px;font-size:10.5px}.header-language i{font-size:13px;color:var(--brand)}.header-icon-btn{width:36px;font-size:14px;color:var(--brand)}
.header-language:active,.header-icon-btn:active{transform:scale(.96)}

.impersonation-bar{margin:9px 15px 0;padding:9px 11px;background:var(--warning-soft);border:1px solid #f1dfad;border-radius:11px;display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#75540e}.impersonation-bar button{border:0;background:none;color:#75540e;font-weight:900}
.alert{margin:10px 15px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;display:flex;gap:8px;align-items:flex-start;font-size:11px;background:#fff;box-shadow:var(--shadow-xs)}.alert i{margin-top:2px}.alert.success{background:var(--success-soft);border-color:#d7d3ed;color:#321370}.alert.danger{background:var(--danger-soft);border-color:#ffd4d9;color:#a33540}.alert.warning{background:var(--warning-soft);border-color:#f2dfad;color:#765714}.alert.info{background:var(--info-soft);border-color:#d9e5fb;color:#355e95}

/* Floating mobile dock */
.bottom-nav{position:fixed;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 20px),520px);min-height:62px;padding:6px;background:rgba(32,36,42,.97);border:1px solid rgba(255,255,255,.07);border-radius:19px;display:grid;z-index:120;box-shadow:var(--shadow-float);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav-item{min-width:0;min-height:50px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#a9afb8;font-size:8.4px;font-weight:800;letter-spacing:-.05px;transition:transform .11s ease,background .14s ease,color .14s ease}
.nav-item .nav-icon-wrap{width:29px;height:27px;border-radius:10px;display:grid;place-items:center;transition:.14s ease}
.nav-item i{font-size:16px;line-height:1}.nav-item.active{color:#fff;background:linear-gradient(145deg,rgba(22,31,112,.34),rgba(68,26,151,.18))}.nav-item.active .nav-icon-wrap{background:var(--brand);box-shadow:0 5px 12px rgba(22,31,112,.34);color:#fff}.nav-item:active{transform:scale(.96)}

/* Buttons */
.btn{min-height:44px;border:0;border-radius:12px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:11.5px;letter-spacing:-.05px;transition:transform .10s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.975)}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 8px 17px rgba(22,31,112,.23)}.btn-primary:hover{box-shadow:0 10px 20px rgba(22,31,112,.28)}
.btn-soft{background:var(--brand-soft);color:var(--brand-dark)}.btn-light,.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-outline:hover{border-color:#ae96dd;background:#f7fbf9}.btn-block{width:100%}.btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.btn.is-loading{pointer-events:none}.btn.is-loading:before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

.status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 8px;border-radius:999px;font-size:8.5px;font-weight:900;text-transform:capitalize;white-space:nowrap}.status.success{background:var(--success-soft);color:#351476}.status.warning{background:var(--warning-soft);color:#85600f}.status.danger{background:var(--danger-soft);color:#b13b47}.status.muted{background:#f0f1f4;color:#707883}.status.info{background:var(--info-soft);color:#3a659c}

/* Shared section language */
.section-head-v7{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.section-head-v7>div>span,.menu-label-v7,.menu-title-v8{display:block;font-size:7.5px;line-height:1.2;font-weight:900;letter-spacing:.10em;text-transform:uppercase;color:#979da7}.section-head-v7 h2{margin:4px 0 0;font-size:14px;line-height:1.2;letter-spacing:-.2px;color:var(--ink)}.section-head-v7>a{font-size:9.5px;font-weight:850;color:var(--brand)}.section-subtitle{margin:5px 0 0;color:var(--muted);font-size:9.5px;line-height:1.55}
.v7-section,.plain-section,.form-card,.wallet-hero,.support-ticket-card,.support-ticket-list-v7,.referral-code-card,.referral-stats-v7,.referral-levels-v7,.package-checkout-card,.pay-to-card,.purchase-proof-card,.transfer-v7,.ticket-head-v7,.ticket-reply-v7,.security-hero-v7,.security-card-v8,.ref-share-card-v8,.ref-stats-card-v8,.ref-level-card-v8{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-xs);padding:13px}
.optional-pill{font-size:7.5px;font-weight:800;color:#7d8490;background:#f0f1f4;padding:2px 6px;border-radius:999px}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800;color:#4b515c}.field-note,.helper{font-size:8.5px;color:var(--muted)}
.input-shell{position:relative}.input-shell>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8d93a0;font-size:13px;z-index:2}.input-shell>.input{padding-left:39px}
.input,.select,.textarea{width:100%;border:1px solid #e0e2ea;background:#fbfbfd;color:var(--ink);border-radius:12px;outline:none;font-size:11.5px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.input,.select{height:44px;padding:0 12px}.textarea{min-height:100px;padding:11px 12px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#a2a7b1}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:#a28bcd;box-shadow:0 0 0 3px rgba(22,31,112,.08)}
.password-wrap>.input{padding-right:45px}.password-toggle{position:absolute;right:5px;top:4px;width:36px;height:36px;border:0;background:none;color:#818895;display:grid;place-items:center;border-radius:10px}.password-toggle:active{background:var(--brand-soft);color:var(--brand)}
.proof-upload{min-height:66px;border:1px dashed #b29ae2;border-radius:13px;background:#f7fbf9;display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;cursor:pointer;transition:.12s}.proof-upload:hover{border-color:#a38dcf;background:#f3faf6}.proof-upload input{display:none}.proof-upload>i{width:36px;height:36px;border-radius:10px;background:#eceaf8;color:var(--brand);display:grid;place-items:center;font-size:14px}.proof-upload strong{font-size:9.5px}.proof-upload span span{display:block;margin-top:2px;font-size:8px;color:var(--muted)}

/* Auth — compact above fold, useful content below */
.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(96,68,240,.10),transparent 32%),linear-gradient(180deg,#f8f8fc,#f3f4f8)}
.auth-shell{width:100%;max-width:470px;min-height:100vh;margin:0 auto;padding-bottom:22px;background:transparent}
.auth-hero{margin:0;padding:16px 15px 45px;background:linear-gradient(145deg,#252933 0,#20242a 58%,#2c2d3a 100%);color:#fff;position:relative;overflow:hidden;border-radius:0 0 28px 28px}
.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-hero:before{width:190px;height:190px;right:-85px;top:-100px;background:radial-gradient(circle,rgba(124,92,255,.36),rgba(68,26,151,0) 68%)}.auth-hero:after{width:100px;height:100px;left:-48px;bottom:-45px;background:rgba(96,68,240,.13)}
.auth-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.auth-brand-wrap{height:38px;min-width:105px;padding:4px 10px 4px 5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:12px;display:inline-flex;align-items:center;gap:7px}.auth-brand-wrap:after{content:"RDXPAY";font-size:11px;font-weight:900;letter-spacing:.05em;color:#fff}.auth-brand{width:28px;height:28px;object-fit:contain;border-radius:8px;background:transparent;padding:0;filter:none!important}
.auth-language,.auth-back{height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:10px;color:#fff;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}
.auth-kicker{margin-top:17px;display:flex;align-items:center;gap:7px;font-size:7.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#cfc8ff;position:relative;z-index:2}.auth-kicker i{font-size:10px}.auth-hero h1{margin:5px 0 4px;font-size:22px;line-height:1.15;letter-spacing:-.5px;position:relative;z-index:2}.auth-hero p{margin:0;max-width:350px;font-size:9.5px;line-height:1.55;color:#c6cad0;position:relative;z-index:2}
.auth-card{position:relative;z-index:4;margin:-28px 14px 0;padding:16px;background:#fff;border:1px solid rgba(232,233,240,.95);border-radius:20px;box-shadow:0 18px 40px rgba(23,25,32,.12)}
.auth-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.auth-card-heading span{font-size:7px;color:#9298a2;font-weight:900;letter-spacing:.10em}.auth-card-heading h2{margin:3px 0 0;font-size:15px;line-height:1.2;letter-spacing:-.2px}.secure-dot,.step-chip{height:25px;padding:0 8px;border-radius:999px;background:var(--success-soft);color:#361576;display:flex;align-items:center;gap:5px;font-size:7.3px;font-weight:900;white-space:nowrap}.secure-dot i{width:6px;height:6px;border-radius:50%;background:#4e20a8;box-shadow:0 0 0 3px rgba(78,32,168,.12)}
.auth-options{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.auth-options>a{font-size:9.5px;color:var(--brand);font-weight:850}.remember-check{display:flex!important;align-items:center;gap:7px!important;font-size:9.5px!important;font-weight:750!important}.remember-check input{width:15px;height:15px;accent-color:var(--brand)}
.auth-divider{display:flex;align-items:center;gap:10px;color:#959ba5;font-size:8px;margin:14px 0 10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-links{text-align:center;margin-top:13px;color:var(--muted);font-size:9.5px}.auth-links a{color:var(--brand);font-weight:850}.auth-alert{margin:0 0 11px}
.auth-info{margin:12px 14px 0;padding:14px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-xs)}.auth-info-head>span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#969ca6}.auth-info-head h3{margin:3px 0 10px;font-size:13px}.auth-info-list{display:grid;gap:7px}.auth-info-item{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:8px;border-radius:12px;background:#fff;border:1px solid #ececf2}.auth-info-item>i{width:32px;height:32px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:12px}.auth-info-item strong{display:block;font-size:9.5px}.auth-info-item span{display:block;margin-top:2px;font-size:8px;line-height:1.45;color:var(--muted)}.auth-footlinks{display:flex;justify-content:center;gap:8px;margin:14px 0 0;color:#8c929c;font-size:8.5px}.auth-footlinks a{font-weight:800}.auth-trust{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.auth-trust>div{height:34px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#69707a}.auth-trust i{color:var(--brand)}

/* OTP bottom sheet */
.bottom-sheet-backdrop{position:fixed;inset:0;background:rgba(23,25,32,.55);z-index:300;display:none;align-items:flex-end;justify-content:center;padding:24px 10px 0;backdrop-filter:blur(4px)}.bottom-sheet-backdrop.open{display:flex;animation:fadeIn .18s ease}.bottom-sheet{width:min(100%,470px);max-height:92vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 50px rgba(23,25,32,.18);animation:sheetUp .24s cubic-bezier(.2,.8,.2,1)}
.sheet-handle{width:42px;height:4px;border-radius:999px;background:#d8dae1;margin:0 auto 12px}.otp-illustration{display:flex;align-items:center;gap:10px}.otp-icon{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:17px}.otp-illustration span,.sheet-title-v8 span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#9298a2}.otp-illustration h2,.sheet-title-v8 h2{margin:3px 0 0;font-size:15px}.bottom-sheet>p{margin:11px 0;color:var(--muted);font-size:9.5px;line-height:1.5}.bottom-sheet>p strong{color:var(--ink)}
.otp-cells{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.otp-cell{width:100%;height:47px;border:1px solid #dfe1e9;border-radius:11px;background:#fbfbfd;text-align:center;font-size:17px;font-weight:900;outline:none;color:var(--ink);caret-color:var(--brand)}.otp-cell:focus{border-color:#a99ff5;background:#fff;box-shadow:0 0 0 3px rgba(22,31,112,.08)}.otp-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.otp-actions .btn{min-height:36px;font-size:9px}.otp-help{font-size:8px;color:var(--muted)}.sheet-message{min-height:17px;margin:6px 0;font-size:8.5px;color:var(--muted)}
.sheet-title-v8{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.sheet-title-v8>i{width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:16px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes sheetUp{from{transform:translateY(18px);opacity:.7}to{transform:none;opacity:1}}

/* Home */
.banner-slider{overflow:hidden;border-radius:17px;position:relative;background:#f0eff8;box-shadow:var(--shadow-xs)}.banner-track{display:flex;transition:transform .42s cubic-bezier(.2,.75,.25,1)}.banner-card-v7{position:relative;min-width:100%;aspect-ratio:16/5;overflow:hidden;background:#efeff5}.banner-card-v7>img{width:100%;height:100%;object-fit:cover}.banner-copy-v7{position:absolute;inset:auto 0 0;padding:22px 13px 10px;background:linear-gradient(180deg,transparent,rgba(20,22,30,.62));color:#fff}.banner-copy-v7 strong{display:block;font-size:12px}.banner-copy-v7 span{display:block;margin-top:2px;font-size:8.5px;color:#e9eaf0}.banner-dots{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:4px}.banner-dots i{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.5);transition:.2s}.banner-dots i.active{width:15px;background:#fff}
.home-notice{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border-radius:12px;background:#f8f7ff;border:1px solid #e2dff1;color:#432c6f;font-size:9px}.home-notice i{margin-top:2px;color:var(--brand)}
.home-wallet-card{min-height:118px;padding:15px 16px;border-radius:20px;background:linear-gradient(135deg,#292d37 0,#252934 46%,#161f70 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;overflow:hidden;box-shadow:0 16px 34px rgba(31,33,42,.16)}.home-wallet-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-72px;top:-76px;background:radial-gradient(circle,rgba(68,26,151,.40),rgba(68,26,151,0) 68%)}.wallet-copy{position:relative;z-index:2}.wallet-copy>span{display:block;font-size:8px;font-weight:800;color:#c8cbd2;text-transform:uppercase;letter-spacing:.08em}.wallet-copy>strong{display:block;margin-top:3px;font-size:24px;line-height:1.08;letter-spacing:-.6px}.wallet-copy>small{display:block;margin-top:7px;font-size:8.5px;color:#d3d5db}.wallet-art{position:relative;z-index:2;width:47px;height:47px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}.wallet-art i{font-size:19px;color:#e4e0f5}
.home-identity{margin-top:-3px}.identity-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.identity-meta>div,.identity-meta>button{min-width:0;min-height:43px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:left;box-shadow:var(--shadow-xs)}.identity-meta>button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;color:inherit}.identity-meta span{display:block;font-size:7px;font-weight:850;color:#979da7;text-transform:uppercase;letter-spacing:.06em}.identity-meta b{display:block;margin-top:2px;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-meta button i{grid-column:2;grid-row:1/3;color:var(--brand);font-size:11px}
.home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.home-actions>a{min-width:0;padding:9px 5px 8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center;box-shadow:var(--shadow-xs);transition:transform .11s ease,border-color .12s ease,box-shadow .12s ease}.home-actions>a:active{transform:scale(.97)}.home-actions>a>span{width:35px;height:35px;margin:0 auto 6px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.home-actions i{font-size:14px}.home-actions strong{display:block;font-size:8.8px;line-height:1.25}.home-actions small{display:block;margin-top:2px;font-size:7px;color:var(--muted);line-height:1.25}
.home-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.home-stats article{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}.stat-icon{width:31px;height:31px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:7px}.stat-icon i{font-size:12px}.home-stats article>span{display:block;font-size:7.5px;color:var(--muted)}.home-stats article>strong{display:block;margin-top:2px;font-size:12px}.home-stats article>small{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}
.active-package-v7,.active-package-strip-v8{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e1dfee;border-radius:15px;background:linear-gradient(135deg,#f7fbf9,#f1f9f5);box-shadow:var(--shadow-xs)}.package-v7-icon,.icon-box-v8{width:36px;height:36px;border-radius:11px;background:#eceaf8;color:var(--brand);display:grid;place-items:center;flex:0 0 36px}.package-v7-copy{min-width:0;flex:1}.package-v7-copy>span,.active-package-strip-v8 small{display:block;font-size:7px;font-weight:900;color:#655780;letter-spacing:.07em}.package-v7-copy>strong,.active-package-strip-v8 strong{display:block;margin-top:2px;font-size:10px}.package-v7-copy>small,.active-package-strip-v8 span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}.active-package-v7>a,.active-package-strip-v8>a{margin-left:auto;font-size:8.5px;font-weight:900;color:var(--brand)}
.how-it-works{padding:13px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-xs)}.work-steps{display:grid;gap:0;margin-top:7px}.work-steps>div{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #eff0f4}.work-steps>div:first-child{border-top:0}.work-steps b{width:27px;height:27px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:8.5px}.work-steps p{margin:0}.work-steps strong{display:block;font-size:9px}.work-steps span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}

/* Intro cards */
.page-intro-v7,.v8-intro-card{padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f7fbf9);box-shadow:var(--shadow-xs)}.page-intro-v7{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.page-intro-v7>div>span,.v8-intro-card span{font-size:7px;font-weight:900;letter-spacing:.10em;color:#969ca6}.page-intro-v7 h1,.v8-intro-card h1{margin:3px 0 4px;font-size:15px;line-height:1.2}.page-intro-v7 p,.v8-intro-card p{margin:0;font-size:8.5px;line-height:1.55;color:var(--muted)}.page-intro-v7>a{height:31px;padding:0 9px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:850;color:#555c66;white-space:nowrap;background:#fff}.v8-intro-card{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.v8-intro-card>i{width:38px;height:38px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:14px}

/* Packages */
.pending-package-banner{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #f1dfad;border-radius:13px;background:var(--warning-soft)}.pending-package-banner>i{width:34px;height:34px;border-radius:10px;background:#fff1c6;color:#9a6e12;display:grid;place-items:center}.pending-package-banner strong{display:block;font-size:9px}.pending-package-banner span:not(.status){display:block;margin-top:2px;font-size:7.5px;color:#846725}.active-package-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:13px;background:var(--success-soft);border:1px solid #d7d3ec}.active-package-strip>div{display:flex;align-items:center;gap:8px}.active-package-strip>div>i{color:var(--success)}.active-package-strip span{display:block;font-size:7px;color:#6e5f8b;font-weight:900}.active-package-strip strong{display:block;font-size:9.5px}.active-package-strip b{font-size:8px;color:#351476}
.package-grid-v7{display:grid;gap:9px}.package-card-v7{padding:12px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.package-card-v7.featured{border-color:#d9d3ff;box-shadow:0 8px 22px rgba(22,31,112,.08)}.package-card-v7.featured:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.package-card-head{display:flex;gap:10px;align-items:center}.package-wallet-logo{width:44px;height:44px;border:1px solid #ececf2;border-radius:12px;background:#fff;display:grid;place-items:center;padding:5px;overflow:hidden;flex:0 0 44px}.package-wallet-logo.large{width:50px;height:50px;border-radius:14px;flex-basis:50px}.package-wallet-logo img,.payment-logo-v8 img{width:100%;height:100%;object-fit:contain}.package-title-v7{min-width:0}.package-title-v7>span{font-size:7px;font-weight:900;color:#989da6;letter-spacing:.08em}.package-title-v7 h2{margin:2px 0 0;font-size:12px}.package-title-v7 p{margin:2px 0 0;font-size:8px;color:var(--muted)}
.package-price-row{display:flex;align-items:end;justify-content:space-between;margin-top:10px;padding:9px 10px;background:#f8f8fb;border-radius:11px}.package-price-row span{font-size:8px;color:var(--muted)}.package-price-row strong{font-size:16px;line-height:1}.package-reward-v7,.checkout-reward{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.package-reward-v7>div,.checkout-reward>div{padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:#fff}.package-reward-v7 span,.checkout-reward span{display:block;font-size:7px;color:var(--muted)}.package-reward-v7 strong,.checkout-reward b{display:block;margin-top:2px;font-size:10px}.package-reward-v7 small{display:block;font-size:6.8px;color:#969ca5}.claim-purchase-btn{margin-top:9px;min-height:40px;border-radius:11px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;box-shadow:0 7px 15px rgba(96,68,240,.20);transition:.11s}.claim-purchase-btn:active{transform:scale(.98)}
.package-checkout-card{background:linear-gradient(145deg,#fff,#f8fbf9)}.checkout-head{display:flex;align-items:center;gap:10px}.checkout-head span{font-size:7px;font-weight:900;color:#969ca6;letter-spacing:.08em}.checkout-head h1{margin:2px 0 0;font-size:15px}.checkout-head p{margin:2px 0 0;font-size:8px;color:var(--muted)}.checkout-price{margin-top:11px;padding:11px;border-radius:13px;background:linear-gradient(135deg,#282c36,#191f56);color:#fff}.checkout-price span{display:block;font-size:7.5px;color:#cfd2d8}.checkout-price strong{display:block;margin-top:2px;font-size:21px;letter-spacing:-.4px}
.company-wallet-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#fafafd}.company-wallet-box span{display:block;font-size:7px;color:var(--muted)}.company-wallet-box strong{display:block;margin-top:2px;font-size:11px}.company-wallet-box small{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.company-wallet-box button{height:31px;padding:0 9px;border:0;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:8px;font-weight:900;display:flex;align-items:center;gap:5px}.exact-amount,.verification-note,.info-note-v8{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;margin-top:8px;border-radius:11px;background:#f3f9f6;color:#564970;font-size:8px;line-height:1.5}.exact-amount i,.verification-note i,.info-note-v8 i{color:var(--brand);margin-top:2px}.payment-note{margin:8px 0 0;padding:8px 10px;border-left:3px solid #ae96dd;background:#f8fbf9;color:#5e5177;font-size:8px;line-height:1.55}
.wallet-not-ready{display:grid;grid-template-columns:36px 1fr;gap:9px;padding:12px;border:1px solid #f0dfae;border-radius:14px;background:var(--warning-soft)}.wallet-not-ready>i{width:36px;height:36px;border-radius:11px;background:#fff0c8;color:#9a7017;display:grid;place-items:center}.wallet-not-ready strong{display:block;font-size:9px}.wallet-not-ready span{display:block;margin-top:2px;font-size:7.5px;color:#80682c}

/* Profile / account */
.account-card-v8{padding:14px;border-radius:20px;background:linear-gradient(135deg,#282c36 0,#252934 58%,#161f70 100%);color:#fff;box-shadow:0 16px 34px rgba(31,33,42,.16);position:relative;overflow:hidden}.account-card-v8:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-95px;top:-95px;background:radial-gradient(circle,rgba(68,26,151,.46),rgba(68,26,151,0) 70%)}.account-head-v8{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:10px;align-items:center;position:relative;z-index:2}.account-avatar-v8{width:45px;height:45px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;overflow:hidden;color:#e7e4f6}.account-avatar-v8 img{width:100%;height:100%;object-fit:cover}.account-avatar-v8 i{font-size:17px}.account-copy-v8 span{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:#bfc2ca}.account-copy-v8 h1{margin:2px 0 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy-v8 p{margin:2px 0 0;font-size:7.5px;color:#c9ccd3}.account-edit-v8{height:31px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;gap:5px;font-size:8px;font-weight:850;position:relative;z-index:2}.identity-row-v8{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;position:relative;z-index:2}.identity-row-v8>div,.identity-row-v8>button{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;text-align:left}.identity-row-v8>button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:6px}.identity-row-v8 span{display:block;font-size:6.5px;color:#c4c7cf}.identity-row-v8 strong{display:block;margin-top:2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-row-v8 button i{grid-column:2;grid-row:1/3;color:#eae7f7;font-size:10px}
.balance-card-v8{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden}.balance-card-v8>div{padding:11px 12px}.balance-card-v8>div+div{border-left:1px solid var(--line)}.balance-card-v8 span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:850;letter-spacing:.05em}.balance-card-v8 strong{display:block;margin-top:3px;font-size:17px;color:var(--ink)}.balance-card-v8 b{display:block;margin-top:4px;font-size:11px;color:var(--success)}
.account-shortcuts-v8{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.account-shortcuts-v8>a{min-width:0;padding:9px 6px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:center;box-shadow:var(--shadow-xs)}.account-shortcuts-v8>a>i{width:32px;height:32px;margin:0 auto 5px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:12px}.account-shortcuts-v8 strong{display:block;font-size:8.5px}.account-shortcuts-v8 span{display:block;margin-top:2px;font-size:6.8px;color:var(--muted)}
.account-menu-v8{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:var(--shadow-xs)}.menu-title-v8{padding:10px 12px 6px}.account-menu-v8>a{min-height:54px;padding:8px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;gap:9px;align-items:center;border-top:1px solid #eff0f4}.account-menu-v8>a:nth-of-type(1){border-top:0}.account-menu-v8>a>span{width:34px;height:34px;border-radius:10px;background:#edf8f3;color:var(--brand);display:grid;place-items:center}.account-menu-v8>a>span i{font-size:12px}.account-menu-v8 strong{display:block;font-size:9.2px}.account-menu-v8 small{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}.account-menu-v8>a>i{color:#b3b7c0;font-size:9px}.signout-v8{min-height:43px;border:1px solid #f2d4d8;border-radius:13px;background:#fff7f8;color:#c3424f;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9.5px;font-weight:900}

/* Referral */
.ref-overview-v8{padding:14px;border-radius:20px;background:linear-gradient(135deg,#282c36,#2b2d39 55%,#40318f);color:#fff;box-shadow:0 16px 34px rgba(31,33,42,.15);overflow:hidden;position:relative}.ref-overview-v8:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-92px;bottom:-105px;background:radial-gradient(circle,rgba(124,92,255,.62),rgba(68,26,151,0) 68%)}.ref-overview-head{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:12px;align-items:start;position:relative;z-index:2}.ref-overview-head>i{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:#e7e4f6;font-size:16px}.ref-overview-head span{font-size:7px;font-weight:900;letter-spacing:.10em;color:#c8cad2}.ref-overview-head h1{margin:3px 0 4px;font-size:15px;line-height:1.25}.ref-overview-head p{margin:0;max-width:330px;font-size:8px;line-height:1.55;color:#c9ccd4}.ref-mini-stats-v8{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;position:relative;z-index:2}.ref-mini-stats-v8>div{padding:8px 9px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.07)}.ref-mini-stats-v8 span{display:block;font-size:6.8px;color:#c5c8d0}.ref-mini-stats-v8 strong{display:block;margin-top:2px;font-size:10px}.ref-code-line-v8{display:flex;align-items:center;justify-content:space-between;gap:10px}.ref-code-line-v8 span{display:block;font-size:7px;color:var(--muted)}.ref-code-line-v8 strong{display:block;margin-top:2px;font-size:11px;letter-spacing:.02em}.ref-code-line-v8 button,.ref-link-line-v8 button{height:31px;padding:0 9px;border:0;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:8px;font-weight:900}.ref-link-line-v8{display:grid;grid-template-columns:minmax(0,1fr) 31px;gap:7px;align-items:center;margin-top:8px;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:#fafafd}.ref-link-line-v8>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7.3px;color:var(--muted)}.ref-link-line-v8 button{padding:0;width:31px}.share-grid-v8{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.share-grid-v8>a,.share-grid-v8>button{min-width:0;height:52px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#555c66;font-size:7px;font-weight:800}.share-grid-v8 i{font-size:13px;color:var(--brand)}.ref-day-grid-v8{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.ref-day-grid-v8>div{padding:9px;border:1px solid var(--line);border-radius:12px;background:#fafafd}.ref-day-grid-v8>b,.ref-day-grid-v8>div>b{font-size:7px;color:#8c92a0;letter-spacing:.07em}.ref-day-grid-v8 p{margin:6px 0 0}.ref-day-grid-v8 p span{display:block;font-size:7px;color:var(--muted)}.ref-day-grid-v8 p strong{display:block;margin-top:1px;font-size:9px}.level-list-v8{display:grid;gap:6px;margin-top:8px}.level-list-v8>div{display:grid;grid-template-columns:54px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#fafafd}.level-list-v8 span{font-size:7px;color:var(--muted)}.level-list-v8 strong{font-size:8px}.level-list-v8 small{font-size:7px;color:var(--muted)}
.qr-canvas-wrap-v8{width:176px;height:176px;margin:12px auto;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow-xs)}.qr-canvas-wrap-v8 canvas{width:154px!important;height:154px!important}.qr-actions-v8{display:grid;grid-template-columns:1fr 1fr;gap:7px}

/* Wallet */
.wallet-summary-v8{padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f7fbf9);display:grid;grid-template-columns:1fr 44px;gap:10px;align-items:center;box-shadow:var(--shadow-xs)}.wallet-summary-v8>i{width:44px;height:44px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:16px}.wallet-summary-v8>div:first-child span{font-size:7px;color:var(--muted);font-weight:850}.wallet-summary-v8 h1{margin:2px 0 0;font-size:15px}.wallet-summary-v8 p{margin:3px 0 0;font-size:8px;color:var(--muted)}.wallet-count-v8{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.wallet-count-v8 span{height:25px;padding:0 8px;border-radius:8px;background:#edf8f3;color:#6b61a1;display:flex;align-items:center;gap:4px;font-size:7px}.wallet-count-v8 b{font-size:8px}.wallet-actions-v8{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.wallet-actions-v8>a{padding:9px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;box-shadow:var(--shadow-xs)}.wallet-actions-v8>a>i{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:12px}.wallet-actions-v8 strong{display:block;font-size:9px}.wallet-actions-v8 span{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.wallet-list-v8{display:grid;gap:7px}.wallet-list-v8 article{padding:8px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;box-shadow:var(--shadow-xs)}.payment-logo-v8{width:42px;height:42px;padding:5px;border:1px solid #eeeeF3;border-radius:11px;background:#fff}.wallet-list-v8 strong{display:block;font-size:9px}.wallet-list-v8 article div:nth-child(2)>span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.choice-card{min-height:60px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:8px;position:relative}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card img{width:38px;height:38px;object-fit:contain}.choice-card span{font-size:8.5px;font-weight:850}.choice-card:has(input:checked){border-color:#aa93d8;background:#f6fbf8;box-shadow:0 0 0 2px rgba(96,68,240,.06)}
.payment-detail{padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.payment-detail-head{display:flex;align-items:center;gap:9px}.payment-detail-head>img{width:42px;height:42px;object-fit:contain;border:1px solid var(--line);border-radius:10px;padding:4px}.payment-detail-head strong{display:block;font-size:9.5px}.payment-detail-head span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}.payment-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid #eff0f4;font-size:8px}.copy-value{display:flex;align-items:center;gap:7px}.copy-value strong{font-size:10px}.icon-copy-btn{width:31px;height:31px;border:0;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}
.withdraw-balance-v8{padding:14px;border-radius:17px;background:linear-gradient(135deg,#282c36,#3d2e8b);color:#fff;box-shadow:0 14px 28px rgba(31,33,42,.15)}.withdraw-balance-v8>span{display:block;font-size:7px;color:#c7cad2;text-transform:uppercase;letter-spacing:.07em}.withdraw-balance-v8 strong{display:block;margin-top:2px;font-size:21px}.withdraw-balance-v8 p{margin:4px 0 0;font-size:8px;color:#d0d2d8}.withdraw-wallet-options{display:grid;gap:7px}.withdraw-wallet-choice{min-height:55px;padding:7px 9px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;position:relative}.withdraw-wallet-choice input{position:absolute;opacity:0}.withdraw-wallet-choice>img{width:36px;height:36px;object-fit:contain}.withdraw-wallet-choice strong{display:block;font-size:9px}.withdraw-wallet-choice small{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.withdraw-wallet-choice>i{width:17px;height:17px;border:2px solid #d7d9e1;border-radius:50%}.withdraw-wallet-choice:has(input:checked){border-color:#aa93d8;background:#f6fbf8}.withdraw-wallet-choice:has(input:checked)>i{border:5px solid var(--brand)}

/* History / lists */
.range-scroll{display:flex;gap:6px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.range-scroll::-webkit-scrollbar{display:none}.range-tab{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#fff;display:inline-flex;align-items:center;white-space:nowrap;font-size:8px;font-weight:800;color:#6f7580}.range-tab.active{background:var(--graphite);border-color:var(--graphite);color:#fff}.history-filter .select{height:38px}.history-list{display:grid;gap:7px}.history-row{padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;box-shadow:var(--shadow-xs)}.history-icon{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:12px}.history-row strong{display:block;font-size:9px}.history-row div>span{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.history-side{text-align:right}.history-amount{display:block!important;margin:0!important;font-size:8.5px!important;font-weight:900}.history-amount.credit{color:var(--success)!important}.history-amount.debit{color:var(--danger)!important}
.empty-state{padding:23px 16px;border:1px dashed #dddbe9;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fbf9);text-align:center}.empty-state>i{width:44px;height:44px;border-radius:13px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:16px;margin:0 auto 8px}.empty-state strong{display:block;font-size:10px}.empty-state span{display:block;margin:4px auto 0;max-width:300px;font-size:8.5px;line-height:1.5;color:var(--muted)}.empty-state .btn{margin-top:10px}

/* Support / Security */
.support-methods-v8{display:grid;gap:7px}.support-methods-v8>a{padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;gap:8px;align-items:center}.support-methods-v8>a>i:first-child{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:13px}.support-methods-v8 strong{display:block;font-size:9px}.support-methods-v8 span{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.support-methods-v8>a>i:last-child{font-size:9px;color:#b6bac3}.security-card-v8{padding:0;overflow:hidden}.security-email-v8{min-height:56px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fafafd}.security-email-v8 span:first-child{display:block;font-size:7px;color:var(--muted)}.security-email-v8 strong{display:block;margin-top:2px;font-size:9.5px}.security-card-v8>a{min-height:54px;padding:8px 11px;display:grid;grid-template-columns:34px minmax(0,1fr) 12px;gap:9px;align-items:center;border-top:1px solid var(--line)}.security-card-v8>a>span{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.security-card-v8 strong{display:block;font-size:9px}.security-card-v8 small{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.security-card-v8>a>i{font-size:9px;color:#b5b9c1}

/* FAQ / tutorial / rewards / team / ticket generic */
.faq-list-v7,.tutorial-list-v8,.team-list-v8,.reward-page-list{display:grid;gap:7px}.faq-item-v7,.tutorial-list-v8>a,.team-list-v8>article,.reward-page-card{padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.faq-item-v7 summary{font-size:9px;font-weight:850;cursor:pointer}.faq-item-v7 p{margin:6px 0 0;font-size:8px;color:var(--muted);line-height:1.55}.tutorial-list-v8>a{display:grid;grid-template-columns:42px minmax(0,1fr) 12px;gap:9px;align-items:center}.tutorial-list-v8>a>img,.tutorial-icon-v8{width:42px;height:42px;border-radius:10px;object-fit:cover;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.tutorial-list-v8 strong,.team-list-v8 strong{display:block;font-size:9px}.tutorial-list-v8 div>span,.team-list-v8 span,.team-list-v8 small{display:block;margin-top:2px;font-size:7.3px;color:var(--muted)}.team-list-v8>article{display:flex;align-items:center;gap:9px}.team-avatar-v8{width:36px;height:36px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:0 0 36px}.reward-page-card{display:grid;grid-template-columns:44px 1fr;gap:9px}.reward-page-media{width:44px;height:44px;border-radius:11px;background:var(--brand-soft);display:grid;place-items:center;overflow:hidden;color:var(--brand)}.reward-page-media img{width:100%;height:100%;object-fit:cover}.reward-page-copy strong{font-size:9.5px}.reward-page-copy p{margin:3px 0;font-size:7.5px;color:var(--muted)}.reward-values{display:flex;gap:5px;flex-wrap:wrap}.reward-values span{font-size:7px;font-weight:850;color:var(--brand);background:var(--brand-soft);padding:3px 6px;border-radius:999px}
.ticket-messages-v7{display:grid;gap:8px}.ticket-bubble-v7{max-width:86%;padding:9px 10px;border-radius:13px;background:#edf8f3;font-size:8.5px}.ticket-bubble-v7.admin{margin-left:auto;background:#282c36;color:#fff}.ticket-bubble-meta{margin-top:4px;font-size:6.5px;color:var(--muted)}.ticket-bubble-v7.admin .ticket-bubble-meta{color:#bfc2ca}.ticket-attachment{display:block;margin-top:7px;border-radius:9px;overflow:hidden}.ticket-reply-v7{position:sticky;bottom:82px}

/* Legal/system */
.legal-page{display:grid;gap:12px}.legal-page h1{margin:0;font-size:18px}.legal-page h2{font-size:13px}.legal-page p,.legal-page li{font-size:9.5px;line-height:1.65;color:#59606b}.system-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.system-card{width:min(100%,430px);padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);text-align:center}.system-card>img{height:34px;margin:0 auto 14px;object-fit:contain}.system-icon{width:48px;height:48px;border-radius:15px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin:0 auto 10px;font-size:20px;font-weight:900}.system-card h1{font-size:17px}.system-card p{font-size:10px;color:var(--muted);line-height:1.6}

/* Toast */
.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:500;width:min(calc(100% - 28px),420px);background:#252932;color:#fff;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;font-size:9.5px;font-weight:800;box-shadow:0 14px 30px rgba(18,20,27,.24)}

/* Micro-motion */
@media(hover:hover){.home-actions>a:hover,.account-shortcuts-v8>a:hover,.package-card-v7:hover,.wallet-list-v8 article:hover,.history-row:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#ded9fb}}
.package-card-v7,.home-actions>a,.account-shortcuts-v8>a,.wallet-list-v8 article,.history-row{transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}

/* Desktop */
@media(min-width:820px){
  :root{--content:920px}
  .app-shell{border-left:1px solid rgba(232,233,240,.8);border-right:1px solid rgba(232,233,240,.8)}
  .app-header{padding:0 24px}.header-logo-name{max-width:160px;font-size:14px}
  main{padding:20px 24px 32px}
  .home-v7,.profile-v8,.referral-v8,.buy-v7,.detail-page,.wallet-v8,.history-v8,.support-v8{max-width:760px;margin-left:auto;margin-right:auto}
  .package-grid-v7{grid-template-columns:1fr 1fr}
  .home-actions{gap:9px}.home-actions>a{padding:12px 8px 10px}.home-actions>a>span{width:39px;height:39px}.home-actions strong{font-size:9.5px}.home-actions small{font-size:7.5px}
  .bottom-nav{width:560px}
  .auth-shell{max-width:500px;padding-top:22px;padding-bottom:32px}.auth-hero{border-radius:26px 26px 28px 28px;margin:0 12px;padding-left:18px;padding-right:18px}.auth-card{margin-left:26px;margin-right:26px}.auth-info{margin-left:26px;margin-right:26px}
}
@media(max-width:420px){
  main{padding-left:12px;padding-right:12px}.app-header{padding-left:12px;padding-right:12px}.bottom-nav{width:calc(100% - 14px);bottom:max(7px,env(safe-area-inset-bottom));border-radius:17px}.nav-item{font-size:7.8px}.nav-item .nav-icon-wrap{width:27px;height:26px}.nav-item i{font-size:15px}.header-logo-name{font-size:12px}.auth-card,.auth-info{margin-left:11px;margin-right:11px}.auth-hero{padding-left:12px;padding-right:12px}.home-actions{gap:6px}.home-actions small{display:none}.account-shortcuts-v8 span{display:none}.ref-overview-head{grid-template-columns:minmax(0,1fr) 39px}.ref-overview-head>i{width:39px;height:39px}.ref-day-grid-v8{gap:6px}
}
@media(max-width:350px){
  .header-language span{display:none}.header-language{width:34px;padding:0}.auth-language{padding:0 8px}.identity-row-v8,.ref-day-grid-v8,.form-grid{grid-template-columns:1fr}.share-grid-v8{grid-template-columns:repeat(2,1fr)}.account-shortcuts-v8{grid-template-columns:1fr 1fr}.otp-cells{gap:4px}.otp-cell{height:44px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Operational work / transaction pages */
.locked-tasks-v7{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:9px;padding:10px;border:1px solid #e3e1ef;border-radius:13px;background:#f3faf6}.locked-tasks-v7>i{width:38px;height:38px;border-radius:11px;background:#eceaf8;color:var(--brand);display:grid;place-items:center}.locked-tasks-v7 strong{display:block;font-size:9px}.locked-tasks-v7 span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}
.task-list-v7{display:grid;gap:8px}.task-card-v7{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}.task-main-v7{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.task-main-v7>div>span{display:block;font-size:7px;color:var(--muted);font-weight:800}.task-main-v7 strong{display:block;margin-top:2px;font-size:12px}.task-main-v7 small{display:block;margin-top:2px;font-size:7.3px;color:var(--muted)}.task-reward-pill{height:27px;padding:0 8px;border-radius:999px;background:var(--success-soft);color:#351475;display:flex;align-items:center;font-size:8px;font-weight:900;white-space:nowrap}.claim-order-btn{margin-top:9px;min-height:39px;border-radius:11px;background:var(--graphite);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9.5px;font-weight:900;transition:.11s}.claim-order-btn:active{transform:scale(.98)}
.order-detail-v8{gap:12px}.transfer-v7{background:#fff}.transfer-v7-head{display:flex;align-items:center;gap:9px}.transfer-method-logo{width:43px;height:43px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:5px;object-fit:contain}.transfer-v7-head strong{display:block;font-size:10px}.transfer-v7-head span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}.transfer-v7-amount{margin-top:10px;padding:11px;border-radius:12px;background:linear-gradient(135deg,#282c36,#161f70);color:#fff}.transfer-v7-amount span{display:block;font-size:7px;color:#c8cbd2}.transfer-v7-amount strong{display:block;margin-top:2px;font-size:20px}.order-timer-v7{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px 9px;border-radius:10px;background:var(--warning-soft);color:#7c5d17;font-size:8px}.order-timer-v7 i{color:#a87812}.payment-instructions{margin-top:8px;padding:9px 10px;border-radius:10px;background:#f4faf7;border:1px solid #e6e4f1;font-size:8px;line-height:1.55;color:#5e5177}
.reward-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reward-summary>div{padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:#fafafd}.reward-summary span{display:block;font-size:7px;color:var(--muted)}.reward-summary strong{display:block;margin-top:2px;font-size:9.5px}

/* Language / profile edit / account forms */
.language-options-v8{display:grid;grid-template-columns:1fr 1fr;gap:8px}.language-options-v8 label{position:relative;min-height:74px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;cursor:pointer}.language-options-v8 input{position:absolute;opacity:0}.lang-icon-v8{width:38px;height:38px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:900;font-size:12px}.language-options-v8 strong{display:block;font-size:9.5px}.language-options-v8 span{display:block;margin-top:2px;font-size:7.3px;color:var(--muted)}.language-options-v8 label:has(input:checked){border-color:#aa93d8;background:#f6fbf8;box-shadow:0 0 0 2px rgba(22,31,112,.05)}.language-options-v8 label>i{margin-left:auto;color:transparent}.language-options-v8 label:has(input:checked)>i{color:var(--brand)}
.profile-edit-head-v8{display:flex;align-items:center;gap:10px;margin-bottom:11px}.profile-edit-head-v8 .account-avatar-v8{background:var(--brand-soft);color:var(--brand);border:0}.profile-edit-head-v8 strong{display:block;font-size:10px}.profile-edit-head-v8 span{display:block;margin-top:2px;font-size:7.5px;color:var(--muted)}.pin-input-v7{letter-spacing:.28em;text-align:center;font-size:15px;font-weight:900}.reset-flow{display:grid;gap:10px}.reset-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reset-password-grid.hidden{display:none!important}

/* Rewards / campaigns */
.reward-summary{margin-top:8px}.reward-campaign-list{display:grid;gap:7px;margin-top:8px}.reward-campaign{padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center}.reward-campaign .stat-icon{margin:0}.reward-campaign strong{display:block;font-size:9px}.reward-campaign span{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.reward-campaign small{display:block;margin-top:3px;font-size:7.5px;font-weight:850;color:var(--brand)}.reward-fa-v8{width:100%;height:100%;display:grid;place-items:center;font-size:16px}

/* Tickets */
.ticket-chat-v8{display:flex;flex-direction:column;gap:10px}.ticket-head-v7{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-head-v7 strong{display:block;font-size:10px}.ticket-head-v7 span{display:block;margin-top:2px;font-size:7px;color:var(--muted)}.ticket-reply-v7{background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}

/* Form span helpers */
.form-grid>.full{grid-column:1/-1}

/* Slider touch behavior */
.banner-track{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.banner-track::-webkit-scrollbar{display:none}.banner-card-v7{scroll-snap-align:start}

/* File selected state */
.proof-upload.has-file{border-style:solid;border-color:#aa93d8;background:#f3faf6}.proof-upload.has-file>i{background:var(--success-soft);color:var(--success)}
/* v11 — Admin Offer → User Claim → Verify → Reward */
.home-v11,.offer-page,.my-orders-page,.order-detail-v11{display:flex;flex-direction:column;gap:12px}.dashboard-balance-v11{padding:16px;border-radius:18px;background:linear-gradient(135deg,#242831,#3a404b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 32px rgba(28,32,40,.14)}.dashboard-balance-v11 span,.dashboard-balance-v11 small{display:block;color:#cfd4dc;font-size:8px}.dashboard-balance-v11 strong{display:block;margin-top:3px;font-size:24px}.dashboard-balance-v11>a{height:38px;padding:0 12px;border-radius:11px;background:#fff;color:#252a31;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800}.dashboard-stats-v11{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-stats-v11 article{padding:12px;border:1px solid #e7e8ee;border-radius:14px;background:#fff}.dashboard-stats-v11 span{display:block;font-size:7.5px;color:#7d8490}.dashboard-stats-v11 strong{display:block;margin-top:3px;font-size:13px}.dashboard-actions-v11{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-actions-v11>a{padding:11px;border:1px solid #e7e8ee;border-radius:14px;background:#fff;display:grid;grid-template-columns:34px 1fr;column-gap:8px}.dashboard-actions-v11 i{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#f0edff;color:#161f70;display:grid;place-items:center}.dashboard-actions-v11 strong{font-size:9px}.dashboard-actions-v11 span{font-size:7.5px;color:#7d8490}.active-order-v11{padding:11px;border:1px solid #e8dcaf;border-radius:14px;background:#fff9e9;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center}.active-order-v11>i{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:#9c741e}.active-order-v11 div span,.active-order-v11 small{display:block;font-size:7px;color:#766b54}.active-order-v11 div strong{font-size:9px}.offer-hero{padding:15px;border:1px solid #e7e8ee;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f5ff);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.offer-hero>div>span{font-size:7px;font-weight:900;color:#161f70}.offer-hero h1{margin:4px 0 0;font-size:17px}.offer-hero p{margin:5px 0 0;color:#747b86;font-size:8.5px;line-height:1.55}.offer-hero>a{height:36px;padding:0 10px;border:1px solid #e7e8ee;border-radius:11px;background:#fff;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800;white-space:nowrap}.offer-list,.order-list-v11{display:grid;gap:9px}.offer-card{padding:12px;border:1px solid #e7e8ee;border-radius:16px;background:#fff}.offer-top{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.offer-method,.order-logo-v11{width:42px;height:42px;padding:5px;border:1px solid #e7e8ee;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}.offer-method img,.order-logo-v11 img{width:100%;height:100%;object-fit:contain}.offer-title span{display:block;font-size:7px;color:#7d8490}.offer-title h2{margin:2px 0 0;font-size:11px}.offer-remaining{padding:4px 7px;border-radius:99px;background:#e9f9f1;color:#351573;font-size:7px;font-weight:800}.offer-money{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.offer-money>div,.offer-credit-grid>div{padding:8px;border:1px solid #e7e8ee;border-radius:11px;background:#fafafd}.offer-money span,.offer-credit-grid span{display:block;font-size:6.8px;color:#7d8490}.offer-money strong,.offer-credit-grid b{display:block;margin-top:2px;font-size:9.5px}.offer-money .reward,.offer-credit-grid>div:first-child b{color:#3d1787}.offer-desc{padding:8px;margin:8px 0 0;border-radius:10px;background:#f7f7fa;color:#646b76;font-size:7.8px;line-height:1.5}.offer-meta{display:flex;gap:12px;margin:8px 0;color:#7d8490;font-size:7px}.order-row-v11{padding:10px;border:1px solid #e7e8ee;border-radius:14px;background:#fff;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.order-row-v11>div:nth-child(2)>strong{display:block;font-size:9px}.order-row-v11>div:nth-child(2)>span,.order-row-v11 small{display:block;font-size:7px;color:#7d8490}.order-side-v11{display:flex;align-items:center;gap:5px}.offer-detail-card{padding:13px;border:1px solid #e7e8ee;border-radius:17px;background:#fff}.offer-detail-head{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.offer-detail-head h1{margin:2px 0;font-size:11px}.offer-detail-head span,.offer-detail-head small{font-size:7px}.offer-detail-amount{margin-top:10px;padding:12px;border-radius:13px;background:#272c35;color:#fff}.offer-detail-amount span{display:block;font-size:7px;color:#cdd2da}.offer-detail-amount strong{display:block;margin-top:2px;font-size:21px}.offer-credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.submitted-summary-v11{padding:12px;border:1px solid #e7e8ee;border-radius:15px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8px}.submitted-summary-v11>div{padding:9px;border-radius:10px;background:#f7f7fa}.submitted-summary-v11 span{font-size:7px;color:#7d8490}.submitted-summary-v11 strong{display:block;font-size:9px}.submitted-summary-v11 p{grid-column:1/-1;margin:0;font-size:8px}.company-wallet-box{margin-top:8px}@media(min-width:820px){.home-v11,.offer-page,.my-orders-page,.order-detail-v11{max-width:760px;margin-inline:auto}.dashboard-stats-v11{grid-template-columns:repeat(3,1fr)}.offer-list{grid-template-columns:1fr 1fr}}@media(max-width:380px){.offer-money{grid-template-columns:1fr 1fr}.offer-money>div:last-child{grid-column:1/-1}.offer-hero{align-items:flex-start;flex-direction:column}}

/* =========================================================
   v11.1 visual correction pass
   - desktop app canvas ~130% of the former 540px canvas
   - bottom nav intentionally smaller and medium sized
   - full brand logo kept readable
   - payout is admin-driven, user only saves payout accounts
   ========================================================= */
:root{--content:700px;--nav-h:74px}
.app-shell{max-width:700px}
main{padding:18px 20px 32px}
.app-header{padding-left:20px;padding-right:20px;height:68px}
.header-logo{min-width:126px;max-width:160px;height:38px;display:flex;align-items:center}
.header-logo-media{width:126px;height:38px;flex:0 0 126px;border-radius:0;background:transparent;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:flex-start}
.header-logo-media img{width:122px;height:34px;object-fit:contain;object-position:left center;padding:0;filter:none!important}
.header-logo-name{display:none!important}
.app-header-back{grid-template-columns:38px minmax(0,1fr) 96px}.app-header-back .header-logo{justify-self:center}

/* Login: cleaner, less crowded, logo visible */
.auth-shell{max-width:520px;padding:24px 0 30px}
.auth-hero{margin:0 12px;padding:18px 18px 54px;border-radius:26px;background:linear-gradient(145deg,#1c1e31 0,#151a44 58%,#161f70 100%)}
.auth-hero:before{background:radial-gradient(circle,rgba(120,72,214,.30),rgba(120,72,214,0) 70%)}
.auth-brand-wrap{height:42px;min-width:138px;padding:3px 6px;border:0;background:rgba(255,255,255,.96);border-radius:12px;display:flex;align-items:center;box-shadow:0 6px 18px rgba(7,10,36,.15)}
.auth-brand-wrap:after{display:none!important}.auth-brand{width:126px;height:34px;object-fit:contain;object-position:left center;border-radius:0}
.auth-kicker{margin-top:20px;font-size:8px;color:#cec8ee}.auth-hero h1{font-size:25px;margin-top:7px}.auth-hero p{font-size:10.5px;max-width:330px;color:#b49be4}
.auth-card{margin:-32px 24px 0;padding:19px;border-radius:21px;box-shadow:0 18px 44px rgba(16,18,40,.13)}
.auth-card-heading h2{font-size:17px}.auth-card-heading span{font-size:7.5px}.auth-options>a,.remember-check{font-size:10px!important}.auth-divider{font-size:8.5px;margin:15px 0 11px}
.auth-mini-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.auth-mini-trust span{height:34px;border:1px solid var(--line);border-radius:11px;background:#fafbfb;color:#5b4e73;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8.5px;font-weight:750}.auth-mini-trust i{color:#351476}
.auth-footlinks{font-size:9px}

/* Dashboard scale/readability */
.home-v11,.offer-page,.my-orders-page,.order-detail-v11{max-width:660px;margin-inline:auto}
.dashboard-balance-v11{padding:18px 19px;border-radius:19px}.dashboard-balance-v11 strong{font-size:27px}.dashboard-balance-v11 span,.dashboard-balance-v11 small{font-size:9px}.dashboard-balance-v11>a{height:40px;font-size:10px}
.dashboard-stats-v11{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboard-stats-v11 article{padding:13px}.dashboard-stats-v11 span{font-size:8px}.dashboard-stats-v11 strong{font-size:14px}
.dashboard-actions-v11>a{padding:13px}.dashboard-actions-v11 strong{font-size:10px}.dashboard-actions-v11 span{font-size:8px}

/* Admin-driven payout UI */
.payout-balance-card{padding:18px;border-radius:19px;background:linear-gradient(135deg,#181c43,#161f70);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:14px;align-items:center;box-shadow:0 14px 32px rgba(18,25,90,.16)}
.payout-balance-card>i{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:21px}.payout-balance-card span{display:block;font-size:8px;font-weight:850;letter-spacing:.07em;color:#cec8e9}.payout-balance-card strong{display:block;margin:3px 0 5px;font-size:25px}.payout-balance-card p{margin:0;max-width:520px;color:#e1deee;font-size:9px;line-height:1.6}
.payout-history-v111{display:grid;gap:8px}.payout-history-v111 article{padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.payout-history-main strong{display:block;font-size:11px}.payout-history-main span,.payout-history-main small,.payout-history-side small{display:block;color:var(--muted);font-size:7.8px}.payout-history-side{text-align:right;display:grid;gap:4px;justify-items:end}

@media(max-width:720px){
  :root{--content:100%}.app-shell{max-width:100%}main{padding:15px 14px 30px}.app-header{padding-left:14px;padding-right:14px}
  .header-logo{min-width:112px;height:36px}.header-logo-media{width:112px;height:36px;flex-basis:112px}.header-logo-media img{width:108px;height:31px}
  .dashboard-stats-v11{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .auth-shell{padding-top:0}.auth-hero{margin:0;padding:15px 14px 48px;border-radius:0 0 24px 24px}.auth-brand-wrap{min-width:128px;height:40px}.auth-brand{width:118px;height:32px}.auth-card{margin:-27px 12px 0;padding:16px}.auth-hero h1{font-size:22px}.auth-hero p{font-size:9.5px}.auth-mini-trust span{font-size:8px}
  .payout-balance-card{padding:15px;grid-template-columns:minmax(0,1fr) 42px}.payout-balance-card>i{width:42px;height:42px;font-size:18px}.payout-balance-card strong{font-size:22px}.payout-history-v111 article{grid-template-columns:38px minmax(0,1fr);}.payout-history-side{grid-column:2;text-align:left;justify-items:start}
}

/* =========================================================
   RDXPAY V12 — clean Bangladesh-inspired mobile UI
   Lightweight: transform/opacity transitions only; no heavy blur.
   ========================================================= */
body{background:#f4f8f6;color:#1a1e44}
.app-shell{background:#fff;box-shadow:0 0 0 1px rgba(19,26,94,.035);padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.app-header{height:64px;background:#fff;border-bottom:1px solid #edf3f0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.app-header:after{display:none}
.header-logo-media{background:#edf8f3;box-shadow:none;border:1px solid #e4e2f1}
.header-language,.header-icon-btn{border-color:#dfece6;background:#f5fbf8;color:#161f70;box-shadow:none}
.header-language i,.header-icon-btn{color:#161f70}
::selection{background:rgba(50,19,111,.14)}

.home-v12{display:flex;flex-direction:column;gap:13px;max-width:660px;margin:0 auto;padding-top:14px}
.home-title-v12{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}
.home-title-v12 span{display:block;font-size:8px;font-weight:900;letter-spacing:.12em;color:#71618f}
.home-title-v12 h1{margin:1px 0 0;font-size:24px;line-height:1.1;letter-spacing:-.7px;color:#1b1f46}
.home-live-v12{display:flex;gap:4px;align-items:center}.home-live-v12 i{width:5px;height:5px;border-radius:50%;background:#491ca3;animation:homeDot 2.2s ease-in-out infinite}.home-live-v12 i:nth-child(2){animation-delay:.18s}.home-live-v12 i:nth-child(3){animation-delay:.36s}@keyframes homeDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.home-banner-v12{border-radius:18px;overflow:hidden}.home-banner-v12 .banner-track{border-radius:18px}.home-banner-v12 .banner-card-v7{border-radius:18px}
.home-notice-v12{border:1px solid #e4e2f1;background:#f2fbf7;color:#1e2670}

.dashboard-balance-v12{min-height:112px;padding:18px 18px;border-radius:24px;background:linear-gradient(145deg,#e9f8f1 0%,#e8e6f7 100%);border:1px solid #e1def1;display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;overflow:hidden}
.dashboard-balance-v12:before,.dashboard-balance-v12:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.dashboard-balance-v12:before{width:100px;height:100px;right:-35px;top:-42px;border:18px solid rgba(255,255,255,.52)}.dashboard-balance-v12:after{width:48px;height:48px;right:72px;bottom:-23px;border:10px solid rgba(52,20,116,.05)}
.balance-copy-v12{position:relative;z-index:1;min-width:0}.balance-copy-v12>span{display:block;font-size:9px;font-weight:850;letter-spacing:.08em;color:#685a84}.balance-copy-v12 strong{display:block;margin:3px 0 2px;font-size:27px;line-height:1.08;letter-spacing:-.5px;color:#151e6b}.balance-copy-v12 small{display:block;font-size:9px;color:#6b5c88}
.dashboard-balance-v12>a{position:relative;z-index:1;min-width:74px;height:46px;padding:0 12px;border-radius:15px;background:#fff;border:1px solid #dfdcee;color:#161f70;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:850;box-shadow:0 5px 14px rgba(19,26,94,.07);transition:transform .15s ease}.dashboard-balance-v12>a:active{transform:scale(.96)}

.dashboard-stats-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-stats-v12 article{min-height:76px;padding:12px;border:1px solid #e3eee9;border-radius:18px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;box-shadow:0 3px 12px rgba(17,24,85,.035)}.dashboard-stats-v12 article>i{width:34px;height:34px;border-radius:12px;background:#ebf8f2;color:#3a1680;display:grid;place-items:center;font-size:14px}.dashboard-stats-v12 span{display:block;font-size:8px;color:#726391}.dashboard-stats-v12 strong{display:block;margin-top:2px;font-size:13px;color:#1b1f46;overflow-wrap:anywhere}

.active-order-v12{padding:11px 12px;border:1px solid #e7dfbd;border-radius:18px;background:#fffaf0;display:grid;grid-template-columns:38px minmax(0,1fr) auto 12px;gap:9px;align-items:center}.active-order-icon-v12{width:38px;height:38px;border-radius:13px;background:#fff;display:grid;place-items:center;color:#9b721a}.active-order-v12 div{min-width:0}.active-order-v12 small,.active-order-v12 div span{display:block;font-size:7.5px;color:#82765d}.active-order-v12 div strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#313552}.active-order-v12 em{font-style:normal}.active-order-v12>i{font-size:11px;color:#786798}

.dashboard-actions-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashboard-actions-v12>a{min-height:78px;padding:12px;border:1px solid #e3eee9;border-radius:18px;background:#fff;display:grid;grid-template-columns:36px minmax(0,1fr) 11px;gap:9px;align-items:center;box-shadow:0 3px 12px rgba(17,24,85,.035);transition:transform .15s ease,border-color .15s ease}.dashboard-actions-v12>a:active{transform:scale(.985);border-color:#b49ce5}.dashboard-actions-v12>a>i{width:36px;height:36px;border-radius:12px;background:#eaf8f2;color:#361478;display:grid;place-items:center;font-size:14px}.dashboard-actions-v12 span{min-width:0}.dashboard-actions-v12 strong{display:block;font-size:9.8px;color:#1b1f46}.dashboard-actions-v12 small{display:block;margin-top:2px;font-size:7.5px;color:#746493}.dashboard-actions-v12 b{font-size:9px;color:#8573a9}

.home-tutorials-v12{margin-top:3px}.home-section-title-v12{padding:0 2px 6px}.home-section-title-v12 h2,.tutorial-page-head-v12 h1{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.35px;color:#1b1f46}.tutorial-list-v12{display:grid;gap:10px}
.tutorial-row-v12{width:100%;min-height:82px;padding:10px 12px;border:1px solid #dfeae5;border-radius:19px;background:#fff;display:grid;grid-template-columns:58px minmax(0,1fr) 14px;gap:12px;align-items:center;text-align:left;color:#1b1f46;font:inherit;box-shadow:0 2px 9px rgba(17,24,85,.025);appearance:none;-webkit-appearance:none;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.tutorial-row-v12.is-clickable{cursor:pointer}.tutorial-row-v12.is-clickable:active{transform:scale(.988);border-color:#b29ae2;box-shadow:0 2px 6px rgba(17,24,85,.04)}
.tutorial-thumb-v12{width:58px;height:58px;aspect-ratio:1/1;border-radius:15px;overflow:hidden;background:#edf8f3;display:grid;place-items:center;color:#3a1680;flex:0 0 58px}.tutorial-thumb-v12 img{width:100%;height:100%;object-fit:cover}.tutorial-thumb-v12 i{font-size:20px}.tutorial-copy-v12{min-width:0}.tutorial-copy-v12 strong{display:block;font-size:12.5px;line-height:1.3;color:#1b1f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-copy-v12 small{display:block;margin-top:5px;font-size:10px;line-height:1.2;color:#655780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-arrow-v12{font-size:12px;color:#373c68}
.tutorial-page-v12{max-width:660px;margin-inline:auto}.tutorial-page-head-v12{padding:2px 2px 4px}.tutorial-empty-v12{border-color:#dfeae5;background:#f9fcfa;color:#665882}

.tutorial-viewer-v12{position:fixed;inset:0;z-index:1000;display:grid;align-items:end;pointer-events:none;opacity:0;transition:opacity .16s ease}.tutorial-viewer-v12.open{pointer-events:auto;opacity:1}.tutorial-viewer-backdrop-v12{position:absolute;inset:0;border:0;background:rgba(10,12,27,.62);padding:0;margin:0}.tutorial-viewer-panel-v12{position:relative;width:min(680px,100%);max-height:min(88dvh,760px);margin:0 auto;background:#fff;border-radius:24px 24px 0 0;overflow:hidden;transform:translateY(28px);transition:transform .22s cubic-bezier(.2,.8,.2,1);box-shadow:0 -14px 50px rgba(9,12,44,.22)}.tutorial-viewer-v12.open .tutorial-viewer-panel-v12{transform:translateY(0)}.tutorial-viewer-panel-v12 header{height:58px;padding:0 14px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2ef}.tutorial-viewer-panel-v12 header strong{min-width:0;font-size:13px;color:#1b1f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-viewer-panel-v12 header button{width:38px;height:38px;border:0;border-radius:13px;background:#eef7f3;color:#18206a;display:grid;place-items:center}.tutorial-viewer-stage-v12{background:#0f101a;display:grid;place-items:center;min-height:220px;max-height:calc(88dvh - 116px);overflow:auto}.tutorial-viewer-stage-v12 video{width:100%;max-height:calc(88dvh - 116px);background:#000}.tutorial-viewer-stage-v12 img{width:100%;max-height:calc(88dvh - 116px);object-fit:contain}.tutorial-player-tools-v12{height:58px;padding:9px 14px;display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#fff}.tutorial-player-tools-v12 label{font-size:9px;font-weight:800;color:#655780}.tutorial-player-tools-v12 select{height:36px;border:1px solid #dbe9e3;border-radius:11px;background:#f7fbf9;color:#1b1f46;padding:0 10px;font-size:10px;font-weight:800}.tutorial-viewer-open{overflow:hidden}

@media(min-width:560px){.dashboard-stats-v12{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-actions-v12{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-actions-v12>a{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto}.dashboard-actions-v12 b{display:none}.tutorial-row-v12{grid-template-columns:64px minmax(0,1fr) 14px;min-height:92px}.tutorial-thumb-v12{width:64px;height:64px}.tutorial-copy-v12 strong{font-size:13px}.tutorial-copy-v12 small{font-size:10.5px}}
@media(max-width:380px){.dashboard-balance-v12{padding:15px}.balance-copy-v12 strong{font-size:23px}.dashboard-stats-v12{gap:7px}.dashboard-stats-v12 article{grid-template-columns:30px minmax(0,1fr);gap:7px;padding:10px}.dashboard-stats-v12 article>i{width:30px;height:30px}.dashboard-actions-v12{gap:7px}.dashboard-actions-v12>a{padding:10px}.tutorial-row-v12{grid-template-columns:52px minmax(0,1fr) 12px;padding:9px 10px;gap:10px;min-height:74px}.tutorial-thumb-v12{width:52px;height:52px;border-radius:13px}.tutorial-copy-v12 strong{font-size:11.5px}.tutorial-copy-v12 small{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.home-live-v12 i,.tutorial-row-v12,.dashboard-actions-v12>a,.dashboard-balance-v12>a,.tutorial-viewer-v12,.tutorial-viewer-panel-v12{animation:none!important;transition:none!important}}

/* =========================================================
   v13 — Wallet Purchase System / premium cobalt theme
   ========================================================= */
:root{
  --bg:#f5f7fc;--surface:#fff;--surface-2:#f9fbff;--surface-3:#edf3ff;
  --ink:#14213d;--ink-2:#243453;--muted:#71809a;--muted-2:#97a3b6;
  --line:#e3e8f1;--line-strong:#d5ddea;
  --brand:#1d4ed8;--brand-2:#2f6bff;--brand-dark:#153aa4;--brand-soft:#ebf1ff;
  --graphite:#101c38;--gold:#f1b94f;--gold-soft:#fff7e4;
  --success:#3e178a;--success-soft:#eaf8f3;--warning:#b67713;--warning-soft:#fff6df;
  --danger:#d74a5a;--danger-soft:#fff0f2;--info:#376dd8;--info-soft:#edf3ff;
  --shadow-xs:0 2px 8px rgba(18,42,83,.035);--shadow-sm:0 8px 24px rgba(18,42,83,.06);--shadow:0 18px 46px rgba(18,42,83,.09);
  --r-xs:10px;--r-sm:13px;--r:18px;--r-lg:24px;--nav-h:72px;--content:680px;
}
html,body{background:var(--bg);color:var(--ink)}
body{font-size:14px;line-height:1.45}
.app-shell{max-width:680px;background:#fff;box-shadow:0 0 0 1px rgba(20,33,61,.025);padding-bottom:calc(82px + env(safe-area-inset-bottom))}
main{padding:16px 16px 30px}
.app-header{height:64px;padding:0 16px;background:#fff;border-bottom:1px solid #eef1f6;backdrop-filter:none;-webkit-backdrop-filter:none}
.app-header:after{display:none}.header-logo-media{background:transparent!important;border:0!important;box-shadow:none!important}.header-logo-media img{filter:none!important}
.header-language,.header-icon-btn{height:38px;border-color:#e1e7f1;background:#f8faff;color:var(--brand-dark);box-shadow:none}.header-language i,.header-icon-btn{color:var(--brand)}
.alert{font-size:12px;border-radius:13px}
.btn{min-height:44px;padding:0 15px;border-radius:13px;font-size:13px;font-weight:800;gap:8px;letter-spacing:0}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 8px 18px rgba(29,78,216,.18)}.btn-soft{background:var(--brand-soft);color:var(--brand-dark)}.btn-light,.btn-outline{border-color:var(--line);background:#fff;color:var(--ink)}
.btn-xs{min-height:34px!important;padding:0 10px!important;font-size:11px!important;border-radius:10px!important}
.input,.select,.textarea{font-size:13px;border-color:#dfe5ef;background:#fbfcff;border-radius:13px}.input,.select{height:46px}.textarea{min-height:96px}.input-shell>i{color:#8190a8}.input:focus,.select:focus,.textarea:focus{border-color:#9db4ff;box-shadow:0 0 0 3px rgba(47,107,255,.10)}
.field label{font-size:11px;color:#44526b}.helper,.field-note{font-size:10px}
.status{min-height:24px;padding:0 8px;font-size:9px}

/* Bottom navigation */
.bottom-nav.rdxpay-reference-nav{height:70px!important;min-height:70px!important;width:min(680px,100%)!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e7ebf3!important;box-shadow:0 -8px 24px rgba(19,38,76,.07)!important}
.bottom-nav.rdxpay-reference-nav .nav-item{height:54px!important;border-radius:14px!important;color:#7f8a9f!important;font-size:10px!important;font-weight:750!important;gap:3px!important}
.bottom-nav.rdxpay-reference-nav .nav-item i{font-size:19px!important}.bottom-nav.rdxpay-reference-nav .nav-item.active:not(.referral-main){color:var(--brand)!important;background:var(--brand-soft)!important}.bottom-nav.rdxpay-reference-nav .nav-icon-wrap{width:36px!important;height:30px!important}
.bottom-nav.rdxpay-reference-nav .nav-item.referral-main{color:var(--brand)!important}.bottom-nav.rdxpay-reference-nav .referral-nav-art{filter:drop-shadow(0 7px 13px rgba(29,78,216,.16))!important}.bottom-nav.rdxpay-reference-nav .referral-nav-label{font-size:10px!important}

/* Shared v13 */
.home-v13,.wallet-main-v13,.wallet-flow-page,.offer-page-v13,.order-detail-v13,.purchase-list-page-v13,.payout-account-page-v13,.payout-history-page-v13{display:flex;flex-direction:column;gap:13px;max-width:650px;margin-inline:auto}
.simple-page-head,.offer-page-head,.home-welcome-v13{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px}
.simple-page-head span,.offer-page-head>div>span,.home-welcome-v13 small,.wallet-page-head>div>span{display:block;font-size:9px;font-weight:900;letter-spacing:.11em;color:#8190aa}
.simple-page-head h1,.offer-page-head h1,.home-welcome-v13 h1,.wallet-page-head h1{margin:2px 0 0;font-size:24px;line-height:1.12;letter-spacing:-.55px;color:var(--ink)}
.simple-page-head>a{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--brand);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800}
.method-logo{width:40px;height:40px;border-radius:12px;background:#f6f8fc;border:1px solid #e8edf5;display:grid;place-items:center;overflow:hidden;flex:0 0 40px}.method-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.offer-mark-v13{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#eaf0ff,#f7f9ff);color:var(--brand);display:grid;place-items:center;flex:0 0 40px;border:1px solid #e1e8fb}
.mini-empty{padding:16px;border:1px dashed #dfe5ef;border-radius:15px;background:#fbfcff;color:#8792a5;text-align:center;font-size:12px}

/* Home */
.home-banner-v13{border-radius:20px;overflow:hidden}.home-notice-v13{padding:10px 12px;border:1px solid #dce5f7;border-radius:14px;background:#f6f9ff;color:#52698f;display:flex;gap:8px;align-items:flex-start;font-size:11px}
.home-welcome-v13>a{width:40px;height:40px;border-radius:13px;background:#f7f9fd;border:1px solid var(--line);color:var(--brand);display:grid;place-items:center}.home-welcome-v13 h1{font-size:22px;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-wallet-v13{position:relative;overflow:hidden;border-radius:24px;padding:18px;background:linear-gradient(145deg,#111e3f 0%,#173b88 62%,#245bd3 100%);color:#fff;box-shadow:0 18px 40px rgba(23,59,136,.20);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px}
.home-wallet-v13:after{content:"";position:absolute;width:170px;height:170px;border:30px solid rgba(255,255,255,.055);border-radius:50%;right:-70px;top:-80px}.home-wallet-main,.home-wallet-v13>a,.home-wallet-mini{position:relative;z-index:1}.home-wallet-main span{font-size:9px;font-weight:850;letter-spacing:.08em;color:#bdcae8}.home-wallet-main strong{display:block;margin:4px 0 3px;font-size:28px;line-height:1.05;letter-spacing:-.45px}.home-wallet-main small{font-size:10px;color:#cbd6ef}.home-wallet-v13>a{height:44px;padding:0 12px;border-radius:14px;background:#fff;color:#173b88;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:850}.home-wallet-mini{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-wallet-mini>div{padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08)}.home-wallet-mini span{display:block;font-size:8.5px;color:#c9d5ef}.home-wallet-mini b{display:block;margin-top:2px;font-size:12px}
.home-metrics-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-metrics-v13 article{min-width:0;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-xs)}.home-metrics-v13 article>span{width:32px;height:32px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:0 0 32px}.home-metrics-v13 small{display:block;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-metrics-v13 strong{display:block;margin-top:1px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-active-order-v13{padding:11px;border:1px solid #e1e6f0;border-radius:18px;background:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) auto 10px;gap:9px;align-items:center}.home-active-order-v13 div{min-width:0}.home-active-order-v13 small,.home-active-order-v13 em{display:block;font-style:normal;font-size:8px;color:var(--muted)}.home-active-order-v13 strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-actions-v13{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-actions-v13>a{min-height:78px;padding:10px 7px;border:1px solid var(--line);border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.home-actions-v13>a>span{width:34px;height:34px;border-radius:12px;background:#eef3ff;color:var(--brand);display:grid;place-items:center}.home-actions-v13 strong{font-size:9.5px}
.home-section-title-v13{padding:3px 2px 6px}.home-section-title-v13 h2{margin:0;font-size:18px;letter-spacing:-.3px}.tutorial-list-v13{display:grid;gap:9px}.tutorial-row-v13{width:100%;min-height:76px;padding:9px 11px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:56px minmax(0,1fr) 12px;gap:11px;align-items:center;text-align:left;color:var(--ink);font:inherit}.tutorial-thumb-v13{width:56px;height:56px;border-radius:14px;overflow:hidden;background:#eef3ff;display:grid;place-items:center;color:var(--brand)}.tutorial-thumb-v13 img{width:100%;height:100%;object-fit:cover}.tutorial-copy-v13{min-width:0}.tutorial-copy-v13 strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-copy-v13 small{display:block;margin-top:4px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-row-v13>i{color:#8b97aa;font-size:11px}

/* Wallet */
.wallet-master-card{position:relative;overflow:hidden;padding:18px;border-radius:24px;background:linear-gradient(145deg,#111e3f,#173a82 65%,#285dd0);color:#fff;box-shadow:0 18px 40px rgba(23,58,130,.18)}.wallet-master-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:26px solid rgba(255,255,255,.055);right:-55px;top:-66px}.wallet-master-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#c9d5ef;font-size:9px;font-weight:850;letter-spacing:.08em}.wallet-master-card>strong{position:relative;z-index:1;display:block;margin:6px 0 2px;font-size:30px;line-height:1}.wallet-master-card>small{position:relative;z-index:1;color:#cbd6ed;font-size:10px}.wallet-master-stats{position:relative;z-index:1;margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wallet-master-stats>div{padding:9px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08)}.wallet-master-stats span{display:block;font-size:8px;color:#c7d3eb}.wallet-master-stats b{display:block;margin-top:2px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wallet-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wallet-quick-actions>a{min-height:70px;padding:11px;border:1px solid var(--line);border-radius:17px;background:#fff;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center}.wallet-quick-actions>a>i{width:36px;height:36px;border-radius:12px;background:#eef3ff;color:var(--brand);display:grid;place-items:center}.wallet-quick-actions .wallet-action-primary{background:#eef3ff;border-color:#dfe8ff}.wallet-quick-actions strong{display:block;font-size:11px}.wallet-quick-actions small{display:block;margin-top:2px;font-size:9px;color:var(--muted)}
.wallet-section{padding:13px;border:1px solid var(--line);border-radius:19px;background:#fff}.wallet-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.wallet-section-head h2{margin:0;font-size:14px}.wallet-section-head a{color:var(--brand);font-size:10px;font-weight:800}.wallet-account-list,.compact-history,.wallet-activity-stack{display:grid;gap:8px}.wallet-account-list article,.compact-history article,.wallet-activity-stack article,.payout-list-v13 article{min-width:0;padding:9px;border-radius:14px;background:#fafbfe;border:1px solid #edf0f5;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center}.wallet-account-list strong,.compact-history strong,.wallet-activity-stack strong,.payout-list-v13 strong{display:block;font-size:10.5px}.wallet-account-list small,.compact-history small,.wallet-activity-stack small,.payout-list-v13 small,.payout-list-v13 em{display:block;font-style:normal;font-size:8.5px;color:var(--muted);margin-top:2px}.wallet-empty-cta{padding:11px;border:1px dashed #cfd8e8;border-radius:15px;background:#fbfcff;display:grid;grid-template-columns:38px minmax(0,1fr) 10px;gap:9px;align-items:center}.wallet-empty-cta>i:first-child{width:38px;height:38px;border-radius:12px;background:#eef3ff;color:var(--brand);display:grid;place-items:center}.wallet-empty-cta strong{display:block;font-size:10.5px}.wallet-empty-cta small{display:block;font-size:8.5px;color:var(--muted)}.activity-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.activity-icon.credit{background:#eaf8f3;color:#3e178a}.activity-icon.payout{background:#eef3ff;color:var(--brand)}.activity-side{text-align:right}.activity-side b{display:block;font-size:10px;margin-bottom:3px}

/* Add money and payout account */
.wallet-page-head{padding:14px;border:1px solid var(--line);border-radius:19px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet-page-head h1{font-size:20px}.wallet-page-head p{max-width:400px;margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.wallet-balance-mini{text-align:right;white-space:nowrap}.wallet-balance-mini small{display:block;font-size:8px;color:var(--muted)}.wallet-balance-mini strong{display:block;font-size:13px;margin-top:2px}.flow-card{padding:13px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-xs)}.wallet-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wallet-method-choice{position:relative;min-height:62px;padding:9px;border:1px solid var(--line);border-radius:15px;background:#fbfcff;display:grid!important;grid-template-columns:40px minmax(0,1fr) 16px;gap:9px;align-items:center;cursor:pointer}.wallet-method-choice input{position:absolute;opacity:0;pointer-events:none}.wallet-method-choice span:nth-of-type(2){min-width:0}.wallet-method-choice strong{display:block;font-size:10.5px}.wallet-method-choice small{display:block;font-size:8.5px;color:var(--muted)}.wallet-method-choice>i{color:#c8cfdb}.wallet-method-choice:has(input:checked){border-color:#aebfff;background:#f3f6ff;box-shadow:0 0 0 2px rgba(47,107,255,.07)}.wallet-method-choice:has(input:checked)>i{color:var(--brand)}
.deposit-method-detail{padding:11px;border-radius:15px;background:#111f42;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:center}.deposit-method-detail small,.deposit-method-detail span{display:block;color:#cbd6ee;font-size:8.5px}.deposit-method-detail strong{display:block;margin:2px 0;font-size:13px}.deposit-method-detail button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.10);color:#fff}.deposit-method-detail p{grid-column:1/-1;margin:2px 0 0;font-size:9px;line-height:1.45;color:#dce4f4}.proof-upload{min-height:58px!important;border-color:#d8e0ed!important;background:#fafbfe!important;padding:9px 11px!important}.proof-upload>i{background:#eef3ff!important;color:var(--brand)!important}.proof-upload strong{font-size:10.5px}.proof-upload small{font-size:8px;color:var(--muted)}

/* Offers */
.offer-page-head>a{min-width:108px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:right}.offer-page-head>a small{display:block;font-size:8px;color:var(--muted)}.offer-page-head>a strong{display:block;margin-top:1px;font-size:11px;color:var(--brand-dark)}.setup-banner-v13{padding:11px;border:1px solid #dce4f2;border-radius:16px;background:#f7f9ff;display:grid;grid-template-columns:38px minmax(0,1fr) 10px;gap:9px;align-items:center}.setup-banner-v13>i:first-child{width:38px;height:38px;border-radius:12px;background:#e9efff;color:var(--brand);display:grid;place-items:center}.setup-banner-v13 strong{display:block;font-size:10.5px}.setup-banner-v13 small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted)}.setup-banner-v13>i:last-child{color:#8b97aa}
.offer-grid-v13{display:grid;gap:10px}.offer-card-v13{padding:13px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-xs)}.offer-card-top{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center}.offer-card-top small{display:block;font-size:7.5px;font-weight:850;letter-spacing:.08em;color:#8793a8}.offer-card-top h2{margin:2px 0 0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-card-top em{font-style:normal;padding:4px 7px;border-radius:99px;background:#f2f5fb;color:#78869c;font-size:8px;font-weight:800}.offer-values-v13{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.offer-values-v13>div{padding:9px;border-radius:13px;background:#fafbfe;border:1px solid #edf0f5}.offer-values-v13 span{display:block;font-size:8px;color:var(--muted)}.offer-values-v13 strong{display:block;margin-top:2px;font-size:11px}.offer-values-v13 .profit{color:#b87910}.offer-card-v13>p{margin:0 0 10px;padding:9px;border-radius:12px;background:#f8f9fc;color:#65738a;font-size:9.5px;line-height:1.5}
.purchase-sheet-v13{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;opacity:0;transition:opacity .18s ease}.purchase-sheet-v13.open{opacity:1;pointer-events:auto}.purchase-sheet-backdrop-v13{position:absolute;inset:0;border:0;background:rgba(10,19,39,.48)}.purchase-sheet-panel-v13{position:relative;width:min(680px,100%);padding:7px 14px max(14px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -18px 50px rgba(9,20,44,.20);transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.purchase-sheet-v13.open .purchase-sheet-panel-v13{transform:translateY(0)}.sheet-grab-v13{width:38px;height:4px;margin:0 auto 8px;border-radius:99px;background:#d7dce6}.purchase-sheet-panel-v13 header{display:flex;align-items:center;justify-content:space-between;gap:10px}.purchase-sheet-panel-v13 header small{display:block;font-size:8px;color:#8692a6;font-weight:850;letter-spacing:.08em}.purchase-sheet-panel-v13 h2{margin:2px 0 0;font-size:17px}.purchase-sheet-panel-v13 header button{width:38px;height:38px;border:0;border-radius:12px;background:#f4f6fa;color:#5f6c81}.purchase-confirm-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.purchase-confirm-values>div{padding:10px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.purchase-confirm-values .total{grid-column:1/-1;background:#eef3ff;border-color:#dfe7ff}.purchase-confirm-values span{display:block;font-size:8.5px;color:var(--muted)}.purchase-confirm-values strong{display:block;margin-top:2px;font-size:12px}.purchase-confirm-values .total strong{font-size:16px;color:var(--brand-dark)}.purchase-payout-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:11px;padding:9px;border-radius:13px;background:#f8f9fc}.purchase-payout-row>i{width:36px;height:36px;border-radius:11px;background:#fff;color:var(--brand);display:grid;place-items:center}.purchase-payout-row small{display:block;font-size:8px;color:var(--muted)}.purchase-payout-row strong{display:block;font-size:10px;margin-top:2px}.purchase-sheet-open{overflow:hidden}

/* Purchases / order detail */
.purchase-list-v13{display:grid;gap:8px}.purchase-list-v13>a{padding:10px;border:1px solid var(--line);border-radius:17px;background:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) auto 10px;gap:9px;align-items:center}.purchase-list-v13>a>div{min-width:0}.purchase-list-v13 strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-list-v13 small,.purchase-list-v13 em{display:block;font-style:normal;font-size:8.5px;color:var(--muted);margin-top:2px}.purchase-list-v13>a>i{font-size:10px;color:#929daf}
.order-summary-v13{padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff}.order-summary-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center}.order-summary-head small{display:block;font-size:8px;color:var(--muted)}.order-summary-head h1{margin:2px 0 0;font-size:14px}.order-money-v13{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.order-money-v13>div{padding:9px;border-radius:13px;background:#fafbfe;border:1px solid #edf0f5}.order-money-v13 span{display:block;font-size:8px;color:var(--muted)}.order-money-v13 strong{display:block;margin-top:2px;font-size:11px}.order-money-v13 .profit{color:#b87910}.order-payout-account{padding:9px;border-radius:13px;background:#eef3ff;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center}.order-payout-account>i{width:36px;height:36px;border-radius:11px;background:#fff;color:var(--brand);display:grid;place-items:center}.order-payout-account small{display:block;font-size:8px;color:var(--muted)}.order-payout-account strong{display:block;margin-top:2px;font-size:10px}.order-note-v13{margin:10px 0 0;font-size:9.5px;line-height:1.5;color:#65738a}.order-progress-v13{padding:13px;border:1px solid var(--line);border-radius:19px;background:#fff;display:grid;gap:2px}.order-progress-v13 article{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:58px;padding:5px 0}.order-progress-v13 article:not(:last-child):after{content:"";position:absolute;left:16px;top:43px;width:2px;height:23px;background:#e1e6ef}.order-progress-v13 article>i{width:34px;height:34px;border-radius:50%;background:#f1f3f7;color:#98a2b3;display:grid;place-items:center;z-index:1}.order-progress-v13 article.done>i{background:#e8efff;color:var(--brand)}.order-progress-v13 article.active>i{background:#fff4dc;color:#b77912}.order-progress-v13 strong{display:block;font-size:10.5px}.order-progress-v13 small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted);line-height:1.35}.refund-card-v13{padding:12px;border:1px solid #f0d6da;border-radius:17px;background:#fff7f8;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.refund-card-v13>i{width:38px;height:38px;border-radius:12px;background:#fff;color:#c24655;display:grid;place-items:center}.refund-card-v13 strong{display:block;font-size:11px}.refund-card-v13 span,.refund-card-v13 small{display:block;margin-top:3px;font-size:9px;color:#7e6670;line-height:1.45}
.payout-list-v13{display:grid;gap:8px}.payout-list-v13 article{background:#fff}.payout-list-v13 em{color:#6d7890}

/* Auth pages: remove old green theme from login and use cobalt */
.auth-page{background:#f5f7fc!important}.auth-hero{background:linear-gradient(145deg,#111e3f 0,#173a82 66%,#285dd0 100%)!important}.auth-kicker{color:#cbd6ef!important}.auth-hero p{color:#d4ddf0!important}.auth-card{border-color:#e2e7f0!important}.auth-brand-wrap{box-shadow:0 6px 18px rgba(17,30,63,.14)!important}.auth-card-heading span,.auth-links a,.auth-options a{color:var(--brand)!important}.auth-mini-trust{display:none!important}.auth-footlinks{color:#8b96a9!important}

/* Tutorial viewer recolor */
.tutorial-viewer-backdrop-v12{background:rgba(10,19,39,.64)!important}.tutorial-viewer-panel-v12 header strong{color:var(--ink)!important}.tutorial-viewer-panel-v12 header button{background:#eef3ff!important;color:var(--brand)!important}.tutorial-player-tools-v12 select{border-color:#dfe5ef!important;background:#f8faff!important;color:var(--ink)!important}

@media(min-width:700px){.offer-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:430px){main{padding:14px 12px 28px}.home-v13,.wallet-main-v13,.wallet-flow-page,.offer-page-v13,.order-detail-v13,.purchase-list-page-v13,.payout-account-page-v13,.payout-history-page-v13{gap:11px}.home-wallet-v13{padding:16px;border-radius:21px}.home-wallet-main strong{font-size:25px}.home-metrics-v13{gap:6px}.home-metrics-v13 article{padding:9px 7px;gap:6px}.home-metrics-v13 article>span{width:28px;height:28px;flex-basis:28px}.home-metrics-v13 strong{font-size:10.5px}.home-actions-v13{gap:6px}.home-actions-v13>a{min-height:70px;padding:8px 4px}.wallet-master-card{padding:16px;border-radius:21px}.wallet-master-card>strong{font-size:27px}.wallet-master-stats{gap:5px}.wallet-master-stats>div{padding:8px 6px}.wallet-method-grid{grid-template-columns:1fr 1fr}.offer-values-v13,.order-money-v13{gap:5px}.offer-values-v13>div,.order-money-v13>div{padding:8px 6px}.offer-values-v13 strong,.order-money-v13 strong{font-size:10px}.offer-card-v13{padding:11px}.purchase-sheet-panel-v13{padding-left:12px;padding-right:12px}.simple-page-head h1,.offer-page-head h1{font-size:21px}.wallet-page-head{padding:12px}.wallet-page-head p{font-size:9px}.tutorial-row-v13{grid-template-columns:52px minmax(0,1fr) 10px}.tutorial-thumb-v13{width:52px;height:52px}.tutorial-copy-v13 strong{font-size:11.5px}}
@media(max-width:350px){.home-actions-v13{grid-template-columns:repeat(2,1fr)}.home-metrics-v13{grid-template-columns:1fr}.wallet-master-stats{grid-template-columns:1fr}.wallet-method-grid{grid-template-columns:1fr}.offer-values-v13,.order-money-v13{grid-template-columns:1fr}.purchase-confirm-values{grid-template-columns:1fr}.purchase-confirm-values .total{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.purchase-sheet-v13,.purchase-sheet-panel-v13{transition:none!important}}

/* =========================================================
   v14 — Midnight / Sapphire wallet experience
   Final visual layer: compact controls, no green/purple UI.
   ========================================================= */
:root{
  --bg:#f5f7fa;--surface:#ffffff;--surface-2:#f9fbfe;--surface-3:#edf4ff;
  --ink:#182238;--ink-2:#2d3a52;--muted:#748196;--muted-2:#9aa5b7;
  --line:#e2e7ef;--line-strong:#d3dae6;
  --brand:#175cd3;--brand-2:#3395ff;--brand-dark:#0c449f;--brand-soft:#edf4ff;
  --graphite:#14233c;--gold:#f0aa2b;--gold-soft:#fff7e7;
  --shadow-xs:0 2px 8px rgba(20,35,60,.035);--shadow-sm:0 8px 22px rgba(20,35,60,.055);--shadow:0 18px 44px rgba(20,35,60,.085);
}
html,body{background:var(--bg)!important;color:var(--ink)!important}
.app-shell{background:#fff!important;box-shadow:0 0 0 1px rgba(20,35,60,.025)!important}
.app-header{background:rgba(255,255,255,.98)!important;border-color:#edf0f5!important}
.header-language,.header-icon-btn{background:#f8faff!important;border-color:#e2e7ef!important;color:var(--brand-dark)!important}
.header-language i,.header-icon-btn{color:var(--brand)!important}

/* Compact, balanced controls everywhere in the user app */
.btn{min-height:41px!important;height:auto;padding:0 13px!important;border-radius:12px!important;font-size:12px!important;font-weight:800!important;gap:7px!important;line-height:1.1!important}
.btn-xs{min-height:31px!important;padding:0 9px!important;border-radius:9px!important;font-size:10px!important}
.btn-primary{background:linear-gradient(135deg,#175cd3,#2f87f4)!important;box-shadow:0 7px 16px rgba(23,92,211,.17)!important}
.btn-soft{background:#edf4ff!important;color:#0c449f!important}.btn-light,.btn-outline{background:#fff!important;border-color:#e0e5ed!important;color:#26334a!important}
.input,.select{height:44px!important;font-size:12.5px!important;border-radius:12px!important}.textarea{font-size:12.5px!important;border-radius:12px!important}
.input:focus,.select:focus,.textarea:focus{border-color:#9bbcf0!important;box-shadow:0 0 0 3px rgba(23,92,211,.085)!important}
.field label{font-size:10.5px!important}.helper,.field-note{font-size:9.5px!important}
.status{min-height:22px!important;font-size:8.5px!important}

/* Wallet and earning surfaces */
.home-wallet-v13,.wallet-master-card{background:linear-gradient(145deg,#14233c 0%,#173f78 58%,#175cd3 100%)!important;box-shadow:0 16px 36px rgba(20,35,60,.18)!important}
.home-wallet-v13:after,.wallet-master-card:after{border-color:rgba(255,255,255,.06)!important}
.home-wallet-v13>a{height:40px!important;border-radius:12px!important;color:#123f8d!important;font-size:10.5px!important}
.home-wallet-main strong{font-size:26px!important}.wallet-master-card>strong{font-size:28px!important}
.home-wallet-main span,.wallet-master-top span{color:#c1cde0!important}.home-wallet-main small,.wallet-master-card>small{color:#d5deec!important}
.home-wallet-mini>div,.wallet-master-stats>div{background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.10)!important}
.home-wallet-mini span,.wallet-master-stats span{color:#c7d2e5!important}

.home-metrics-v13 article,.home-actions-v13>a,.wallet-section,.offer-card-v13,.order-summary-v13,.order-progress-v13{box-shadow:none!important;border-color:#e5e9f0!important}
.home-metrics-v13 article>span,.home-actions-v13>a>span,.offer-mark-v13{background:#edf4ff!important;color:#175cd3!important;border-color:#dce8fb!important}
.home-metrics-v13 article:nth-child(2)>span{background:#fff6e5!important;color:#b9780b!important}
.home-actions-v13>a{min-height:66px!important;padding:8px 5px!important}.home-actions-v13>a>span{width:31px!important;height:31px!important;border-radius:10px!important}.home-actions-v13>a strong{font-size:9.5px!important;margin-top:4px!important}
.home-active-order-v13{border-color:#e2e7ef!important;background:#fff!important}

.wallet-quick-actions>a{min-height:64px!important;padding:9px!important;border-color:#e3e8f0!important;border-radius:15px!important;background:#fff!important}.wallet-quick-actions>a.wallet-action-primary{background:#f1f6ff!important;border-color:#dbe7fb!important;color:#174cae!important}.wallet-quick-actions i{font-size:14px!important}.wallet-quick-actions strong{font-size:10.5px!important}.wallet-quick-actions small{font-size:8.5px!important}
.wallet-section-head>a{color:#175cd3!important}.activity-icon.credit{background:#edf4ff!important;color:#175cd3!important}.activity-icon.payout{background:#fff6e5!important;color:#ad730d!important}

.offer-page-head>a{background:#14233c!important;border-color:#14233c!important;color:#fff!important}.offer-values-v13 .profit,.order-money-v13 .profit{color:#ae7107!important}.setup-banner-v13{background:#f5f8fe!important;border-color:#dfe7f4!important}.setup-banner-v13>i:first-child{background:#eaf2ff!important;color:#175cd3!important}
.purchase-confirm-values .total,.order-payout-account{background:#edf4ff!important;border-color:#dfe8fb!important}
.purchase-sheet-backdrop-v13{background:rgba(12,21,37,.55)!important}.purchase-sheet-panel-v13{box-shadow:0 -18px 46px rgba(13,25,44,.20)!important}
.purchase-wallet-select{position:relative;display:block;margin:0 0 11px}.purchase-wallet-select>span{display:block;margin:0 0 5px;font-size:9px;font-weight:800;color:#6f7c91}.purchase-wallet-select select{width:100%;height:43px;appearance:none;-webkit-appearance:none;border:1px solid #dfe5ee;border-radius:12px;background:#f9fbfe;color:#26334a;padding:0 38px 0 12px;font-size:11px;font-weight:750;outline:none}.purchase-wallet-select select:focus{border-color:#9bbcf0;box-shadow:0 0 0 3px rgba(23,92,211,.08)}.purchase-wallet-select>i{position:absolute;right:13px;bottom:15px;font-size:9px;color:#75839a;pointer-events:none}

/* Auth stays minimal and matches the app */
.auth-page{background:#f5f7fa!important}.auth-hero{background:linear-gradient(145deg,#14233c 0%,#163866 64%,#175cd3 100%)!important}.auth-card{border-color:#e2e7ef!important;box-shadow:0 18px 42px rgba(20,35,60,.09)!important}.auth-card-heading span,.auth-links a,.auth-options a{color:#175cd3!important}

/* Bottom dock */
.bottom-nav.rdxpay-reference-nav{border-color:#e5e9f0!important;box-shadow:0 -7px 22px rgba(20,35,60,.065)!important}.bottom-nav.rdxpay-reference-nav .nav-item{color:#7d899d!important}.bottom-nav.rdxpay-reference-nav .nav-item.active:not(.referral-main){color:#175cd3!important;background:#edf4ff!important}.bottom-nav.rdxpay-reference-nav .nav-item.referral-main{color:#175cd3!important}.bottom-nav.rdxpay-reference-nav .referral-nav-art{filter:drop-shadow(0 6px 12px rgba(23,92,211,.14))!important}

/* Lightweight visual motion only; transform/opacity keeps low-end phones smooth */
@keyframes rdxSoftLift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
.home-wallet-v13>a,.home-welcome-v13>a{animation:rdxSoftLift 4s ease-in-out infinite;will-change:transform}
@media(prefers-reduced-motion:reduce){.home-wallet-v13>a,.home-welcome-v13>a{animation:none!important}}
@media(max-width:430px){
  .btn{min-height:40px!important;font-size:11.5px!important}.input,.select{height:43px!important;font-size:12px!important}
  .home-wallet-v13{padding:15px!important}.home-wallet-main strong{font-size:24px!important}.wallet-master-card{padding:15px!important}.wallet-master-card>strong{font-size:25px!important}
  .home-actions-v13>a{min-height:63px!important}.offer-card-v13{padding:10px!important}.offer-card-top h2{font-size:12px!important}.offer-values-v13 strong,.order-money-v13 strong{font-size:10px!important}
  .purchase-sheet-panel-v13{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}

/* =========================================================
   V15.2 SCREENSHOT-ALIGNED VISUAL SYSTEM
   Clean compact mobile app proportions, mint/green app UI,
   purple only as a secondary/auth accent.
   ========================================================= */
:root{
  --bg:#f6f7fb;
  --surface:#ffffff;
  --surface-2:#f9fafb;
  --ink:#1a1c31;
  --ink-2:#323654;
  --muted:#6e5f8b;
  --line:#e7ebea;
  --line-strong:#dce3e0;
  --brand:#3a1680;
  --brand-2:#481ba0;
  --brand-dark:#161f70;
  --brand-soft:#e9f7f1;
  --success:#471b9d;
  --danger:#d84a5f;
  --warning:#be861c;
  --info:#5137f4;
  --shadow-xs:0 3px 10px rgba(33,36,61,.035);
  --shadow-sm:0 7px 20px rgba(33,36,61,.055);
  --shadow:0 12px 30px rgba(33,36,61,.075);
  --content:520px;
  --nav-h:76px;
}
html,body{background:var(--bg)!important;color:var(--ink)!important}
body{font-size:14px!important}
.app-shell{max-width:520px!important;background:#f8f9fc!important;box-shadow:0 0 0 1px rgba(23,25,45,.025),0 0 44px rgba(31,33,54,.05)!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
.app-header{height:58px!important;padding:0 14px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #edf0ef!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app-header:after{display:none!important}.header-logo-media{background:transparent!important;border:0!important;box-shadow:none!important}.header-logo-media img{max-height:28px!important;max-width:112px!important;object-fit:contain!important}.header-icon-btn{width:36px!important;height:36px!important;border-radius:12px!important;border:1px solid #e7ebea!important;background:#fff!important;color:#323654!important;box-shadow:0 4px 12px rgba(33,36,61,.04)!important}.header-language{height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:11px!important;border:1px solid #e6ebe9!important;background:#fff!important;color:#434870!important;font-size:10px!important;box-shadow:none!important}
.alert{margin:8px 12px!important;border-radius:13px!important;padding:10px 11px!important;font-size:10px!important;box-shadow:0 5px 14px rgba(31,33,54,.05)!important}
.status{border-radius:999px!important;font-weight:850!important;text-transform:capitalize}.status.pending,.status.processing,.status.submitted,.status.claimed{background:#fff5df!important;color:#9a6c13!important}.status.approved,.status.completed,.status.paid,.status.active,.status.success{background:#e8f8f0!important;color:#39167f!important}.status.rejected,.status.failed,.status.cancelled{background:#fff0f2!important;color:#bf4154!important}
.form-card,.v8-intro-card,.history-row,.empty-state{border-color:#e7ebea!important;box-shadow:0 6px 18px rgba(33,36,61,.045)!important}
.input,.select,textarea{border-color:#dfe5e3!important;background:#fff!important;color:#1a1c31!important}.input:focus,.select:focus,textarea:focus{border-color:#a08acb!important;box-shadow:0 0 0 3px rgba(58,22,128,.07)!important}.btn-primary{background:#5137f4!important;box-shadow:0 7px 16px rgba(81,55,244,.16)!important}.btn-soft{background:#e9f7f1!important;color:#37157b!important}.btn-outline,.btn-light{background:#fff!important;color:#323654!important;border-color:#dfe5e3!important}
.toast{bottom:92px!important;border-radius:14px!important;font-size:10px!important}
@media(max-width:420px){main{padding-left:10px!important;padding-right:10px!important}.app-header{padding-left:10px!important;padding-right:10px!important}}

/* =========================================================
   RDXPAY v15.3 — reference-matched compact app system
   ========================================================= */
:root{
  --pn153-primary:#4c35ff;
  --pn153-primary-2:#654bff;
  --pn153-primary-soft:#efedff;
  --pn153-bg:#f5f5fb;
  --pn153-card:#ffffff;
  --pn153-text:#171b2e;
  --pn153-muted:#73788a;
  --pn153-line:#e5e6ee;
  --pn153-success:#481ba0;
  --pn153-danger:#ec3f64;
  --pn153-warning:#f09b13;
  --pn153-shadow:0 7px 22px rgba(39,36,80,.075);
  --pn153-radius:15px;
  --content:520px;
  --nav-h:72px;
}
html{background:var(--pn153-bg)}
body{background:var(--pn153-bg)!important;color:var(--pn153-text)!important;font-size:13px}
.app-shell{width:100%;max-width:520px!important;min-height:100svh;margin:0 auto;background:linear-gradient(180deg,#f8f7ff 0,#f5f5fb 44%,#f2f3f9 100%);box-shadow:0 0 0 1px rgba(41,39,78,.035);position:relative}
main{padding:12px 12px calc(86px + env(safe-area-inset-bottom))!important}
a{text-decoration:none}

.app-header{height:58px!important;max-width:520px!important;padding:0 12px!important;background:linear-gradient(135deg,var(--pn153-primary),#5438ff)!important;border-bottom:0!important;box-shadow:0 7px 18px rgba(76,53,255,.16);position:sticky!important;top:0!important;z-index:150!important}
.app-header .header-logo{min-width:110px!important;max-width:132px!important;height:36px!important;display:flex!important;align-items:center!important}
.app-header .header-logo-media{width:118px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.app-header .header-logo-media img{width:116px!important;height:31px!important;object-fit:contain!important;object-position:left center!important;padding:0!important;filter:brightness(0) invert(1)!important}
.app-header .header-actions{display:flex;align-items:center;gap:7px}
.header-icon-btn,.header-language{height:36px!important;min-width:36px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:11px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
.header-language{padding:0 9px!important;gap:6px!important;font-size:9px!important;font-weight:800!important}
.header-icon-btn{width:36px!important;display:grid!important;place-items:center!important}
.app-header-back{grid-template-columns:36px minmax(0,1fr) 84px!important}
.app-header-back .header-logo{justify-self:center!important}
.app-header-back .header-logo-media{justify-content:center!important}
.app-header-back .header-logo-media img{object-position:center!important}

.alert{max-width:496px;margin:10px auto 0!important;padding:9px 11px!important;border-radius:12px!important;border:1px solid var(--pn153-line)!important;background:#fff!important;box-shadow:0 5px 14px rgba(38,35,76,.05)!important;font-size:10px!important}
.alert.success{background:#effbf5!important;color:#3a1680!important;border-color:#e3dff5!important}
.alert.danger{background:#fff1f4!important;color:#b93855!important;border-color:#ffd8e1!important}
.alert.warning{background:#fff8e8!important;color:#956616!important;border-color:#f7e4b2!important}

.btn{min-height:42px!important;border-radius:10px!important;padding:0 14px!important;font-size:12px!important;font-weight:850!important}
.btn-primary{background:linear-gradient(135deg,var(--pn153-primary),var(--pn153-primary-2))!important;color:#fff!important;box-shadow:0 7px 16px rgba(76,53,255,.16)!important}
.btn-soft{background:var(--pn153-primary-soft)!important;color:var(--pn153-primary)!important}
.input,.select,.textarea{border-radius:10px!important;border-color:#dfe1e9!important;background:#fff!important;font-size:13px!important}
.input,.select{height:44px!important}
.input:focus,.select:focus,.textarea:focus{border-color:#9a8cff!important;box-shadow:0 0 0 3px rgba(76,53,255,.08)!important}
.status{min-height:24px!important;padding:0 8px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:850!important}
.status.success{background:#efedfb!important;color:#3a1680!important}.status.warning{background:#fff4d9!important;color:#96670f!important}.status.danger{background:#ffe9ee!important;color:#b93d58!important}.status.muted{background:#eef0f4!important;color:#707789!important}.status.info{background:#eceaff!important;color:#4c35ff!important}

/* bottom navigation: no floating artwork, no oversized pills */
.bottom-nav.pn-v153-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:180;width:min(520px,100%);height:72px;min-height:72px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));display:grid;align-items:center;gap:2px;background:#fff;border-top:1px solid #e4e5ed;box-shadow:0 -8px 22px rgba(35,34,72,.065)}
.pn-v153-nav-item{height:56px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#727789;font-size:11px;font-weight:780;border-radius:10px;transition:.15s ease;-webkit-tap-highlight-color:transparent}
.pn-v153-nav-icon{width:42px;height:31px;display:grid;place-items:center;border-radius:9px;color:#666c7c}
.pn-v153-nav-item i{font-size:19px;line-height:1}
.pn-v153-nav-item.active{color:var(--pn153-primary)}
.pn-v153-nav-item.active .pn-v153-nav-icon{background:var(--pn153-primary-soft);color:var(--pn153-primary)}
.pn-v153-nav-item:active{transform:scale(.96)}

/* common page shells */
.detail-page,.page-shell,.offer-page,.my-orders-page,.order-detail-v11{max-width:520px!important;margin:0 auto!important;padding:12px 12px calc(86px + env(safe-area-inset-bottom))!important}
.v8-intro-card{border-radius:15px!important;border:1px solid var(--pn153-line)!important;background:#fff!important;box-shadow:var(--pn153-shadow)!important;padding:13px!important}
.v8-intro-card>i{background:var(--pn153-primary-soft)!important;color:var(--pn153-primary)!important;border-radius:11px!important}
.range-tab{border-radius:9px!important;border-color:#dfe1e8!important;background:#fff!important;color:#626879!important;font-size:10px!important;padding:8px 11px!important}
.range-tab.active{background:var(--pn153-primary)!important;border-color:var(--pn153-primary)!important;color:#fff!important;box-shadow:0 5px 12px rgba(76,53,255,.14)!important}
.history-row,.card,.empty-state{border-radius:14px!important;border-color:var(--pn153-line)!important;box-shadow:0 5px 15px rgba(40,36,78,.045)!important}
.history-icon{background:var(--pn153-primary-soft)!important;color:var(--pn153-primary)!important;border-radius:11px!important}
.history-amount.credit{color:var(--pn153-success)!important}.history-amount.debit{color:var(--pn153-danger)!important}

/* tutorial modal */
.tutorial-viewer-v12{z-index:500!important}.tutorial-viewer-panel-v12{border-radius:16px!important;box-shadow:0 24px 70px rgba(17,15,44,.28)!important}.tutorial-viewer-panel-v12 header{min-height:48px!important}.tutorial-viewer-stage-v12{background:#11121a!important}.tutorial-player-tools-v12 select{border-radius:9px!important}

@media(max-width:390px){
  main{padding-left:10px!important;padding-right:10px!important}
  .app-header{height:56px!important;padding-inline:10px!important}
  .bottom-nav.pn-v153-nav{height:70px;min-height:70px;padding-inline:5px}
  .pn-v153-nav-item{height:54px;font-size:10.5px}.pn-v153-nav-icon{width:39px;height:29px}.pn-v153-nav-item i{font-size:18px}
}

/* v15.3 remaining user pages — same compact visual language */
.form-card,.v7-section,.plain-section,.support-ticket-card,.security-card-v8,.legal-page{border:1px solid #e4e5ed!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 16px rgba(39,36,80,.04)!important}
.form-card,.v7-section,.plain-section,.support-ticket-card{padding:12px!important}
.v8-intro-card{padding:11px!important;border-radius:13px!important}.v8-intro-card>i{width:38px!important;height:38px!important;border-radius:10px!important;background:#efedff!important;color:#4c35ff!important}.v8-intro-card span{color:#4c35ff!important}.v8-intro-card h1{font-size:16px!important;color:#171b2e!important}.v8-intro-card p{font-size:8.5px!important;color:#7c8191!important}
.security-card-v8{border-radius:13px!important}.security-card-v8>a>span,.lang-icon-v8,.support-methods-v8>a>i:first-child{background:#efedff!important;color:#4c35ff!important;border-radius:10px!important}.security-email-v8{background:#fafafd!important}.security-card-v8>a{min-height:52px!important}.security-card-v8 strong{font-size:10px!important}.security-card-v8 small{font-size:8px!important}
.language-options-v8{gap:7px!important}.language-options-v8 label{min-height:68px!important;border-radius:11px!important}.language-options-v8 label:has(input:checked){border-color:#b1a7ff!important;background:#f5f3ff!important;box-shadow:0 0 0 2px rgba(76,53,255,.05)!important}.language-options-v8 label:has(input:checked)>i{color:#4c35ff!important}
.support-methods-v8{gap:7px!important}.support-methods-v8>a{border-radius:11px!important;border-color:#e4e5ed!important}.support-methods-v8 strong{font-size:10px!important}.support-methods-v8 span{font-size:8px!important}
.proof-upload{border-radius:11px!important;border-color:#dfe0e8!important;background:#fafafd!important}.proof-upload>i{background:#efedff!important;color:#4c35ff!important;border-radius:10px!important}
.input-shell>i{color:#8a8f9f!important}.optional-pill{background:#efedff!important;color:#4c35ff!important}
.legal-page{padding:13px!important;display:grid!important;gap:9px!important}.legal-page h1{font-size:18px!important;color:#171b2e!important}.legal-page h2{font-size:12px!important;color:#303547!important}.legal-page p,.legal-page li{font-size:9px!important;color:#676d7d!important;line-height:1.65!important}.legal-page .updated{font-size:8px!important;color:#8a8e9d!important}
.tutorial-page-v12{max-width:520px!important}.tutorial-page-head-v12 h1{font-size:20px!important;color:#171b2e!important}.tutorial-list-v12{gap:8px!important}.tutorial-row-v12{min-height:70px!important;padding:9px 10px!important;border:1px solid #e4e5ed!important;border-radius:13px!important;grid-template-columns:50px minmax(0,1fr) 12px!important;gap:10px!important;color:#171b2e!important;box-shadow:0 5px 15px rgba(39,36,80,.04)!important}.tutorial-thumb-v12{width:50px!important;height:50px!important;border-radius:11px!important;background:#efedff!important}.tutorial-copy-v12 strong{font-size:11px!important;color:#171b2e!important}.tutorial-copy-v12 small{font-size:8.5px!important;color:#818697!important}.tutorial-arrow-v12{color:#a2a6b3!important}

/* =========================================================
   RDXPAY V15.3 AUTH RECOVERY — matches violet app family
   ========================================================= */
.auth-page{background:linear-gradient(180deg,#f8f7ff 0%,#f3f3fa 100%)!important;color:#171b2e!important}
.auth-shell{max-width:520px!important;padding:0 0 28px!important}
.auth-hero{margin:0!important;padding:15px 14px 50px!important;border-radius:0 0 16px 16px!important;background:linear-gradient(135deg,#432cf0 0%,#5d3fff 100%)!important;color:#fff!important;box-shadow:0 8px 22px rgba(76,53,255,.16)!important}
.auth-hero:before{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)!important}.auth-hero:after{background:rgba(255,255,255,.05)!important}
.auth-brand-wrap{height:38px!important;min-width:112px!important;padding:3px 7px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.10)!important;border-radius:9px!important;box-shadow:none!important}.auth-brand-wrap:after{display:none!important}.auth-brand{width:100px!important;height:29px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
.auth-language,.auth-back{height:36px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.11)!important;border-radius:9px!important;color:#fff!important;font-size:11.5px!important;font-weight:850!important;backdrop-filter:none!important}
.auth-kicker{margin-top:18px!important;font-size:10px!important;color:#e2ddff!important}.auth-hero h1{font-size:24px!important;margin:6px 0 5px!important}.auth-hero p{max-width:365px!important;font-size:11.5px!important;color:#e7e3ff!important;line-height:1.5!important}
.auth-card{margin:-28px 12px 0!important;padding:15px!important;border-radius:12px!important;border:1px solid #e2e3eb!important;box-shadow:0 10px 28px rgba(35,31,80,.09)!important;background:#fff!important}
.auth-info{margin:12px 12px 0!important;padding:13px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e3e4eb!important;box-shadow:0 5px 16px rgba(39,36,80,.04)!important}.auth-info-head>span{font-size:9.5px!important;color:#8a8e9e!important}.auth-info-head h3{margin:4px 0 10px!important;font-size:14px!important}.auth-info-list{gap:8px!important}.auth-info-item{grid-template-columns:36px 1fr!important;gap:10px!important;padding:9px!important;border-radius:9px!important}.auth-info-item>i{width:36px!important;height:36px!important;border-radius:9px!important;background:#efedff!important;color:#4c35ff!important;font-size:13px!important}.auth-info-item strong{font-size:11.5px!important}.auth-info-item span{font-size:10px!important;color:#7d8292!important}.auth-footlinks{font-size:10.5px!important}.auth-footlinks a{color:#4c35ff!important}
.otp-cell{border-radius:9px!important;border-color:#dedfe7!important}.otp-cell:focus{border-color:#9688ff!important;box-shadow:0 0 0 3px rgba(76,53,255,.08)!important}

/* =========================================================
   RDXPAY V15.5 — visual QA polish
   Consistent medium sizing, vivid green brand, square-chip UI
   ========================================================= */
:root{
  --pn153-primary:#37157a;
  --pn153-primary-2:#4a1ca4;
  --pn153-primary-soft:#e9f7f2;
  --pn153-bg:#f4f8f6;
  --pn153-card:#ffffff;
  --pn153-text:#181b3d;
  --pn153-muted:#695a85;
  --pn153-line:#dfe9e5;
  --pn153-success:#421993;
  --pn153-danger:#d94b63;
  --pn153-warning:#d28a18;
  --pn153-shadow:0 7px 20px rgba(17,23,81,.06);
  --pn153-radius:13px;
}
html,body{background:#f4f8f6!important;color:#181b3d!important}
body{font-size:13.5px!important}
.app-shell{width:100%!important;max-width:540px!important;margin:0 auto!important;background:linear-gradient(180deg,#fff 0%,#f8fbfa 100%)!important;box-shadow:0 0 0 1px rgba(23,28,72,.025),0 0 40px rgba(23,28,72,.055)!important}
main{padding-left:12px!important;padding-right:12px!important}

/* header: show the actual RDXPAY logo clearly instead of squeezing it into a white square */
.app-header{height:60px!important;max-width:540px!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid #e2ebe7!important;box-shadow:0 4px 14px rgba(17,23,81,.045)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app-header:after{display:none!important}
.header-logo{min-width:0!important;display:inline-flex!important;align-items:center!important}
.header-logo-media{width:116px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;flex:0 0 116px!important}
.header-logo-media img{width:112px!important;height:32px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.app-header-back{grid-template-columns:38px minmax(0,1fr) 88px!important}
.app-header-back .header-logo{justify-self:center!important}
.app-header-back .header-logo-media{width:104px!important;flex-basis:104px!important;justify-content:center!important}
.app-header-back .header-logo-media img{width:100px!important;object-position:center!important}
.header-language,.header-icon-btn{height:36px!important;border:1px solid #dfe9e5!important;background:#f8fbfa!important;border-radius:10px!important;color:#373c62!important;box-shadow:none!important}
.header-language{padding:0 9px!important;font-size:10.5px!important}.header-language i,.header-icon-btn{color:#37157a!important}
.header-icon-btn{width:36px!important}

/* bottom nav: clean white bar, medium icons, no oversized floating look */
.bottom-nav.pn-v153-nav{width:min(540px,100%)!important;height:72px!important;min-height:72px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #dfe9e5!important;box-shadow:0 -7px 20px rgba(17,23,81,.065)!important;gap:2px!important}
.pn-v153-nav-item{height:56px!important;border-radius:9px!important;color:#685a84!important;font-size:10.5px!important;font-weight:800!important;gap:3px!important}
.pn-v153-nav-icon{width:39px!important;height:30px!important;border-radius:9px!important;color:#60537a!important}
.pn-v153-nav-item i{font-size:18px!important}
.pn-v153-nav-item.active{color:#37157a!important}
.pn-v153-nav-item.active .pn-v153-nav-icon{background:#e7f6f0!important;color:#37157a!important}

/* common controls */
.btn{min-height:42px!important;border-radius:10px!important;padding:0 14px!important;font-size:11.5px!important;font-weight:850!important}
.btn-primary{background:linear-gradient(135deg,#37157a,#4a1ca4)!important;color:#fff!important;box-shadow:0 7px 16px rgba(55,21,122,.16)!important}
.btn-soft{background:#e9f7f2!important;color:#37157a!important}
.input,.select,.textarea{border-radius:10px!important;border-color:#dce6e2!important;background:#fff!important;font-size:12.5px!important;color:#1a1e42!important}
.input,.select{height:43px!important}
.input:focus,.select:focus,.textarea:focus{border-color:#8367bb!important;box-shadow:0 0 0 3px rgba(55,21,122,.08)!important}
.alert{max-width:516px!important;margin:9px auto 0!important;padding:9px 11px!important;border-radius:10px!important;font-size:11px!important;box-shadow:0 4px 13px rgba(17,23,81,.045)!important}
.status{font-size:9.5px!important;border-radius:7px!important}

/* shared pages: prevent tiny text and giant cards */
.detail-page,.page-shell,.offer-page,.my-orders-page,.order-detail-v11{max-width:520px!important;margin:0 auto!important;padding:12px 12px calc(86px + env(safe-area-inset-bottom))!important}
.v8-intro-card,.form-card,.v7-section,.plain-section,.security-card-v8,.support-ticket-card,.legal-page{border-radius:13px!important;border-color:#dfe9e5!important;box-shadow:0 5px 16px rgba(17,23,81,.045)!important}
.v8-intro-card{padding:12px!important}.v8-intro-card>i{width:40px!important;height:40px!important;border-radius:10px!important;background:#e9f7f2!important;color:#37157a!important}
.v8-intro-card span{font-size:9.5px!important;color:#37157a!important}.v8-intro-card h1{font-size:17px!important;color:#181b3d!important}.v8-intro-card p{font-size:10.5px!important;color:#6c5d89!important;line-height:1.45!important}
.security-card-v8>a{min-height:55px!important}.security-card-v8 strong{font-size:11.5px!important}.security-card-v8 small{font-size:10px!important}.security-card-v8>a>span,.lang-icon-v8,.support-methods-v8>a>i:first-child{background:#e9f7f2!important;color:#37157a!important;border-radius:10px!important}
.support-methods-v8 strong{font-size:11.5px!important}.support-methods-v8 span{font-size:10px!important}
.legal-page h1{font-size:20px!important}.legal-page h2{font-size:13px!important}.legal-page p,.legal-page li{font-size:11px!important;line-height:1.6!important}.legal-page .updated{font-size:10px!important}
.range-tab{border-radius:9px!important;font-size:11px!important;padding:8px 11px!important}.range-tab.active{background:#37157a!important;border-color:#37157a!important;color:#fff!important;box-shadow:0 5px 12px rgba(55,21,122,.14)!important}
.history-row,.card,.empty-state{border-radius:12px!important;border-color:#dfe9e5!important;box-shadow:0 5px 15px rgba(17,23,81,.045)!important}
.history-icon{background:#e9f7f2!important;color:#37157a!important}
.tutorial-row-v12{min-height:72px!important;border-radius:12px!important;border-color:#dfe9e5!important;grid-template-columns:52px minmax(0,1fr) 12px!important}.tutorial-thumb-v12{width:52px!important;height:52px!important;border-radius:10px!important;background:#e9f7f2!important}.tutorial-copy-v12 strong{font-size:12px!important}.tutorial-copy-v12 small{font-size:10px!important}

/* keep auth pages balanced; no global logged-in sizing leaks */
.auth-page .input,.auth-page .select{font-size:13px!important}

@media(max-width:390px){
  .app-header{height:58px!important;padding-inline:10px!important}
  .header-logo-media{width:100px!important;flex-basis:100px!important}.header-logo-media img{width:96px!important;height:30px!important}
  main{padding-left:10px!important;padding-right:10px!important}
  .bottom-nav.pn-v153-nav{height:70px!important;min-height:70px!important;padding-inline:4px!important}
  .pn-v153-nav-item{height:54px!important;font-size:10px!important}.pn-v153-nav-icon{width:36px!important;height:28px!important}.pn-v153-nav-item i{font-size:17px!important}
}


/* =========================================================
   RDXPAY V15.6 — professional UI QA pass
   ========================================================= */
:root{--v156-navy:#142b3d;--v156-navy2:#1e4255;--v156-green:#37157a;--v156-green2:#4a1ca4;--v156-bg:#f4f7f9;--v156-line:#dde5ea;--v156-text:#152a39;--v156-muted:#73818c}
html,body{background:var(--v156-bg)!important;color:var(--v156-text)!important}.app-shell{background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%)!important}
.header-logo-v156{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:none!important;height:40px!important}.header-logo-v156 .header-logo-icon-v156{width:31px;height:31px;flex:0 0 31px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#37157a;box-shadow:0 5px 12px rgba(55,21,122,.16)}.header-logo-v156 .header-logo-icon-v156 img{width:31px!important;height:31px!important;object-fit:cover!important;filter:none!important}.header-logo-v156 strong{display:block!important;font-size:13px!important;line-height:1!important;letter-spacing:.02em!important;font-weight:900!important;color:#1a1d38!important}.app-header-back .header-logo-v156{justify-self:center!important}.app-header-back .header-logo-v156 strong{display:none!important}
/* modern full-width dock, not pill-shaped */
.bottom-nav.pn-v153-nav{height:72px!important;min-height:72px!important;background:#fff!important;border:1px solid #e1e7eb!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;box-shadow:0 -10px 28px rgba(20,43,61,.09)!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important}.pn-v153-nav-item{border-radius:9px!important;color:#77858e!important;font-size:10px!important;gap:4px!important}.pn-v153-nav-icon{width:37px!important;height:31px!important;border-radius:9px!important;background:transparent!important;color:#6d7b84!important}.pn-v153-nav-item i{font-size:17px!important}.pn-v153-nav-item.active{color:#37157a!important}.pn-v153-nav-item.active .pn-v153-nav-icon{background:#e8f7f2!important;color:#37157a!important;box-shadow:inset 0 0 0 1px #e2dff1!important}
/* transaction icon personalities */
.home153-tx-icon,.tx153-icon{background:#eef3f6!important;color:#405a69!important}.tx-offer .home153-tx-icon,.tx-offer .tx153-icon{background:#e8f0ff!important;color:#2d63cf!important}.tx-commission .home153-tx-icon,.tx-commission .tx153-icon{background:#fff3df!important;color:#b87506!important}.tx-referral .home153-tx-icon,.tx-referral .tx153-icon{background:#f1eaff!important;color:#6b46c1!important}.tx-withdrawal .home153-tx-icon,.tx-withdrawal .tx153-icon{background:#fff0f1!important;color:#d24258!important}.tx-adjustment .home153-tx-icon,.tx-adjustment .tx153-icon{background:#e9f8f1!important;color:#3b1683!important}
.home153-tx,.tx153-row{border-radius:10px!important;border-color:#e0e6eb!important;box-shadow:0 4px 14px rgba(20,43,61,.045)!important}.home153-tx-icon,.tx153-icon{border-radius:9px!important}
/* make page cards square-chip / medium instead of over-rounded */
.home153-balance,.home153-stat,.market153-card,.market153-panel,.account155-hero,.account155-menu,.withdraw155-balance,.withdraw155-form-card,.language155-card{border-radius:11px!important}.home153-action i{border-radius:9px!important}.home153-action:nth-child(1) i{background:#e44063!important}.home153-action:nth-child(2) i{background:#4b35e8!important}.home153-action:nth-child(3) i{background:#37157a!important}.home153-action:nth-child(4) i{background:#e99b18!important}
.market153-panel{background:linear-gradient(135deg,#132d41,#0d5e61)!important;color:#fff!important;border:0!important}.market153-panel small{color:rgba(255,255,255,.72)!important}.market153-panel a{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important}.market153-tabs a.active{background:#37157a!important;border-color:#37157a!important}.market153-logo img{object-fit:contain!important}.market153-card{box-shadow:0 6px 18px rgba(20,43,61,.055)!important}.market153-copy strong{color:#17303f!important}
/* account profile fallback and icon quality */
.account155-avatar{background:#fff!important}.account155-avatar img{object-fit:cover!important}.account155-icon{border-radius:9px!important;background:#edf7f4!important}.account155-menu a{min-height:58px!important}.account155-shortcut{border-radius:9px!important}
/* keyboard-safe wallet editor */
html.wallet-editor-open,body.wallet-editor-open{overflow:hidden!important;overscroll-behavior:none!important}
@media(max-width:390px){.header-logo-v156 strong{font-size:12px!important}.header-logo-v156 .header-logo-icon-v156{width:29px;height:29px;flex-basis:29px}.header-logo-v156 .header-logo-icon-v156 img{width:29px!important;height:29px!important}}


/* RDXPAY V16.1 FINAL EXPERIENCE */
:root{
 --pn16-green:#5b22c9;--pn16-green2:#4c1da9;--pn16-green-soft:#f1effd;
 --pn16-navy:#132238;--pn16-text:#172337;--pn16-muted:#7c8798;--pn16-line:#e2e8ed;
 --pn16-red:#ff2f3d;--pn16-violet:#5640ff;--pn16-shadow:0 8px 24px rgba(26,43,68,.07);
}
html,body{background:#f6f8fa!important;color:var(--pn16-text)!important}
.app-shell{max-width:540px!important;background:linear-gradient(180deg,#fbfcfd 0%,#f6f8fa 100%)!important;box-shadow:0 0 0 1px rgba(20,38,58,.035)!important}
.app-header{height:62px!important;max-width:540px!important;padding:0 12px!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid #e8edf1!important;box-shadow:0 5px 18px rgba(23,38,57,.045)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.app-header .header-brand-full,.app-header .header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-width:0!important;max-width:156px!important;height:42px!important;background:transparent!important;border:0!important;overflow:visible!important}
.app-header .header-brand-full img,.app-header .header-logo img{display:block!important;width:auto!important;max-width:144px!important;height:auto!important;max-height:36px!important;object-fit:contain!important;object-position:left center!important;padding:0!important;margin:0!important;filter:none!important;opacity:1!important}
.app-header-back{grid-template-columns:38px minmax(0,1fr) auto!important}.app-header-back .header-brand-full{justify-self:center!important}.app-header-back .header-brand-full img{object-position:center!important}
.header-actions{display:flex!important;align-items:center!important;gap:5px!important}.header-actions-mini{justify-content:flex-end!important}.header-lang-form{margin:0!important}
.header-icon-btn,.header-language{height:36px!important;min-width:36px!important;border:1px solid #dfe8e3!important;border-radius:11px!important;background:linear-gradient(180deg,#f4fff8,#edfaf2)!important;color:#37157b!important;box-shadow:0 3px 9px rgba(49,19,109,.04)!important}
.header-icon-btn{width:36px!important;display:grid!important;place-items:center!important}.header-icon-btn i{font-size:14px!important}.header-language{padding:0 9px!important;font-size:9px!important;font-weight:900!important;gap:5px!important}

.btn-primary,.rg-submit,.auth-ref-submit{background:linear-gradient(135deg,#5f24d2,#4d1daa)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(91,34,201,.2)!important}
.btn-danger{background:linear-gradient(135deg,#ff3b48,#f51f31)!important;color:#fff!important;border-color:transparent!important}
.status.success,.status.approved,.status.completed,.status.active{background:#eae6fb!important;color:#3b1684!important;border:1px solid #d6d0f2!important}.status.warning,.status.pending,.status.submitted,.status.claimed,.status.processing{background:#fff4d9!important;color:#92630b!important}.status.danger,.status.rejected,.status.failed,.status.cancelled{background:#ffe8eb!important;color:#c72f43!important}

/* final bottom navigation */
.bottom-nav.pn-v160-nav{position:fixed!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(540px,100%)!important;height:74px!important;min-height:74px!important;display:grid!important;align-items:center!important;gap:2px!important;padding:5px 7px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.985)!important;border:0!important;border-top:1px solid #e4e9ed!important;border-radius:0!important;box-shadow:0 -10px 25px rgba(23,39,58,.065)!important;z-index:500!important}
.pn-v160-nav-item{min-width:0!important;height:58px!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#685a84!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:0!important;transition:transform .15s ease,color .15s ease,background .15s ease!important}
.pn-v160-nav-icon{width:42px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:transparent!important;color:#5b4f74!important}.pn-v160-nav-icon i{font-size:18px!important}.pn-v160-nav-item.active{color:#3c1786!important;background:transparent!important}.pn-v160-nav-item.active .pn-v160-nav-icon{background:#edeafb!important;color:#431995!important}.pn-v160-nav-item:active{transform:scale(.95)!important}
.pn-v160-refer .pn-v160-nav-icon{height:34px!important;background:transparent!important;overflow:visible!important}.pn-v160-refer .pn-v160-nav-icon img{display:block!important;width:34px!important;height:34px!important;object-fit:contain!important;filter:none!important;transform:translateY(-1px)!important}.pn-v160-refer.active .pn-v160-nav-icon{background:transparent!important;box-shadow:0 0 0 5px rgba(91,34,201,.09)!important;border-radius:50%!important}

/* file/image picker: consistent on all user pages */
input[type="file"]{font:inherit!important;color:#7c8796!important;background:#fff!important;border:1px solid #dfe5eb!important;border-radius:11px!important;padding:5px!important;max-width:100%!important}
input[type="file"]::file-selector-button{height:34px!important;margin-right:9px!important;border:0!important;border-radius:8px!important;padding:0 12px!important;background:linear-gradient(135deg,#f1effd,#e7e3f8)!important;color:#3b1684!important;font-weight:900!important;font-size:9px!important;cursor:pointer!important}
.proof-upload{border:1.5px dashed #ad96dc!important;background:linear-gradient(180deg,#fbfffc,#f4fbf7)!important;border-radius:12px!important;transition:.15s ease!important}.proof-upload:hover,.proof-upload.has-file{border-color:#5520bd!important;background:#edfbf2!important}.proof-upload i{color:#4f1eaf!important}
.input:focus,.select:focus,textarea:focus,input:focus{scroll-margin-bottom:42vh}

/* wallet final look */
.wallet160{max-width:540px!important;padding:11px 10px calc(90px + env(safe-area-inset-bottom))!important}.wallet160-head h1{font-size:21px!important;color:#142338!important}.wallet160-history{background:#edfbf3!important;color:#3e1789!important;border-color:#dedaf3!important;border-radius:10px!important}
.wallet160-section-head{margin-bottom:7px!important}.wallet160-section-head h2{font-size:12px!important;color:#1d2c40!important}.wallet160-section-head span{display:none!important}.wallet160-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.wallet160-card{grid-template-columns:50px minmax(0,1fr) auto!important;min-height:72px!important;border-radius:12px!important;border-color:#e1e7ec!important;box-shadow:0 5px 15px rgba(24,41,65,.045)!important}.wallet160-logo{width:50px!important;height:50px!important;border-radius:11px!important}.wallet160-logo img{object-fit:cover!important}.wallet160-copy strong{font-size:12.5px!important}.wallet160-state{height:22px!important;padding:0 8px!important;border-radius:8px!important;background:#eae6fb!important;color:#3c1786!important;border:1px solid #d8d2f2!important}.wallet160-state.off{background:#f1f3f5!important;color:#808a97!important;border-color:#e6e9ed!important}.wallet160-action{width:36px!important;height:36px!important;border-radius:10px!important;background:linear-gradient(135deg,#5f24d2,#4d1daa)!important;box-shadow:0 7px 14px rgba(91,34,201,.2)!important}.wallet160-lock{width:35px!important;height:35px!important;border-radius:10px!important;background:linear-gradient(135deg,#eae6fb,#dad4f4)!important;color:#3e178a!important;border:1px solid #cdc7ec!important;font-size:12px!important;box-shadow:0 5px 12px rgba(72,27,160,.1)!important}
.wallet160-editor{padding:0 7px!important}.wallet160-panel{border-radius:18px 18px 0 0!important;max-height:calc(var(--wallet-vh) - 4px)!important;overscroll-behavior:contain!important}.wallet160-editor[data-keyboard="1"] .wallet160-panel{transform:translateY(-12px)!important;max-height:calc(var(--wallet-vh) - 2px)!important}.wallet160-save{z-index:4!important;background:linear-gradient(135deg,#5f24d2,#4d1daa)!important;box-shadow:0 8px 18px rgba(91,34,201,.2)!important}.wallet160-field input{scroll-margin-bottom:45vh!important}

/* smoother medium sizing */
.home160-action,.market160-card,.ref160-card,.wallet160-card{transition:transform .16s ease,box-shadow .16s ease!important}.home160-action:active,.market160-card:active,.wallet160-card:active{transform:scale(.985)!important}
.toast{bottom:88px!important}
@media(max-width:390px){.app-header{padding-inline:9px!important}.app-header .header-brand-full img{max-width:130px!important;max-height:33px!important}.header-actions{gap:4px!important}.header-icon-btn{width:34px!important;min-width:34px!important;height:34px!important}.header-language{height:34px!important;min-width:34px!important;padding-inline:7px!important}.pn-v160-nav-item{font-size:9px!important}.pn-v160-nav-icon i{font-size:17px!important}}

/* V16.1 legacy-page color harmonization */
.v8-intro-card>i,.security-card-v8>a>span,.lang-icon-v8,.support-methods-v8>a>i:first-child,.auth-info-item>i{background:#f1eefd!important;color:#3f188b!important}
.v8-intro-card span,.auth-footlinks a,.optional-pill{color:#3f188b!important}.optional-pill{background:#f1eefd!important}
.language-options-v8 label:has(input:checked){border-color:#8861d4!important;background:#effbf4!important;box-shadow:0 0 0 2px rgba(91,34,201,.05)!important}.language-options-v8 label:has(input:checked)>i{color:#431995!important}
.security-email-v8,.auth-info-item{background:#fbfdfc!important}.input-shell>i{color:#758395!important}


/* V16.2 refinements */
.history-icon{background:linear-gradient(135deg,#f0edff,#e6e2fa)!important;color:#471b9d!important;border:1px solid #e1def2!important}.history-row strong{font-size:10px!important}.history-row div>span{font-size:8px!important}.alert.success{background:#effbf5!important;border-color:#e3dff5!important;color:#3a1680!important}.alert{border-radius:14px!important}.v8-intro-card>i{background:linear-gradient(135deg,#f2efff,#e8e4fb)!important;color:#411890!important}.bottom-nav .pn-v160-nav-icon{transition:background .16s ease,color .16s ease!important}.account155-icon{background:linear-gradient(135deg,#effcf4,#eae7fb)!important;color:#411991!important} .account155-menu small{font-size:10px!important}

/* RDXPAY V16.3 visual refinements */
:root{--brand:#521fb6;--brand-dark:#37157a;--brand-soft:#f2effe;--success:#4e1dad;--success-soft:#eafaf0}
.header-icon-btn{background:#fff!important;border-color:#e1e8e4!important;color:#40188f!important;box-shadow:0 4px 12px rgba(21,26,62,.045)!important}
.header-language{background:#fff!important;border-color:#e1e8e4!important;color:#3a3d60!important}
.pn-v160-nav-icon{width:42px!important;height:32px!important;border-radius:11px!important}
.pn-v160-nav-icon i{font-size:18px!important;color:#564a6d!important}
.pn-v160-nav-item.active .pn-v160-nav-icon{background:linear-gradient(135deg,#f0edff,#e6e2fb)!important;color:#451a99!important;box-shadow:0 4px 10px rgba(72,27,160,.06)!important}
.pn-v160-nav-item.active .pn-v160-nav-icon i{color:#451a99!important}
.pn-v160-refer{position:relative!important}
.pn-v160-refer .pn-v160-nav-icon{width:48px!important;height:44px!important;overflow:visible!important;transform:translateY(-5px)!important;background:transparent!important}
.pn-v160-refer .pn-v160-nav-icon img{width:46px!important;height:46px!important;object-fit:contain!important;filter:drop-shadow(0 5px 9px rgba(57,21,126,.18))!important;transform:none!important}
.pn-v160-refer.active .pn-v160-nav-icon{box-shadow:none!important;background:transparent!important}
.pn-v160-refer>span:last-child{margin-top:-5px!important}
.alert{max-width:500px!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(28,31,54,.06)!important}
.alert.success{background:#ecfbf2!important;border-color:#dcd7f1!important;color:#39167f!important}
.status.success,.status.completed,.status.approved{background:#efecfc!important;color:#40188d!important}
.status.pending,.status.processing,.status.claimed,.status.submitted{background:#fff4d9!important;color:#9a6908!important}
.status.rejected,.status.failed{background:#fff0f2!important;color:#bd3e55!important}
.rdx-success-overlay{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:18px;background:rgba(8,15,20,.42);opacity:0;transition:opacity .16s ease}.rdx-success-overlay.show{opacity:1}.rdx-success-card{position:relative;width:min(360px,100%);padding:26px 20px 22px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 24px 60px rgba(8,9,21,.28);transform:translateY(10px) scale(.98);transition:transform .16s ease}.rdx-success-overlay.show .rdx-success-card{transform:none}.rdx-success-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:9px;background:#f1f4f2;color:#42466e}.rdx-success-check{width:68px;height:68px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,#5e24d1,#4d1daa);color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 12px #f1eefd,0 10px 24px rgba(87,33,193,.2)}.rdx-success-card strong{display:block;font-size:13px;line-height:1.45;color:#172033}
.rdx-success-overlay.show .rdx-success-check{animation:pnsCheckPop .28s ease-out both}@keyframes pnsCheckPop{0%{transform:scale(.72);opacity:.4}100%{transform:scale(1);opacity:1}}


/* =========================================================
   RDXPAY V16.6 — mobile viewport stability
   Keeps the existing visual design; only prevents side gaps.
   ========================================================= */
html,body{width:100%;min-width:100%;max-width:100%;min-height:100%;overflow-x:hidden!important}
body{min-height:100dvh}
@media(max-width:768px){
  .app-shell{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;min-height:100dvh!important}
  .app-header{width:100%!important;max-width:none!important}
}
@media(display-mode:standalone) and (max-width:900px){
  html,body,.app-shell{width:100%!important;max-width:none!important;min-height:100dvh!important}
  .app-header{width:100%!important;max-width:none!important}
}

/* V16.8 tutorial viewer: keep media fully above the fixed bottom dock and
   present it as a centered, app-like viewer on both mobile and desktop. */
.tutorial-viewer-v12{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
}
.tutorial-viewer-panel-v12{
  width:min(720px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  margin:auto!important;
  border-radius:18px!important;
  overflow:hidden!important;
  transform:translateY(12px) scale(.985)!important;
  box-shadow:0 24px 72px rgba(5,16,28,.34)!important;
}
.tutorial-viewer-v12.open .tutorial-viewer-panel-v12{transform:none!important}
.tutorial-viewer-panel-v12 header{height:52px!important;min-height:52px!important;padding:0 12px 0 15px!important}
.tutorial-viewer-stage-v12{
  min-height:0!important;
  max-height:calc(100dvh - 140px)!important;
  overflow:hidden!important;
  background:#090b10!important;
}
.tutorial-viewer-stage-v12 video,
.tutorial-viewer-stage-v12 img{
  display:block;
  width:100%!important;
  max-width:100%!important;
  max-height:calc(100dvh - 140px)!important;
  object-fit:contain!important;
}
.tutorial-player-tools-v12{height:50px!important;padding:7px 12px!important}
body.tutorial-viewer-open{overflow:hidden!important;touch-action:none}
body.tutorial-viewer-open .bottom-nav{visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){
  .tutorial-viewer-v12{padding:10px!important}
  .tutorial-viewer-panel-v12{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:16px!important}
  .tutorial-viewer-stage-v12,.tutorial-viewer-stage-v12 video,.tutorial-viewer-stage-v12 img{max-height:calc(100dvh - 122px)!important}
  .tutorial-viewer-panel-v12 header{height:48px!important;min-height:48px!important}
  .tutorial-player-tools-v12{height:46px!important}
}

/* =========================================================
   RDXPAY V16.9 — modal layering + tutorial presentation
   ========================================================= */
.tutorial-viewer-v12{
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))!important;
}
.tutorial-viewer-panel-v12{
  width:min(900px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
}
.tutorial-viewer-panel-v12 header{flex:0 0 52px!important;}
.tutorial-viewer-stage-v12{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#050607!important;
}
.tutorial-viewer-stage-v12 video,
.tutorial-viewer-stage-v12 img{
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 132px)!important;
  object-fit:contain!important;
  margin:auto!important;
}
.tutorial-player-tools-v12{flex:0 0 48px!important;height:48px!important;}
body.tutorial-viewer-open .bottom-nav,
body.wallet-editor-open .bottom-nav,
html.wallet-editor-open body .bottom-nav,
body.purchase-sheet-open .bottom-nav{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:600px){
  .tutorial-viewer-v12{padding:8px!important;}
  .tutorial-viewer-panel-v12{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important;}
  .tutorial-viewer-stage-v12 video,.tutorial-viewer-stage-v12 img{max-height:calc(100dvh - 116px)!important;}
}

/* RDXPay brand edition | Indigo 6745E8 + purple 9D4EDC | 2026 */
:root{--bg:#f6f7fc;--surface:#fff;--surface-2:#fafaff;--surface-3:#f1f0ff;--ink:#171a37;--ink-2:#2b3350;--muted:#66718a;--muted-2:#8790aa;--line:#e5e7f2;--line-strong:#d7daec;--brand:#6745e8;--brand-2:#9d4edc;--brand-dark:#4b2cbf;--brand-soft:#f0ebff;--brand-glow:rgba(103,69,232,.18);--graphite:#151c40;--success:#5d51cc;--success-soft:#f0eeff;--info:#3268e8;--info-soft:#edf3ff;--shadow-xs:0 2px 8px rgba(22,28,75,.045);--shadow-sm:0 7px 20px rgba(22,28,75,.07);--shadow:0 16px 40px rgba(24,28,90,.09);--shadow-float:0 19px 46px rgba(42,32,113,.16)}
body{background:linear-gradient(145deg,#f8f9ff,#f2f3fb)}
.app-shell{background:linear-gradient(180deg,#fff 0%,#fbfaff 62%,#fff 100%);box-shadow:0 0 0 1px #e9e9f3,0 18px 60px rgba(28,26,85,.075)}
.app-header{background:rgba(255,255,255,.95);border-bottom:1px solid #eeecf8}
.app-header:after{background:linear-gradient(90deg,transparent,rgba(157,78,220,.25),transparent)}
.header-logo img{object-fit:contain;max-height:46px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6745e8;outline-offset:3px}
.btn-primary,.primary-btn,.auth-submit,.reset160-primary{background:linear-gradient(113deg,#6745e8,#9253e6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(103,69,232,.22)}
.rdx-success-check{background:linear-gradient(135deg,#6745e8,#9d4edc)!important;box-shadow:0 0 0 12px #f1edff,0 10px 24px rgba(103,69,232,.19)!important}
.alert.success,.status.success,.status.completed,.status.approved{background:#efecff!important;color:#543ab9!important;border-color:#dfd8ff!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ORIGINAL SOURCE: assets/css/rdx-premium.css */
/* RDXPay 2026 brand refresh. Intentionally loaded after the legacy page-local CSS. */
:root{--rdx-primary:#6745e8;--rdx-primary-strong:#4e2bce;--rdx-accent:#9d4edc;--rdx-blue:#3260ea;--rdx-ink:#1b2145;--rdx-subtle:#65708b;--rdx-surface:#fff;--rdx-line:#e4e5f5;--rdx-soft:#f5f2ff;--rdx-shadow:0 16px 42px rgba(46,34,113,.09);--rdx-gradient:linear-gradient(123deg,#6745e8 0%,#8f49e7 50%,#3260ea 100%);--brand:#6745e8;--brand-dark:#4e2bce;--brand-soft:#f0edff}
html{color-scheme:light;scroll-behavior:smooth}body{background:radial-gradient(ellipse 125% 310px at 50% -160px,#dcd8ff 0,transparent 80%),#f8f9fe;color:var(--rdx-ink);-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--rdx-primary);outline-offset:3px}
.app-shell{background:transparent!important}.app-header{background:rgba(255,255,255,.91)!important;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);border-bottom:1px solid #ebe9fa!important;box-shadow:0 10px 30px rgba(61,53,123,.06)!important}.app-header .header-logo img{max-height:41px;object-fit:contain}.app-header .header-icon-btn,.header-language{border-color:#e6e4f8!important;background:#f7f5ff!important;color:#5539bf!important;border-radius:12px!important}
.bottom-nav{border:1px solid #e9e6fa!important;border-bottom:0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -10px 35px rgba(38,33,86,.08)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.bottom-nav .nav-item.active,.bottom-nav a.active{color:var(--rdx-primary)!important}.bottom-nav .nav-item.active .nav-icon-wrap{background:#ede8ff!important;color:#6745e8!important;border-radius:13px}
.home160,.wallet163,.market160,.ref160,.profile160,.offers160,.tx160,.rdx-order-page{color:var(--rdx-ink)!important}.home160-section-head h2,.wallet163-head h1,.home160-section-head h2,.market160 h1{font-weight:850!important;letter-spacing:-.035em}
.home160-balance{position:relative;overflow:hidden;background:linear-gradient(125deg,#20134c 0%,#5530bc 47%,#774df2 100%)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:23px!important;box-shadow:0 18px 40px rgba(76,48,171,.2)!important;padding:19px!important}
.home160-balance:before{content:"";pointer-events:none;position:absolute;width:230px;height:230px;right:-78px;top:-115px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025)}
.home160-balance .home160-main .home160-label,.home160-balance .home160-main strong,.home160-balance .home160-commission span,.home160-balance .home160-commission b{color:#fff!important}.home160-balance .home160-label{opacity:.78}.home160-commission{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:15px!important;backdrop-filter:blur(12px)}
.home160-actions{border-top:1px solid rgba(255,255,255,.15)!important}.home160-action{color:#f8f5ff!important;position:relative}.home160-action i{width:46px!important;height:46px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important;border-radius:14px!important;font-size:17px!important}.home160-action:hover i{transform:translateY(-2px);background:rgba(255,255,255,.25)!important}
.home160-stat,.home160-tx,.home160-tutorial,.wallet163-card,.market160-card,.market153-card,.offer-card,.rdx-order-card,.panel,.home160-notice,.home160-empty,.auth-info-item{background:#fff!important;border:1px solid var(--rdx-line)!important;box-shadow:0 7px 22px rgba(47,42,105,.045)!important;border-radius:17px!important}
.home160-stat{padding:16px!important}.home160-stat strong{font-size:20px!important;color:#4224a6!important}.home160-stat span{font-size:10px!important}.home160-section-head a,.wallet163-history{color:var(--rdx-primary)!important}.home160-tx,.home160-tutorial{padding:12px!important}.home160-tx-icon{background:var(--rdx-gradient)!important;border-radius:13px!important}.home160-tx strong,.home160-tutorial strong{font-size:12px!important}.home160-tx small,.home160-tutorial small{font-size:10px!important}
.home160-banner .banner-card-v7{border:1px solid #e5e1f8!important;border-radius:19px!important;box-shadow:var(--rdx-shadow)!important}.home160-dots i.active{background:var(--rdx-primary)!important}
.wallet163-card{padding:13px!important}.wallet163-card .wallet163-arrow{background:#f0edff!important;color:#5e39cb!important}.wallet163-state{background:#f0edff!important;color:#5939b5!important}.wallet163-panel,.ev-sheet{border:1px solid #e4e1f4!important;box-shadow:0 -24px 65px rgba(27,22,73,.23)!important}.ev-icon,.ev-send-row .btn{background:#efeaff!important;color:#5937cf!important}.ev-actions .btn,.auth163-submit{background:var(--rdx-gradient)!important;color:#fff!important;box-shadow:0 9px 24px rgba(103,69,232,.24)!important}
.rdx-submit-btn,.home160-action i,.nav-icon-wrap,.auth163-submit,button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.rdx-submit-btn:active,.auth163-submit:active,button:active{transform:scale(.987)}
/* Authentication is shared by login, registration and OTP. */
body.auth163-page{background:radial-gradient(ellipse 430px 300px at 15% 12%,rgba(148,105,240,.16),transparent),radial-gradient(ellipse 500px 380px at 88% 80%,rgba(50,96,234,.12),transparent),#f8f8fe!important}
.auth163{max-width:525px!important;padding:22px 18px 30px!important;justify-content:flex-start}.auth163-top{margin-bottom:16px}.auth163-lang{border:1px solid #e3dff8!important;border-radius:12px!important;min-width:70px;justify-content:center;box-shadow:0 4px 14px rgba(64,52,132,.05)}
.auth163-brand{margin:0 auto 22px!important}.auth163-brand img{width:auto;max-width:182px;max-height:58px!important}.auth163-brand h1{margin-top:14px!important;font-size:31px!important;letter-spacing:-.055em;font-weight:850!important;color:#19183a!important}.auth163-tagline{margin:9px auto 0!important;color:#77728d!important;line-height:1.5!important;font-size:12px!important;font-weight:500;max-width:280px}
.auth163-switch{background:#eceaf7!important;border:1px solid #e2dff4!important;border-radius:15px!important;padding:5px!important;gap:7px!important;margin-bottom:13px!important}.auth163-switch button{border-radius:11px!important;height:43px!important;font-size:12px!important;color:#514d72!important}.auth163-switch button.active{background:#fff!important;color:#4f2cc3!important;box-shadow:0 4px 14px rgba(53,38,130,.11)!important}
.auth163-card{padding:25px 23px!important;border:1px solid #e8e3f8!important;border-radius:23px!important;box-shadow:0 21px 55px rgba(44,37,110,.095)!important;background:#fff!important}.auth163-card h2{font-size:20px!important;letter-spacing:-.02em;margin-bottom:20px!important}.auth163-form{gap:14px!important}.auth163-field label{font-size:11px!important;margin-bottom:8px!important;color:#4c4a65!important}.auth163-input input{height:52px!important;background:#fbfaff!important;border:1px solid #e3e1f0!important;border-radius:13px!important;font-size:13px!important}.auth163-input input:focus{border-color:#8565ee!important;background:#fff!important;box-shadow:0 0 0 4px rgba(103,69,232,.11)!important}.auth163-submit{height:49px!important;border-radius:13px!important;font-size:13px!important;margin-top:6px;cursor:pointer}.auth163-options,.auth163-foot{font-size:11px!important}.auth163-options a,.auth163-foot a{color:#5c3ad1!important}.otp-cell{border-radius:11px!important;background:#fcfbff!important}
/* Responsive controls and reduced-motion accessibility */
@media(hover:hover){.home160-tx:hover,.home160-tutorial:hover,.wallet163-card:hover,.market160-card:hover,.market153-card:hover{border-color:#cec3fa!important;transform:translateY(-1px)}}
@media(max-width:600px){.auth163{padding:13px 13px 24px!important}.auth163-brand{margin-bottom:18px!important}.auth163-card{padding:19px 17px!important}.home160-balance{padding:17px 15px!important}.home160-commission{min-width:115px!important}.home160-action i{height:43px!important;width:43px!important}.home160-stat{padding:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* RDXPay V4: resilient Login/Register links and user-supplied brand artwork. */
.auth163-brand{margin-top:22px!important;margin-bottom:25px!important}
.auth163-brand img{width:min(300px,88%)!important;max-width:300px!important;max-height:96px!important;height:auto!important;object-fit:contain!important}
.auth163-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth163-switch{position:relative;z-index:1}
.auth163-switch a{display:flex;align-items:center;justify-content:center;height:43px;min-height:43px;line-height:1;border:0;border-radius:11px;background:transparent;color:#514d72;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer;touch-action:manipulation;pointer-events:auto;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.auth163-switch a.active{background:linear-gradient(118deg,#7340e8,#5320c6)!important;color:white!important;box-shadow:0 5px 17px rgba(92,53,200,.2)!important}
.auth163-switch a:hover:not(.active){background:#ffffffb9;color:#4823ac}
@media(max-width:600px){.auth163-brand{margin-top:14px!important;margin-bottom:19px!important}.auth163-brand img{width:min(275px,91%)!important;max-height:84px!important}}


/* RDXPay V5 — OTP input separation and language-button polish.
   Use an INSIDE focus ring so focus never obscures the adjacent digit field. */
.reset160,
body:has(.reset160){font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important}
.reset160{background:transparent!important;color:#1b2145!important;padding-top:16px!important}
.reset160-brand{margin:15px 0 17px!important}
.reset160-brand img{display:block;width:auto;max-width:min(270px,80%)!important;max-height:80px!important;object-fit:contain;margin:0 auto}
.reset160-brand h1{font-size:25px!important;letter-spacing:-.035em;color:#1b2145!important}
.reset160-sub{font-size:11px!important;color:#6c718e!important}
.reset160-card{border:1px solid #e6e3f5!important;border-radius:19px!important;box-shadow:0 14px 39px rgba(47,36,105,.075)!important;padding:20px!important}
.reset160-card h2{font-size:17px!important;color:#1b2145!important;letter-spacing:-.025em}
.reset160-card p{font-size:11px!important;color:#646b85!important;line-height:1.6}
.reset160-field label{font-size:11px!important;color:#4f5070!important}
.reset160-input{border-color:#e0ddf1!important;background:#fcfbff!important;border-radius:12px!important;font-size:13px!important}
.reset160-input:focus{border-color:#7250dd!important;box-shadow:0 0 0 3px rgba(103,69,232,.09)!important}
.reset160-send{background:#f2eeff!important;border-color:#e4dcff!important;color:#5631bd!important}
.reset160-verify{background:#f3f4fa!important;border-color:#e3e5f0!important;color:#515777!important}
.reset160-primary{background:var(--rdx-gradient)!important;color:#fff!important}
/* Anchors must look like controls, not underlined links. */
.reset160-top a.reset160-lang,
.reset160-top a.reset160-back,
.auth163-top a.auth163-lang,
.header-language,
.reset160-top a.reset160-lang:visited,
.reset160-top a.reset160-back:visited,
.auth163-top a.auth163-lang:visited{
  text-decoration:none!important;text-decoration-line:none!important;
  color:#5032ae!important;border:1px solid #e4e0f6!important;
  background:#fff!important;border-radius:11px!important;
  font-family:Inter,"Segoe UI",system-ui,sans-serif!important;
}
.reset160-top a.reset160-lang *,
.reset160-top a.reset160-back *,
.auth163-top a.auth163-lang *{text-decoration:none!important}
.reset160-top a:hover,.auth163-top a:hover{background:#f5f2ff!important}
.reset160 .otp-cells,
.ev-sheet .otp-cells{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}
.reset160 .otp-cell,.ev-sheet .otp-cell{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  height:46px!important;
  border:1px solid #deddf0!important;
  border-radius:11px!important;
  background:#fbfaff!important;
  color:#292452!important;
  font:700 19px/1 Inter,"Segoe UI",system-ui,sans-serif!important;
  text-align:center!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-appearance:none;
  appearance:none;
  transition:background-color .14s,border-color .14s,box-shadow .14s;
}
.reset160 .otp-cell:focus,
.reset160 .otp-cell:focus-visible,
.ev-sheet .otp-cell:focus,
.ev-sheet .otp-cell:focus-visible{
  background:#fff!important;
  border-color:#7950e4!important;
  box-shadow:inset 0 0 0 2px #7950e4!important;
  outline:none!important;
}
@media(max-width:390px){
  .reset160-card{padding:15px!important}
  .reset160 .otp-cells,.ev-sheet .otp-cells{gap:6px!important}
  .reset160 .otp-cell,.ev-sheet .otp-cell{height:42px!important;font-size:17px!important}
}

/* ORIGINAL SOURCE: assets/css/rdx-layout-v6.css */
/* RDXPay V6: website-specific, robust layer for user app on fresh cPanel deployments. */
:root{--rdx-page:#f5f7fc;--rdx-text:#14213c;--rdx-line:#e4eaf3;--rdx-purple:#6336cd}
html{min-height:100%;box-sizing:border-box;-webkit-text-size-adjust:100%}*,*::before,*::after{box-sizing:inherit}
body{margin:0!important;background:var(--rdx-page)!important;color:var(--rdx-text)!important;font:14px/1.5 Inter,'Segoe UI',Arial,sans-serif!important;overflow-x:hidden}
a,a:link,a:visited{text-decoration:none!important}a:hover{text-decoration:none!important}
button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.hidden{display:none!important}
body>.app-shell,.app-shell{position:relative!important;width:100%!important;max-width:540px!important;min-height:100vh!important;margin:0 auto!important;background:#f7f9fd!important;box-shadow:0 0 0 1px #ebedf5,0 10px 38px rgba(21,31,72,.05)!important;padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
.app-header{width:100%!important;height:65px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;border-bottom:1px solid #eef0f6!important;box-shadow:0 5px 18px rgba(32,36,80,.045)!important}
.app-header::after{display:none!important}.header-logo{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 auto!important;min-width:0!important;max-width:175px!important;height:48px!important}.header-logo img,.app-header .header-logo img{max-width:174px!important;width:auto!important;max-height:46px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.header-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:6px!important}.header-lang-form{display:block!important;margin:0!important}
.header-language,.header-icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:35px!important;height:36px!important;border:1px solid #e8e3f7!important;border-radius:11px!important;background:#fff!important;color:#5b37b4!important;box-shadow:none!important;text-decoration:none!important}.header-language{padding:0 10px!important;font-size:11px!important;white-space:nowrap}.header-icon-btn{width:36px!important;padding:0!important;font-size:14px!important}
.header-language>span,.header-language i{text-decoration:none!important}.app-header-back{display:grid!important;grid-template-columns:38px minmax(0,1fr) 96px!important}.app-header-back .header-logo{justify-self:center!important}.app-header-back .header-actions{justify-self:end!important}
.home160{width:100%!important;max-width:540px!important;margin:0 auto!important;padding:12px 12px calc(85px + env(safe-area-inset-bottom))!important}
.home160-banner{margin-bottom:12px!important}.home160-banner .banner-track{display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.home160-banner .banner-track::-webkit-scrollbar{display:none}.home160-banner .banner-card-v7{flex:0 0 100%!important;min-width:100%!important;max-width:100%!important;width:100%!important;aspect-ratio:16 / 5.2!important;scroll-snap-align:start!important;position:relative!important;border:0!important;border-radius:15px!important;overflow:hidden!important;box-shadow:none!important;display:block!important;background:#eeeafe!important}
.home160-banner .banner-card-v7>img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
.home160-dots,.banner-dots{display:flex!important;align-items:center;justify-content:center;gap:6px;margin:8px 0 0!important}.banner-dots i{display:block!important;width:6px;height:6px;border-radius:8px;background:#d8d3eb}.banner-dots i.active{width:22px;background:#6636d1}
.home160-balance{background:#fff!important;color:var(--rdx-text)!important;box-shadow:0 5px 20px rgba(28,43,83,.045)!important;border:1px solid #e1e7f0!important;border-radius:16px!important;padding:15px!important;overflow:visible!important}.home160-balance::before{display:none!important}.home160-balance .home160-label{color:#718099!important;opacity:1!important}.home160-balance .home160-main strong{color:#101c36!important;font-size:28px!important}.home160-commission{border-radius:12px!important;background:#f0eafa!important;border:1px solid #e3d7fc!important;backdrop-filter:none!important;min-width:128px!important}.home160-commission span{color:#6b6190!important}.home160-commission b{color:#693bd4!important}
.home160-actions{border-top:1px solid #edf0f6!important;padding-top:13px!important;gap:7px!important}.home160-action{align-items:center!important;color:#283753!important;font-size:11px!important;font-weight:800!important;gap:7px!important;text-decoration:none!important}.home160-action i{width:46px!important;height:46px!important;border-radius:13px!important;display:grid!important;place-items:center!important;color:#fff!important;border:0!important;font-size:19px!important;box-shadow:0 5px 15px rgba(16,27,62,.10)!important}.home160-action:nth-child(1) i{background:#0fba71!important}.home160-action:nth-child(2) i{background:#7652f4!important}.home160-action:nth-child(3) i{background:#08bdb5!important}.home160-action:nth-child(4) i{background:#ffa518!important}.home160-action:hover i{filter:brightness(1.05);transform:translateY(-1px)}
.home160-stats{gap:9px!important;margin-top:10px!important}.home160-stat{border-radius:13px!important;background:#fff!important;border:1px solid #e1e8f2!important;box-shadow:0 5px 17px rgba(30,47,87,.04)!important;padding:13px!important}.home160-stat strong{font-size:19px!important;color:#322069!important}.home160-stat:nth-child(1) strong{color:#0b9c68!important}.home160-stat:nth-child(2) strong{color:#6336ce!important}.home160-stat:nth-child(3) strong{color:#2779d9!important}.home160-stat:nth-child(4) strong{color:#d88a0a!important}
.home160-section{margin-top:16px!important}.home160-section-head h2{color:#12203b!important}.home160-tx,.home160-tutorial{background:#fff!important;border:1px solid #e5eaf3!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(30,45,85,.035)!important}.home160-tx-icon{background:#0fba71!important;box-shadow:none!important}.home160-tx b{color:#078e64!important}
.account155{max-width:540px!important;padding:12px 12px calc(95px + env(safe-area-inset-bottom))!important}.account155-hero{border-radius:17px!important;background:linear-gradient(120deg,#302077,#5c32bd 55%,#7440df)!important;padding:16px!important}.account155-menu{border-color:#e3e9f2!important;box-shadow:0 6px 22px rgba(31,46,89,.04)!important;border-radius:15px!important}.account155-menu a{color:#162440!important;border-bottom:1px solid #ecf0f6!important;text-decoration:none!important}.account155-menu a>span:not(.account155-icon){text-decoration:none!important}.account155-menu a small{text-decoration:none!important}.account155-icon{background:#f0eaff!important;color:#5b31b6!important}.account155-menu a:nth-child(1) .account155-icon{background:#e5f9f0!important;color:#11a36e!important}.account155-menu a:nth-child(2) .account155-icon{background:#ecebff!important;color:#6652e1!important}.account155-menu a:nth-child(3) .account155-icon{background:#e4f7f7!important;color:#09a4a4!important}.account155-menu a:nth-child(4) .account155-icon{background:#fff3df!important;color:#de900e!important}.account155-menu a:nth-child(5) .account155-icon{background:#f2eaff!important;color:#773fc3!important}.account155-menu a:nth-child(6) .account155-icon{background:#e7f3ff!important;color:#297ed1!important}.account155-shortcut{border-color:rgba(255,255,255,.17)!important;text-decoration:none!important}
/* Ensure the nav stays inside the centred app, even when the legacy CSS is stale/missing. */
.pn-v160-nav{left:50%!important;transform:translateX(-50%)!important;width:min(100%,540px)!important;max-width:540px!important;z-index:120!important}.pn-v160-nav a,.pn-v160-nav-item{text-decoration:none!important}.pn-v160-nav-item span{text-decoration:none!important}
@media(max-width:390px){.home160{padding-left:9px!important;padding-right:9px!important}.home160-commission{min-width:112px!important}.home160-balance .home160-main strong{font-size:25px!important}.header-logo img,.app-header .header-logo img{max-width:132px!important;max-height:41px!important}.header-actions{gap:4px!important}.header-icon-btn{width:32px!important;min-width:32px!important}.header-language{min-width:0!important;padding:0 7px!important;font-size:10px!important}}
@media(min-width:900px){.app-shell{border:1px solid #e8ebf3!important;border-top:0!important}}

/* Built-in editable-slider placeholder: automatically hides as soon as admin uploads a banner. */
.rdx-slide{color:#fff!important;isolation:isolate!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px!important;min-height:0!important;text-decoration:none!important}
.rdx-slide-market{background:linear-gradient(118deg,#23135c 0%,#5735c3 58%,#9656ed 100%)!important}.rdx-slide-wallet{background:linear-gradient(115deg,#073f70,#226ed1 58%,#6555e5)!important}
.rdx-slide::before{content:"";width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.15);position:absolute;right:-65px;top:-120px;box-shadow:0 0 0 34px rgba(255,255,255,.05),0 0 0 75px rgba(255,255,255,.035);pointer-events:none}
.rdx-slide-copy{display:block;position:relative;z-index:2}.rdx-slide-copy small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#e0d6ff}.rdx-slide-copy strong{display:block;margin:5px 0 9px;font-weight:850;font-size:19px;line-height:1.18;color:white;letter-spacing:-.025em}.rdx-slide-copy em{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.19);font-size:9px;font-style:normal;font-weight:800;color:white}
.rdx-slide-art{position:absolute;z-index:1;display:block;right:30px;top:23px;transform:rotate(-10deg);width:115px;height:115px;border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.3),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 26px rgba(16,10,58,.2)}.rdx-slide-art i:first-child{display:grid;place-items:center;width:100%;height:100%;font-size:57px;color:#fff;text-shadow:0 3px 10px rgba(23,17,72,.2)}.rdx-slide-art i:last-child{position:absolute;right:-19px;bottom:-10px;border-radius:15px;background:#ffac2b;padding:11px;font-size:20px;color:#fff;transform:rotate(15deg);box-shadow:0 6px 16px rgba(33,20,88,.22)}
@media(max-width:390px){.rdx-slide{padding:14px 15px!important;min-height:0!important}.rdx-slide-copy strong{font-size:16px}.rdx-slide-copy small{font-size:8px}.rdx-slide-copy em{font-size:8px;padding:5px 7px}.rdx-slide-art{width:85px;height:85px;right:21px;top:18px}.rdx-slide-art i:first-child{font-size:40px}.rdx-slide-art i:last-child{font-size:14px;padding:7px}}
/* Media viewer must remain hidden until opened, even if cached legacy CSS fails to load. */
[hidden]{display:none!important}#tutorialViewer:not(.open){display:none!important}
#tutorialViewer.open{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;z-index:2000!important;padding:14px!important}
#tutorialViewer.open .tutorial-viewer-backdrop-v12{position:absolute!important;inset:0!important;background:rgba(10,14,36,.82)!important;border:0!important;cursor:pointer!important}
#tutorialViewer.open .tutorial-viewer-panel-v12{position:relative!important;width:min(720px,100%)!important;max-height:90dvh!important;overflow:auto!important;background:#fff!important;border-radius:17px!important;box-shadow:0 20px 70px rgba(0,0,0,.3)!important}
#tutorialViewer.open .tutorial-viewer-panel-v12>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;font-weight:800!important}
#tutorialViewer.open .tutorial-viewer-stage-v12 video,#tutorialViewer.open .tutorial-viewer-stage-v12 img{display:block;max-height:70dvh;max-width:100%;height:auto;width:100%;object-fit:contain;background:#101324}
#tutorialViewer.open .tutorial-player-tools-v12{padding:10px 16px!important}
.account155-shortcuts .account155-shortcut:nth-child(1){background:rgba(15,187,182,.24)!important}.account155-shortcuts .account155-shortcut:nth-child(2){background:rgba(86,117,246,.25)!important}.account155-shortcuts .account155-shortcut:nth-child(3){background:rgba(252,167,50,.24)!important}

/* ORIGINAL SOURCE: assets/css/rdx-refined-v7.css */
/* RDXPay V7 | Brand-original mobile-first interface.
   Scoped to Home and Account. All forms, endpoints and actions are unchanged. */
:root {
  --rdx7-ink:#17213e;
  --rdx7-muted:#758199;
  --rdx7-violet:#613fdb;
  --rdx7-deep:#28205f;
  --rdx7-stroke:#e6e9f3;
  --rdx7-shadow:0 12px 35px rgba(26,32,81,.055);
}

/* General polish without changing behaviour or the layout of other pages. */
body .app-shell {background:#f7f8fd!important;}
body .app-header {border-bottom:1px solid #e9eaf5!important;box-shadow:0 6px 22px rgba(38,30,93,.045)!important;}
body .app-header .header-icon-btn,
body .app-header .header-language {background:#faf9ff!important;border:1px solid #e9e6f4!important;color:#4b36a3!important;}
body .app-header .header-icon-btn:hover,
body .app-header .header-language:hover {background:#f0ecff!important;}
body .app-shell a,body .app-shell a:link,body .app-shell a:visited {text-decoration:none!important;}
body .app-shell a:focus-visible,body .app-shell button:focus-visible {outline:2px solid #7857e9!important;outline-offset:3px!important;}

/* Home — unique payment workspace with a proper readable hero, not a cloned dashboard. */
body .home160 {padding:13px 12px calc(95px + env(safe-area-inset-bottom))!important;color:var(--rdx7-ink)!important;}
body .home160-banner {margin:0 0 15px!important;overflow:hidden!important;border-radius:18px!important;}
body .home160-banner .banner-track {border-radius:18px!important;gap:0!important;}
body .home160-banner .banner-card-v7 {box-shadow:none!important;border:0!important;border-radius:18px!important;}
body .home160-banner .banner-card-v7.rdx-slide-market {
  background:linear-gradient(110deg,#241956 0%,#3a2a91 42%,#7553ec 100%)!important;
}
body .home160-banner .banner-card-v7.rdx-slide-wallet {
  background:linear-gradient(112deg,#142859 0%,#2350a8 57%,#546eea 100%)!important;
}
/* Remove indicators completely, even if cached legacy JS or styling reintroduces them. */
body .home160-dots,body .home160-banner .banner-dots,body .home160-banner .home160-dots {display:none!important;}
body .home160-banner .banner-card-v7.rdx-slide {padding:19px 22px!important;display:flex!important;align-items:center!important;position:relative!important;isolation:isolate!important;}
body .home160-banner .rdx-slide::before {
  content:""!important;position:absolute!important;width:240px!important;height:240px!important;right:-45px!important;top:-130px!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.23)!important;box-shadow:0 0 0 33px rgba(255,255,255,.035),0 0 0 78px rgba(255,255,255,.025)!important;pointer-events:none!important;
}
body .home160-banner .rdx-slide::after {
  content:"";position:absolute;inset:auto 0 0;pointer-events:none;height:2px;background:linear-gradient(90deg,#a789ff,#fff5,transparent);z-index:2;
}
body .home160-banner .rdx-slide-copy {position:relative!important;z-index:3!important;display:block!important;width:72%!important;}
body .home160-banner .rdx-slide-copy small {color:#dcd2ff!important;font-size:10px!important;letter-spacing:.12em!important;line-height:1.25!important;font-weight:800!important;text-transform:uppercase!important;opacity:1!important;}
body .home160-banner .rdx-slide-copy strong {color:#fff!important;font-size:21px!important;line-height:1.16!important;font-weight:900!important;letter-spacing:-.035em!important;text-shadow:0 1px 3px rgba(9,10,43,.18)!important;margin:8px 0 9px!important;}
body .home160-banner .rdx-slide-copy em {display:inline-flex!important;align-items:center!important;gap:6px!important;background:#fff!important;color:#392590!important;border-radius:9px!important;font-size:9px!important;font-weight:900!important;font-style:normal!important;padding:7px 10px!important;box-shadow:0 4px 12px rgba(12,14,52,.13)!important;}
body .home160-banner .rdx-slide-wallet .rdx-slide-copy em {color:#164c99!important;}
/* Abstract financial card illustration, intentionally different from the reference banner. */
body .home160-banner .rdx-slide-art {
  width:120px!important;height:115px!important;right:28px!important;top:21px!important;
  transform:rotate(9deg)!important;border-radius:19px!important;
  background:linear-gradient(148deg,rgba(255,255,255,.37),rgba(255,255,255,.09))!important;
  border:1px solid rgba(255,255,255,.46)!important;
  box-shadow:0 16px 34px rgba(9,12,48,.2)!important;backdrop-filter:blur(4px);
}
body .home160-banner .rdx-slide-art i:first-child {color:#fff!important;font-size:46px!important;text-shadow:0 5px 16px rgba(15,13,70,.2)!important;}
body .home160-banner .rdx-slide-art i:last-child {right:-9px!important;bottom:-9px!important;background:#f6b348!important;font-size:17px!important;padding:10px!important;border-radius:12px!important;}
body .home160-banner .rdx-slide-wallet .rdx-slide-art i:last-child {background:#18c5d3!important;}

/* Financial overview: asymmetric balances + quiet differentiated action tiles. */
body .home160-balance {
  position:relative!important;background:linear-gradient(145deg,#fff 0%,#fefeff 58%,#f7f4ff 100%)!important;
  border:1px solid #e6e5f1!important;border-top:3px solid #7453e9!important;border-radius:20px!important;
  padding:18px 15px 15px!important;overflow:hidden!important;
  box-shadow:0 12px 30px rgba(42,36,94,.065)!important;color:var(--rdx7-ink)!important;
}
body .home160-balance::before {display:none!important;}
body .home160-balance .home160-label {font-size:10px!important;color:#6d7891!important;opacity:1!important;font-weight:800!important;letter-spacing:.07em!important;}
body .home160-balance .home160-main strong {color:#171c37!important;font-size:31px!important;font-weight:950!important;letter-spacing:-.06em!important;margin-top:7px!important;}
body .home160-commission {
  background:#f0eaff!important;border:1px solid #e2d9ff!important;border-radius:14px!important;
  min-width:130px!important;padding:11px!important;box-shadow:none!important;backdrop-filter:none!important;
}
body .home160-balance .home160-commission span {color:#655e82!important;font-size:9px!important;opacity:1!important;}
body .home160-balance .home160-commission b {color:#5832c6!important;font-size:16px!important;}
body .home160-actions {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important;padding-top:0!important;border:0!important;}
body .home160-actions .home160-action {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:12px 3px 10px!important;min-width:0!important;border:1px solid #e9e8f4!important;border-radius:14px!important;
  background:#faf9ff!important;color:#37415d!important;font-size:10px!important;font-weight:850!important;transition:transform .15s,border-color .15s,background-color .15s;
}
body .home160-actions .home160-action:hover {transform:translateY(-2px)!important;background:#f3f0ff!important;border-color:#d9d0ff!important;}
body .home160-actions .home160-action i {
  display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border-radius:12px!important;
  font-size:16px!important;box-shadow:none!important;background:#eee8ff!important;color:#5939cf!important;
}
body .home160-actions .home160-action:nth-child(1) i {background:#e4f8f2!important;color:#078c70!important;}
body .home160-actions .home160-action:nth-child(2) i {background:#ece8ff!important;color:#6240d5!important;}
body .home160-actions .home160-action:nth-child(3) i {background:#e2f5fd!important;color:#2270ae!important;}
body .home160-actions .home160-action:nth-child(4) i {background:#fff2db!important;color:#af6c0c!important;}
body .home160-actions .home160-action span {white-space:nowrap!important;color:inherit!important;}

body .home160-stats {gap:10px!important;margin-top:12px!important;}
body .home160-stat {padding:14px 15px!important;border:1px solid #e9eaf2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(38,44,95,.035)!important;position:relative!important;overflow:hidden!important;}
body .home160-stat::before {content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;border-radius:0 3px 3px 0;background:#7152df;}
body .home160-stat:nth-child(2)::before {background:#1c76b1;}
body .home160-stat:nth-child(3)::before {background:#089c83;}
body .home160-stat:nth-child(4)::before {background:#de952e;}
body .home160-stat span {color:#79839b!important;font-size:10px!important;font-weight:700!important;}
body .home160-stat strong {display:block!important;color:#352a75!important;font-size:19px!important;margin-top:8px!important;line-height:1.1!important;}
body .home160-stat:nth-child(1) strong {color:#5940c3!important;}
body .home160-stat:nth-child(2) strong {color:#2874ac!important;}
body .home160-stat:nth-child(3) strong {color:#148975!important;}
body .home160-stat:nth-child(4) strong {color:#ad761f!important;}
body .home160-section {margin-top:21px!important;}
body .home160-section-head h2 {font-size:17px!important;font-weight:900!important;letter-spacing:-.02em!important;color:#1a2242!important;}
body .home160-section-head a {color:#5835ca!important;font-weight:800!important;font-size:11px!important;}
body .home160-tx,body .home160-tutorial {border:1px solid #e9eaf3!important;border-radius:14px!important;box-shadow:0 4px 20px rgba(34,44,93,.035)!important;}
body .home160-tx-icon {background:linear-gradient(145deg,#5f44c9,#3d299d)!important;}
body .home160-tx b {color:#237d71!important;}
body .home160-empty {padding:25px 15px!important;background:#fff!important;border:1px dashed #dcdff0!important;border-radius:15px!important;color:#828ca3!important;}

/* Account — one sophisticated identity surface, quiet uniform service icons. */
body .account155 {max-width:540px!important;padding:18px 12px calc(96px + env(safe-area-inset-bottom))!important;color:#1c2541!important;}
body .account155-title {margin:0 2px 13px!important;font-size:23px!important;font-weight:950!important;letter-spacing:-.045em!important;color:#222244!important;}
body .account155-hero {
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(125deg,#1e2357 0%,#362675 58%,#5940bc 100%)!important;
  border:1px solid #393a83!important;border-radius:21px!important;padding:18px!important;
  box-shadow:0 15px 31px rgba(41,33,110,.17)!important;
}
body .account155-hero::before {
  content:"";position:absolute;width:250px;height:250px;right:-94px;top:-144px;pointer-events:none;
  border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 45px rgba(255,255,255,.03),0 0 0 92px rgba(255,255,255,.02);
}
body .account155-hero .account155-user,
body .account155-hero .account155-balances,
body .account155-hero .account155-shortcuts {position:relative;z-index:2;}
body .account155-avatar {border:2px solid rgba(255,255,255,.5)!important;border-radius:17px!important;background:#fff!important;width:56px!important;height:56px!important;}
body .account155-user h1 {font-size:16px!important;letter-spacing:-.015em!important;color:#fff!important;}
body .account155-user small {color:#dbd7f5!important;font-size:10px!important;}
body .account155-edit {background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:11px!important;}
body .account155-balances {gap:10px!important;margin-top:18px!important;}
body .account155-balance {background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;padding:12px!important;border-radius:14px!important;}
body .account155-balance span {color:#d7d5f1!important;font-size:10px!important;}
body .account155-balance strong {color:#fff!important;font-size:19px!important;margin-top:7px!important;letter-spacing:-.025em!important;}
body .account155-shortcuts {margin-top:12px!important;gap:9px!important;}
body .account155-shortcuts .account155-shortcut,
body .account155-shortcuts .account155-shortcut:nth-child(1),
body .account155-shortcuts .account155-shortcut:nth-child(2),
body .account155-shortcuts .account155-shortcut:nth-child(3) {
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.17)!important;
  border-radius:13px!important;height:66px!important;color:#fff!important;font-weight:750!important;
}
body .account155-shortcuts .account155-shortcut:hover {background:rgba(255,255,255,.15)!important;}
body .account155-shortcuts .account155-shortcut i {font-size:17px!important;color:#fff!important;}
body .account155-group-title {margin:19px 5px 8px!important;color:#68728b!important;font-size:10px!important;letter-spacing:.10em!important;text-transform:uppercase!important;font-weight:900!important;}
body .account155-menu {margin:0!important;padding:4px 11px!important;border:1px solid #e7e9f2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 25px rgba(36,43,85,.045)!important;}
body .account155-menu a {display:grid!important;grid-template-columns:40px minmax(0,1fr) 12px!important;gap:11px!important;align-items:center!important;min-height:65px!important;padding:9px 4px!important;border-bottom:1px solid #f0f1f6!important;color:#202a46!important;}
body .account155-menu a:last-child {border-bottom:0!important;}
body .account155-menu a:hover {background:#faf9ff!important;border-radius:10px!important;}
body .account155-menu .account155-icon,
body .account155-menu a:nth-child(1) .account155-icon,
body .account155-menu a:nth-child(2) .account155-icon,
body .account155-menu a:nth-child(3) .account155-icon,
body .account155-menu a:nth-child(4) .account155-icon,
body .account155-menu a:nth-child(5) .account155-icon,
body .account155-menu a:nth-child(6) .account155-icon {
  width:39px!important;height:39px!important;border-radius:12px!important;
  background:#f2f1fa!important;color:#5b54a5!important;border:1px solid #edeaf5!important;
}
body .account155-menu a strong {font-size:12px!important;font-weight:850!important;color:#202743!important;}
body .account155-menu a small {font-size:10px!important;color:#8892a3!important;}
body .account155-menu a>i {color:#adb4c4!important;font-size:11px!important;}
body .account155-logout {margin-top:18px!important;height:46px!important;border-radius:14px!important;border:1px solid #f5dce5!important;background:#fff8fa!important;color:#bc405d!important;font-size:11px!important;}

/* A restrained bottom navigation: don't let the referral icon dominate the product. */
body .pn-v160-nav .pn-v160-refer .pn-v160-nav-icon {filter:none!important;}
body .pn-v160-nav .pn-v160-refer .pn-v160-nav-icon img {max-width:56px!important;max-height:56px!important;object-fit:contain!important;}

@media(max-width:390px) {
  body .home160 {padding-left:9px!important;padding-right:9px!important;}
  body .home160-banner .banner-card-v7.rdx-slide {padding:13px 14px!important;}
  body .home160-banner .rdx-slide-copy strong {font-size:15px!important;margin:5px 0 7px!important;}
  body .home160-banner .rdx-slide-copy small {font-size:8px!important;}
  body .home160-banner .rdx-slide-copy em {font-size:8px!important;padding:5px 8px!important;}
  body .home160-banner .rdx-slide-art {width:78px!important;height:78px!important;right:20px!important;top:16px!important;}
  body .home160-banner .rdx-slide-art i:first-child {font-size:33px!important;}
  body .home160-banner .rdx-slide-art i:last-child {font-size:11px!important;padding:7px!important;}
  body .home160-balance {padding:15px 12px!important;}
  body .home160-commission {min-width:109px!important;padding:9px!important;}
  body .home160-actions {gap:6px!important;}
  body .home160-actions .home160-action {font-size:9px!important;padding:10px 1px!important;}
  body .home160-actions .home160-action i {width:34px!important;height:34px!important;font-size:14px!important;}
  body .account155 {padding-inline:10px!important;}
  body .account155-hero {padding:15px!important;}
}
@media(prefers-reduced-motion:reduce) {
  body .home160-action,body .account155-shortcut {transition:none!important;}
}
/* The legacy brand sheet styles the balance label white for dark cards.
   The V7 balance card is white, so override that exact legacy selector. */
body .home160-balance .home160-main .home160-label {color:#6d7891!important;opacity:1!important;visibility:visible!important;}

/* ORIGINAL SOURCE: assets/css/rdx-quality-v8.css */
/* RDXPay V8: single late-loading stabilization layer, limited to user UI. */
:root{--rdx8-bg:#f6f7fb;--rdx8-paper:#fff;--rdx8-ink:#1d2544;--rdx8-line:#e5e8f1;--rdx8-muted:#707993;--rdx8-brand:#6136cc}
html{scroll-behavior:auto!important}body{background:var(--rdx8-bg)!important;color:var(--rdx8-ink);-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{font-family:inherit}a:not(.link-underlined),.app-shell a{text-decoration:none!important}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7654df;outline-offset:2px}
.app-shell{width:min(100%,540px)!important;max-width:540px!important;min-height:100dvh!important;margin-inline:auto!important;background:#f7f8fb!important;overflow-x:clip;box-shadow:0 4px 35px rgba(24,29,56,.06)}
.app-header{width:100%;min-height:62px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;background:#fff!important;border-bottom:1px solid #eef0f6!important;padding:9px 14px!important;box-sizing:border-box!important}.app-header .header-logo{min-width:0;flex-shrink:0;display:flex;align-items:center;text-decoration:none}.app-header .header-logo img{display:block!important;width:145px!important;height:47px!important;max-width:145px!important;object-fit:contain!important;object-position:left center!important}.app-header-back .header-logo img{width:136px!important;height:42px!important;object-position:center center!important}.app-header-back .header-logo{margin:0 auto}.app-header .header-actions{display:flex;gap:7px;align-items:center}.app-header .header-icon-btn,.app-header .header-language{min-width:35px;min-height:35px;border-radius:12px;background:#fafaff;border:1px solid #e8e4f7;color:#5634b5;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}.header-lang-form{margin:0}
/* Less chrome around small dashboard actions: clickable hit area stays 68px. */
.home160-balance{border-color:var(--rdx8-line)!important;box-shadow:0 3px 18px rgba(28,35,67,.045)!important;background:#fff!important}.home160-actions{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 0 0!important;margin-top:10px!important;gap:5px!important}.home160-action{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important;min-height:68px!important;border-radius:12px!important;padding:7px 2px!important;transform:none!important}.home160-action>i{width:43px!important;height:43px!important;line-height:43px!important;font-size:18px!important;display:block!important;margin:0 auto 5px!important;border-radius:13px!important;box-shadow:none!important}.home160-action span{font-size:10px!important;font-weight:750!important;line-height:1.3}.home160-action:nth-child(1)>i{background:#e6f6ed!important;color:#079e6e!important}.home160-action:nth-child(2)>i{background:#efeafa!important;color:#6940d9!important}.home160-action:nth-child(3)>i{background:#e8f2fd!important;color:#1972c7!important}.home160-action:nth-child(4)>i{background:#fff3df!important;color:#bc760c!important}.home160-action:hover,.home160-action:focus-visible{background:#f5f4fb!important}
/* Profile: balance summary not three more bordered card-inside-card boxes */
.account155-hero{border-radius:18px!important;box-shadow:0 10px 25px rgba(44,33,100,.12)!important}.account155-balances{gap:0!important;margin-top:15px!important;background:rgba(255,255,255,.09);border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:5px 0!important}.account155-balance{border:0!important;border-radius:0!important;background:transparent!important;padding:7px 11px!important;box-shadow:none!important}.account155-balance+.account155-balance{border-left:1px solid rgba(255,255,255,.15)!important}.account155-balance strong{font-size:17px!important}.account155-shortcuts{margin-top:9px!important;gap:0!important}.account155-shortcut{height:57px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;padding:6px!important;gap:4px!important;font-size:11px!important}.account155-shortcut:hover{background:rgba(255,255,255,.1)!important}.account155-shortcut i{font-size:16px!important}.account155-menu a,.account155-menu-item{transition:background-color .12s ease!important}.account155-menu a:hover{background:#fafaff}
/* Support and security styles must remain complete even if legacy selectors clash. */
.detail-page{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:540px!important;margin:0 auto!important;padding:17px 14px 108px!important;box-sizing:border-box!important}.v8-intro-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;background:#fff!important;border:1px solid var(--rdx8-line)!important;border-radius:16px!important;padding:16px!important;box-shadow:none!important}.v8-intro-card>i{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#f0ebff!important;color:var(--rdx8-brand)!important;font-size:16px!important}.v8-intro-card span{display:block!important;font-size:10px!important;letter-spacing:.08em;color:#6953b2!important;font-weight:800!important}.v8-intro-card h1{font-size:21px!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:5px 0!important;color:var(--rdx8-ink)!important;font-weight:800!important}.v8-intro-card p{font-size:12px!important;line-height:1.5!important;margin:0!important;color:var(--rdx8-muted)!important}
.support-ticket-card,.support-ticket-list-v7,.security-card-v8{background:#fff!important;border:1px solid var(--rdx8-line)!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(20,27,56,.04)!important;padding:16px!important;width:100%!important;box-sizing:border-box!important}.support-ticket-card .section-head-v7{display:block!important;margin-bottom:14px!important}.support-ticket-card .section-head-v7 span{font-size:10px!important;color:var(--rdx8-muted)!important;font-weight:800!important}.support-ticket-card .section-head-v7 h2{font-size:16px!important;margin:5px 0 0!important;font-weight:800!important}.support-form-v8.form-grid{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}.support-form-v8 .field{display:grid!important;gap:7px!important;min-width:0!important}.support-form-v8 .field label:first-child{font-size:11px!important;color:#424b67!important}.support-form-v8 .input-shell{display:flex!important;align-items:center!important;position:relative!important;width:100%!important}.support-form-v8 .input-shell>i{position:absolute!important;left:12px;top:50%;transform:translateY(-50%);color:#746e94;pointer-events:none}.support-form-v8 .input-shell input{padding-left:37px!important}.support-form-v8 .input,.support-form-v8 .textarea{display:block!important;width:100%!important;min-height:46px!important;box-sizing:border-box!important;background:#fafbfe!important;color:var(--rdx8-ink)!important;border:1px solid #dce1ed!important;border-radius:11px!important;padding:11px 12px!important;outline:none!important;font-size:12px!important;line-height:1.4!important}.support-form-v8 textarea.textarea{min-height:105px!important;resize:vertical}.support-form-v8 .input:focus,.support-form-v8 .textarea:focus{border-color:#7454d8!important;box-shadow:0 0 0 2px rgba(110,73,211,.1)!important}.support-form-v8 .support-category-shell{height:47px!important;border-radius:11px!important;border:1px solid #dce1ed!important;background:#fafbfe!important}.support-form-v8 .support-category-shell .select{width:100%!important;height:100%!important;min-height:0!important;font-size:12px!important}.support-form-v8 .proof-upload{display:flex!important;align-items:center!important;gap:10px!important;border:1px dashed #cec8e6!important;border-radius:12px!important;padding:13px!important;background:#faf9ff!important;width:100%!important;box-sizing:border-box!important;min-height:62px!important;cursor:pointer}.support-form-v8 .proof-upload>i{font-size:20px!important;color:#7957d2}.support-form-v8 .proof-upload span{font-size:11px!important;color:#485170}.support-form-v8 .proof-upload input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.support-form-v8 .btn-primary{display:flex!important;width:100%!important;align-items:center!important;justify-content:center!important;min-height:46px!important;border:0!important;border-radius:12px!important;background:#5c36c7!important;color:#fff!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}.support-methods-v8{display:grid!important;gap:10px!important}.support-methods-v8>a{background:#fff!important;border:1px solid var(--rdx8-line)!important;border-radius:13px!important;display:grid!important;grid-template-columns:40px 1fr 16px!important;align-items:center!important;gap:11px!important;padding:12px!important}.support-methods-v8 strong{font-size:12px!important}.support-methods-v8 span{font-size:10px!important}.security-card-v8{overflow:hidden!important;padding:0!important}.security-email-v8{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:17px!important;background:#fafbfe!important}.security-email-v8 span:first-child{font-size:10px!important;color:var(--rdx8-muted)!important}.security-email-v8 strong{display:block!important;overflow-wrap:anywhere;font-size:12px!important;margin-top:5px!important}.security-card-v8>a{display:grid!important;grid-template-columns:40px minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;min-height:69px!important;border-top:1px solid var(--rdx8-line)!important;color:#252e4a!important}.security-card-v8>a>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#f0ecff!important;color:#6337c5!important}.security-card-v8>a strong{display:block!important;font-size:12px!important}.security-card-v8>a small{display:block!important;margin-top:4px!important;color:#778099!important;font-size:10px!important}.security-card-v8>a>i{color:#8e95a6}.info-note-v8{display:flex!important;align-items:flex-start!important;gap:8px!important;color:#68738d!important;font-size:10.5px!important;line-height:1.6!important;padding:0 4px!important}
/* Referral: compact, clear and not card piled upon card. */
.ref160{background:transparent!important}.ref160-hero{border-radius:17px!important;box-shadow:0 9px 23px rgba(40,23,103,.11)!important}.ref160-card{border-radius:15px!important;border-color:var(--rdx8-line)!important;box-shadow:0 3px 14px rgba(24,29,58,.035)!important}.ref160-qr{border-color:#ece8f6!important}.ref160-code button{background:#efeaff!important;color:#562bb8!important}.ref160-link button{background:#5d37c4!important}.ref160-actions a{border-radius:12px!important}.ref160-share a,.ref160-share button{border-radius:12px!important}
/* Live support launcher: distinguish it from the general navigation and remove extra hint clutter. */
#pnSupportFloat .pn-support-trigger-icon{background:linear-gradient(145deg,#6940d5,#4830a7)!important;box-shadow:0 7px 20px rgba(62,34,134,.22)!important}
#pnSupportFloat .pn-support-hint{display:none!important}
#pnSupportFloat .pn-support-menu{border-radius:17px!important}
#pnSupportFloat .pn-support-item.live .pn-support-item-icon{color:#6741d0!important;background:#f2edff!important}
/* media bubble preview in user+admin conversations */
.rdx8-attachment{display:block;margin:5px 0 2px;max-width:100%;border-radius:10px;overflow:hidden}.rdx8-attachment img{display:block;max-width:220px;max-height:250px;width:auto;height:auto;border-radius:10px;object-fit:contain}.rdx8-attachment audio{display:block;width:min(240px,100%);max-width:100%;height:36px}.pn-live-chat-row.user .rdx8-attachment audio{filter:none}.rdx8-chat-tools{display:flex;align-items:center;gap:6px;min-width:0}.rdx8-attach-btn,.rdx8-mic-btn{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #e3e2f1;background:#f7f5ff;color:#6241c0;border-radius:50%;cursor:pointer}.rdx8-mic-btn.recording{background:#fff0f0;color:#d8354d;border-color:#f9d4d8;animation:rdx8-record-pulse 1.6s ease-in-out infinite}.rdx8-upload-label{display:flex;gap:5px;align-items:center;font-size:10px;color:#6f6688;padding:5px 10px;background:#f2edff;border-radius:12px;max-width:100%;overflow:hidden}.rdx8-upload-label button{border:0;color:#6f6688;background:none;font-size:13px}.rdx8-hide{display:none!important}.pn-live-chat-composer{grid-template-columns:36px 36px minmax(0,1fr) 38px!important;gap:5px!important}.pn-live-chat-composer .rdx8-upload-label{grid-column:1/-1}.pn-live-chat-input{min-width:0}.rdx8-voice-counter{display:block;font-size:9px;color:#ad3157;white-space:nowrap}@keyframes rdx8-record-pulse{0%,100%{opacity:1}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){.rdx8-mic-btn.recording{animation:none!important}html *{scroll-behavior:auto!important}}
/* Toast for copy or feedback: one at a time and inside viewport. */
.rdx8-toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,8px);z-index:20000;background:#26213b;color:#fff;border-radius:12px;padding:10px 15px;font-size:12px;box-shadow:0 8px 20px rgba(22,18,41,.16);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.rdx8-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:390px){.app-header{padding-inline:10px!important}.app-header .header-logo img{width:128px!important;height:42px!important}.detail-page{padding-inline:11px!important}.account155-balance strong{font-size:15px!important}.v8-intro-card h1{font-size:18px!important}}