:root{
  --bg:#f4f8f6;
  --surface:#ffffff;
  --surface-2:#f9fcfa;
  --surface-3:#edf8f3;
  --ink:#173c32;
  --ink-2:#294c42;
  --muted:#71877f;
  --muted-2:#91a19b;
  --line:#e3eee9;
  --line-strong:#d5e5de;
  --brand:#0b6b55;
  --brand-2:#109775;
  --brand-dark:#07523f;
  --brand-soft:#eaf8f2;
  --brand-glow:rgba(11,107,85,.15);
  --graphite:#183e34;
  --success:#16966a;
  --success-soft:#eaf8f2;
  --warning:#b87b11;
  --warning-soft:#fff6df;
  --danger:#d84b59;
  --danger-soft:#fff0f2;
  --info:#356edb;
  --info-soft:#edf4ff;
  --shadow-xs:0 2px 8px rgba(12,70,54,.04);
  --shadow-sm:0 7px 20px rgba(12,70,54,.06);
  --shadow:0 16px 38px rgba(12,70,54,.08);
  --shadow-float:0 18px 40px rgba(8,58,43,.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:#cbeadf;color:#12704f}.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(11,107,85,.34),rgba(16,151,117,.18))}.nav-item.active .nav-icon-wrap{background:var(--brand);box-shadow:0 5px 12px rgba(11,107,85,.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(11,107,85,.23)}.btn-primary:hover{box-shadow:0 10px 20px rgba(11,107,85,.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:#b9ddce;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:#137653}.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:#9acdb9;box-shadow:0 0 0 3px rgba(11,107,85,.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 #cfe2da;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:#9ccfbb;background:#f3faf6}.proof-upload input{display:none}.proof-upload>i{width:36px;height:36px;border-radius:10px;background:#e4f5ed;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(16,151,117,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:"PNSPAY";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:#157650;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:#20a876;box-shadow:0 0 0 3px rgba(32,168,118,.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(11,107,85,.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 #d9eee5;color:#2c6f5d;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%,#0b6b55 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(16,151,117,.40),rgba(16,151,117,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:#d9f2e7}
.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 #d9ebe3;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:#e4f5ed;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:#5f8076;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 #cbe9de}.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:#5f8b7b;font-weight:900}.active-package-strip strong{display:block;font-size:9.5px}.active-package-strip b{font-size:8px;color:#137653}
.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(11,107,85,.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,#164c3e);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:#497065;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 #b9ddce;background:#f8fbf9;color:#5f776f;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%,#0b6b55 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(16,151,117,.46),rgba(16,151,117,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:#def3ea}.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:#e1f4ec;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(16,151,117,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:#def3ea;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:#a8d8c6;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:#a8d8c6;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 #d5e6df;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 #dbece5;border-radius:13px;background:#f3faf6}.locked-tasks-v7>i{width:38px;height:38px;border-radius:11px;background:#e4f5ed;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:#147554;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,#0b6b55);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 #deeee7;font-size:8px;line-height:1.55;color:#5d776e}
.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:#a8d8c6;background:#f6fbf8;box-shadow:0 0 0 2px rgba(11,107,85,.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:#a8d8c6;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:#0b6b55;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:#0b6b55}.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:#157354;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:#16875f}.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,#192b26 0,#133c31 58%,#0f6a50 100%)}
.auth-hero:before{background:radial-gradient(circle,rgba(72,214,160,.30),rgba(72,214,160,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(4,32,24,.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:#bdebd9}.auth-hero h1{font-size:25px;margin-top:7px}.auth-hero p{font-size:10.5px;max-width:330px;color:#d3e4de}
.auth-card{margin:-32px 24px 0;padding:19px;border-radius:21px;box-shadow:0 18px 44px rgba(14,35,29,.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:#69736f;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8.5px;font-weight:750}.auth-mini-trust i{color:#0f7658}
.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,#153b31,#0f6a50);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:14px;align-items:center;box-shadow:0 14px 32px rgba(15,80,61,.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:#bfe6da}.payout-balance-card strong{display:block;margin:3px 0 5px;font-size:25px}.payout-balance-card p{margin:0;max-width:520px;color:#d8ebe5;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}
}

/* =========================================================
   PNSPAY V12 — clean Bangladesh-inspired mobile UI
   Lightweight: transform/opacity transitions only; no heavy blur.
   ========================================================= */
body{background:#f4f8f6;color:#173c32}
.app-shell{background:#fff;box-shadow:0 0 0 1px rgba(8,83,64,.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 #dceee6}
.header-language,.header-icon-btn{border-color:#dfece6;background:#f5fbf8;color:#0b654f;box-shadow:none}
.header-language i,.header-icon-btn{color:#0b654f}
::selection{background:rgba(7,111,84,.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:#6c8f83}
.home-title-v12 h1{margin:1px 0 0;font-size:24px;line-height:1.1;letter-spacing:-.7px;color:#183e34}
.home-live-v12{display:flex;gap:4px;align-items:center}.home-live-v12 i{width:5px;height:5px;border-radius:50%;background:#0aa378;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 #dceee5;background:#f2fbf7;color:#1c6a55}

.dashboard-balance-v12{min-height:112px;padding:18px 18px;border-radius:24px;background:linear-gradient(145deg,#e9f8f1 0%,#dff4eb 100%);border:1px solid #d7eee4;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(5,116,87,.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:#5d8478}.balance-copy-v12 strong{display:block;margin:3px 0 2px;font-size:27px;line-height:1.08;letter-spacing:-.5px;color:#075f49}.balance-copy-v12 small{display:block;font-size:9px;color:#6b887f}
.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 #d5ebe1;color:#07634d;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:850;box-shadow:0 5px 14px rgba(14,83,64,.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(14,75,58,.035)}.dashboard-stats-v12 article>i{width:34px;height:34px;border-radius:12px;background:#ebf8f2;color:#078061;display:grid;place-items:center;font-size:14px}.dashboard-stats-v12 span{display:block;font-size:8px;color:#7a9189}.dashboard-stats-v12 strong{display:block;margin-top:2px;font-size:13px;color:#183e34;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:#3f493f}.active-order-v12 em{font-style:normal}.active-order-v12>i{font-size:11px;color:#8d988f}

.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(14,75,58,.035);transition:transform .15s ease,border-color .15s ease}.dashboard-actions-v12>a:active{transform:scale(.985);border-color:#cce5da}.dashboard-actions-v12>a>i{width:36px;height:36px;border-radius:12px;background:#eaf8f2;color:#08785d;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:#183e34}.dashboard-actions-v12 small{display:block;margin-top:2px;font-size:7.5px;color:#81938d}.dashboard-actions-v12 b{font-size:9px;color:#9aa9a4}

.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:#183e34}.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:#183e34;font:inherit;box-shadow:0 2px 9px rgba(14,75,58,.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:#c8e2d7;box-shadow:0 2px 6px rgba(14,75,58,.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:#078061;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:#183e34;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:#688078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutorial-arrow-v12{font-size:12px;color:#315c50}
.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:#6a8279}

.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(9,24,20,.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(6,39,30,.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:#183e34;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:#155e4d;display:grid;place-items:center}.tutorial-viewer-stage-v12{background:#0d1714;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:#688078}.tutorial-player-tools-v12 select{height:36px;border:1px solid #dbe9e3;border-radius:11px;background:#f7fbf9;color:#183e34;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:#148a68;--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.pnspay-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.pnspay-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.pnspay-reference-nav .nav-item i{font-size:19px!important}.bottom-nav.pnspay-reference-nav .nav-item.active:not(.referral-main){color:var(--brand)!important;background:var(--brand-soft)!important}.bottom-nav.pnspay-reference-nav .nav-icon-wrap{width:36px!important;height:30px!important}
.bottom-nav.pnspay-reference-nav .nav-item.referral-main{color:var(--brand)!important}.bottom-nav.pnspay-reference-nav .referral-nav-art{filter:drop-shadow(0 7px 13px rgba(29,78,216,.16))!important}.bottom-nav.pnspay-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:#148a68}.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.pnspay-reference-nav{border-color:#e5e9f0!important;box-shadow:0 -7px 22px rgba(20,35,60,.065)!important}.bottom-nav.pnspay-reference-nav .nav-item{color:#7d899d!important}.bottom-nav.pnspay-reference-nav .nav-item.active:not(.referral-main){color:#175cd3!important;background:#edf4ff!important}.bottom-nav.pnspay-reference-nav .nav-item.referral-main{color:#175cd3!important}.bottom-nav.pnspay-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 pnsSoftLift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
.home-wallet-v13>a,.home-welcome-v13>a{animation:pnsSoftLift 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:#172b24;
  --ink-2:#344a43;
  --muted:#7d8b86;
  --line:#e7ebea;
  --line-strong:#dce3e0;
  --brand:#0d8068;
  --brand-2:#13a080;
  --brand-dark:#096b57;
  --brand-soft:#e9f7f1;
  --success:#0e9d62;
  --danger:#d84a5f;
  --warning:#be861c;
  --info:#5137f4;
  --shadow-xs:0 3px 10px rgba(29,54,48,.035);
  --shadow-sm:0 7px 20px rgba(29,54,48,.055);
  --shadow:0 12px 30px rgba(29,54,48,.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(20,40,34,.025),0 0 44px rgba(27,48,42,.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:#334a43!important;box-shadow:0 4px 12px rgba(29,54,48,.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:#566963!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(27,48,42,.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:#0b7f55!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(29,54,48,.045)!important}
.input,.select,textarea{border-color:#dfe5e3!important;background:#fff!important;color:#172b24!important}.input:focus,.select:focus,textarea:focus{border-color:#8bcbb8!important;box-shadow:0 0 0 3px rgba(13,128,104,.07)!important}.btn-primary{background:#5137f4!important;box-shadow:0 7px 16px rgba(81,55,244,.16)!important}.btn-soft{background:#e9f7f1!important;color:#0b7b61!important}.btn-outline,.btn-light{background:#fff!important;color:#344a43!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}}

/* =========================================================
   PNSPAY 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:#12a05c;
  --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:#14804f!important;border-color:#d8f2e5!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:#e7f8ef!important;color:#148053!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}

/* =========================================================
   PNSPAY 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}

/* =========================================================
   PNSPAY V15.5 — visual QA polish
   Consistent medium sizing, vivid green brand, square-chip UI
   ========================================================= */
:root{
  --pn153-primary:#087a63;
  --pn153-primary-2:#0aa47f;
  --pn153-primary-soft:#e9f7f2;
  --pn153-bg:#f4f8f6;
  --pn153-card:#ffffff;
  --pn153-text:#15362e;
  --pn153-muted:#74857f;
  --pn153-line:#dfe9e5;
  --pn153-success:#14935f;
  --pn153-danger:#d94b63;
  --pn153-warning:#d28a18;
  --pn153-shadow:0 7px 20px rgba(15,72,57,.06);
  --pn153-radius:13px;
}
html,body{background:#f4f8f6!important;color:#15362e!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(20,64,51,.025),0 0 40px rgba(20,64,51,.055)!important}
main{padding-left:12px!important;padding-right:12px!important}

/* header: show the actual PNSPAY 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(15,72,57,.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:#31574c!important;box-shadow:none!important}
.header-language{padding:0 9px!important;font-size:10.5px!important}.header-language i,.header-icon-btn{color:#087a63!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(15,72,57,.065)!important;gap:2px!important}
.pn-v153-nav-item{height:56px!important;border-radius:9px!important;color:#74847f!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:#677a73!important}
.pn-v153-nav-item i{font-size:18px!important}
.pn-v153-nav-item.active{color:#087a63!important}
.pn-v153-nav-item.active .pn-v153-nav-icon{background:#e7f6f0!important;color:#087a63!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,#087a63,#0aa47f)!important;color:#fff!important;box-shadow:0 7px 16px rgba(8,122,99,.16)!important}
.btn-soft{background:#e9f7f2!important;color:#087a63!important}
.input,.select,.textarea{border-radius:10px!important;border-color:#dce6e2!important;background:#fff!important;font-size:12.5px!important;color:#173a31!important}
.input,.select{height:43px!important}
.input:focus,.select:focus,.textarea:focus{border-color:#67bba5!important;box-shadow:0 0 0 3px rgba(8,122,99,.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(15,72,57,.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(15,72,57,.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:#087a63!important}
.v8-intro-card span{font-size:9.5px!important;color:#087a63!important}.v8-intro-card h1{font-size:17px!important;color:#15362e!important}.v8-intro-card p{font-size:10.5px!important;color:#7a8984!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:#087a63!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:#087a63!important;border-color:#087a63!important;color:#fff!important;box-shadow:0 5px 12px rgba(8,122,99,.14)!important}
.history-row,.card,.empty-state{border-radius:12px!important;border-color:#dfe9e5!important;box-shadow:0 5px 15px rgba(15,72,57,.045)!important}
.history-icon{background:#e9f7f2!important;color:#087a63!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}
}


/* =========================================================
   PNSPAY V15.6 — professional UI QA pass
   ========================================================= */
:root{--v156-navy:#142b3d;--v156-navy2:#1e4255;--v156-green:#087a63;--v156-green2:#0aa486;--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:#087a63;box-shadow:0 5px 12px rgba(8,122,99,.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:#17322c!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:#087a63!important}.pn-v153-nav-item.active .pn-v153-nav-icon{background:#e8f7f2!important;color:#087a63!important;box-shadow:inset 0 0 0 1px #d8eee7!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:#13835c!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:#087a63!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:#087a63!important;border-color:#087a63!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}}


/* PNSPAY V16.1 FINAL EXPERIENCE */
:root{
 --pn16-green:#10c95a;--pn16-green2:#06a94a;--pn16-green-soft:#e9faef;
 --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:#087b43!important;box-shadow:0 3px 9px rgba(10,109,61,.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,#15d263,#08aa4c)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(16,201,90,.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:#dff8e9!important;color:#078446!important;border:1px solid #c6efd6!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:#77847f!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:#65746f!important}.pn-v160-nav-icon i{font-size:18px!important}.pn-v160-nav-item.active{color:#078648!important;background:transparent!important}.pn-v160-nav-item.active .pn-v160-nav-icon{background:#e3f8eb!important;color:#07954e!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(16,201,90,.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,#e9faef,#dcf5e6)!important;color:#078449!important;font-weight:900!important;font-size:9px!important;cursor:pointer!important}
.proof-upload{border:1.5px dashed #bcdcca!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:#13bd59!important;background:#edfbf2!important}.proof-upload i{color:#0caf52!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:#078948!important;border-color:#d2f0dd!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:#dff8e9!important;color:#078648!important;border:1px solid #c9efd7!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,#15d263,#08aa4c)!important;box-shadow:0 7px 14px rgba(16,201,90,.2)!important}.wallet160-lock{width:35px!important;height:35px!important;border-radius:10px!important;background:linear-gradient(135deg,#dff8e9,#cbf1d9)!important;color:#078a48!important;border:1px solid #bde9ce!important;font-size:12px!important;box-shadow:0 5px 12px rgba(16,160,78,.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,#15d263,#08aa4c)!important;box-shadow:0 8px 18px rgba(16,201,90,.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:#e8faef!important;color:#078b49!important}
.v8-intro-card span,.auth-footlinks a,.optional-pill{color:#078b49!important}.optional-pill{background:#e8faef!important}
.language-options-v8 label:has(input:checked){border-color:#61d48d!important;background:#effbf4!important;box-shadow:0 0 0 2px rgba(16,201,90,.05)!important}.language-options-v8 label:has(input:checked)>i{color:#07954e!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,#e9fff3,#daf7e7)!important;color:#0a9d54!important;border:1px solid #d7efdf!important}.history-row strong{font-size:10px!important}.history-row div>span{font-size:8px!important}.alert.success{background:#effbf5!important;border-color:#d8f2e5!important;color:#11804e!important}.alert{border-radius:14px!important}.v8-intro-card>i{background:linear-gradient(135deg,#ecfff3,#dcf8e7)!important;color:#079049!important}.bottom-nav .pn-v160-nav-icon{transition:background .16s ease,color .16s ease!important}.account155-icon{background:linear-gradient(135deg,#effcf4,#e0f8e9)!important;color:#0a9150!important} .account155-menu small{font-size:10px!important}

/* PNSPAY V16.3 visual refinements */
:root{--brand:#0fb65a;--brand-dark:#087a43;--brand-soft:#e9fbf1;--success:#0ead57;--success-soft:#eafaf0}
.header-icon-btn{background:#fff!important;border-color:#e1e8e4!important;color:#0a8f4c!important;box-shadow:0 4px 12px rgba(19,55,41,.045)!important}
.header-language{background:#fff!important;border-color:#e1e8e4!important;color:#42554e!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:#5d6d67!important}
.pn-v160-nav-item.active .pn-v160-nav-icon{background:linear-gradient(135deg,#e9fff2,#daf8e6)!important;color:#07994c!important;box-shadow:0 4px 10px rgba(18,160,82,.06)!important}
.pn-v160-nav-item.active .pn-v160-nav-icon i{color:#07994c!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(9,126,68,.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(25,48,40,.06)!important}
.alert.success{background:#ecfbf2!important;border-color:#cfeeda!important;color:#0b7f46!important}
.status.success,.status.completed,.status.approved{background:#e6f9ed!important;color:#078d48!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}
.pns-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}.pns-success-overlay.show{opacity:1}.pns-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(7,19,13,.28);transform:translateY(10px) scale(.98);transition:transform .16s ease}.pns-success-overlay.show .pns-success-card{transform:none}.pns-success-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:9px;background:#f1f4f2;color:#55615c}.pns-success-check{width:68px;height:68px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,#18d16c,#09aa4f);color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 0 0 12px #e8faef,0 10px 24px rgba(18,193,91,.2)}.pns-success-card strong{display:block;font-size:13px;line-height:1.45;color:#172033}
.pns-success-overlay.show .pns-success-check{animation:pnsCheckPop .28s ease-out both}@keyframes pnsCheckPop{0%{transform:scale(.72);opacity:.4}100%{transform:scale(1);opacity:1}}


/* =========================================================
   PNSPAY 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}
}

/* =========================================================
   PNSPAY 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;}
}