/* =========================================================
   InstantMobile UI 2.0  |  premium fintech design system
   Every colour, radius and font comes from the tokens that
   Theme::css() injects, so all 30 presets x 4 scopes still work.
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--im-font);font-size:14.5px;line-height:1.55;color:var(--im-text);background:var(--im-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background .25s,color .25s;font-feature-settings:"cv11","ss01"}
a{color:var(--im-secondary-ink);text-decoration:none}a:hover{text-decoration:none;opacity:.88}
img{max-width:100%;display:block}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:750;letter-spacing:-.025em;color:var(--im-text)}
h1{font-size:clamp(1.9rem,4.4vw,3.3rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:1.06rem;letter-spacing:-.01em}h4{font-size:.95rem}
p{margin:0 0 1em}small,.muted{color:var(--im-muted)}
b,strong{font-weight:700}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 22px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::selection{background:var(--im-ring)}
.num,.v,.r-amt,.stat-v,.wc-bal{font-variant-numeric:tabular-nums}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--im-muted) 30%,transparent);border-radius:10px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}

/* ---------- Buttons ---------- */
.btn{--b-bg:var(--im-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--im-radius-btn,var(--im-radius-sm));border:1px solid transparent;font:inherit;font-weight:650;font-size:14px;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s,border-color .2s;white-space:nowrap;text-decoration:none!important;line-height:1.2;letter-spacing:-.005em;position:relative}
.btn:active{transform:translateY(1px) scale(.985)}.btn:disabled,.btn.is-loading{opacity:.55;pointer-events:none}
.btn i{font-size:1.05em}
.btn-primary{background:var(--im-primary);background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 60%);color:var(--im-on-primary)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(16,24,40,.12),0 8px 18px -8px var(--im-primary)}
.btn-primary:hover{background-color:var(--im-primary-600);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 26px -10px var(--im-primary);opacity:1}
[data-theme="dark"] .btn-primary{background-color:var(--im-secondary);color:var(--im-on-secondary)!important;box-shadow:var(--im-glow)}
.btn-secondary{background:var(--im-secondary);color:var(--im-on-secondary);box-shadow:var(--im-glow)}.btn-secondary:hover{filter:brightness(1.05);opacity:1}
.btn-outline{background:var(--im-surface);border-color:var(--im-border);color:var(--im-text);box-shadow:0 1px 2px rgba(16,24,40,.05)}.btn-outline:hover{border-color:color-mix(in srgb,var(--im-secondary) 45%,var(--im-border));background:var(--im-surface-2);opacity:1}
.btn-ghost{background:transparent;color:var(--im-text)}.btn-ghost:hover{background:var(--im-surface-2);opacity:1}
.btn-light{background:#fff;color:var(--im-primary)!important;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}.btn-light:hover{opacity:1;background:#F8FAFF}
.btn-glass{background:rgba(255,255,255,.14);color:#fff!important;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-glass:hover{background:rgba(255,255,255,.22);opacity:1}
.btn-danger{background:var(--im-danger);color:#fff}.btn-success{background:var(--im-success);color:#fff}
.btn-sm{padding:8px 13px;font-size:13px}.btn-lg{padding:15px 26px;font-size:15.5px}.btn-block{width:100%}
.btn-icon{width:40px;height:40px;padding:0;border-radius:12px}
.is-loading::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- Cards (preset style on body: card-soft / elevated / outline / flat / glass) ---------- */
.card{background:var(--im-surface);border-radius:var(--im-radius);padding:22px;border:1px solid var(--im-border);transition:box-shadow .25s,transform .25s,background .25s,border-color .25s;position:relative;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.card-soft .card{border-color:color-mix(in srgb,var(--im-border) 70%,transparent);box-shadow:var(--im-shadow)}
.card-elevated .card{border-color:transparent;box-shadow:var(--im-shadow-lg)}
.card-outline .card{box-shadow:none;border-width:1.5px}
.card-flat .card{box-shadow:none;border-color:transparent;background:var(--im-surface-2)}
.card-glass .card{background:color-mix(in srgb,var(--im-surface) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-color:color-mix(in srgb,var(--im-border) 55%,transparent);box-shadow:var(--im-shadow)}
.card-hover{cursor:pointer}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--im-shadow-lg);border-color:color-mix(in srgb,var(--im-secondary) 30%,var(--im-border))}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h3{margin:0;font-size:15.5px;font-weight:700}
.card-head .sub{font-size:12.5px;color:var(--im-muted);margin-top:2px}
.card-pad-0{padding:0}.card-pad-0 .card-head{padding:18px 20px 0}

/* ---------- Grid & utils ---------- */
.grid{display:grid;gap:18px}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.g-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.g-2,.g-3{grid-template-columns:1fr}.grid{gap:14px}}
.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}
.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:18px}.mt-3{margin-top:26px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:18px}
.text-center{text-align:center}.text-right{text-align:right}.fw-6{font-weight:600}.fw-7{font-weight:700}.fs-sm{font-size:12.75px}.fs-lg{font-size:18px}
.hide-mobile{}@media(max-width:768px){.hide-mobile{display:none!important}}
.show-mobile{display:none!important}@media(max-width:768px){.show-mobile{display:initial!important}}
.hide-desktop{}@media(min-width:992px){.hide-desktop{display:none!important}}

/* ---------- Forms ---------- */
.field{margin-bottom:18px}.label{display:block;font-size:12.75px;font-weight:650;margin-bottom:7px;color:var(--im-text-2,var(--im-text));letter-spacing:.005em}
.input,.select,.textarea{width:100%;padding:13px 15px;border:1.5px solid var(--im-border);border-radius:var(--im-radius-sm);background:var(--im-surface);color:var(--im-text);font:inherit;font-size:15px;transition:border .2s,box-shadow .2s,background .2s;min-height:48px}
.input::placeholder,.textarea::placeholder{color:color-mix(in srgb,var(--im-muted) 75%,transparent)}
.input:hover,.select:hover,.textarea:hover{border-color:color-mix(in srgb,var(--im-muted) 35%,var(--im-border))}
.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--im-secondary);box-shadow:0 0 0 4px var(--im-ring);background:var(--im-surface)}
.select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--im-muted) 50%),linear-gradient(135deg,var(--im-muted) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.textarea{min-height:110px;resize:vertical}.hint{font-size:12px;color:var(--im-muted);margin-top:6px}
.input-group{position:relative}.input-group .input{padding-right:46px}.input-group .ig-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--im-surface-2);color:var(--im-text);cursor:pointer;padding:8px 10px;border-radius:10px}
.check{display:flex;align-items:flex-start;gap:9px;font-size:14px;cursor:pointer;line-height:1.45}.check input{margin-top:3px;accent-color:var(--im-secondary);width:16px;height:16px;flex:none}
.switch{position:relative;display:inline-block;width:44px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:var(--im-border);border-radius:20px;transition:.2s;cursor:pointer}
.switch span::before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.switch input:checked+span{background:var(--im-success)}.switch input:checked+span::before{transform:translateX(18px)}

/* ---------- Badges, alerts, tables ---------- */
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:650;background:var(--im-primary-50);color:var(--im-primary-ink,var(--im-primary));letter-spacing:.01em;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.badge.no-dot::before,.wallet-card .badge::before,.badge:has(i)::before{display:none}
[data-theme="dark"] .badge{color:var(--im-primary-300)}
.badge-success{background:var(--im-success-50);color:var(--im-success)!important}.badge-danger{background:var(--im-danger-50);color:var(--im-danger)!important}
.badge-warning{background:var(--im-warning-50);color:var(--im-warning)!important}.badge-info{background:var(--im-info-50);color:var(--im-info)!important}
.alert{padding:13px 16px;border-radius:var(--im-radius-sm);font-size:14px;margin-bottom:16px;display:flex;gap:12px;align-items:center;animation:fadeIn .25s;border:1px solid transparent}
.alert>i{font-size:18px;flex:none}
.alert-success{background:var(--im-success-50);color:var(--im-success);border-color:color-mix(in srgb,var(--im-success) 22%,transparent)}.alert-error,.alert-danger{background:var(--im-danger-50);color:var(--im-danger);border-color:color-mix(in srgb,var(--im-danger) 22%,transparent)}
.alert-warning{background:var(--im-warning-50);color:var(--im-warning);border-color:color-mix(in srgb,var(--im-warning) 22%,transparent)}.alert-info{background:var(--im-info-50);color:var(--im-info);border-color:color-mix(in srgb,var(--im-info) 22%,transparent)}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--im-muted);font-weight:650;padding:11px 14px;background:var(--im-surface-2);border-bottom:1px solid var(--im-border);white-space:nowrap}
.table th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}
.table thead th{border-bottom:0}
.table td{padding:14px;border-bottom:1px solid var(--im-border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:color-mix(in srgb,var(--im-surface-2) 70%,transparent)}
.table td a{font-weight:600}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fade-in{animation:fadeIn .4s cubic-bezier(.2,.7,.2,1) both}

/* ---------- Stats, KPIs, icons ---------- */
.stat{display:flex;flex-direction:column;gap:6px}.stat .k{font-size:12.75px;color:var(--im-muted);font-weight:550;display:flex;align-items:center;gap:6px}.stat .v{font-size:23px;font-weight:780;letter-spacing:-.02em}
.ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(145deg,var(--im-primary-50),color-mix(in srgb,var(--im-secondary) 14%,var(--im-surface)));color:var(--im-primary-ink,var(--im-primary));flex:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--im-secondary) 12%,transparent)}
[data-theme="dark"] .ico{color:var(--im-primary-300)}
.ico-sm{width:36px;height:36px;border-radius:11px;font-size:16px}
.ico-data{background:linear-gradient(145deg,#2563EB,#60A5FA);color:#fff}.ico-airtime{background:linear-gradient(145deg,#16A34A,#4ADE80);color:#fff}
.ico-cable{background:linear-gradient(145deg,#9333EA,#C084FC);color:#fff}.ico-electricity{background:linear-gradient(145deg,#EA580C,#FBBF24);color:#fff}
.ico-fund{background:linear-gradient(145deg,#0F172A,#475569);color:#fff}.ico-refer{background:linear-gradient(145deg,#DB2777,#F472B6);color:#fff}
.ico-upgrade{background:linear-gradient(145deg,#CA8A04,#FDE047);color:#1F1300}.ico-web{background:linear-gradient(145deg,#0891B2,#67E8F9);color:#fff}
.ico-data,.ico-airtime,.ico-cable,.ico-electricity,.ico-fund,.ico-refer,.ico-upgrade,.ico-web{box-shadow:0 8px 18px -8px rgba(15,23,42,.45),inset 0 1px 0 rgba(255,255,255,.25)}
[data-theme="dark"] .ico-data,[data-theme="dark"] .ico-airtime,[data-theme="dark"] .ico-cable,[data-theme="dark"] .ico-electricity,[data-theme="dark"] .ico-fund,[data-theme="dark"] .ico-refer,[data-theme="dark"] .ico-web{color:#fff}
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:480px){.svc-grid{gap:8px}}
.svc{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px 15px;border-radius:var(--im-radius);background:var(--im-surface-2);border:1px solid transparent;color:var(--im-text);font-size:12.75px;font-weight:650;text-align:center;transition:.2s;text-decoration:none!important}
.svc:hover{border-color:var(--im-border);background:var(--im-surface);transform:translateY(-3px);box-shadow:var(--im-shadow);opacity:1}
.svc .ico{width:50px;height:50px;border-radius:16px;font-size:21px}
@media(max-width:480px){.svc{padding:14px 4px 12px;font-size:12px}.svc .ico{width:44px;height:44px;border-radius:14px;font-size:19px}}

/* ---------- Theme toggle & icon buttons ---------- */
.theme-toggle{border:1px solid var(--im-border);background:var(--im-surface);color:var(--im-text);width:42px;height:42px;border-radius:13px;cursor:pointer;display:grid;place-items:center;font-size:17px;transition:.2s;flex:none;text-decoration:none!important}
.theme-toggle:hover{background:var(--im-surface-2);border-color:color-mix(in srgb,var(--im-muted) 30%,var(--im-border));opacity:1}.theme-toggle .bi-sun{display:none}[data-theme="dark"] .theme-toggle .bi-sun{display:block}[data-theme="dark"] .theme-toggle .bi-moon-stars{display:none}

/* ---------- Brand ---------- */
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17.5px;color:var(--im-text);text-decoration:none!important;letter-spacing:-.02em}
.brand:hover{opacity:1}
.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800;flex:none;box-shadow:0 8px 18px -8px var(--im-primary),inset 0 1px 0 rgba(255,255,255,.25);letter-spacing:0}
.brand img{height:36px;width:auto}

/* =========================================================
   PUBLIC (landing) shell
   ========================================================= */
.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--im-bg) 78%,transparent);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid color-mix(in srgb,var(--im-border) 70%,transparent)}
.site-nav .container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.site-links{display:flex;gap:4px;background:color-mix(in srgb,var(--im-surface) 70%,transparent);border:1px solid var(--im-border);border-radius:999px;padding:5px}
.site-links a{color:var(--im-text-2,var(--im-text));font-weight:550;font-size:14px;padding:7px 14px;border-radius:999px;transition:.15s}.site-links a:hover{background:var(--im-surface-2);color:var(--im-text);opacity:1}
.site-actions{display:flex;gap:10px;align-items:center}
.nav-burger{display:none}
@media(max-width:960px){.site-links{display:none;position:absolute;top:72px;left:12px;right:12px;flex-direction:column;gap:0;background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px;padding:10px;box-shadow:var(--im-shadow-lg)}.site-links a{padding:12px 14px}.site-links.open{display:flex}.nav-burger{display:grid}.site-actions .btn-outline{display:none}}
.hero{padding:84px 0 78px;position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:720px;height:720px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--im-secondary) 22%,transparent),transparent);z-index:-1;filter:blur(10px)}
.hero::after{content:"";position:absolute;left:-200px;bottom:-260px;width:600px;height:600px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--im-accent) 16%,transparent),transparent);z-index:-1}
.hero h1{font-size:clamp(2.2rem,5.2vw,3.9rem);letter-spacing:-.04em;line-height:1.04;margin-bottom:18px}
.hero h1 .grad,.grad-text{background:linear-gradient(90deg,var(--im-secondary-ink),color-mix(in srgb,var(--im-secondary) 60%,var(--im-accent)));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow,.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 14px 6px 6px;border-radius:999px;background:var(--im-surface);border:1px solid var(--im-border);color:var(--im-text);font-size:13px;font-weight:600;margin-bottom:22px;box-shadow:var(--im-shadow)}
.eyebrow i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--im-secondary);color:var(--im-on-secondary);font-size:12px}
.hero p.lead{font-size:18.5px;color:var(--im-muted);max-width:560px;line-height:1.6}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:13.5px;color:var(--im-muted);font-weight:550}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust i{color:var(--im-success);font-size:16px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero{padding:56px 0}}
/* phone mockup art */
.hero-art{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.phone{width:290px;height:560px;border-radius:44px;background:#0B0F19;padding:12px;box-shadow:0 50px 100px -30px color-mix(in srgb,var(--im-primary) 70%,#000),0 0 0 1px rgba(255,255,255,.08) inset,0 0 0 9px color-mix(in srgb,#0B0F19 92%,#fff);position:relative;transform:rotate(-2deg)}
.phone::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:20px;background:#0B0F19;z-index:3}
.phone-screen{height:100%;border-radius:34px;overflow:hidden;background:var(--im-bg);padding:46px 14px 14px;display:flex;flex-direction:column;gap:10px;color:var(--im-text)}
.phone .ps-card{border-radius:20px;padding:16px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;box-shadow:0 18px 30px -18px var(--im-primary)}
.phone .ps-k{font-size:10.5px;opacity:.75;text-transform:uppercase;letter-spacing:.08em}.phone .ps-v{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:3px 0 10px}
.phone .ps-row{display:flex;gap:6px}.phone .ps-row span{flex:1;background:rgba(255,255,255,.16);border-radius:10px;padding:6px 0;text-align:center;font-size:10.5px;font-weight:600}
.phone .ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.phone .ps-grid div{background:var(--im-surface);border-radius:14px;padding:9px 0;text-align:center;font-size:9.5px;font-weight:650;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--im-border)}
.phone .ps-grid i{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;font-size:13px;color:#fff}
.phone .ps-list{background:var(--im-surface);border-radius:16px;padding:6px 12px;border:1px solid var(--im-border)}.phone .ps-li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;border-bottom:1px solid var(--im-border)}.phone .ps-li:last-child{border:0}.phone .ps-li b{font-size:11.5px}
.float-card{position:absolute;background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px;padding:12px 14px;box-shadow:var(--im-shadow-lg);display:flex;align-items:center;gap:10px;font-size:13px;z-index:4;animation:floaty 6s ease-in-out infinite;color:var(--im-text)}
.float-card .ico{width:36px;height:36px;border-radius:12px;font-size:16px}.float-card b{display:block;font-size:14px}.float-card small{font-size:11.5px}
.float-card.fc-1{left:-4%;top:16%}.float-card.fc-2{right:-2%;bottom:18%;animation-delay:-3s}.float-card.fc-3{right:4%;top:6%;animation-delay:-1.5s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:560px){.hero-art{min-height:470px}.phone{width:250px;height:490px}.float-card.fc-1{left:0}.float-card.fc-2{right:0}.float-card.fc-3{display:none}}
.layout-center .hero{text-align:center}.layout-center .hero p.lead{margin-left:auto;margin-right:auto}.layout-center .hero-grid{grid-template-columns:1fr}.layout-center .hero-art,.layout-center .hero-img{display:none}.layout-center .hero .flex,.layout-center .hero-trust{justify-content:center}
.layout-gradient .hero{background:var(--im-hero-grad);color:#fff}.layout-gradient .hero h1{color:#fff}.layout-gradient .hero h1 .grad{background:linear-gradient(90deg,#fff,var(--im-accent));-webkit-background-clip:text;background-clip:text}.layout-gradient .hero p.lead,.layout-gradient .hero-trust{color:rgba(255,255,255,.82)}.layout-gradient .hero .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.layout-gradient .hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.layout-gradient .hero .btn-primary{background:#fff;color:var(--im-primary)!important}
.layout-card .hero{padding-top:36px}.layout-card .hero>.container{background:var(--im-surface);border-radius:calc(var(--im-radius-lg) + 8px);padding:56px;box-shadow:var(--im-shadow-lg);border:1px solid var(--im-border)}@media(max-width:600px){.layout-card .hero>.container{padding:26px}}
.layout-minimal .hero-art{display:none}.layout-minimal .hero-grid{grid-template-columns:1fr}.layout-minimal .hero{padding:110px 0 56px}.layout-minimal .hero h1{max-width:820px}
.section{padding:84px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 44px}.section-head h2{letter-spacing:-.035em}.section-head p{color:var(--im-muted);font-size:16.5px}
.section-head::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--im-secondary),var(--im-accent));margin:0 auto 18px}
.section .card .ico{margin-bottom:16px}
.section .card h3{font-size:17px}
.site-footer{background:#0B0F19;background:linear-gradient(180deg,var(--im-primary),color-mix(in srgb,var(--im-primary) 70%,#000));color:rgba(255,255,255,.72);padding:64px 0 26px;margin-top:60px;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;right:-180px;top:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--im-secondary) 35%,transparent),transparent)}
.site-footer a{color:rgba(255,255,255,.9)}.site-footer a:hover{color:#fff;opacity:1}.site-footer .brand{color:#fff}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:32px;position:relative}@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer-grid h4{color:#fff;font-size:13px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em}.footer-grid ul{list-style:none;margin:0;padding:0;line-height:2.25;font-size:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;position:relative}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#25D366,#128C7E);color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 14px 30px -8px rgba(18,140,126,.6);transition:transform .2s}.wa-float:hover{transform:translateY(-3px) scale(1.04);opacity:1}
.scope-user .wa-float{bottom:96px}@media(min-width:992px){.scope-user .wa-float{bottom:22px}}

/* =========================================================
   AUTH shell (variants: split, center, glass, full, minimal)
   ========================================================= */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.auth-aside{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;padding:44px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;margin:14px;border-radius:calc(var(--im-radius-lg) + 6px)}
.auth-aside .brand{color:#fff}.auth-aside .brand-mark{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.auth-aside h2{font-size:clamp(1.9rem,2.8vw,2.6rem);max-width:460px;color:#fff;letter-spacing:-.035em;line-height:1.1}.auth-aside p{color:rgba(255,255,255,.78);max-width:440px;font-size:16px}
.auth-aside::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,transparent,#000 40%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,transparent);pointer-events:none}
.auth-aside>*{position:relative;z-index:1}
.auth-stack{display:flex;flex-direction:column;gap:12px;margin:28px 0;max-width:380px}
.auth-pill{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:12px 14px;font-size:13.5px}
.auth-pill i{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:16px;flex:none}.auth-pill b{display:block;font-size:14px}.auth-pill span{opacity:.75}
.auth-pill:nth-child(2){margin-left:28px}.auth-pill:nth-child(3){margin-left:12px}
.auth-main{display:flex;align-items:center;justify-content:center;padding:40px 22px;position:relative}
.auth-card{width:100%;max-width:430px}.auth-card h1{font-size:1.85rem;letter-spacing:-.03em;margin-bottom:6px}.auth-card .sub{color:var(--im-muted);margin-bottom:26px}
.auth-card .btn-primary.btn-block{padding:15px;font-size:15px}
.auth-top{position:absolute;top:20px;right:20px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{align-items:flex-start;padding-top:70px}}
.layout-center .auth-shell,.layout-glass .auth-shell,.layout-full .auth-shell,.layout-minimal .auth-shell{grid-template-columns:1fr}
.layout-center .auth-aside,.layout-glass .auth-aside,.layout-full .auth-aside,.layout-minimal .auth-aside{display:none}
.layout-center .auth-main{background:var(--im-bg-pattern,none)}
.layout-center .auth-card{background:var(--im-surface);padding:38px;border-radius:calc(var(--im-radius-lg) + 4px);box-shadow:var(--im-shadow-lg);border:1px solid var(--im-border)}
.layout-glass .auth-main{background:var(--im-card-grad,var(--im-hero-grad))}.layout-glass .auth-card{background:color-mix(in srgb,var(--im-surface) 80%,transparent);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);padding:38px;border-radius:calc(var(--im-radius-lg) + 4px);box-shadow:var(--im-shadow-lg);border:1px solid rgba(255,255,255,.25)}
.layout-full .auth-main{background:var(--im-hero-grad)}.layout-full .auth-card{background:var(--im-surface);padding:40px;border-radius:calc(var(--im-radius-lg) + 4px);box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.layout-glass .auth-top .theme-toggle,.layout-full .auth-top .theme-toggle{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.layout-minimal .auth-card .brand{justify-content:center}.layout-minimal .auth-card{text-align:left}
@media(max-width:560px){.layout-center .auth-card,.layout-glass .auth-card,.layout-full .auth-card{padding:26px 20px}}

/* =========================================================
   APP shell (user + admin)
   ========================================================= */
.app{display:flex;min-height:100vh}
.sidebar{width:272px;flex:none;background:var(--im-surface);border-right:1px solid var(--im-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;transition:transform .25s,width .25s,background .25s;scrollbar-width:thin}
.sidebar .brand{padding:22px 22px 16px}
.nav-group{padding:4px 14px}.nav-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--im-muted);padding:14px 12px 6px;font-weight:700;opacity:.8}
.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--im-text-2,var(--im-text));font-weight:550;font-size:14px;transition:.15s;text-decoration:none!important;position:relative;margin-bottom:2px}
.nav-link i{font-size:17px;color:var(--im-muted);transition:.15s;width:20px;text-align:center}.nav-link:hover{background:var(--im-surface-2);color:var(--im-text);opacity:1}.nav-link:hover i{color:var(--im-text)}
.nav-link.active{background:linear-gradient(135deg,var(--im-primary),color-mix(in srgb,var(--im-primary) 70%,var(--im-secondary)));color:var(--im-on-primary);box-shadow:0 10px 20px -10px var(--im-primary)}.nav-link.active i{color:var(--im-on-primary)}
[data-theme="dark"] .nav-link.active{background:linear-gradient(135deg,var(--im-secondary),color-mix(in srgb,var(--im-secondary) 60%,var(--im-primary)));color:var(--im-on-secondary)}[data-theme="dark"] .nav-link.active i{color:var(--im-on-secondary)}
.nav-link .count{margin-left:auto;background:var(--im-danger);color:#fff;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;min-width:20px;text-align:center}
.side-promo{margin:14px;margin-top:auto;padding:18px;border-radius:18px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;position:relative;overflow:hidden}
.side-promo::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;border:24px solid rgba(255,255,255,.08);right:-50px;top:-50px}
.side-promo b{display:block;font-size:14.5px;margin-bottom:4px}.side-promo p{font-size:12.5px;opacity:.8;margin:0 0 12px}
.side-user{display:flex;align-items:center;gap:10px;padding:14px 22px 20px;border-top:1px solid var(--im-border);margin-top:14px}
.side-user .avatar{width:38px;height:38px}.side-user b{font-size:13.5px;display:block;line-height:1.2}.side-user small{font-size:12px}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px;background:color-mix(in srgb,var(--im-bg) 80%,transparent);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in srgb,var(--im-border) 70%,transparent)}
.topbar h1{font-size:19px;margin:0;letter-spacing:-.02em}.topbar .hello{font-size:12.5px;color:var(--im-muted);font-weight:550}.topbar-actions{display:flex;align-items:center;gap:8px}
.top-wallet{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--im-surface);border:1px solid var(--im-border);font-weight:700;font-size:14px;color:var(--im-text);text-decoration:none!important}
.top-wallet small{display:block;font-size:10.5px;color:var(--im-muted);font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.06em}
.top-wallet .plus{width:30px;height:30px;border-radius:10px;background:var(--im-secondary);color:var(--im-on-secondary);display:grid;place-items:center;font-size:15px}
.top-search{position:relative;width:min(340px,30vw)}.top-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--im-muted)}
.top-search input{width:100%;height:42px;border-radius:13px;border:1px solid var(--im-border);background:var(--im-surface);padding:0 14px 0 38px;font:inherit;font-size:14px;color:var(--im-text)}.top-search input:focus{outline:0;border-color:var(--im-secondary);box-shadow:0 0 0 4px var(--im-ring)}
.top-search .results{position:absolute;top:48px;left:0;right:0;background:var(--im-surface);border:1px solid var(--im-border);border-radius:14px;box-shadow:var(--im-shadow-lg);padding:6px;max-height:360px;overflow:auto;z-index:80}
.top-search .results a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--im-text);font-size:14px}.top-search .results a:hover,.top-search .results a.on{background:var(--im-surface-2);opacity:1}
.page{padding:30px 32px 40px;flex:1;width:100%;max-width:1320px;margin:0 auto}
.page-narrow{max-width:780px;margin-left:auto;margin-right:auto}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h2{margin:0;font-size:24px}.page-head p{margin:4px 0 0;color:var(--im-muted)}
.bell{position:relative}.bell .dot{position:absolute;top:8px;right:9px;width:9px;height:9px;border-radius:50%;background:var(--im-danger);border:2px solid var(--im-surface)}
.avatar{width:42px;height:42px;border-radius:13px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;display:grid;place-items:center;font-weight:750;font-size:15px;flex:none;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.sidebar-backdrop{display:none}
@media(max-width:991px){
  .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:70;transform:translateX(-102%);box-shadow:var(--im-shadow-lg)}
  .sidebar.open{transform:none}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(2,6,23,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:65}
  .topbar{padding:0 16px;height:66px}.page{padding:18px 16px 28px}.top-search,.top-wallet{display:none}
}

/* ---------- Wallet hero card ---------- */
.wallet-card{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:calc(var(--im-radius-lg) + 4px);padding:26px;position:relative;overflow:hidden;box-shadow:0 30px 60px -28px var(--im-primary),inset 0 1px 0 rgba(255,255,255,.18);isolation:isolate}
.wallet-card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px);z-index:-1}
.wallet-card::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:46px solid rgba(255,255,255,.06);right:-110px;top:-130px;z-index:-1}
.wallet-card .k{opacity:.78;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.wallet-card .v,.wc-bal{font-size:clamp(30px,4vw,40px);font-weight:800;letter-spacing:-.035em;margin:8px 0 18px;line-height:1.05}
.wc-bal small{font-size:.5em;opacity:.7;font-weight:700;margin-left:2px}
.wallet-card.is-hidden .wc-bal span,.wallet-card.is-hidden .wc-mask{filter:blur(9px);user-select:none}
.wc-eye{background:rgba(255,255,255,.14);border:0;color:#fff;width:30px;height:30px;border-radius:10px;cursor:pointer;display:grid;place-items:center;font-size:14px}
.wc-tier{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.wc-acct{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:11px 12px 11px 14px;margin-bottom:18px;font-size:13px}
.wc-acct b{font-size:16px;letter-spacing:.06em}.wc-acct small{opacity:.75;display:block;font-size:11.5px}
.wc-acct button{background:rgba(255,255,255,.16);color:#fff;border:0;border-radius:10px;padding:7px 11px;font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}
.wc-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wc-actions a{display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:650;text-decoration:none!important}
.wc-actions a i{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:19px;transition:.2s}
.wc-actions a:hover{opacity:1}.wc-actions a:hover i{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.wc-actions a.main-act i{background:#fff;color:var(--im-primary)}
.wallet-card .btn-light{color:var(--im-primary)}.wallet-card .btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.3)}
.mini-stat{display:flex;align-items:center;gap:14px}.mini-stat .k{font-size:12.5px;color:var(--im-muted);font-weight:550}.mini-stat .v{font-size:19px;font-weight:780;letter-spacing:-.02em;display:block}
.dash-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}
.dash-side{display:grid;gap:14px;align-content:start}
@media(max-width:1100px){.dash-grid{grid-template-columns:1fr}.dash-side{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.insight{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.insight>div{padding:2px 16px;border-left:1px solid var(--im-border)}.insight>div:first-child{border-left:0;padding-left:0}
.insight .k{font-size:12px;color:var(--im-muted);font-weight:600}.insight .v{font-size:18px;font-weight:780;display:block;letter-spacing:-.02em;margin-top:2px}
@media(max-width:480px){.insight>div{padding:2px 10px}.insight .v{font-size:15.5px}}
.promo-card{border-radius:var(--im-radius-lg);padding:22px;background:var(--im-hero-grad);color:#fff;position:relative;overflow:hidden}
.promo-card h3{color:#fff;margin-bottom:6px}.promo-card p{opacity:.82;font-size:13.5px}
.promo-card::after{content:"";position:absolute;right:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.progress{height:8px;border-radius:8px;background:var(--im-surface-2);overflow:hidden}.progress span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--im-secondary),var(--im-accent))}

/* ---------- Bottom nav (mobile user dashboard) ---------- */
.bottom-nav{display:none}
@media(max-width:991px){
  .scope-user .bottom-nav{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:55;background:color-mix(in srgb,var(--im-surface) 90%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid var(--im-border);border-radius:22px;padding:7px 6px;justify-content:space-around;box-shadow:0 18px 40px -14px rgba(15,23,42,.35)}
  .scope-user .page{padding-bottom:110px}
  .bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:650;color:var(--im-muted);padding:6px 0;border-radius:14px;text-decoration:none!important;position:relative}
  .bottom-nav a i{font-size:20px}.bottom-nav a.active{color:var(--im-text)}.bottom-nav a.active::after{content:"";position:absolute;bottom:0;width:18px;height:3px;border-radius:3px;background:var(--im-secondary)}
  .bottom-nav a.fab{margin-top:-28px}.bottom-nav a.fab::after{display:none}.bottom-nav a.fab i{width:56px;height:56px;border-radius:19px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;display:grid;place-items:center;box-shadow:0 14px 26px -10px var(--im-primary),0 0 0 5px var(--im-bg);font-size:22px}
  .scope-user .sidebar{display:flex}
}

/* ---------- User layout variants ---------- */
.scope-user.layout-topnav .sidebar,.scope-user.layout-bold .sidebar{display:none}
.topnav-links{display:none}
.scope-user.layout-topnav .topnav-links,.scope-user.layout-bold .topnav-links{display:flex;gap:4px;background:var(--im-surface);border:1px solid var(--im-border);padding:4px;border-radius:14px}
.topnav-links a{padding:8px 13px;border-radius:10px;color:var(--im-text-2,var(--im-text));font-size:13.5px;font-weight:600;text-decoration:none!important;white-space:nowrap}.topnav-links a.active,.topnav-links a:hover{background:var(--im-surface-2);color:var(--im-text);opacity:1}
.topnav-links a.active{background:var(--im-primary);color:var(--im-on-primary)}
@media(max-width:991px){.topnav-links{display:none!important}}
.scope-user.layout-bold .topbar{background:var(--im-card-grad,var(--im-primary));color:#fff;border-bottom:0}.scope-user.layout-bold .topbar h1{color:#fff}.scope-user.layout-bold .topbar .hello{color:rgba(255,255,255,.75)}
.scope-user.layout-bold .topbar .topnav-links{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.scope-user.layout-bold .topbar .topnav-links a{color:rgba(255,255,255,.85)}.scope-user.layout-bold .topbar .topnav-links a.active{background:rgba(255,255,255,.18);color:#fff}
.scope-user.layout-bold .topbar .theme-toggle,.scope-user.layout-bold .topbar .btn-ghost,.scope-user.layout-bold .top-wallet{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);color:#fff}
.scope-user.layout-compact .sidebar{width:232px}.scope-user.layout-compact .nav-link{padding:8px 10px;font-size:13px}.scope-user.layout-compact .page{padding:20px}
.scope-user.layout-cards .page{max-width:1140px}
.scope-user.layout-topnav .page,.scope-user.layout-bold .page{max-width:1200px}

/* ---------- Admin layout variants ---------- */
.scope-admin .page{max-width:1480px}
.scope-admin.layout-dark .sidebar{background:linear-gradient(180deg,#0A0F1C,#0E1528);border-right-color:#1A2337}
.scope-admin.layout-dark .sidebar .brand,.scope-admin.layout-dark .nav-link{color:#C7D0E0}.scope-admin.layout-dark .nav-link i{color:#7D8AA5}.scope-admin.layout-dark .nav-link:hover{background:rgba(255,255,255,.05);color:#fff}
.scope-admin.layout-dark .nav-title{color:#5E6B85}.scope-admin.layout-dark .side-user{border-top-color:#1A2337;color:#C7D0E0}
.scope-admin.layout-dark .nav-link.active{background:linear-gradient(135deg,var(--im-secondary),color-mix(in srgb,var(--im-secondary) 60%,#000));color:var(--im-on-secondary)}.scope-admin.layout-dark .nav-link.active i{color:var(--im-on-secondary)}
.scope-admin.layout-topnav .sidebar{display:none}.scope-admin.layout-topnav .topnav-links{display:flex;gap:2px;overflow-x:auto;background:var(--im-surface);border:1px solid var(--im-border);padding:4px;border-radius:14px}
.scope-admin.layout-topnav .top-search{display:none}
.scope-admin.layout-compact .sidebar{width:232px}.scope-admin.layout-compact .nav-link{padding:7px 10px;font-size:13px}.scope-admin.layout-compact .page{padding:20px}.scope-admin.layout-compact .card{padding:16px}
@media(min-width:992px){
  .scope-admin.layout-mini .sidebar{width:80px}.scope-admin.layout-mini .sidebar .brand span,.scope-admin.layout-mini .nav-link span,.scope-admin.layout-mini .nav-title,.scope-admin.layout-mini .side-user div{display:none}
  .scope-admin.layout-mini .nav-link{justify-content:center}.scope-admin.layout-mini .sidebar .brand{justify-content:center;padding:22px 0}.scope-admin.layout-mini .side-user{justify-content:center;padding:14px 0}
  .scope-admin.layout-mini .sidebar:hover{width:272px}.scope-admin.layout-mini .sidebar:hover .nav-link span,.scope-admin.layout-mini .sidebar:hover .brand span,.scope-admin.layout-mini .sidebar:hover .nav-title,.scope-admin.layout-mini .sidebar:hover .side-user div{display:initial}.scope-admin.layout-mini .sidebar:hover .nav-link{justify-content:flex-start}
}
@media(max-width:991px){.scope-admin.layout-topnav .sidebar{display:flex}}

/* ---------- Misc ---------- */
.empty{text-align:center;padding:44px 16px;color:var(--im-muted)}.empty i{font-size:26px;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 14px;background:var(--im-surface-2);color:var(--im-muted)}
.skeleton{background:linear-gradient(90deg,var(--im-surface-2),var(--im-border),var(--im-surface-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px;min-height:14px}
@keyframes sk{to{background-position:-200% 0}}
.divider{height:1px;background:var(--im-border);margin:20px 0}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:999px;border:1px solid var(--im-border);background:var(--im-surface);font-size:13px;font-weight:650;cursor:pointer;color:var(--im-text-2,var(--im-text));transition:.15s;white-space:nowrap;text-decoration:none!important;font-family:inherit}
.chip:hover{border-color:color-mix(in srgb,var(--im-muted) 40%,var(--im-border));color:var(--im-text);opacity:1}
.chip.active{background:var(--im-primary);color:var(--im-on-primary);border-color:transparent;box-shadow:0 6px 14px -8px var(--im-primary)}
[data-theme="dark"] .chip.active{background:var(--im-secondary);color:var(--im-on-secondary)}
@media print{.sidebar,.topbar,.bottom-nav,.wa-float,.no-print{display:none!important}body{background:#fff}.card{box-shadow:none!important;border:1px solid #ddd}}
.admin-burger{display:none}@media(max-width:991px){.admin-burger{display:grid}}
@media(max-width:991px){.scope-user .topbar [data-sidebar-open]{display:inline-grid!important}}
.span-2{grid-column:span 2}@media(max-width:700px){.span-2{grid-column:auto}}
.tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;margin-bottom:18px;-webkit-overflow-scrolling:touch;background:var(--im-surface-2);border-radius:14px;width:max-content;max-width:100%;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a,.tabs button,.tabs .chip{white-space:nowrap;border:0;background:transparent;box-shadow:none;border-radius:10px}
.tabs .chip.active,.tabs a.active{background:var(--im-surface);color:var(--im-text);box-shadow:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06)}
[data-theme="dark"] .tabs .chip.active{background:var(--im-surface-3,var(--im-surface));color:var(--im-text)}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txn-list{display:flex;flex-direction:column;gap:2px}
.txn-row{display:flex;align-items:center;gap:13px;padding:12px 10px;color:var(--im-text);text-decoration:none!important;border-radius:14px;transition:background .15s}
.txn-row:hover{background:var(--im-surface-2);opacity:1}
.txn-row .t-main{flex:1;min-width:0}.txn-row .t-title{font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-row .t-sub{font-size:12.25px;color:var(--im-muted)}
.txn-row .t-amt{text-align:right;flex:none}.txn-row .t-amt b{display:block;font-size:14.5px;font-variant-numeric:tabular-nums}.txn-row .t-amt .badge{margin-top:3px;font-size:10.5px;padding:2px 8px}
.amt-credit{color:var(--im-success)}.amt-debit{color:var(--im-danger)}
/* Receipt */
.receipt{max-width:500px;margin:0 auto}
.receipt .r-head{text-align:center;padding:12px 0 22px}
.receipt .r-status{width:76px;height:76px;border-radius:26px;display:grid;place-items:center;font-size:34px;margin:0 auto 14px;box-shadow:0 0 0 10px color-mix(in srgb,currentColor 8%,transparent)}
.receipt .r-amt{font-size:36px;font-weight:800;letter-spacing:-.035em}
.receipt dl{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;margin:0;font-size:14px}
.receipt dt{color:var(--im-muted)}.receipt dd{margin:0;text-align:right;font-weight:650;word-break:break-all}
.token-box{background:linear-gradient(145deg,var(--im-primary-50),var(--im-secondary-50));border:1.5px dashed color-mix(in srgb,var(--im-secondary) 45%,transparent);border-radius:var(--im-radius-sm);padding:16px;text-align:center;font-size:21px;font-weight:800;letter-spacing:.1em;font-family:ui-monospace,Consolas,monospace}
.r-perf{border:0;border-top:2px dashed var(--im-border);margin:20px -22px;position:relative}
@media print{.receipt{max-width:none}.page{padding:0}}
.row-off td{opacity:.55}
.switch-btn{background:none;border:0;padding:0;cursor:pointer}
.plans-table td,.plans-table th{padding:11px 10px}

/* =========================================================
   BUY pages (centred, premium)
   ========================================================= */
.buy-wrap{max-width:600px;margin:0 auto;width:100%}
.buy-hero{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:calc(var(--im-radius-lg) + 2px);background:var(--im-card-grad,var(--im-hero-grad));color:#fff;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 22px 44px -26px var(--im-primary)}
.buy-hero::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:34px solid rgba(255,255,255,.07);right:-70px;top:-90px}
.buy-hero .ico{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);width:50px;height:50px;border-radius:16px;font-size:22px}
.buy-hero h2{color:#fff;font-size:18px;margin:0 0 2px}.buy-hero p{margin:0;font-size:12.75px;opacity:.78}
.buy-hero .bh-bal{margin-left:auto;text-align:right;position:relative;z-index:1}.buy-hero .bh-bal small{display:block;font-size:10.5px;opacity:.75;text-transform:uppercase;letter-spacing:.08em;font-weight:650}.buy-hero .bh-bal b{font-size:18px;letter-spacing:-.02em}
.buy-hero .bh-bal a{display:inline-flex;margin-top:4px;font-size:11.5px;color:#fff;font-weight:700;background:rgba(255,255,255,.16);padding:3px 9px;border-radius:999px}
@media(max-width:420px){.buy-hero{padding:16px}.buy-hero .ico{width:44px;height:44px}.buy-hero p{display:none}}
.buy-wrap>form.card,.buy-wrap>.card{padding:24px}
@media(max-width:560px){.buy-wrap>form.card,.buy-wrap>.card{padding:18px}}
.step-label{display:flex;align-items:center;gap:8px;font-size:12.75px;font-weight:700;margin-bottom:10px;color:var(--im-text)}
.step-label em{font-style:normal;width:20px;height:20px;border-radius:7px;background:var(--im-surface-2);display:grid;place-items:center;font-size:11px;color:var(--im-muted)}
.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:380px){.pick-grid{gap:8px}}
.pick{position:relative;cursor:pointer;display:block}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 6px 12px;border:1.5px solid var(--im-border);border-radius:var(--im-radius);background:var(--im-surface);font-weight:700;font-size:12.75px;text-align:center;transition:.18s;min-height:64px;position:relative}
.pick:hover>span{border-color:color-mix(in srgb,var(--im-muted) 40%,var(--im-border));transform:translateY(-1px)}
.pick input:checked+span{border-color:var(--im-secondary);background:color-mix(in srgb,var(--im-secondary) 7%,var(--im-surface));box-shadow:0 0 0 4px var(--im-ring);color:var(--im-text)}
.pick input:checked+span::after{content:"✓";position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--im-secondary);color:var(--im-on-secondary);font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 3px var(--im-surface)}
.pick input:focus-visible+span{outline:2px solid var(--im-secondary);outline-offset:2px}
.net-dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;font-style:normal;box-shadow:0 6px 14px -6px rgba(0,0,0,.45),inset 0 -2px 0 rgba(0,0,0,.12)}
.net-mtn{background:linear-gradient(145deg,#FFD84D,#FFC107);color:#1A1300}.net-airtel{background:linear-gradient(145deg,#FF3B3B,#C70000)}.net-glo{background:linear-gradient(145deg,#2BD47B,#00873F)}.net-9mobile{background:linear-gradient(145deg,#1E9E62,#004D2C)}
@media(max-width:380px){.net-dot{width:34px;height:34px;font-size:12px}}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.plan-grid .pick>span{align-items:flex-start;text-align:left;min-height:96px;padding:14px;gap:3px;justify-content:space-between}
.plan-grid .p-size{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.plan-grid .p-val{font-size:11.5px;color:var(--im-muted);font-weight:550}.plan-grid .p-price{font-size:14.5px;color:var(--im-secondary-ink);font-weight:750;margin-top:6px}
.p-tag{position:absolute;top:10px;right:10px;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--im-accent);color:var(--im-on-accent);padding:2px 7px;border-radius:999px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.amt-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.amt-quick .chip{justify-content:center;border-radius:12px;padding:10px 6px;background:var(--im-surface-2);border-color:transparent;font-variant-numeric:tabular-nums}
.amt-quick .chip:hover{background:var(--im-surface);border-color:var(--im-border)}
.pay-line{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-radius:var(--im-radius);background:linear-gradient(135deg,var(--im-surface-2),color-mix(in srgb,var(--im-secondary) 6%,var(--im-surface-2)));font-size:13.5px;margin-bottom:16px;border:1px solid var(--im-border);font-weight:600;color:var(--im-text-2,var(--im-text))}
.pay-line b{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--im-text);font-variant-numeric:tabular-nums}
.verify-box{margin-top:10px;padding:13px 15px;border-radius:var(--im-radius-sm);background:var(--im-surface-2);font-size:14px}
.verify-box.ok{background:var(--im-success-50);border:1px solid color-mix(in srgb,var(--im-success) 35%,transparent)}.verify-box.bad{background:var(--im-danger-50);color:var(--im-danger)}
/* plan picker trigger */
.plan-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px dashed var(--im-border);border-radius:var(--im-radius);background:var(--im-surface);cursor:pointer;font:inherit;color:var(--im-text);text-align:left;transition:.18s;min-height:64px}
.plan-trigger:hover{border-color:var(--im-secondary);background:color-mix(in srgb,var(--im-secondary) 4%,var(--im-surface))}
.plan-trigger.has{border-style:solid;border-color:var(--im-secondary);box-shadow:0 0 0 4px var(--im-ring)}
.plan-trigger .pt-main{flex:1;min-width:0}.plan-trigger .pt-title{font-weight:750;font-size:15px}.plan-trigger .pt-sub{font-size:12.25px;color:var(--im-muted)}
.plan-trigger .pt-price{font-weight:800;font-size:16px;color:var(--im-secondary-ink)}
.plan-trigger .pt-go{width:32px;height:32px;border-radius:10px;background:var(--im-surface-2);display:grid;place-items:center;flex:none}
.plan-trigger:disabled{opacity:.6;cursor:not-allowed}
/* sheets (confirmation + plan picker) */
.sheet{position:fixed;inset:0;z-index:1000;background:rgba(2,6,23,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s}
.sheet[hidden]{display:none}
.sheet-panel{background:var(--im-surface);width:100%;max-width:480px;border-radius:26px 26px 0 0;padding:10px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px -20px rgba(0,0,0,.45);animation:slideUp .28s cubic-bezier(.2,.8,.2,1);max-height:92vh;overflow:auto;border:1px solid var(--im-border)}
.sheet-panel::before{content:"";display:block;width:42px;height:5px;border-radius:5px;background:var(--im-border);margin:0 auto 14px}
.sheet-lg .sheet-panel{max-width:640px;display:flex;flex-direction:column;padding-bottom:0;overflow:hidden;height:min(86vh,720px)}
.sheet-lg .sp-head{flex:none}.sheet-lg .sp-body{flex:1;overflow-y:auto;padding:4px 2px calc(20px + env(safe-area-inset-bottom));margin:0 -2px}
@media(min-width:640px){.sheet{align-items:center;padding:20px}.sheet-panel{border-radius:26px;padding-top:22px}.sheet-panel::before{display:none}.sheet-lg .sheet-panel{height:min(80vh,700px)}}
@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:none;opacity:1}}
.sheet-sum{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;margin:0;font-size:14px;background:var(--im-surface-2);border-radius:var(--im-radius);padding:16px}.sheet-sum dt{color:var(--im-muted)}.sheet-sum dd{margin:0;text-align:right;font-weight:650;word-break:break-word}
.sheet-sum .sum-strong{font-size:20px;font-weight:800;color:var(--im-text);letter-spacing:-.02em}
.sheet-sum dt:last-of-type{padding-top:12px;border-top:1px dashed var(--im-border);align-self:end}.sheet-sum dd:last-of-type{padding-top:12px;border-top:1px dashed var(--im-border)}
.pin-input{text-align:center;font-size:24px;letter-spacing:.5em;font-weight:800}
/* PIN boxes (app.js turns .pin-input into N boxes over a transparent real input) */
.pin-boxes{position:relative;display:grid;grid-template-columns:repeat(var(--pin-n,4),minmax(0,56px));justify-content:center;gap:10px;margin:4px auto 6px;max-width:100%;cursor:text}
.pin-boxes .pin-input{position:absolute;inset:0;width:100%;height:100%;opacity:.011;color:transparent;caret-color:transparent;background:transparent;border:0;outline:0;box-shadow:none;font-size:16px;letter-spacing:0;padding:0;min-height:0;z-index:2;-webkit-text-fill-color:transparent}
.pin-box{height:58px;border-radius:16px;border:1.5px solid var(--im-border);background:var(--im-surface-2);display:grid;place-items:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.pin-box.filled::after{content:"";width:13px;height:13px;border-radius:50%;background:var(--im-text);animation:pinPop .18s ease}
.pin-box.active{border-color:var(--im-secondary);box-shadow:0 0 0 4px var(--im-ring);background:var(--im-surface)}
.pin-box.filled{border-color:color-mix(in srgb,var(--im-secondary) 45%,var(--im-border));background:var(--im-surface)}
@keyframes pinPop{from{transform:scale(.3)}to{transform:none}}
@media(max-width:380px){.pin-boxes{gap:7px}.pin-box{height:50px;border-radius:13px}}
.pin-field{margin:18px 0 16px}
.card .pin-boxes{justify-content:start}
.sheet-panel .pin-boxes,.pin-field .pin-boxes{justify-content:center}
.plan-search{position:relative;margin:10px 0 12px}.plan-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--im-muted)}.plan-search .input{padding-left:40px;min-height:44px;background:var(--im-surface-2);border-color:transparent}
.sp-net{display:flex;align-items:center;gap:12px}.sp-net h3{margin:0;font-size:17px}.sp-net small{display:block}

/* =========================================================
   Landing sections
   ========================================================= */
.announce-bar{background:linear-gradient(90deg,var(--im-primary),color-mix(in srgb,var(--im-primary) 55%,var(--im-secondary)));color:#fff;font-size:13.5px;padding:10px 0;text-align:center;font-weight:550}.announce-bar a{color:#fff;font-weight:750;margin-left:6px;text-decoration:underline!important;text-underline-offset:3px}
.hero-img img{width:100%;height:auto;border-radius:calc(var(--im-radius-lg) + 6px);box-shadow:var(--im-shadow-lg);display:block}
.stat-band{background:var(--im-hero-grad);color:#fff;padding:0;margin:0 auto;max-width:1156px;border-radius:calc(var(--im-radius-lg) + 6px);position:relative;overflow:hidden;width:calc(100% - 44px)}
.stat-band .container{padding:34px 26px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.stat-grid>div+div{border-left:1px solid rgba(255,255,255,.14)}
.stat-v{font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.03em}.stat-l{font-size:13px;opacity:.78;margin-top:4px}@media(max-width:700px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid>div:nth-child(3){border-left:0}.stat-v{font-size:26px}}
.steps-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.step{position:relative;padding-top:40px}.step-num{position:absolute;top:-18px;left:22px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--im-card-grad,var(--im-secondary));color:#fff;font-weight:800;box-shadow:0 12px 22px -10px var(--im-primary)}
.price-table td,.price-table th{white-space:nowrap}
.testi{margin:0;display:flex;flex-direction:column;gap:14px}.testi blockquote{margin:0;font-size:15px;line-height:1.65;color:var(--im-text-2,var(--im-text))}.testi .stars{color:#F5A524;font-size:14px;letter-spacing:2px}
.testi-av{width:42px;height:42px;border-radius:14px;object-fit:cover;display:grid;place-items:center;background:var(--im-primary-50);color:var(--im-primary);font-weight:800;flex:none}
.faq-item{border:1px solid var(--im-border);border-radius:var(--im-radius);background:var(--im-surface);margin-bottom:10px;padding:0 20px;transition:box-shadow .2s}
.faq-item[open]{box-shadow:var(--im-shadow)}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:650;display:flex;justify-content:space-between;gap:12px;align-items:center}.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary i{transition:transform .2s;width:28px;height:28px;border-radius:9px;background:var(--im-surface-2);display:grid;place-items:center;flex:none}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item>div{padding:0 0 18px;color:var(--im-text-2,var(--im-text))}
.cta-split{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:36px}
.cta-band{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:calc(var(--im-radius-lg) + 8px);padding:64px 28px;text-align:center;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(closest-side,#000,transparent);-webkit-mask-image:radial-gradient(closest-side,#000,transparent);pointer-events:none}
.cta-band>*{position:relative;z-index:1}.cta-band h2{color:#fff}.cta-band p{opacity:.85;max-width:560px;margin:0 auto 24px}
.contact-strip a{display:flex;flex-direction:column;gap:4px;align-items:flex-start;color:inherit;text-decoration:none}.contact-strip i{font-size:22px;color:var(--im-secondary-ink)}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.socials a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(127,127,127,.16);font-size:16px}
.prose{line-height:1.8;font-size:16px}.prose h2,.prose h3{margin-top:1.4em}.prose img{max-width:100%;height:auto;border-radius:12px}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--im-border);padding:8px}
.prose blockquote{border-left:4px solid var(--im-secondary);margin:1em 0;padding:4px 16px;color:var(--im-muted)}

/* ---------- Admin analytics ---------- */
.hbars{display:flex;flex-direction:column;gap:12px}.hbar-track{height:8px;border-radius:8px;background:var(--im-surface-2);overflow:hidden;margin-top:5px}.hbar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--im-primary),var(--im-secondary));border-radius:8px}
.kpi{display:flex;flex-direction:column;gap:4px;overflow:hidden}
.kpi .kpi-ico{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:18px;background:var(--im-surface-2);color:var(--im-secondary-ink)}
.kpi .delta{font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;width:max-content;margin-top:4px}.kpi .delta.up{color:var(--im-success);background:var(--im-success-50)}.kpi .delta.down{color:var(--im-danger);background:var(--im-danger-50)}
.kpi .v{font-size:26px;font-weight:800;display:block;line-height:1.2;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}.kpi .k{font-size:11.5px;color:var(--im-muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700;padding-right:50px}
.kpi::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--im-secondary),transparent);opacity:.55}
.kpi-hero{background:var(--im-card-grad,var(--im-hero-grad))!important;color:#fff;border-color:transparent!important}.kpi-hero .k,.kpi-hero .fs-sm,.kpi-hero .muted{color:rgba(255,255,255,.75)!important}.kpi-hero .kpi-ico{background:rgba(255,255,255,.14);color:#fff}.kpi-hero::after{display:none}
.impersonate-bar{background:linear-gradient(90deg,#B42318,#D92D20);color:#fff;padding:9px 18px;font-size:13.5px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.impersonate-bar a,.impersonate-bar button{color:#fff;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:5px 11px;cursor:pointer;font:inherit}
.ustat{display:flex;flex-direction:column}.ustat b{font-size:18px}

/* ---------- PWA ---------- */
.pwa-banner{position:fixed;left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:120;max-width:440px;margin:0 auto;background:var(--im-surface);color:var(--im-text);border:1px solid var(--im-border);border-radius:20px;box-shadow:var(--im-shadow-lg);padding:16px 18px;animation:pwaUp .25s ease-out}
@media(min-width:900px){.pwa-banner{bottom:24px;right:24px;left:auto}}
.pwa-banner .pwa-title{margin-bottom:4px}.pwa-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
@keyframes pwaUp{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.notif-row{display:flex;gap:13px;padding:14px 10px;border-radius:14px;color:inherit;text-decoration:none;transition:background .15s}.notif-row:hover{background:var(--im-surface-2);opacity:1}.notif-row.unread{background:color-mix(in srgb,var(--im-secondary) 6%,transparent)}.notif-row.unread .fw-6::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--im-secondary);margin-left:6px;vertical-align:middle}

/* ---------- Theme engine extras ---------- */
.btn-pill .chip{border-radius:999px}.btn-square .chip{border-radius:6px}
body.bg-mesh,body.bg-dots{background-image:var(--im-bg-pattern);background-attachment:fixed}
body.bg-dots{background-size:18px 18px}
[data-theme="dark"] .site-footer{background:linear-gradient(180deg,var(--im-surface),var(--im-bg))}
:focus-visible{outline:3px solid color-mix(in srgb,var(--im-secondary) 55%,transparent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.theme-tile{border:2px solid var(--im-border);border-radius:16px;overflow:hidden;background:var(--im-surface);display:flex;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s}
.theme-tile:hover{transform:translateY(-3px);box-shadow:var(--im-shadow)}.theme-tile.is-active{border-color:var(--im-secondary);box-shadow:0 0 0 4px var(--im-ring)}
.theme-thumb{height:118px;position:relative;overflow:hidden}
.theme-thumb .tb-side{position:absolute;left:0;top:0;bottom:0;width:26%}.theme-thumb .tb-top{position:absolute;left:0;right:0;top:0;height:20%}
.theme-thumb .tb-card{position:absolute;border-radius:6px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.theme-thumb .tb-btn{position:absolute;height:9px;width:30%}
.theme-meta{padding:10px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12);margin-right:-4px}
.preview-frame{width:100%;height:640px;border:1px solid var(--im-border);border-radius:16px;background:#fff}
.device-toggle .chip{padding:6px 10px}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:999}
.pick>span>i.bi{font-size:21px;color:var(--im-secondary-ink)}
.pick input:checked+span>i.bi{color:var(--im-secondary-ink)}
.section .card.flex .ico{margin-bottom:0}
[data-theme="dark"] .wallet-card,[data-theme="dark"] .buy-hero{box-shadow:0 30px 60px -30px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1)}

/* Mobile sheet fixes: full-width panel, safe area, never hidden by bottom nav / install banner */
body.sheet-open .bottom-nav,body.sheet-open .wa-float,body.sheet-open .pwa-banner{display:none!important}
@media(max-width:639px){
  .sheet{padding:0;align-items:flex-end}
  .sheet-panel{max-width:none;width:100%;max-height:calc(100% - 16px);border-radius:24px 24px 0 0;border-left:0;border-right:0;border-bottom:0;padding:10px 18px calc(18px + env(safe-area-inset-bottom))}
  .sheet-confirm .sheet-panel h3{font-size:16px}
  .sheet-sum{padding:14px;gap:10px 12px;font-size:13.5px}
  .sheet-sum .sum-strong{font-size:18px}
  .sheet-lg .sheet-panel{height:calc(100% - 40px)}
}

/* =========================================================
   Dashboard 2.1: activity, cash flow, breakdown, footer cards
   ========================================================= */
.act-list{display:flex;flex-direction:column}
.act-day{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--im-muted);padding:12px 4px 6px}
.act-day:first-child{padding-top:0}
.act-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 10px;margin:0 -10px;border-radius:14px;color:var(--im-text);text-decoration:none!important;transition:background .15s}
.act-row:hover{background:var(--im-surface-2);opacity:1}
.act-row+.act-row{border-top:1px solid color-mix(in srgb,var(--im-border) 60%,transparent)}
.act-row .ico{width:40px;height:40px;border-radius:13px;font-size:16px}
.act-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.act-title{font-weight:650;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-sub{font-size:12px;color:var(--im-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act-amt{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.act-amt b{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.act-amt.is-in b{color:var(--im-success)}
.act-st{font-size:11px;font-weight:650;color:var(--im-muted);display:inline-flex;align-items:center;gap:4px}
.act-st.st-success{color:var(--im-success)}.act-st.st-failed,.act-st.st-refunded{color:var(--im-danger)}.act-st.st-pending,.act-st.st-processing{color:var(--im-warning)}
.act-st[class*="st-"]::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
@media(max-width:480px){.act-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}.act-row .ico{width:36px;height:36px;font-size:15px}.act-title{font-size:13.5px}.act-amt b{font-size:13.5px}}

.flow-card .card-head{align-items:flex-start}
.flow-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.fk{display:flex;align-items:center;gap:11px;padding:13px;border-radius:var(--im-radius);background:var(--im-surface-2);min-width:0}
.fk>div{min-width:0}.fk small{display:block;font-size:11.5px;color:var(--im-muted);font-weight:600}.fk b{font-size:16.5px;font-weight:800;letter-spacing:-.02em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.fk-ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:15px}
.fk-in .fk-ico{background:var(--im-success-50);color:var(--im-success)}.fk-out .fk-ico{background:var(--im-secondary-50);color:var(--im-secondary-ink)}
.fk-net .fk-ico{background:var(--im-info-50);color:var(--im-info)}.fk-avg .fk-ico{background:var(--im-warning-50);color:var(--im-warning)}
@media(max-width:760px){.flow-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fk{padding:11px}.fk b{font-size:15px}}
.flow-chart{width:100%}.flow-chart svg{width:100%;height:auto;display:block;overflow:visible}
.flow-chart .gl{stroke:var(--im-border);stroke-dasharray:3 4;stroke-width:1}
.flow-chart .gt{fill:var(--im-muted);font-size:11px;font-family:inherit}
@media(max-width:560px){.flow-chart .gt{font-size:16px}}
.flow-chart .b-in{fill:var(--im-success)}.flow-chart .b-out{fill:var(--im-secondary)}
.flow-chart .bar-g:hover rect{opacity:.8}
.flow-legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:12.5px;font-weight:600}
.flow-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}

.donut-wrap{position:relative;width:180px;height:180px;margin:4px auto 18px}
.donut{width:100%;height:100%;transform:rotate(0deg)}
.donut circle{transition:stroke-dasharray .6s}
.donut-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.donut-c small{font-size:11.5px;color:var(--im-muted);font-weight:600}.donut-c b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.svc-break{display:flex;flex-direction:column;gap:4px}
.sb-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--im-border) 60%,transparent);font-size:13.5px}
.sb-row:first-child{border-top:0}.sb-row>i{width:10px;height:10px;border-radius:3px;flex:none}.sb-row b{font-variant-numeric:tabular-nums}

.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr;gap:12px}}
.fcard{position:relative;overflow:hidden;border-radius:calc(var(--im-radius-lg) + 2px);padding:22px;color:#fff;display:flex;flex-direction:column;gap:6px;min-height:210px;text-decoration:none!important;isolation:isolate;box-shadow:0 22px 40px -26px rgba(15,23,42,.6);transition:transform .2s}
.fcard:hover{transform:translateY(-3px);opacity:1}
.fcard::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:30px solid rgba(255,255,255,.08);right:-70px;bottom:-80px;z-index:-1}
.fcard h3{color:#fff;margin:6px 0 0;font-size:17px}.fcard p{font-size:13px;opacity:.85;margin:0 0 8px;line-height:1.5}
.fc-refer{background:var(--im-card-grad,var(--im-hero-grad))}
.fc-tier{background:linear-gradient(140deg,#78350F,#B45309 55%,#F59E0B)}
.fc-app{background:linear-gradient(140deg,#0F172A,#1E293B 55%,#334155)}
.fc-safe{background:linear-gradient(140deg,#064E3B,#047857 55%,#10B981)}
.fc-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}
.fc-code{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 10px 10px 13px;margin-top:auto}
.fc-code small{display:block;font-size:11px;opacity:.75}.fc-code b{font-size:16px;letter-spacing:.06em}
.fc-code button{background:rgba(255,255,255,.18);color:#fff;border:0;border-radius:10px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.fc-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;background:#fff;color:#0F172A!important;border:0;border-radius:12px;padding:9px 14px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;text-decoration:none!important}
.fc-refer .fc-link{margin-top:10px;background:#25D366;color:#fff!important}
.tier-steps{display:flex;gap:6px;margin:4px 0 12px}.tier-steps span{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.22)}.tier-steps span.on{background:#fff}

/* Referrals page */
.ref-hero{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:calc(var(--im-radius-lg) + 4px);padding:26px;position:relative;overflow:hidden;margin-bottom:18px;isolation:isolate}
.ref-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:44px solid rgba(255,255,255,.07);right:-90px;top:-120px;z-index:-1}
.ref-hero h2{color:#fff;font-size:22px;margin-bottom:6px}.ref-hero p{opacity:.85;font-size:14px;max-width:560px}
.ref-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px;margin:16px 0 14px}
.ref-code .rc-num{font-size:26px;font-weight:800;letter-spacing:.08em;line-height:1}.ref-code small{display:block;opacity:.75;font-size:11.5px;margin-bottom:4px}
.ref-code .grow{min-width:180px}
.ref-hero .btn-sm{border-radius:12px}
.dl-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--im-border) 60%,transparent)}
.dl-row:first-child{border-top:0}
.dl-av{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:var(--im-primary-50);color:var(--im-primary-ink,var(--im-primary))}
.dl-main{min-width:0}.dl-main b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-main small{display:block;color:var(--im-muted);font-size:12px}
.dl-phone{font-weight:700;font-size:13px;color:var(--im-text);font-variant-numeric:tabular-nums}
.dl-act{display:flex;gap:6px}.dl-act a{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:15px;text-decoration:none!important}
.dl-act .wa{background:#E8F8EE;color:#128C7E}.dl-act .tel{background:var(--im-info-50);color:var(--im-info)}.dl-act .cp{background:var(--im-surface-2);color:var(--im-text);border:0;cursor:pointer;width:36px;height:36px;border-radius:11px}
[data-theme="dark"] .dl-act .wa{background:#0F2A1C;color:#4ADE80}

/* =========================================================
   UI 2.5: mobile spacing, landing pricing + reseller, to-top
   ========================================================= */
@media(max-width:991px){
  .scope-user .page{padding:16px 14px calc(150px + env(safe-area-inset-bottom))}
  .scope-user .wa-float{display:none}
  .scope-user .pwa-banner{bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:560px){
  .card{padding:16px}
  .card-head{flex-wrap:wrap;gap:10px}
  .card-head .btn-sm{padding:7px 11px}
  .dash-grid,.grid{gap:14px}
  .mt-2{margin-top:14px}
  .wallet-card{padding:20px 18px}
  .wc-actions{gap:6px}.wc-actions a i{width:44px;height:44px;border-radius:14px}
  .fcard{min-height:0;padding:20px 18px}
  .fc-link,.fc-code button{min-height:40px}
  .btn{min-height:42px}.btn-sm{min-height:36px}
  .table td,.table th{padding:11px 10px}
  .page-head{margin-bottom:16px}
}
.nav-link.wa-link i{color:#25D366}

/* Landing: network tabs + plan cards */
.section-head .eyebrow{margin-bottom:14px}
.section-head:has(.eyebrow)::before{display:none}
.net-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.net-tab{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;border:1.5px solid var(--im-border);background:var(--im-surface);cursor:pointer;font:inherit;color:var(--im-text);transition:.18s;text-align:left}
.net-tab .net-dot{width:34px;height:34px;font-size:12px}
.net-tab b{display:block;font-size:14px;line-height:1.1}.net-tab small{font-size:11.5px;color:var(--im-muted);font-weight:600}
.net-tab:hover{border-color:color-mix(in srgb,var(--im-secondary) 40%,var(--im-border))}
.net-tab.active{border-color:var(--im-secondary);box-shadow:0 0 0 4px var(--im-ring);background:color-mix(in srgb,var(--im-secondary) 6%,var(--im-surface))}
@media(max-width:560px){.net-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.net-tab{border-radius:16px;padding:8px 10px 8px 8px}}
.lp-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.lp-plan{background:var(--im-surface);border:1px solid var(--im-border);border-radius:calc(var(--im-radius) + 2px);padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.lp-plan::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--im-secondary),var(--im-accent));opacity:0;transition:.2s}
.lp-plan:hover{transform:translateY(-4px);box-shadow:var(--im-shadow-lg);border-color:transparent}.lp-plan:hover::before{opacity:1}
.lp-dot{width:28px!important;height:28px!important;font-size:11px!important}
.lp-name{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-top:4px}
.lp-val{font-size:12.5px;color:var(--im-muted);font-weight:550}
.lp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--im-border)}
.lp-foot b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--im-secondary-ink)}
@media(max-width:560px){.lp-plans{grid-template-columns:1fr 1fr;gap:10px}.lp-plan{padding:14px}.lp-name{font-size:15px}.lp-foot{flex-direction:column;align-items:stretch}.lp-foot b{font-size:17px}}

/* Reseller (landing section + user page) */
.lp-reseller,.rs-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:calc(var(--im-radius-lg) + 10px);padding:52px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 40px 80px -40px var(--im-primary)}
.rs-hero{padding:34px;gap:28px;border-radius:calc(var(--im-radius-lg) + 4px)}
.lp-reseller::after,.rs-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);z-index:-1}
.rs-copy h2{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.035em;margin:14px 0 10px}.rs-hero .rs-copy h2{font-size:clamp(1.4rem,2.6vw,2rem)}
.rs-copy p{opacity:.85;font-size:15.5px;line-height:1.65;max-width:560px}
.lp-ticks{list-style:none;padding:0;margin:4px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.lp-ticks li{display:flex;gap:9px;font-size:14px;font-weight:550;align-items:flex-start}.lp-ticks i{color:#4ADE80;margin-top:2px}
@media(max-width:600px){.lp-ticks{grid-template-columns:1fr}}
.rs-price{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 18px;margin:16px 0 20px}
.rs-price small{display:block;opacity:.75;font-size:12px}.rs-amt{font-size:28px;font-weight:800;letter-spacing:-.03em}.rs-amt s{font-size:16px;opacity:.6;font-weight:600}
.rs-meta{display:flex;flex-direction:column;gap:4px;font-size:12.5px;opacity:.9}.rs-meta i{margin-right:5px}
.rs-mock{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}
.rs-browser{width:100%;max-width:400px;background:var(--im-surface);border-radius:18px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.6);transform:perspective(900px) rotateY(-8deg) rotateX(3deg);color:var(--im-text)}
.rs-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--im-surface-2);border-bottom:1px solid var(--im-border)}.rs-bar i{width:9px;height:9px;border-radius:50%;background:#F87171}.rs-bar i:nth-child(2){background:#FBBF24}.rs-bar i:nth-child(3){background:#34D399}
.rs-bar span{margin-left:8px;flex:1;background:var(--im-surface);border-radius:8px;padding:3px 10px;font-size:11px;color:var(--im-muted)}
.rs-screen{padding:14px;display:flex;flex-direction:column;gap:10px}
.rs-s-hero{border-radius:14px;padding:16px;background:linear-gradient(135deg,#1E40AF,#7C3AED);color:#fff;display:flex;flex-direction:column;gap:3px}.rs-s-hero b{font-size:15px}.rs-s-hero small{opacity:.8;font-size:11px}.rs-s-hero span{align-self:flex-start;margin-top:6px;background:#fff;color:#1E40AF;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.rs-s-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.rs-s-grid div{border:1px solid var(--im-border);border-radius:12px;padding:8px 0;text-align:center;font-size:10px;font-weight:650;display:flex;flex-direction:column;gap:4px;align-items:center}.rs-s-grid i{font-size:15px;color:#7C3AED}
.rs-s-rows{display:flex;flex-direction:column;gap:6px}.rs-s-rows span{height:10px;border-radius:6px;background:var(--im-surface-2)}.rs-s-rows span:nth-child(2){width:80%}.rs-s-rows span:nth-child(3){width:60%}
.rs-fc{left:-4%;bottom:6%}.rs-fc2{right:-2%;top:4%;animation-delay:-3s}
@media(max-width:900px){.lp-reseller,.rs-hero{grid-template-columns:1fr;padding:26px 20px}.rs-mock{min-height:250px}.rs-fc{left:0}.rs-fc2{right:0}}
@media(max-width:560px){.rs-mock{display:none}.rs-amt{font-size:24px}}
.rs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.rs-step{display:flex;gap:12px;align-items:center;background:var(--im-surface);border:1px solid var(--im-border);border-radius:var(--im-radius);padding:16px;position:relative}
.rs-step b{display:block;font-size:14px}.rs-step small{color:var(--im-muted);font-size:12.5px}
.rs-n{position:absolute;top:10px;right:12px;font-size:28px;font-weight:800;color:var(--im-surface-2);line-height:1}
[data-theme="dark"] .rs-n{color:var(--im-surface-3)}
@media(max-width:760px){.rs-steps{grid-template-columns:1fr;gap:10px}}
.rs-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rs-f{display:flex;gap:11px;align-items:center;padding:12px;border-radius:14px;background:var(--im-surface-2);font-size:13.5px;font-weight:600}
@media(max-width:900px){.rs-feat{grid-template-columns:1fr 1fr}}@media(max-width:560px){.rs-feat{grid-template-columns:1fr}}
.rs-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}
@media(max-width:991px){.rs-grid{grid-template-columns:1fr}}
.rs-order{padding:14px 0;border-top:1px solid var(--im-border)}.rs-order:first-of-type{border-top:0;padding-top:0}
.rs-track{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.rs-track span{display:block;height:6px;border-radius:6px;background:var(--im-border)}.rs-track small{display:block;margin-top:5px;font-size:12px;color:var(--im-muted)}
.rs-track .on span{background:linear-gradient(90deg,var(--im-secondary),var(--im-accent))}.rs-track .on small{color:var(--im-text);font-weight:650}
.rs-color{display:flex;align-items:center;gap:12px;border:1.5px solid var(--im-border);border-radius:var(--im-radius-sm);padding:6px 12px 6px 6px;min-height:48px}
.rs-color input{width:40px;height:34px;border:0;background:none;padding:0;cursor:pointer;border-radius:8px}
.step-label+.grid{margin-bottom:6px}

/* WhatsApp hero button + scroll to top */
.btn-wa{background:#25D366;color:#fff!important;box-shadow:0 10px 22px -10px rgba(18,140,126,.7)}.btn-wa:hover{background:#1EBE5A;opacity:1}
.to-top{position:fixed;right:22px;bottom:88px;z-index:59;width:46px;height:46px;border-radius:15px;border:1px solid var(--im-border);background:var(--im-surface);color:var(--im-text);box-shadow:var(--im-shadow-lg);display:grid;place-items:center;font-size:18px;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}
.to-top.alone{bottom:22px}
.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:var(--im-primary);color:var(--im-on-primary);border-color:transparent}

/* [hidden] must always win over display:grid/flex rules */
[hidden]{display:none!important}
/* Landing price list (one network at a time) */
.lp-price .net-tabs{margin-bottom:18px}
.lp-pane{max-width:900px;margin:0 auto;padding:0;overflow:hidden}
.lp-pane-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--im-border);background:var(--im-surface-2)}
.lp-pane-head h3{font-size:16px}
.lp-types{max-width:100%}
.lp-list{display:flex;flex-direction:column}
.lp-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 120px 80px;align-items:center;gap:14px;padding:14px 22px;border-top:1px solid color-mix(in srgb,var(--im-border) 60%,transparent);transition:background .15s}
.lp-row:not(.lp-th):hover{background:color-mix(in srgb,var(--im-secondary) 5%,transparent)}
.lp-th{border-top:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--im-muted);padding-top:12px;padding-bottom:10px}
.lp-plan-name{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.lp-plan-name b{font-size:15px}
.lp-validity{font-size:13px;color:var(--im-muted)}.lp-validity i{margin-right:4px}
.lp-price-v{text-align:right;font-weight:800;font-size:16px;color:var(--im-secondary-ink);font-variant-numeric:tabular-nums}
.lp-buy{text-align:right}
@media(max-width:640px){
  .lp-pane-head{padding:14px 16px}
  .lp-th{display:none}
  .lp-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "val buy";gap:4px 12px;padding:13px 16px}
  .lp-plan-name{grid-area:name}.lp-validity{grid-area:val;font-size:12px}.lp-price-v{grid-area:price;font-size:15px}.lp-buy{grid-area:buy}
  .lp-buy .btn{min-height:32px;padding:6px 14px}
}

/* Mobile: nothing may hide under the floating bottom menu (all user layouts, incl. compact) */
.nav-spacer{display:none}
@media(max-width:991px){
  body.scope-user .page{padding-left:14px!important;padding-right:14px!important;padding-bottom:24px!important}
  body.scope-user .nav-spacer{display:block;height:calc(104px + env(safe-area-inset-bottom));flex:none}
  body.scope-user:has(.pwa-banner) .nav-spacer{height:calc(250px + env(safe-area-inset-bottom))}
  body.scope-user .bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom))}
  body.scope-user .pwa-banner{left:12px;right:12px;bottom:calc(92px + env(safe-area-inset-bottom))}
  /* last buttons in cards/forms get breathing room */
  body.scope-user .page form .btn-block:last-child,body.scope-user .page .card:last-child{margin-bottom:6px}
  body.scope-user .fcard .fc-link{position:relative;z-index:1}
}

/* =========================================================
   Module 13: API page + docs
   ========================================================= */
.api-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.api-base,.docs-base{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 10px 10px 14px;margin:14px 0 18px;max-width:560px}
.api-base small,.docs-base small{font-size:11px;opacity:.75;white-space:nowrap}.api-base code,.docs-base code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;background:none;color:inherit}
.api-base button,.docs-base button{background:rgba(255,255,255,.16);border:0;color:inherit;border-radius:9px;width:32px;height:32px;cursor:pointer}
.api-term{background:#0B1020;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08)}
.api-term .rs-bar{background:#131A2E;border-color:#1E2742}.api-term .rs-bar span{background:#0B1020;color:#7D8AA5}
.api-term pre{margin:0;padding:16px 18px;color:#C9D4F1;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-term .c{color:#64748B}.api-term .g{color:#4ADE80}
@media(max-width:900px){.api-term{display:none}}
.api-lock{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1.5px dashed color-mix(in srgb,var(--im-warning) 50%,var(--im-border))}
.api-new{border:1.5px solid var(--im-success);box-shadow:0 0 0 5px var(--im-success-50)}
.api-secret{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--im-surface-2);border-radius:12px;padding:10px 12px;margin-top:10px}
.api-secret small{width:100%;font-size:11.5px;color:var(--im-muted);font-weight:650}.api-secret code{flex:1;min-width:0;word-break:break-all;font-size:13.5px;font-weight:700}
.api-key{border:1px solid var(--im-border);border-radius:var(--im-radius);padding:12px 14px;margin-bottom:10px;background:var(--im-surface)}
.api-key summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer}.api-key summary::-webkit-details-marker{display:none}
.api-key[open]{box-shadow:var(--im-shadow)}.api-key.is-off{opacity:.65}
.api-create{border-top:1px dashed var(--im-border);padding-top:16px}
.api-steps{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.api-safe li{font-size:13px}.api-safe i{color:var(--im-success)!important}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--im-surface-2);padding:1px 6px;border-radius:6px}
.docs-hero{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;padding:64px 0 40px}
.docs-hero h1{color:#fff;letter-spacing:-.04em}.docs-hero .lead{color:rgba(255,255,255,.82);max-width:640px;font-size:17px}
.docs-hero .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
.docs-hero .btn-outline{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3)}
.docs-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;padding-top:36px;padding-bottom:40px}
.docs-nav{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.docs-nav .dn-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--im-muted);font-weight:700;margin:14px 0 6px}
.docs-nav a{color:var(--im-text-2,var(--im-text));padding:6px 10px;border-radius:9px;display:flex;align-items:center;gap:8px}.docs-nav a:hover{background:var(--im-surface-2);opacity:1}
.m{font-size:9.5px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:6px;font-family:ui-monospace,Consolas,monospace}.m-get{background:var(--im-info-50);color:var(--im-info)}.m-post{background:var(--im-success-50);color:var(--im-success)}
.docs-main{min-width:0}
.docs-sec{padding:6px 0 30px;margin-bottom:24px;border-bottom:1px solid var(--im-border);scroll-margin-top:90px}
.docs-sec h2{font-size:1.45rem}.docs-sec p{color:var(--im-text-2,var(--im-text));line-height:1.7}
.docs-steps{padding-left:20px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.ep-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ep-head .m{font-size:11px;padding:4px 8px}.ep-head code{font-size:14px}
pre.code{background:#0B1020;color:#C9D4F1;border-radius:14px;padding:16px 18px;font-size:12.5px;line-height:1.65;overflow-x:auto;margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid #1E2742}
.code-tabs .tabs{margin-bottom:10px}
@media(max-width:900px){.docs-wrap{grid-template-columns:1fr;gap:10px}.docs-nav{position:static;max-height:none;flex-direction:row;flex-wrap:wrap;gap:6px}.docs-nav .dn-title{width:100%;margin:6px 0 0}.docs-nav a{background:var(--im-surface-2);font-size:12.5px}}

/* Module 14: go-live checklist */
.hc-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.hc-ring{--p:0;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--im-success) calc(var(--p)*1%),var(--im-surface-2) 0);display:grid;place-items:center;position:relative;flex:none}
.hc-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--im-surface)}
.hc-ring b,.hc-ring small{position:relative;line-height:1}.hc-ring b{font-size:21px;font-weight:800;margin-top:14px}.hc-ring small{font-size:10.5px;color:var(--im-muted);margin-top:-18px}
.hc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}
@media(max-width:480px){.hc-grid{grid-template-columns:1fr}}
.hc-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid color-mix(in srgb,var(--im-border) 60%,transparent)}
.hc-row:first-of-type{border-top:0}.hc-row>i{font-size:18px;margin-top:1px;flex:none}
.hc-warn{color:var(--im-warning)}

/* =====================================================================
   1.0.1: landing stability, price list, VA cards, admin mobile
   ===================================================================== */
/* --- no sideways wobble on phones --- */
html{overflow-x:hidden}
body{max-width:100%;overflow-x:clip}
img,svg,video,iframe,canvas{max-width:100%}
.hero,.section,.site-footer,.stat-band,.lp-reseller,.rs-hero,.cta,.lp-cta{overflow-x:clip}
@supports not (overflow:clip){.hero,.section,.site-footer,.lp-reseller,.rs-hero{overflow-x:hidden}body{overflow-x:hidden}}
.hero-grid>*,.grid>*,.footer-grid>*,.lp-reseller>*,.rs-hero>*{min-width:0}
@media(max-width:768px){
  .scope-public .container{padding-left:16px;padding-right:16px}
  .hero::before{width:360px;height:360px;inset:-80px -120px auto auto;filter:none}
  .hero::after{width:300px;height:300px;left:-120px;bottom:-140px}
  .site-footer::before{width:260px;height:260px;right:-110px;top:-110px}
  .hero h1{overflow-wrap:break-word;word-break:normal}
  .hero-art{overflow:hidden;max-width:100%;margin:0 auto}
  .phone{transform:none;max-width:calc(100vw - 96px)}
  .float-card{animation:none!important;max-width:62%}
  .float-card.fc-1{left:4px}.float-card.fc-2{right:4px}
  .site-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--im-bg)}
  .stat-band{width:calc(100% - 32px)}
  .site-links{left:8px;right:8px}
  .section{padding:60px 0}
  .lp-row{min-width:0}
  .lp-plan-name{overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){.float-card,.phone{animation:none!important}}

/* --- shared helpers --- */
.page-center{max-width:1060px;margin-left:auto;margin-right:auto;width:100%}
.input-icon{position:relative}.input-icon>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--im-muted);pointer-events:none}.input-icon .input{padding-left:40px}
.table-sm th,.table-sm td{padding:9px 10px;font-size:13px}
.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:spin .7s linear infinite;vertical-align:-3px}
.nowrap{white-space:nowrap}

/* --- price list --- */
.pz-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:calc(var(--im-radius-lg) + 4px);padding:26px 26px 24px;margin-bottom:18px;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 26px 50px -30px var(--im-primary)}
.pz-hero::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:40px solid rgba(255,255,255,.07);right:-80px;top:-110px;z-index:-1}
.pz-hero h2{color:#fff;margin:4px 0 6px;font-size:26px;letter-spacing:-.03em}.pz-hero p{margin:0;opacity:.85;max-width:560px;font-size:14.5px}
.pz-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.pz-hero-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pz-tier{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:7px 12px;border-radius:999px;font-weight:700;font-size:13px}
.pz-tabs{margin-bottom:16px}.pz-tabs .chip i{margin-right:2px}
.pz-card{padding:0;overflow:hidden}
.pz-card>.card-head{padding:18px 20px 0}
.pz-tools{padding:18px 20px 6px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--im-border)}
.pz-nets{justify-content:flex-start;margin:0}
.pz-nets .net-tab span{display:flex;flex-direction:column;line-height:1.15;text-align:left}.pz-nets .net-tab small{font-size:11px;color:var(--im-muted);font-weight:600}
.pz-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pz-filter .input-icon{flex:1 1 240px;max-width:380px}.pz-filter .chips{flex:1 1 auto}
.pz-sub{margin:0}
.pz-pane{padding:4px 8px 8px}
.pz-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.8fr) 76px;gap:12px;align-items:center;padding:13px 12px;border-radius:14px;transition:background .15s}
.pz-row+.pz-row{border-top:1px dashed var(--im-border)}
.pz-row:not(.pz-th):hover{background:var(--im-surface-2)}
.pz-row.pz-4{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1fr) minmax(0,.6fr)}
.pz-th{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--im-muted);padding-top:10px;padding-bottom:10px}
.pz-plan{display:flex;flex-direction:column;gap:2px;min-width:0}.pz-plan b{font-size:15.5px;letter-spacing:-.01em}.pz-plan small{color:var(--im-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-id{align-self:flex-start;font-size:11px;background:var(--im-primary-50);color:var(--im-primary-ink,var(--im-primary));padding:2px 7px;border-radius:6px;margin-top:3px;font-weight:700}
.pz-val{color:var(--im-muted);font-size:13.5px}
.pz-price{text-align:right;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:flex-end}
.pz-save{font-size:11px;font-weight:650;color:var(--im-success,#16a34a)}
.pz-buy{justify-self:end}
.pz-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--im-border);background:var(--im-surface-2)}
.pz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.pz-tile{background:var(--im-surface);border:1px solid var(--im-border);border-radius:var(--im-radius-lg);padding:18px;box-shadow:var(--im-shadow);display:flex;flex-direction:column;gap:6px}
.pz-tile-t{font-weight:700;margin-top:8px}.pz-tile-v{font-size:24px;font-weight:800;letter-spacing:-.02em}.pz-tile-v small{font-size:12.5px;color:var(--im-muted);font-weight:600}
.pz-code{background:#0B1220;color:#D6E2FF;border-radius:14px;padding:14px 16px;font-size:12.5px;overflow-x:auto;margin:12px 0 0;line-height:1.55}
.pz-copy{border:1px solid var(--im-border);background:var(--im-surface-2);color:var(--im-text);border-radius:8px;padding:3px 8px;font:inherit;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.pz-copy:hover{border-color:var(--im-primary)}
@media(max-width:640px){
  .pz-hero{padding:20px 18px}.pz-hero h2{font-size:22px}
  .pz-tools{padding:14px 12px 6px}.pz-pane{padding:2px 4px 6px}
  .pz-th{display:none!important}
  .pz-row,.pz-row.pz-4{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plan price" "val buy";row-gap:6px;padding:12px 10px}
  .pz-row .pz-plan{grid-area:plan}.pz-row .pz-price{grid-area:price}.pz-row .pz-val{grid-area:val;font-size:12.5px}.pz-row .pz-buy{grid-area:buy}
  .pz-row.pz-4>span:nth-child(2){grid-area:val}.pz-row.pz-4>.pz-val{grid-area:buy;text-align:right}
  .pz-nets{display:grid;grid-template-columns:1fr 1fr}
  .pz-foot{padding:12px}
}
.dp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.dp-tile{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--im-border);border-radius:16px;background:var(--im-surface-2);color:var(--im-text);text-decoration:none!important;transition:transform .15s,border-color .15s,box-shadow .2s}
.dp-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--im-primary) 40%,var(--im-border));box-shadow:var(--im-shadow)}
.dp-n{font-weight:700;font-size:13.5px}.dp-n small{color:var(--im-muted);font-weight:600}.dp-p{font-size:15px}.dp-p b{font-size:17px}.dp-v{font-size:12px;color:var(--im-muted)}
.api-ids-link{display:flex;align-items:center;gap:14px;text-decoration:none!important;color:var(--im-text)}.api-ids-link small{display:block;color:var(--im-muted);font-size:12.5px}.api-ids-link b{display:block}.api-ids-link:hover{border-color:var(--im-primary)}

/* --- virtual account cards --- */
.va-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:14px}
.va-card{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;padding:20px;color:#fff;background:linear-gradient(135deg,#0F172A,#1E293B 55%,color-mix(in srgb,var(--im-primary) 70%,#0F172A));box-shadow:0 24px 44px -28px rgba(2,6,23,.8);min-height:168px;display:flex;flex-direction:column;justify-content:space-between}
.va-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--im-secondary) 45%,transparent),transparent);right:-70px;top:-90px;z-index:-1}
.va-card::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.03) 0 2px,transparent 2px 12px);z-index:-1}
.va-top{display:flex;justify-content:space-between;align-items:center}
.va-bank{font-weight:700;font-size:13.5px;opacity:.92;display:inline-flex;gap:6px;align-items:center}
.va-chip{width:38px;height:28px;border-radius:7px;background:linear-gradient(135deg,#F7D774,#C9A43B);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.va-num{font-size:clamp(22px,6vw,28px);font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin:14px 0 8px}
.va-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.va-name{font-size:12.5px;opacity:.8;text-transform:uppercase;letter-spacing:.04em;min-width:0}
.va-copy{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}
.va-regen summary{cursor:pointer;font-weight:650;font-size:14px;color:var(--im-primary-ink,var(--im-primary));list-style:none}.va-regen summary::-webkit-details-marker{display:none}
.va-regen[open] summary{margin-bottom:4px}

/* --- admin + app pages on phones --- */
@media(max-width:991px){
  .main{min-width:0;width:100%}
  .page{max-width:100%}
  .topbar h1{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52vw}
  .topbar .hello{font-size:11.5px}
  .scope-admin .page{padding-bottom:96px}
  .admin-bnav{display:flex}
}
@media(max-width:900px){
  .page [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]):not([style*="90px"]){grid-template-columns:minmax(0,1fr)!important}
  .page [style*="grid-column"]{grid-column:auto!important}
  .page .card [style*="width:"]:not(.bar):not([class*="progress"]):not(i):not(svg){max-width:100%}
}
@media(max-width:700px){
  .page .card{padding:16px}
  .page .card-head{flex-wrap:wrap;gap:10px}
  .page .card-head>*{min-width:0}
  .g-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scope-admin .kpi .v,.scope-admin .kpi-v{font-size:22px}
  .table-wrap .table th,.table-wrap .table td{white-space:nowrap}
  .table-wrap .table td.wrap,.table-wrap .table td .wrap{white-space:normal}
  .scope-admin .page form .flex:not(.between):not(.nowrap){flex-wrap:wrap}
  .scope-admin .page form .flex>.input,.scope-admin .page form .flex>.select{flex:1 1 180px;min-width:0}
  .scope-admin .page .input,.scope-admin .page .select,.scope-admin .page textarea{max-width:100%}
  .scope-admin .tabs{width:100%}
  .pager{flex-wrap:wrap;gap:6px}
  .page-head{align-items:flex-start}
  .page-head .btn{flex:1 1 auto}
  .btn-lg{padding:13px 18px}
}
@media(max-width:420px){.g-4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.scope-admin .grid{gap:12px}}
.admin-bnav{display:none;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:55;background:color-mix(in srgb,var(--im-surface) 92%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid var(--im-border);border-radius:22px;padding:6px;box-shadow:0 18px 40px -18px rgba(2,6,23,.45)}
.admin-bnav a,.admin-bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font:inherit;font-size:10.5px;font-weight:650;color:var(--im-muted);padding:6px 0;border-radius:14px;text-decoration:none!important;background:none;border:0;cursor:pointer;position:relative}
.admin-bnav i{font-size:19px}.admin-bnav a.active{color:var(--im-text)}.admin-bnav a.active::after{content:"";position:absolute;bottom:0;width:18px;height:3px;border-radius:3px;background:var(--im-secondary)}
.admin-bnav .count{position:absolute;top:2px;right:calc(50% - 20px);background:#EF4444;color:#fff;font-size:9.5px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}
@media(min-width:992px){.admin-bnav{display:none!important}}
@media print{.admin-bnav{display:none!important}}

/* ===== 1.1.0: new services, about page, landing auth buttons ===== */
.inline{display:inline}.input-sm{padding:7px 10px;font-size:13px}.d-block{display:block}
@media(max-width:960px){.site-actions .nav-login{display:inline-flex!important}}
@media(max-width:420px){.site-actions .nav-login i,.site-actions .nav-register i{display:none}.site-actions .btn-sm{padding:8px 11px;font-size:12.5px}}
.plan-grid .p-exp{font-size:10.5px;color:var(--im-success,#16a34a);font-weight:650}
.pz-val{display:flex;flex-direction:column;gap:2px}.pz-val small{font-size:11px;color:var(--im-success,#16a34a);font-weight:650}
.ico-transfer{background:#E0F2FE;color:#0369A1}.ico-bulk{background:#FCE7F3;color:#BE185D}.ico-bulkdata{background:#EDE9FE;color:#6D28D9}.ico-schedule{background:#DCFCE7;color:#15803D}.ico-contacts{background:#FEF3C7;color:#B45309}
[data-theme=dark] .ico-transfer,[data-theme=dark] .ico-bulk,[data-theme=dark] .ico-bulkdata,[data-theme=dark] .ico-schedule,[data-theme=dark] .ico-contacts{background:var(--im-surface-2)}
.lw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}
.lw-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;border:1px solid var(--im-border);background:var(--im-surface-2);color:var(--im-text);text-decoration:none!important;position:relative;overflow:hidden;transition:transform .15s,box-shadow .2s}
.lw-card:hover{transform:translateY(-3px);box-shadow:var(--im-shadow-lg)}
.lw-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--im-primary)}
.net-bg-mtn::before{background:#FFC107}.net-bg-airtel::before{background:#E40000}.net-bg-glo::before{background:#00A651}.net-bg-9mobile::before,.net-bg-etisalat::before{background:#006E53}
.lw-top{display:flex;align-items:center;gap:10px}.lw-top b{display:block;font-size:14px}.lw-top small{color:var(--im-muted);font-size:11.5px}
.lw-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--im-secondary);color:var(--im-on-secondary,#fff);padding:3px 8px;border-radius:999px}
.lw-from{margin-top:8px;font-size:11.5px;color:var(--im-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.lw-amt{font-size:30px;font-weight:850;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.lw-plan{font-size:14px}.lw-plan b{font-size:16px}.lw-val{font-size:12px;color:var(--im-muted)}.lw-cta{margin-top:10px}
.cc-row{margin:-6px 0 14px}.cc-chips{margin-bottom:6px}.cc-chip.active{background:var(--im-primary);color:var(--im-on-primary,#fff)}
.cc-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:0}.cc-name{margin-top:8px}
.svx-hero{display:flex;align-items:center;gap:16px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:calc(var(--im-radius-lg) + 4px);padding:22px;margin-bottom:18px}
.svx-hero .ico{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:24px}.svx-hero h2{color:#fff;margin:0 0 4px}.svx-hero p{margin:0;opacity:.85;font-size:14px}
.svx-stat{text-align:center}.svx-stat b{display:block;font-size:26px}.svx-stat small{opacity:.8}
.svx-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:900px){.svx-grid{grid-template-columns:1fr}}
.svx-list{display:flex;flex-direction:column}.svx-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px dashed var(--im-border)}.svx-row:last-child{border-bottom:0}
.svx-row b{display:block}.svx-row small{color:var(--im-muted);font-size:12.5px}.svx-acts{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.svx-details summary{cursor:pointer;font-weight:700;list-style:none}
@media(max-width:560px){.svx-row{flex-wrap:wrap}.svx-acts{width:100%;justify-content:flex-start}.svx-hero{padding:18px}}
.tr-bens{gap:10px}.tr-ben{display:flex;align-items:center;gap:10px;border:1px solid var(--im-border);background:var(--im-surface-2);border-radius:14px;padding:8px 12px;cursor:pointer;font:inherit;color:var(--im-text);min-width:190px;max-width:240px;text-align:left}
.tr-av{width:34px;height:34px;border-radius:50%;background:var(--im-primary);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.tr-bn{min-width:0;display:flex;flex-direction:column}.tr-bn small{color:var(--im-muted);font-size:11.5px}
.tr-bank{display:flex;flex-direction:column;gap:8px}
.bk-bar{height:10px;border-radius:99px;background:var(--im-surface-2);overflow:hidden}.bk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--im-primary),var(--im-secondary));transition:width .4s}
.bk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.bk-stats b{font-size:20px}.bk-stats small{display:block;color:var(--im-muted);font-size:11.5px}@media(max-width:560px){.bk-stats{grid-template-columns:1fr 1fr}}
.bk-items{max-height:420px;overflow:auto;border:1px solid var(--im-border);border-radius:14px}
.bk-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--im-border);font-size:14px}.bk-item:last-child{border-bottom:0}.bk-item small{color:var(--im-muted)}
.bk-item.st-success>i{color:var(--im-success,#16a34a)}.bk-item.st-failed>i{color:var(--im-danger,#dc2626)}.bk-item.st-pending>i,.bk-item.st-processing>i{color:#F59E0B}.bk-item.st-queued>i{color:var(--im-muted)}
.sc-list{display:flex;flex-direction:column;gap:10px}.sc-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--im-border);border-radius:16px}.sc-item.off{opacity:.6}
.sc-acts{display:flex;align-items:center;gap:2px}@media(max-width:560px){.sc-item{flex-wrap:wrap}.sc-acts{width:100%;justify-content:flex-end}}
.ab-hero{padding:72px 0 40px;position:relative;overflow:hidden}.ab-hero h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em;line-height:1.08;margin:12px 0 16px}
.ab-grad{background:linear-gradient(90deg,var(--im-primary),var(--im-secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-hero .lead{font-size:17.5px;color:var(--im-muted);line-height:1.65;max-width:620px}
.ab-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}@media(max-width:900px){.ab-hero-grid{grid-template-columns:1fr}}
.ab-hero-card{background:var(--im-card-grad,var(--im-hero-grad));border-radius:28px;padding:26px;color:#fff;box-shadow:0 40px 80px -40px var(--im-primary)}
.ab-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ab-kpis>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px}.ab-kpis b{font-size:28px;display:block;letter-spacing:-.03em}.ab-kpis small{opacity:.85;font-size:12.5px}
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}@media(max-width:900px){.ab-two{grid-template-columns:1fr;gap:26px}}
.ab-sec h2{letter-spacing:-.03em}.ab-sec p{color:var(--im-muted);line-height:1.7}.ab-soft{background:var(--im-surface-2)}
.ab-quote{padding:28px;position:relative}.ab-quote>i{font-size:40px;color:var(--im-secondary)}.ab-quote p{font-size:18px;color:var(--im-text);font-weight:600}
.ab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}
.ab-tile{background:var(--im-surface);border:1px solid var(--im-border);border-radius:20px;padding:20px;transition:transform .15s}.ab-tile:hover{transform:translateY(-3px)}.ab-tile .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--im-primary-50);color:var(--im-primary);font-size:20px;margin-bottom:12px}.ab-tile h4{margin:0 0 6px}.ab-tile p{margin:0;font-size:14px}
.ab-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:22px}.ab-why-item{display:flex;gap:14px}.ab-why-item>i{font-size:24px;color:var(--im-secondary);flex:none}.ab-why-item h4{margin:0 0 4px}.ab-why-item p{margin:0;font-size:14.5px}
.ab-checks{list-style:none;padding:0;margin:16px 0 20px;display:flex;flex-direction:column;gap:8px}.ab-checks i{color:var(--im-success,#16a34a);margin-right:6px}
.ab-steps{display:flex;flex-direction:column;gap:14px}.ab-step{display:flex;gap:14px;background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px;padding:18px}.ab-step>span{width:40px;height:40px;border-radius:12px;background:var(--im-primary);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.ab-step h4{margin:0 0 4px}.ab-step p{margin:0;font-size:14px}
.ab-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.ab-value{border-left:4px solid var(--im-secondary);padding:6px 16px}.ab-value h4{margin:0 0 6px}.ab-value p{margin:0;font-size:14px}
.ab-cta{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.ab-cta h2{color:#fff;margin:0 0 6px}.ab-cta p{color:rgba(255,255,255,.85);margin:0}.ab-ghost{color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
@media(max-width:560px){.ab-hero{padding:44px 0 24px}.ab-cta{padding:24px}.ab-kpis b{font-size:22px}}

/* ===== 1.2.0: mobile fixes, blog, dashboard support ===== */
@media(max-width:768px){
  .steps-grid{gap:16px}
  .step{padding-top:20px!important}
  .step-num{position:static!important;margin:0 0 12px;display:grid}
  /* phone mockup: float cards sit below / above the screen instead of over the wallet balance */
  .hero-art{min-height:auto!important;flex-direction:column;gap:12px;padding:6px 0 4px}
  .float-card{position:static!important;max-width:100%!important;width:max-content;margin:0 auto;transform:none!important}
  .float-card.fc-1{order:2}.float-card.fc-2{order:3}.float-card.fc-3{display:none!important}
  .phone{order:1}
}
.ico-blog{background:#FFE4E6;color:#BE123C}[data-theme=dark] .ico-blog{background:var(--im-surface-2)}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:20px}
.bl-card{display:flex;flex-direction:column;background:var(--im-surface);border:1px solid var(--im-border);border-radius:22px;overflow:hidden;color:var(--im-text);text-decoration:none!important;box-shadow:var(--im-shadow);transition:transform .18s,box-shadow .2s}
.bl-card:hover{transform:translateY(-4px);box-shadow:var(--im-shadow-lg)}
.bl-cover{aspect-ratio:1.9/1;background:var(--im-card-grad,var(--im-hero-grad));background-size:cover;background-position:center;position:relative;display:grid;place-items:center;color:rgba(255,255,255,.7);font-size:40px}
.bl-cat{position:absolute;left:14px;top:14px;background:rgba(15,23,42,.72);color:#fff;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;backdrop-filter:blur(6px)}
.bl-body-c{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}.bl-body-c h3{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.015em}.bl-body-c p{margin:0;color:var(--im-muted);font-size:14px;line-height:1.55;flex:1}
.bl-meta{font-size:12.5px;color:var(--im-muted)}.bl-more{color:var(--im-primary-ink,var(--im-primary));font-weight:700;font-size:14px;margin-top:6px}
.bl-hero{padding-bottom:10px}.bl-title{font-size:clamp(28px,4.5vw,44px);letter-spacing:-.035em;line-height:1.12;margin:12px 0 10px}
.bl-hero-img{width:100%;border-radius:22px;margin:8px 0 24px;box-shadow:var(--im-shadow-lg)}
.bl-prose{font-size:17px;line-height:1.8}.bl-prose h2{margin-top:32px}.bl-prose img{border-radius:14px}.bl-prose blockquote{border-left:4px solid var(--im-secondary);margin:20px 0;padding:6px 18px;color:var(--im-muted);font-style:italic}
.bl-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--im-border)}
.bl-tools{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--im-border);border-bottom:0;border-radius:12px 12px 0 0;background:var(--im-surface-2)}
.bl-tools button{border:0;background:var(--im-surface);color:var(--im-text);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;min-width:34px}.bl-tools button:hover{background:var(--im-primary-50)}.bl-tools .ml-auto{margin-left:auto}
.bl-body{border-radius:0 0 12px 12px!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6}
.bl-preview{min-height:300px;border-radius:0 0 12px 12px}
.dash-help{grid-template-columns:minmax(0,1fr)}.dash-help.has-blog{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}@media(max-width:900px){.dash-help.has-blog{grid-template-columns:minmax(0,1fr)}}
.sup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:10px}
.sup-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;border:1px solid var(--im-border);background:var(--im-surface-2);color:var(--im-text);text-decoration:none!important;transition:transform .15s,border-color .15s;min-width:0}
.sup-item:hover{transform:translateY(-2px);border-color:var(--im-primary)}
.sup-item>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;flex:none;color:#fff}
.sup-item>span{flex:1;min-width:0;display:flex;flex-direction:column}.sup-item small{color:var(--im-muted);font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.sup-item b{font-size:14px;overflow-wrap:anywhere}
.sup-item em{font-style:normal;font-size:12px;font-weight:700;color:var(--im-primary-ink,var(--im-primary))}
.sup-wa>i,.sup-grp>i{background:#25D366}.sup-call>i{background:#2563EB}.sup-mail>i{background:#F59E0B}.sup-addr>i{background:#EF4444}
.sup-soc{display:flex;gap:8px;margin-top:14px}.sup-soc a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--im-surface-2);border:1px solid var(--im-border);color:var(--im-text);font-size:17px}
.db-posts{display:flex;flex-direction:column;gap:10px}.db-post{display:flex;gap:12px;align-items:center;color:var(--im-text);text-decoration:none!important;padding:6px;border-radius:14px}.db-post:hover{background:var(--im-surface-2)}
.db-thumb{width:64px;height:48px;border-radius:12px;flex:none;background:var(--im-card-grad,var(--im-hero-grad));background-size:cover;background-position:center;display:grid;place-items:center;color:rgba(255,255,255,.8)}
.db-post b{display:block;font-size:14px;line-height:1.35}.db-post small{color:var(--im-muted);font-size:12px}
.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== 1.3.0: user / transaction import ===== */
.ut-tabs{margin-bottom:16px}
.imp-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}@media(max-width:991px){.imp-grid{grid-template-columns:minmax(0,1fr)}}
.imp-help{background:var(--im-primary-50);color:var(--im-text);border:1px solid color-mix(in srgb,var(--im-primary) 22%,transparent);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.6;margin-bottom:14px}
.imp-drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed var(--im-border);border-radius:18px;padding:26px 14px;text-align:center;cursor:pointer;margin-bottom:14px;transition:border-color .15s,background .15s}
.imp-drop:hover,.imp-drop.has{border-color:var(--im-primary);background:var(--im-primary-50)}.imp-drop>i{font-size:34px;color:var(--im-primary)}.imp-drop span{font-weight:700}.imp-drop small{color:var(--im-muted)}
.imp-checks{display:flex;flex-direction:column;gap:9px;margin:4px 0 12px}.imp-dry{color:var(--im-warning,#b45309)}
.imp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.imp-stats>div{border-radius:14px;padding:12px;background:var(--im-surface-2)}.imp-stats b{display:block;font-size:22px}.imp-stats span{font-size:12px;color:var(--im-muted)}
.imp-stats .ok b{color:var(--im-success,#16a34a)}.imp-stats .bad b{color:var(--im-danger,#dc2626)}.imp-stats .warn b{color:#ea580c}.imp-stats .vol b{color:var(--im-primary)}
.imp-result.is-dry{border-left:4px solid #f59e0b}.imp-result.is-done{border-left:4px solid var(--im-success,#16a34a)}
.imp-errs{max-height:240px;overflow:auto;font-size:12.5px;color:var(--im-muted);line-height:1.7;margin-top:6px}
.imp-tips{font-size:13px;background:var(--im-surface-2);border-radius:14px;padding:12px 14px}.imp-tips ul{margin:6px 0 0;padding-left:18px}.imp-tips li{margin:3px 0}

/* ===== 1.4.0: legal pages, reseller page, branding ===== */
.brand-logo-only img{max-width:200px;object-fit:contain}
.bm-opts{display:flex;flex-wrap:wrap;gap:8px}.bm-opt input{position:absolute;opacity:0}.bm-opt span{display:inline-flex;gap:6px;align-items:center;padding:9px 14px;border:1px solid var(--im-border);border-radius:12px;cursor:pointer;font-size:14px}.bm-opt input:checked+span{border-color:var(--im-primary);background:var(--im-primary-50);color:var(--im-primary-ink,var(--im-primary));font-weight:700}
.brand-prev{background:repeating-conic-gradient(var(--im-surface-2) 0 25%,transparent 0 50%) 0 0/16px 16px;border:1px solid var(--im-border);border-radius:12px;padding:10px;margin-bottom:8px;display:inline-block}
.lg-hero{padding:56px 0 18px;background:linear-gradient(180deg,var(--im-primary-50),transparent)}.lg-hero h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.035em;margin:10px 0}.lg-hero .lead{color:var(--im-muted);max-width:720px;font-size:17px;line-height:1.65}
.lg-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13.5px;color:var(--im-muted);margin-top:10px}
.lg-sec{padding-top:24px}.lg-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.lg-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;max-height:calc(100vh - 110px);overflow:auto}.lg-toc>b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--im-muted);margin-bottom:6px}
.lg-toc a{display:flex;gap:10px;align-items:flex-start;padding:7px 10px;border-radius:10px;color:var(--im-text);text-decoration:none!important}.lg-toc a:hover{background:var(--im-surface-2)}.lg-toc a span{min-width:22px;height:22px;border-radius:7px;background:var(--im-primary-50);color:var(--im-primary);display:grid;place-items:center;font-size:11px;font-weight:800}
.lg-other{margin-top:14px;padding-top:12px;border-top:1px solid var(--im-border);display:flex;flex-direction:column;gap:2px}.lg-other b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--im-muted);margin-bottom:4px}
.lg-body{padding:30px 34px;font-size:15.5px;line-height:1.8}.lg-s{scroll-margin-top:90px;padding-bottom:10px}.lg-s+.lg-s{border-top:1px dashed var(--im-border);padding-top:14px}.lg-body h2{font-size:20px;display:flex;align-items:center;gap:10px;margin:8px 0}
.lg-n{width:30px;height:30px;border-radius:10px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;display:grid;place-items:center;font-size:13px;flex:none}
.lg-body ul{padding-left:20px}.lg-body li{margin:6px 0}
.lg-help{display:flex;gap:14px;align-items:center;margin-top:26px;padding:16px;border-radius:16px;background:var(--im-surface-2)}.lg-help>i{font-size:26px;color:var(--im-primary)}
@media(max-width:900px){.lg-grid{grid-template-columns:1fr}.lg-toc{position:static;max-height:none;background:var(--im-surface);border:1px solid var(--im-border);border-radius:16px;padding:14px}.lg-body{padding:20px 18px}}
@media print{.site-nav,.site-footer,.lg-toc,.lg-meta button,.wa-float,.to-top{display:none!important}.lg-grid{display:block}}
.rp-hero{padding:70px 0 50px;overflow:hidden}.rp-hero h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em;line-height:1.08;margin:12px 0 14px}.rp-hero .lead{color:var(--im-muted);font-size:17.5px;line-height:1.65}
.rp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}@media(max-width:900px){.rp-hero-grid{grid-template-columns:1fr}}
.rp-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;font-size:14px;color:var(--im-muted)}.rp-trust i{color:var(--im-success,#16a34a)}
.rp-mock{position:relative}.rp-browser{background:var(--im-surface);border:1px solid var(--im-border);border-radius:20px;box-shadow:0 40px 80px -40px var(--im-primary);overflow:hidden}
.rp-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:var(--im-surface-2)}.rp-bar i{width:10px;height:10px;border-radius:50%;background:#f87171}.rp-bar i:nth-child(2){background:#fbbf24}.rp-bar i:nth-child(3){background:#34d399}.rp-bar span{margin-left:10px;font-size:12px;color:var(--im-muted);background:var(--im-surface);padding:3px 12px;border-radius:999px}
.rp-site{padding:16px}.rp-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.rp-top b small{color:var(--im-secondary);margin-left:3px}.rp-top span{background:var(--im-primary);color:#fff;border-radius:8px;padding:3px 10px;font-size:11px}
.rp-heroin{margin:14px 0;padding:18px;border-radius:14px;background:var(--im-card-grad,var(--im-hero-grad));color:#fff;display:flex;flex-direction:column;gap:4px}.rp-heroin span{align-self:flex-start;background:#fff;color:var(--im-primary);font-weight:700;font-size:12px;border-radius:8px;padding:4px 12px;margin-top:6px}
.rp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rp-tiles div{background:var(--im-surface-2);border-radius:12px;padding:10px 4px;text-align:center}.rp-tiles i{display:block;font-size:18px;color:var(--im-primary)}.rp-tiles small{font-size:11px}
.rp-float{position:absolute;left:-18px;bottom:-18px;background:var(--im-surface);border:1px solid var(--im-border);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:var(--im-shadow-lg)}.rp-float>i{font-size:22px;color:var(--im-success,#16a34a)}.rp-float b{display:block}.rp-float small{color:var(--im-muted)}
@media(max-width:768px){.rp-float{position:static;margin:12px auto 0;width:max-content}}
.rp-calc{margin-top:16px}.rp-calc input[type=range]{width:100%;accent-color:var(--im-primary)}.rp-out{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column}.rp-out b{font-size:30px}.rp-out small,.rp-out span{opacity:.85}
.rp-cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}@media(max-width:700px){.rp-cmp{grid-template-columns:1fr}}.rp-cmp ul{padding-left:18px;color:var(--im-muted)}.rp-cmp li{margin:6px 0}.rp-win{border:2px solid var(--im-primary)}.rp-win h4 i{color:var(--im-success,#16a34a)}
.rp-price{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:24px}.rp-amt{font-size:38px;font-weight:850;letter-spacing:-.03em}

/* ===== 1.4.0 Tasks & Rewards ===== */
.ico-tasks{background:#FEF3C7;color:#B45309}[data-theme=dark] .ico-tasks{background:var(--im-surface-2)}
.tk-hero{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding:24px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--im-primary,#4F46E5),#7C3AED 60%,#DB2777);box-shadow:0 18px 40px -20px rgba(79,70,229,.6);overflow:hidden}
.tk-hero-l{flex:1 1 300px;min-width:0}.tk-hero h1,.tk-hero h2{color:#fff;margin:6px 0}.tk-hero p{color:rgba(255,255,255,.85)}
.tk-eyebrow{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:5px 10px;border-radius:99px}
.tk-week{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.tk-week span{width:42px;height:52px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px}
.tk-week span small{font-size:10px;opacity:.85}.tk-week span.on{background:#fff;color:#EA580C}.tk-week span.today{outline:2px solid #FDE68A}
.tk-checkin{background:#fff;color:#111827;border:0}.tk-checkin:disabled{opacity:.85}
.tk-stats{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px;flex:0 1 280px}.tk-stats>div{background:rgba(255,255,255,.14);border-radius:14px;padding:12px 14px}
.tk-stats b{display:block;font-size:22px;line-height:1.1}.tk-stats small{opacity:.85;font-size:12px}
.tk-filter{display:flex;gap:8px;overflow-x:auto;margin:16px 0 4px;padding-bottom:4px;scrollbar-width:none}.tk-filter::-webkit-scrollbar{display:none}.tk-filter .chip{flex:0 0 auto}
.tk-sec{margin-top:18px}.tk-h{display:flex;gap:8px;align-items:center;font-size:17px;margin:0 0 10px}.tk-h small{font-weight:500;color:var(--im-muted,#6B7280);font-size:12px}
.tk-list{display:grid;gap:10px}
.tk-card{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:var(--im-surface,#fff);border:1px solid var(--im-border,#E5E7EB);transition:transform .15s,box-shadow .15s}
.tk-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px -16px rgba(0,0,0,.35)}.tk-card.is-ready{border-color:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.tk-card.is-claimed{opacity:.6}
.tk-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;background:#EEF2FF;color:#4F46E5}[data-theme=dark] .tk-ico{background:var(--im-surface-2)}
.tk-mid{flex:1;min-width:0}.tk-mid p{margin:2px 0 6px;font-size:13px;color:var(--im-muted,#6B7280)}
.tk-rw{flex:0 0 auto;font-size:12px;font-weight:700;color:#B45309;background:#FEF3C7;padding:3px 8px;border-radius:99px;white-space:nowrap}
.tk-bar{display:block;height:7px;border-radius:99px;background:var(--im-surface-2,#F3F4F6);overflow:hidden;margin:6px 0 4px}.tk-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#22C55E,#4F46E5);transition:width .6s}
.tk-lab{font-size:12px;color:var(--im-muted,#6B7280)}.tk-act{flex:0 0 auto}.tk-ok{color:#16A34A;font-weight:600;font-size:13px;white-space:nowrap}
.tk-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tk-game{padding:16px;border-radius:18px;background:var(--im-surface,#fff);border:1px solid var(--im-border,#E5E7EB);display:flex;flex-direction:column;gap:12px;min-width:0}
.tk-done{padding:14px;text-align:center;border-radius:12px;background:var(--im-surface-2,#F3F4F6);font-weight:600;color:var(--im-muted,#6B7280)}
.tk-wheel-wrap{position:relative;width:220px;max-width:100%;aspect-ratio:1;margin:0 auto}
.tk-wheel{position:absolute;inset:0;border-radius:50%;border:6px solid #fff;box-shadow:0 8px 24px -10px rgba(0,0,0,.4);background:conic-gradient(#4F46E5 0 12.5%,#F59E0B 0 25%,#10B981 0 37.5%,#EC4899 0 50%,#0EA5E9 0 62.5%,#8B5CF6 0 75%,#EF4444 0 87.5%,#14B8A6 0 100%);transition:transform 4s cubic-bezier(.17,.67,.12,1);overflow:hidden}
.tk-wheel span{position:absolute;left:50%;top:50%;width:50%;height:22px;margin-top:-11px;transform-origin:0 50%;transform:rotate(calc(360deg / var(--n) * var(--i) + 180deg / var(--n) - 90deg));display:flex;justify-content:flex-end;padding-right:12px}
.tk-wheel span b{color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}
.tk-pointer{position:absolute;left:50%;top:-6px;z-index:2;width:0;height:0;margin-left:-11px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid #111827}
.tk-scratch{position:relative;width:280px;max-width:100%;height:120px;margin:0 auto;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#FEF3C7,#FDE68A)}
.tk-scratch canvas{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;touch-action:none}
.tk-scratch-res{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#92400E}.tk-scratch-res.lose{color:#6B7280}
.tk-q b{display:block;margin-bottom:8px}.tk-opts{display:grid;gap:8px}
.tk-opt{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--im-border,#E5E7EB);background:var(--im-surface,#fff);color:inherit;cursor:pointer;font:inherit}
.tk-opt:hover{border-color:#4F46E5}.tk-opt.right{background:#DCFCE7;border-color:#22C55E;color:#166534}.tk-opt.wrong{background:#FEE2E2;border-color:#EF4444;color:#991B1B}
.tk-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.tk-num{aspect-ratio:1;border-radius:12px;border:1px solid var(--im-border,#E5E7EB);background:var(--im-surface,#fff);color:inherit;font-weight:700;font-size:16px;cursor:pointer}
.tk-num:hover{border-color:#4F46E5}.tk-num.picked{background:#4F46E5;color:#fff}.tk-num.lucky{background:#22C55E;color:#fff}
.tk-out{padding:10px 12px;border-radius:12px;font-weight:600;text-align:center}.tk-out.win{background:#DCFCE7;color:#166534}.tk-out.lose{background:var(--im-surface-2,#F3F4F6);color:var(--im-muted,#6B7280)}
.tk-redeem{display:flex;flex-direction:column;gap:10px}.tk-fs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.tk-plan-pick{max-height:260px;overflow:auto}
.tk-dash-top{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}
.tk-dash-top>div{background:var(--im-surface-2,#F3F4F6);border-radius:12px;padding:10px 12px;min-width:0}.tk-dash-top b{display:block;font-size:18px}.tk-dash-top small{font-size:11px;color:var(--im-muted,#6B7280)}
.tk-dash-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--im-border,#E5E7EB);color:inherit;text-decoration:none}
.tk-dash-row .tk-ico{width:38px;height:38px;font-size:17px}
@media (max-width:640px){
 .tk-hero{padding:18px;border-radius:16px}.tk-stats{flex:1 1 100%}.tk-week span{width:calc((100% - 36px)/7);min-width:0;height:48px}
 .tk-card{flex-wrap:wrap}.tk-act{width:100%}.tk-act .btn{width:100%}
 .tk-games{grid-template-columns:1fr}
 .tk-dash-top{grid-template-columns:repeat(3,1fr)}.tk-dash-top .btn{grid-column:1/-1}
}
/* 1.4.1 admin tasks quick edit + reseller price card */
.tk-qt td{vertical-align:middle}.tk-qt .input-sm,.tk-qt .select.input-sm{padding:6px 9px;font-size:13px;height:auto;min-height:34px}.tk-qt tr.tk-off td{opacity:.6}.tk-qt tr.tk-off td:first-child{opacity:1}
.rso-price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;align-items:center}
.rso-cur .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--im-muted)}.rso-amt{font-size:34px;font-weight:850;letter-spacing:-.03em;margin:4px 0}.rso-amt s{font-size:18px;color:var(--im-muted);font-weight:600}
.rso-tiers{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.rso-tiers span{font-size:12.5px;background:var(--im-surface-2);border-radius:99px;padding:4px 10px}
.rso-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.rso-form .field{margin:0}.rso-form .check{align-self:center}
@media(max-width:900px){.rso-price{grid-template-columns:1fr}.rso-form{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rso-form{grid-template-columns:1fr}}

/* ===== 1.5.0 KYC & limits ===== */
.kyc-banner{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;margin-bottom:14px;background:linear-gradient(135deg,#FFF7ED,#FFFBEB);border:1px solid #FED7AA;color:#7C2D12}
.kyc-banner.kyc-submitted{background:linear-gradient(135deg,#EFF6FF,#F0F9FF);border-color:#BFDBFE;color:#1E3A8A}.kyc-banner.kyc-rejected{background:linear-gradient(135deg,#FEF2F2,#FFF1F2);border-color:#FECACA;color:#7F1D1D}
.kyc-banner b{display:block;font-size:15px}.kyc-banner p{margin:2px 0 0;font-size:13px;opacity:.9}
.kyc-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(255,255,255,.75)}
.kyc-btn{background:#EA580C;color:#fff!important;border:0;white-space:nowrap}.kyc-rejected .kyc-btn{background:#DC2626}
[data-theme=dark] .kyc-banner{background:var(--im-surface-2);border-color:var(--im-border);color:var(--im-text)}
@media(max-width:600px){.kyc-banner{flex-wrap:wrap}.kyc-banner .kyc-btn{width:100%;justify-content:center}}
.kyc-head{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:var(--im-surface-2)}.kyc-head b{font-size:16px}.kyc-head p{font-size:13.5px;color:var(--im-muted)}
.kyc-head.kyc-verified .kyc-ico{background:#DCFCE7;color:#16A34A}.kyc-head.kyc-submitted .kyc-ico{background:#DBEAFE;color:#2563EB}.kyc-head.kyc-rejected .kyc-ico{background:#FEE2E2;color:#DC2626}.kyc-head.kyc-none .kyc-ico{background:#FFEDD5;color:#EA580C}
.kyc-steps{display:flex;gap:8px;margin:12px 0}.kyc-steps span{flex:1;display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--im-muted);padding:8px;border-radius:12px;border:1px solid var(--im-border)}
.kyc-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--im-surface-2);font-weight:700;font-size:11px}.kyc-steps span.on{color:var(--im-text);border-color:var(--im-primary)}.kyc-steps span.on i{background:var(--im-primary);color:#fff}
.kyc-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.kyc-seg input{position:absolute;opacity:0}.kyc-seg span{display:flex;flex-direction:column;padding:12px 14px;border:1.5px solid var(--im-border);border-radius:14px;cursor:pointer}
.kyc-seg small{color:var(--im-muted);font-size:12px}.kyc-seg input:checked+span{border-color:var(--im-primary);background:var(--im-primary-50)}
.kyc-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:20px 12px;border:1.5px dashed var(--im-border);border-radius:16px;cursor:pointer;transition:.15s}
.kyc-drop:hover{border-color:var(--im-primary);background:var(--im-primary-50)}.kyc-drop.has{border-style:solid;border-color:#22C55E}.kyc-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.kyc-drop>i{font-size:26px;color:var(--im-primary)}.kyc-drop small{color:var(--im-muted);font-size:12px;word-break:break-all}
.kyc-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.kyc-kv>div{background:var(--im-surface-2);border-radius:12px;padding:10px 12px}.kyc-kv small{display:block;color:var(--im-muted);font-size:11.5px}.kyc-kv .mono{font-family:ui-monospace,monospace;letter-spacing:.06em}
.kyc-lim{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.kyc-li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--im-border);border-radius:12px}.kyc-li small{display:block;color:var(--im-muted);font-size:12px}.kyc-li.off{opacity:.65}
.kyc-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.kyc-doc{display:flex;flex-direction:column;border:1px solid var(--im-border);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none!important}
.kyc-doc img{width:100%;height:150px;object-fit:cover;background:var(--im-surface-2)}.kyc-doc>i{font-size:48px;height:150px;display:grid;place-items:center;color:#DC2626;background:var(--im-surface-2)}.kyc-doc span{padding:8px 10px;font-size:13px;font-weight:600}
.kyc-lt{display:flex;flex-direction:column;gap:10px}.kyc-lrow{display:grid;grid-template-columns:200px 1fr 1fr;gap:12px;align-items:start;padding:12px;border:1px solid var(--im-border);border-radius:14px}
.kyc-lname{display:flex;gap:10px;align-items:center}.kyc-lgrp{padding:10px;border-radius:12px;background:var(--im-surface-2)}.kyc-lgrp.kyc-unverified{background:#FFF7ED}[data-theme=dark] .kyc-lgrp.kyc-unverified{background:var(--im-surface-2)}
.kyc-lin{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.kyc-lin small{display:block;font-size:11px;color:var(--im-muted)}.kyc-lin .input-sm{padding:6px 8px;font-size:13px;min-height:32px;width:100%}
@media(max-width:1000px){.kyc-lrow{grid-template-columns:1fr}}@media(max-width:480px){.kyc-lin{grid-template-columns:1fr 1fr}.kyc-seg{grid-template-columns:1fr}.kyc-steps span{font-size:11px;padding:6px}}

/* ===== 1.5.1 premium "Pay for anything" ===== */
.pf{padding:22px}
.pf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}.pf-head h3{margin:0;font-size:18px;letter-spacing:-.02em}
.pf-head .sub{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--im-muted);margin-top:3px}
.pf-live{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pfPulse 2s infinite}
@keyframes pfPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.pf-all{font-size:13px;font-weight:600;color:var(--im-primary);white-space:nowrap;text-decoration:none!important}
.pf-ico{flex:0 0 auto;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);border:1px solid color-mix(in srgb,var(--c) 18%,transparent);transition:.2s}
.pf-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pf-card{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border);color:var(--im-text);text-decoration:none!important;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.pf-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 30%,transparent));opacity:.85}
.pf-card .pf-ico{width:46px;height:46px;border-radius:14px;font-size:21px}
.pf-txt{min-width:0;flex:1}.pf-txt b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.01em}.pf-txt small{display:block;font-size:12px;color:var(--im-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-go{color:var(--im-muted);font-size:13px;transition:transform .2s}
.pf-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 40%,var(--im-border));box-shadow:0 14px 30px -18px color-mix(in srgb,var(--c) 60%,transparent)}
.pf-card:hover .pf-ico{background:var(--c);color:#fff}.pf-card:hover .pf-go{transform:translateX(3px);color:var(--c)}
.pf-label{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--im-muted);margin:20px 0 10px}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.pf-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px 8px 14px;border-radius:16px;background:var(--im-surface-2);border:1px solid transparent;color:var(--im-text);text-decoration:none!important;text-align:center;transition:.2s}
.pf-tile .pf-ico{width:42px;height:42px;border-radius:13px;font-size:19px;background:var(--im-surface)}
.pf-tl{font-size:12.5px;font-weight:600;line-height:1.25}
.pf-tile:hover{background:var(--im-surface);border-color:var(--im-border);transform:translateY(-2px);box-shadow:0 10px 24px -18px rgba(15,23,42,.45)}.pf-tile:hover .pf-ico{background:var(--c);color:#fff;border-color:var(--c)}
[data-theme=dark] .pf-tile .pf-ico{background:color-mix(in srgb,var(--c) 18%,transparent)}
@media(max-width:1100px){.pf-main{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .pf{padding:16px}.pf-head{margin-bottom:12px}.pf-head h3{font-size:16.5px}
 .pf-main{gap:10px}
 .pf-card{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:16px}
 .pf-card .pf-ico{width:40px;height:40px;border-radius:12px;font-size:18px}.pf-go{position:absolute;top:14px;right:12px}
 .pf-txt b{font-size:13.5px}.pf-txt small{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
 .pf-label{margin:16px 0 8px}
 .pf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .pf-tile{padding:12px 2px 10px;gap:7px;border-radius:14px;background:transparent}
 .pf-tile .pf-ico{width:44px;height:44px;border-radius:14px;font-size:19px;background:color-mix(in srgb,var(--c) 9%,var(--im-surface));box-shadow:0 1px 2px rgba(15,23,42,.06)}
 .pf-tl{font-size:11px;font-weight:600;color:var(--im-text);max-width:76px}
}
@media(max-width:360px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== 1.6.0 premium wallet card (wx) ===== */
.wallet-card.wx{isolation:isolate;padding:24px;border-radius:26px;background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.18) 0,transparent 42%),radial-gradient(90% 120% at 0% 100%,rgba(0,0,0,.28) 0,transparent 55%),var(--im-card-grad,var(--im-hero-grad));box-shadow:0 34px 70px -34px var(--im-primary),inset 0 1px 0 rgba(255,255,255,.22);display:flex;flex-direction:column;gap:16px}
.wallet-card.wx::after{width:340px;height:340px;border-width:1px;border-color:rgba(255,255,255,.12);right:-120px;top:-150px;box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 80px rgba(255,255,255,.025)}
.wx-glow{position:absolute;z-index:-1;width:220px;height:220px;left:-60px;bottom:-90px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(40px)}
.wx-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wx-hi small{display:block;font-size:12.5px;opacity:.78}.wx-hi b{font-size:17px;font-weight:750;letter-spacing:-.01em}.wx-hi b i{color:#A7F3D0;font-size:15px}
.wx-chips{display:flex;gap:8px;align-items:center}
.wx-tier{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.wx-eye{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px}
.wx-bal>small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.wx .wc-bal{margin:6px 0 10px;font-size:clamp(34px,5.2vw,46px);font-weight:850;letter-spacing:-.04em;line-height:1}.wx .wc-bal em{font-style:normal;font-size:.48em;font-weight:700;opacity:.75;margin-left:1px}
.wx-sub{display:flex;flex-wrap:wrap;gap:8px}.wx-sub a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.16);color:#fff!important;font-size:12.5px;text-decoration:none!important}.wx-sub a b{font-weight:750}.wx-sub a i{opacity:.8}
.wx-cta{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
.wx-cta a{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:16px;font-weight:750;font-size:15px;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.wx-add{background:#fff;color:var(--im-primary)!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.45)}.wx-add i{font-size:18px}
.wx-sec{background:rgba(255,255,255,.13);color:#fff!important;border:1px solid rgba(255,255,255,.24)}
.wx-cta a:hover{transform:translateY(-2px);opacity:1}
.wx-acct{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12)}
.wx-bank{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14);flex:none}
.wx-acct small{display:block;font-size:11.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-acct b{font-size:17px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.wx-acct button{display:inline-flex;align-items:center;gap:6px;flex:none;border:0;border-radius:11px;padding:8px 12px;background:#fff;color:var(--im-primary);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}
.wx-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.14)}
.wx-acts a{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:12px;color:#fff!important;font-size:12px;font-weight:650;text-decoration:none!important}
.wx-acts a i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);transition:.2s}.wx-acts a:hover i{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.wx-ns{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(0,0,0,.16);color:#fff!important;font-size:12.5px;text-decoration:none!important}
.wx-ns>i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.22);flex:none}.wx-ns.ns-slow>i{background:#FBBF24;box-shadow:0 0 0 4px rgba(251,191,36,.25)}.wx-ns.ns-down>i{background:#F87171;box-shadow:0 0 0 4px rgba(248,113,113,.25)}
.wx-ns span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-ns b{font-weight:650;opacity:.85;white-space:nowrap;font-size:12px}
.wallet-card.wx.is-hidden .wc-bal span,.wallet-card.wx.is-hidden .wc-mask{filter:blur(10px)}
@media(max-width:600px){
 .wallet-card.wx{padding:18px 16px;border-radius:22px;gap:14px}
 .wx-hi b{font-size:16px}.wx-tier{padding:5px 9px;font-size:11px}
 .wx .wc-bal{font-size:36px}
 .wx-cta{grid-template-columns:1fr 1fr;gap:8px}.wx-cta a{height:46px;font-size:14px;border-radius:14px}
 .wx-acct b{font-size:15.5px;letter-spacing:.06em}.wx-acct button span{display:none}.wx-acct button{padding:9px 11px}
 .wx-acts a i{width:42px;height:42px;border-radius:13px;font-size:17px}.wx-acts a{font-size:11.5px}
 .wx-ns b{display:none}
}
/* network status pills */
.ns-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:4px 10px;border-radius:999px;white-space:nowrap}.ns-pill i{width:7px;height:7px;border-radius:50%}
.ns-pill.ns-up{background:#DCFCE7;color:#166534}.ns-pill.ns-up i{background:#22C55E}.ns-pill.ns-slow{background:#FEF3C7;color:#92400E}.ns-pill.ns-slow i{background:#F59E0B}
.ns-pill.ns-down{background:#FEE2E2;color:#991B1B}.ns-pill.ns-down i{background:#EF4444}.ns-pill.ns-off{background:var(--im-surface-2);color:var(--im-muted)}.ns-pill.ns-off i{background:#9CA3AF}
.ns-hero{display:flex;gap:16px;align-items:center;padding:20px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border)}.ns-hero h2{margin:0;font-size:20px}.ns-hero p{margin:2px 0 0;font-size:13px;color:var(--im-muted)}
.ns-big{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#DCFCE7;flex:none}.ns-big i{width:16px;height:16px;border-radius:50%;background:#22C55E;animation:pfPulse 2s infinite}
.ns-hero.ns-slow .ns-big{background:#FEF3C7}.ns-hero.ns-slow .ns-big i{background:#F59E0B}.ns-hero.ns-down .ns-big{background:#FEE2E2}.ns-hero.ns-down .ns-big i{background:#EF4444}
.ns-list{display:flex;flex-direction:column}.ns-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--im-border)}.ns-row:first-child{border-top:0}
[data-theme=dark] .ns-pill.ns-up{background:rgba(34,197,94,.15);color:#86EFAC}[data-theme=dark] .ns-pill.ns-slow{background:rgba(245,158,11,.15);color:#FCD34D}[data-theme=dark] .ns-pill.ns-down{background:rgba(239,68,68,.15);color:#FCA5A5}
.pth-now,.pth-prev{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pth-now>div,.pth-prev>div{background:var(--im-surface-2);border-radius:12px;padding:10px 12px;min-width:0}.pth-now small,.pth-prev small{display:block;font-size:11.5px;color:var(--im-muted)}.pth-now b,.pth-prev b{display:block;word-break:break-all;font-size:13px;margin:2px 0 6px}
.pth-prev{margin-top:4px}.pth-prev>div{background:var(--im-primary-50)}
.pth-in{display:flex;align-items:stretch;border:1px solid var(--im-border);border-radius:12px;overflow:hidden}.pth-in span{display:flex;align-items:center;padding:0 10px;background:var(--im-surface-2);font-size:12px;color:var(--im-muted);white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}.pth-in .input{border:0;border-radius:0}
.pth-sos{border:1px dashed var(--im-warning,#F59E0B)}
@media(max-width:900px){.pth-now,.pth-prev{grid-template-columns:1fr}}
.pth-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}@media(max-width:900px){.pth-grid{grid-template-columns:1fr}}

/* ===== 1.6.1 premium user dashboard (OPay-style compact top) ===== */
.udash{--ud-r:20px;max-width:1180px;margin:0 auto}
.udash .card{border-radius:var(--ud-r);border:1px solid var(--im-border);box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -24px rgba(15,23,42,.25)}
.udash .card-head h3{font-size:16px;letter-spacing:-.015em}.udash .card-head .sub{font-size:12.5px}
.ud-hello{display:flex;align-items:center;gap:12px;margin:2px 0 14px}
.ud-av{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff;background:var(--im-card-grad,var(--im-hero-grad));box-shadow:0 8px 18px -10px var(--im-primary);flex:none}
.ud-hello small{display:block;font-size:12.5px;color:var(--im-muted)}.ud-hello b{font-size:18px;font-weight:800;letter-spacing:-.02em}.ud-ver{color:#16A34A;font-size:15px}
.ud-tier{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--im-primary);background:var(--im-primary-50);border:1px solid color-mix(in srgb,var(--im-primary) 20%,transparent);text-decoration:none!important;white-space:nowrap}
.ud-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.ud-left{display:flex;flex-direction:column;gap:12px;min-width:0}
/* compact wallet card */
.wallet-card.wo{isolation:isolate;padding:18px 20px;border-radius:22px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(110% 160% at 100% 0%,rgba(255,255,255,.16) 0,transparent 45%),var(--im-card-grad,var(--im-hero-grad));box-shadow:0 22px 44px -26px var(--im-primary),inset 0 1px 0 rgba(255,255,255,.2)}
.wallet-card.wo::before{opacity:.6}.wallet-card.wo::after{width:220px;height:220px;border-width:30px;right:-80px;top:-110px;border-color:rgba(255,255,255,.07)}
.wo-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wo-lbl{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;opacity:.92}
.wo-eye{width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:14px}
.wo-hist{font-size:12.5px;font-weight:600;color:#fff!important;opacity:.9;text-decoration:none!important;white-space:nowrap}
.wo .wc-bal{margin:0;font-size:clamp(28px,4.2vw,36px);font-weight:850;letter-spacing:-.035em;line-height:1}.wo .wc-bal em{font-style:normal;font-size:.5em;font-weight:700;opacity:.72}
.wo-add{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:#fff;color:var(--im-primary)!important;font-weight:750;font-size:13.5px;text-decoration:none!important;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(0,0,0,.5);transition:transform .15s}.wo-add:hover{transform:translateY(-1px);opacity:1}
.wo-foot{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.wo-foot a,.wo-acct{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(0,0,0,.16);color:#fff!important;font:inherit;font-size:12px;border:0;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.wo-foot b{font-weight:750}.wo-acct{margin-left:auto}.wo-acct b{letter-spacing:.06em}.wo-acct .bi-copy{opacity:.75}
.wallet-card.wo.is-hidden .wc-bal span,.wallet-card.wo.is-hidden .wc-mask{filter:blur(9px)}
/* quick actions under card */
.ud-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 6px;border-radius:var(--ud-r);background:var(--im-surface);border:1px solid var(--im-border)}
.ud-quick a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--im-text)!important;text-decoration:none!important}
.ud-quick span{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:19px;color:var(--im-primary);background:var(--im-primary-50);transition:.2s}
.ud-quick em{position:absolute;top:-6px;right:-10px;font-style:normal;font-size:10px;font-weight:800;background:#F59E0B;color:#fff;padding:1px 6px;border-radius:99px;border:2px solid var(--im-surface)}
.ud-quick a:hover span{background:var(--im-primary);color:#fff;transform:translateY(-2px)}
/* side panels */
.ud-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.ud-panel{display:block;padding:16px;border-radius:var(--ud-r);background:var(--im-surface);border:1px solid var(--im-border);color:var(--im-text)!important;text-decoration:none!important}
.ud-ph{display:flex;justify-content:space-between;align-items:center;gap:8px}.ud-ph b{font-size:14px;display:inline-flex;align-items:center;gap:8px}.ud-ph span{font-size:12px;color:var(--im-muted);white-space:nowrap}
.ud-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ud-kpis div{background:var(--im-surface-2);border-radius:12px;padding:9px 10px;min-width:0}
.ud-kpis small{display:block;font-size:11px;color:var(--im-muted)}.ud-kpis b{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ud-rate{height:6px;border-radius:99px;background:var(--im-surface-2);margin-top:12px;overflow:hidden}.ud-rate i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#22C55E,#16A34A)}
.ns-dot{width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.ns-dot.ns-slow{background:#F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,.2)}.ns-dot.ns-down{background:#EF4444;box-shadow:0 0 0 4px rgba(239,68,68,.2)}
.ud-nets{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ud-nets span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--im-surface-2)}
.ud-nets i{width:7px;height:7px;border-radius:50%;background:#22C55E}.ud-nets .ns-slow i{background:#F59E0B}.ud-nets .ns-down i{background:#EF4444}.ud-nets .ns-off i{background:#9CA3AF}.ud-nets .ns-off{opacity:.6}
/* tidy the rest of the dashboard */
.udash .mt-2{margin-top:16px}.udash .pf{margin-top:16px}
.udash .kyc-banner,.udash>.alert{border-radius:16px;margin-bottom:12px}
@media(max-width:1000px){.ud-top{grid-template-columns:1fr}.ud-side{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:600px){
 .udash .card{border-radius:18px}
 .ud-hello{margin-bottom:12px}.ud-hello b{font-size:16.5px}.ud-av{width:38px;height:38px;border-radius:12px;font-size:15px}
 .wallet-card.wo{padding:16px;border-radius:20px;gap:10px}
 .wo .wc-bal{font-size:28px}.wo-add{padding:9px 13px;font-size:12.5px}
 .wo-foot{gap:5px;padding-top:10px}.wo-foot a,.wo-acct{padding:5px 8px;font-size:11.5px}.wo-bn{display:none}.wo-acct{margin-left:0}
 .ud-quick{padding:10px 2px}.ud-quick span{width:42px;height:42px;font-size:18px}.ud-quick a{font-size:11.5px}
 .ud-side{grid-template-columns:1fr}
 .ud-kpis b{font-size:14px}
 .udash .mt-2,.udash .pf{margin-top:12px}
}

/* ===== 1.7.0 Savings (OPay style) ===== */
.sv-hero{isolation:isolate;position:relative;overflow:hidden;color:#fff;padding:18px 20px;border-radius:22px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(110% 160% at 100% 0%,rgba(255,255,255,.18) 0,transparent 45%),linear-gradient(135deg,var(--sv-c,#16A34A),color-mix(in srgb,var(--sv-c,#16A34A) 55%,#064E3B));box-shadow:0 22px 44px -26px var(--sv-c,#16A34A)}
.sv-hero::after{content:"";position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.07);right:-80px;top:-110px}
.sv-hero .wo-lbl,.sv-hero .wo-eye{color:#fff}
.sv-chip{font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);white-space:nowrap}
.sv-bal{font-size:clamp(28px,4.4vw,36px);font-weight:850;letter-spacing:-.035em;line-height:1.05}
.sv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.16)}.sv-kpis small{display:block;font-size:11px;opacity:.8}.sv-kpis b{font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.sv-blur{filter:blur(8px)}
.sv-prog{height:7px;border-radius:99px;background:rgba(255,255,255,.2);overflow:hidden}.sv-prog i{display:block;height:100%;background:#fff;border-radius:99px}.sv-pl{font-size:12px;opacity:.85}
.sv-sec{display:flex;justify-content:space-between;align-items:baseline;margin:18px 2px 10px}.sv-sec h3{margin:0;font-size:16px}
.sv-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.sv-plan{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border);color:var(--im-text)!important;text-decoration:none!important;transition:.2s}
.sv-plan:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 40%,var(--im-border))}.sv-plan .pf-ico{width:44px;height:44px;border-radius:14px;font-size:20px}
.sv-plan b{display:block;font-size:14.5px}.sv-plan small{display:block;font-size:12px;color:var(--im-muted);line-height:1.35}
.sv-rate{text-align:right;flex:none}.sv-rate b{color:var(--c);font-size:18px;font-weight:850}.sv-rate small{font-size:10.5px}
.sv-goals{display:flex;flex-direction:column;gap:10px}
.sv-goal{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border);color:var(--im-text)!important;text-decoration:none!important}
.sv-goal .pf-ico{width:40px;height:40px;border-radius:12px;font-size:18px}.sv-goal b{display:block;font-size:14.5px}.sv-goal small{display:block;font-size:12px;color:var(--im-muted)}.sv-goal .amt-credit{color:#16A34A}
.sv-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--im-muted)}
.sv-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}
.sv-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sv-quick button{border:1px solid var(--im-border);background:var(--im-surface-2);border-radius:99px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--im-text)}
.sv-days{display:flex;flex-wrap:wrap;gap:8px}.sv-days input{position:absolute;opacity:0}.sv-days span{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:9px 10px;border:1.5px solid var(--im-border);border-radius:14px;cursor:pointer}
.sv-days small{font-size:11.5px;color:#16A34A;font-weight:700}.sv-days input:checked+span{border-color:var(--im-primary);background:var(--im-primary-50)}
.sv-auto{padding:12px;border-radius:14px;background:var(--im-surface-2);margin-top:6px}
.sv-bd{position:sticky;top:84px}.sv-big{padding:14px;border-radius:16px;background:linear-gradient(135deg,#DCFCE7,#F0FDF4);color:#14532D;margin-bottom:10px}.sv-big small{display:block;font-size:12px}.sv-big b{display:block;font-size:26px;font-weight:850;letter-spacing:-.03em}.sv-big span{font-size:12px}
[data-theme=dark] .sv-big{background:rgba(34,197,94,.12);color:#BBF7D0}
.sv-rows{display:flex;flex-direction:column}.sv-rows>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px dashed var(--im-border);font-size:13.5px}.sv-rows>div:first-child{border-top:0}.sv-rows span{color:var(--im-muted)}.sv-rows .hl b{font-weight:800}
.sv-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 6px;margin-top:12px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border)}
.sv-act{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;font:inherit;font-size:12px;font-weight:650;color:var(--im-text);cursor:pointer}
.sv-act span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:19px;color:#16A34A;background:#DCFCE7}
.sv-panel{margin-top:10px}
@media(max-width:900px){.sv-grid{grid-template-columns:1fr}.sv-bd{position:static}}
@media(max-width:600px){.sv-hero{padding:16px;border-radius:20px}.sv-kpis b{font-size:13px}.sv-plan{padding:12px}.sv-acts{padding:10px 2px}.sv-act span{width:42px;height:42px}}

/* ===== 1.8.0 Backup & Restore ===== */
.bk-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}@media(max-width:900px){.bk-grid{grid-template-columns:1fr}}
.bk-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bk-kinds input{position:absolute;opacity:0}
.bk-kinds span{display:flex;flex-direction:column;gap:3px;padding:14px;border:1.5px solid var(--im-border);border-radius:16px;cursor:pointer;height:100%}.bk-kinds i{font-size:22px;color:var(--im-primary)}.bk-kinds small{color:var(--im-muted);font-size:12px}
.bk-kinds input:checked+span{border-color:var(--im-primary);background:var(--im-primary-50)}
.bk-danger{border:1.5px solid color-mix(in srgb,var(--im-danger,#DC2626) 35%,var(--im-border))}
@media(max-width:600px){.bk-kinds{grid-template-columns:1fr}}

/* 1.9.0 finance modules */
.fin-form{display:flex;gap:6px;align-items:center}.fin-form .input{max-width:120px}.fin .sv-hero p{margin:0;opacity:.88;max-width:620px}
@media(max-width:600px){.fin-form{width:100%;margin-top:8px}.fin-form .input{max-width:none;flex:1}}

/* ===== 1.9.1 Finance Pro: loans, investments, simulator, cron monitor ===== */
.ln,.lnx,.iv{--ln:#0B6E4F;--ln2:#064E3B;--gold:#F5B841}
.ln .card,.lnx .card,.iv .card{border-radius:20px}
/* user loans */
.ln-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 22px;border-radius:22px;color:#fff;background:radial-gradient(120% 140% at 100% 0,rgba(245,184,65,.28) 0,transparent 42%),linear-gradient(135deg,var(--ln),var(--ln2));box-shadow:0 24px 44px -26px var(--ln);margin-bottom:12px}
.ln-hero:after{content:"";position:absolute;inset:auto -40px -70px auto;width:220px;height:220px;border-radius:50%;border:28px solid rgba(255,255,255,.06);z-index:-1}
.ln-hero h2{margin:6px 0 2px;font-size:30px;color:#fff;letter-spacing:-.5px}.ln-hero p{margin:0;color:rgba(255,255,255,.82);max-width:460px;font-size:14px}
.ln-kicker,.lnx-kick,.iv-kick{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.ln-progress{height:8px;border-radius:9px;background:rgba(255,255,255,.18);margin-top:12px;overflow:hidden;max-width:420px}.ln-progress i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--gold),#fff)}
.ln-hero-meta{display:flex;justify-content:space-between;max-width:420px;font-size:12px;color:rgba(255,255,255,.85);margin-top:6px}
.ln-score{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.ln-score>span{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.16)}
.ln-dial{--p:50;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,var(--ln2) 78%,transparent 79% 100%),conic-gradient(from -135deg,var(--gold) 0,#22C55E calc(var(--p)*.75%),rgba(255,255,255,.16) 0 75%,transparent 0);text-align:center}
.ln-dial b{font-size:28px;line-height:1;color:#fff}.ln-dial small{font-size:11px;color:rgba(255,255,255,.75)}
.ln-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.ln-strip>div{background:var(--im-surface);border:1px solid var(--im-border);border-radius:16px;padding:10px 12px}
.ln-strip small,.ln-due small,.ln-cost small,.lnx small,.iv small{display:block;color:var(--im-muted);font-size:12px}.ln-strip b{font-size:14px}
.ln-grid,.lnx-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:12px}.ln-grid>.card,.lnx-grid>.card{margin:0}
.ln-due,.ln-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px}.ln-cost{grid-template-columns:repeat(2,1fr)}
.ln-due>div,.ln-cost>div{background:var(--im-surface-2);border-radius:14px;padding:10px 12px}.ln-due b,.ln-cost b{font-size:16px}
.ln-pay{display:flex;flex-direction:column;gap:8px}.ln-amounts{display:flex;gap:6px}.ln-amounts button,.ivs-quick button{border:1px solid var(--im-border);background:var(--im-surface);border-radius:999px;padding:7px 14px;font-weight:600;font-size:13px;cursor:pointer;color:var(--im-text)}
.ln-amounts button:hover,.ivs-quick button:hover{border-color:var(--ln);color:var(--ln)}
.ln-auto label,.lnx-switch,.lnx-tg{display:flex;gap:10px;align-items:center;cursor:pointer;position:relative}
.ln-auto{margin-top:12px;padding-top:12px;border-top:1px dashed var(--im-border)}.ln-auto label{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.ln-auto label small{grid-column:2}
.ln-auto input,.lnx-switch input,.lnx-tg input{position:absolute;opacity:0;pointer-events:none}
.ln-auto span,.lnx-switch span,.lnx-tg>span{width:44px;height:26px;border-radius:999px;background:var(--im-border);position:relative;flex:none;transition:.2s;grid-row:span 2}
.ln-auto span:after,.lnx-switch span:after,.lnx-tg>span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:.2s}
.ln-auto input:checked+span,.lnx-switch input:checked+span,.lnx-tg input:checked+span{background:var(--ln)}
.ln-auto input:checked+span:after,.lnx-switch input:checked+span:after,.lnx-tg input:checked+span:after{left:21px}
.ln-schedule{display:flex;flex-direction:column;gap:2px;margin-top:8px}.ln-schedule>div{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--im-border)}
.ln-schedule>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:var(--im-surface-2);color:var(--im-muted)}
.ln-schedule>div.done>span{background:var(--ln);color:#fff}.ln-schedule b{display:block;font-size:14px}
.ln-pending{display:flex;gap:14px;align-items:center;border:1.5px dashed color-mix(in srgb,var(--gold) 70%,transparent)}.ln-pending>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--gold) 20%,transparent);color:#B45309}
.ln-checks{display:flex;flex-direction:column;gap:6px}.ln-checks>div{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:14px;background:var(--im-surface-2)}
.ln-checks i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}.ln-checks .ok i{background:#DCFCE7;color:#15803D}.ln-checks .no i{background:#FEE2E2;color:#B91C1C}
.ln-checks b{font-size:14px;display:block}.ln-checks>div>span{font-weight:700;font-size:13px}
.ln-range{width:100%;accent-color:var(--ln);height:28px}.ln-amount{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:2px}
.ln-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.ln-offer{--c:#0F766E;position:relative;overflow:hidden;background:var(--im-surface);border:1px solid var(--im-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 26px -20px rgba(16,24,40,.35)}
.ln-offer:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}
.ln-offer-top{display:flex;justify-content:space-between;align-items:center}.ln-offer-top span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.ln-offer-top em{font-style:normal;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c)}
.ln-offer h3{margin:2px 0 0;font-size:17px}.ln-offer p{margin:0;font-size:13px;color:var(--im-muted);min-height:18px}
.ln-offer-num b{font-size:32px;letter-spacing:-1px;color:var(--c)}.ln-offer-num small{display:inline;margin-left:4px}
.ln-offer-meta{display:flex;flex-wrap:wrap;gap:6px}.ln-offer-meta span{font-size:12px;padding:4px 9px;border-radius:9px;background:var(--im-surface-2)}
.ln-apply{display:flex;flex-direction:column;gap:8px;margin-top:auto}
/* admin desk */
.lnx-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;border-radius:24px;color:#fff;margin-bottom:14px;background:radial-gradient(90% 140% at 100% 0,rgba(245,184,65,.25) 0,transparent 45%),linear-gradient(130deg,#0B1F17,var(--ln) 70%,#0E8A63);box-shadow:0 26px 50px -30px var(--ln)}
.lnx-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 48px);z-index:-1}
.lnx-hero h2{color:#fff;font-size:34px;margin:8px 0 2px;letter-spacing:-.8px}.lnx-hero p{margin:0;color:rgba(255,255,255,.78);font-size:14px}
.lnx-hero-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lnx-hero-a form{margin:0}
.lnx-pill{display:inline-flex;gap:6px;align-items:center;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
.lnx-pill.solid{background:#fff;color:var(--ln2);border-color:#fff}.lnx-pill em{font-style:normal;background:var(--gold);color:#3B2600;border-radius:999px;padding:0 7px;font-size:12px;font-weight:800}
.lnx-ring{--p:0;width:132px;height:132px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#0B3B2B 80%,transparent 81% 100%),conic-gradient(var(--gold) calc(var(--p)*1%),rgba(255,255,255,.14) 0)}
.lnx-ring div{text-align:center}.lnx-ring b{font-size:30px;color:#fff;display:block;line-height:1}.lnx-ring small{color:rgba(255,255,255,.7)}
.lnx-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
.lnx-kpi{display:flex;gap:10px;align-items:center;background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px;padding:12px;box-shadow:0 8px 20px -18px rgba(16,24,40,.4)}
.lnx-kpi span,.lnx-plan-h>span,.lnx-rule>span,.ivx-alloc span,.fc-ic,.iv-ic{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.lnx-kpi b{font-size:16px;white-space:nowrap}.lnx-kpi div{min-width:0}
.lnx-tabs .chip i{margin-right:2px}.lnx-dot{font-style:normal;background:#DC2626;color:#fff;border-radius:999px;padding:0 6px;font-size:11px;font-weight:800}
.lnx-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;align-items:end;height:170px;padding-top:6px}
.lnx-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.lnx-bars i{width:100%;max-width:26px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--gold),var(--ln));min-height:3px;transition:height .6s}
.lnx-bars small{font-size:11px}.lnx-bars.wk{height:200px}.lnx-bars.wk i{max-width:56px}.lnx-bars.wk b{font-size:11px;white-space:nowrap}
.lnx-stack{display:flex;height:14px;border-radius:9px;overflow:hidden;background:var(--im-surface-2);margin:8px 0 10px}.lnx-stack i{width:var(--w);background:var(--c)}
.lnx-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.lnx-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--c);margin-right:6px}
.lnx-mini,.ivs-facts,.lnx-amt,.lnx-plan-m,.lnx-pv-q{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.lnx-mini>div,.ivs-facts>div,.lnx-amt>div,.lnx-plan-m>div,.lnx-pv-q>div{background:var(--im-surface-2);border-radius:14px;padding:10px 12px;min-width:0}
.lnx-mini b,.ivs-facts b,.lnx-amt b,.lnx-pv-q b{font-size:15px}.lnx-plan-m{grid-template-columns:repeat(2,1fr)}.lnx-plan-m b{font-size:13px}
.lnx-list{display:flex;flex-direction:column}.lnx-row{display:flex;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--im-border);color:inherit;text-decoration:none}.lnx-row:last-child{border:0}
.lnx-row b{display:block;font-size:14px}
.lnx-av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--ln);background:color-mix(in srgb,var(--ln) 13%,transparent)}.lnx-av.red{color:#B91C1C;background:#FEE2E2}
.lnx-tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;margin-top:3px}.lnx-tag.good{background:#DCFCE7;color:#15803D}.lnx-tag.mid{background:#FEF3C7;color:#B45309}.lnx-tag.low{background:#FEE2E2;color:#B91C1C}
.lnx-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
.lnx-app{background:var(--im-surface);border:1px solid var(--im-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 28px -22px rgba(16,24,40,.45)}
.lnx-app header{display:flex;gap:12px;align-items:center}.lnx-app header b{font-size:15px}
.lnx-gauge{--p:50;width:74px;height:74px;flex:none;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(closest-side,var(--im-surface) 76%,transparent 77% 100%),conic-gradient(var(--g) calc(var(--p)*1%),var(--im-surface-2) 0)}
.lnx-gauge b{font-size:19px;line-height:1}.lnx-gauge small{font-size:10px!important}.lnx-gauge.good{--g:#16A34A}.lnx-gauge.mid{--g:#D97706}.lnx-gauge.low{--g:#DC2626}
.lnx-facts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.lnx-facts span{font-size:12px;padding:5px 9px;border-radius:9px;background:var(--im-surface-2)}.lnx-facts .ok{background:#DCFCE7;color:#15803D}.lnx-facts .warn{background:#FEF3C7;color:#B45309}
.lnx-decide{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:auto}
.lnx-yes{background:var(--ln);color:#fff;border:0}.lnx-yes:hover{background:var(--ln2);color:#fff}.lnx-no{background:transparent;color:#B91C1C;border:1px solid #FECACA}.lnx-no:hover{background:#FEF2F2}
.lnx-find{max-width:240px}
.lnx-book{display:flex;flex-direction:column;gap:8px}
.lnx-loan{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1.4fr) 110px 130px auto;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--im-border);background:var(--im-surface)}
.lnx-loan.late{border-color:#FECACA;background:color-mix(in srgb,#FEE2E2 35%,var(--im-surface))}.lnx-loan.st-defaulted{opacity:.75}
.lnx-loan-who{display:flex;gap:10px;align-items:center;min-width:0}.lnx-loan-who b{display:block;font-size:14px}
.lnx-track{height:8px;border-radius:9px;background:var(--im-surface-2);overflow:hidden;margin-bottom:4px}.lnx-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--ln),#22C55E)}
.lnx-loan-due em,.lnx-loan-due em.def{display:inline-block;font-style:normal;font-size:11px;font-weight:800;color:#fff;background:#DC2626;border-radius:6px;padding:1px 6px;margin-top:2px}.lnx-loan-due em.def{background:#7C3AED}
.lnx-loan-due b,.lnx-loan-left b{display:block;font-size:14px}.lnx-auto{font-size:11px;font-weight:700;color:#B45309}.lnx-loan-act{margin:0}
.lnx-editor{border:1.5px solid color-mix(in srgb,var(--ln) 30%,var(--im-border))}
.lnx-ed{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:18px;align-items:start}
.lnx-pv{position:sticky;top:80px;background:var(--im-surface-2);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}
.lnx-color{height:44px;padding:4px}.lnx-switch{margin:6px 0}
.lnx-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.lnx-plan{--c:#0F766E;position:relative;overflow:hidden;background:var(--im-surface);border:1px solid var(--im-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}
.lnx-plan:not(.add):before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--c)}.lnx-plan.off{opacity:.62}
.lnx-plan.add{align-items:center;justify-content:center;text-align:center;border:2px dashed var(--im-border);background:transparent;color:var(--im-muted);text-decoration:none;min-height:190px}.lnx-plan.add i{font-size:30px;color:var(--ln)}.lnx-plan.add b{color:var(--im-text)}
.lnx-plan.add:hover{border-color:var(--ln)}
.lnx-plan-h{display:flex;gap:10px;align-items:center}.lnx-plan-h b{display:block;font-size:15px}.lnx-plan-h strong{font-size:24px;color:var(--c);letter-spacing:-.5px}
.lnx-plan-a{display:flex;gap:6px;margin-top:auto}.lnx-plan-a form{margin:0}.lnx-del{background:transparent;border:1px solid #FECACA;color:#B91C1C}.lnx-del:hover{background:#FEF2F2}
.lnx-crit .card{margin-bottom:12px}.lnx-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lnx-tg{padding:14px;border:1px solid var(--im-border);border-radius:16px;background:var(--im-surface-2)}.lnx-tg b{display:block;font-size:14px}
.lnx-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.lnx-rule{--c:var(--ln);display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--im-border);border-radius:16px}
.lnx-rule b{font-size:14px}.lnx-unit{display:flex;align-items:center;gap:6px}.lnx-unit .input{width:110px;text-align:right}.lnx-unit em{font-style:normal;font-size:12px;color:var(--im-muted);min-width:34px}
/* investments (user) */
.iv{--iv:#1D4ED8}
.iv-hero{position:relative;overflow:hidden;isolation:isolate;padding:20px 22px 0;border-radius:22px;color:#fff;background:radial-gradient(100% 140% at 100% 0,rgba(56,189,248,.35) 0,transparent 45%),linear-gradient(140deg,#0B1736,var(--iv) 75%);box-shadow:0 26px 48px -28px var(--iv);margin-bottom:12px}
.iv-hero-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.iv-hero h2{color:#fff;font-size:32px;margin:10px 0 8px;letter-spacing:-.8px}
.iv-pill{display:inline-flex;gap:6px;align-items:center;background:#fff;color:#0B1736;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;text-decoration:none}
.iv-chips{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.iv-chips span{font-size:12px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85)}.iv-chips b{color:#fff;margin-left:3px}
.iv-spark{display:block;width:calc(100% + 44px);margin:6px -22px 0;height:56px}.iv-spark path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2.5;stroke-dasharray:600;stroke-dashoffset:600;animation:ivDraw 2.2s ease forwards}
@keyframes ivDraw{to{stroke-dashoffset:0}}
.iv-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}.iv-how>div{background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:3px}
.iv-how span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--iv);background:color-mix(in srgb,var(--iv) 12%,transparent);margin-bottom:4px}.iv-how b{font-size:14px}
.iv-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.iv-cats::-webkit-scrollbar{display:none}
.iv-cats button{white-space:nowrap;border:1px solid var(--im-border);background:var(--im-surface);color:var(--im-text);border-radius:999px;padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer}
.iv-cats button em{font-style:normal;font-size:11px;color:var(--im-muted);margin-left:2px}.iv-cats button.on{background:#0B1736;color:#fff;border-color:#0B1736}.iv-cats button.on em{color:rgba(255,255,255,.7)}
.iv-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:14px}
.iv-plan{--c:#2563EB;background:var(--im-surface);border:1px solid var(--im-border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 28px -22px rgba(16,24,40,.4);transition:transform .2s,box-shadow .2s}
.iv-plan:hover{transform:translateY(-2px);box-shadow:0 18px 34px -22px color-mix(in srgb,var(--c) 60%,transparent)}
.iv-plan-h{display:flex;gap:10px;align-items:center}.iv-ic{--c:inherit}.iv-plan .iv-ic{color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}.iv-plan-h b{display:block;font-size:15px}
.iv-plan p{margin:0;font-size:13px;color:var(--im-muted)}
.iv-risk{display:flex;gap:3px;align-items:flex-end}.iv-risk i{width:6px;border-radius:2px;background:var(--im-border)}.iv-risk i:nth-child(1){height:8px}.iv-risk i:nth-child(2){height:13px}.iv-risk i:nth-child(3){height:18px}
.iv-risk.r-low i:nth-child(1){background:#16A34A}.iv-risk.r-medium i:nth-child(-n+2){background:#D97706}.iv-risk.r-high i{background:#DC2626}
.iv-plan-n{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:6px}.iv-plan-n>div{background:var(--im-surface-2);border-radius:12px;padding:8px 10px}.iv-plan-n b{font-size:15px}.iv-plan-n>div:first-child b{color:var(--c);font-size:20px}
.iv-band{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.iv-band .dn{color:#DC2626}.iv-band .up{color:#16A34A}
.iv-band>div{position:relative;flex:1;height:8px;border-radius:9px;background:var(--im-surface-2)}.iv-band>div i{position:absolute;left:var(--a);right:calc(100% - var(--b));top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,#FCA5A5,color-mix(in srgb,var(--c) 60%,#fff),#86EFAC)}
.iv-band>div em{position:absolute;left:var(--x);top:-4px;width:4px;height:16px;border-radius:3px;background:var(--c);transform:translateX(-50%)}
/* simulator */
.ivs{--c:#2563EB}.ivs-tag{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--c)}
.ivs-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
.ivs-big{font-size:18px;margin-left:6px;color:var(--c)}.ivs .ln-range{accent-color:var(--c)}.ivs-quick{display:flex;gap:6px;flex-wrap:wrap}
.ivs-chart{width:100%;height:auto;display:block;margin-top:8px;background:var(--im-surface-2);border-radius:16px}
.ivs-chart .g{stroke:var(--im-border);stroke-dasharray:3 4}.ivs-chart .t{fill:var(--im-muted);font-size:12px;text-anchor:middle}
.ivs-chart .p{stroke:var(--im-muted);stroke-dasharray:6 5;stroke-width:1.5}.ivs-chart .l{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ivs-chart .base{stroke:var(--c)}.ivs-chart .bull{stroke:#16A34A;stroke-width:2}.ivs-chart .bear{stroke:#DC2626;stroke-width:2}.ivs-chart .dot{fill:#fff;stroke:var(--c);stroke-width:3}
.ivs-key{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:6px;color:var(--im-muted)}.ivs-key span:before{content:"";display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle;background:var(--k)}
.ivs-key .bull{--k:#16A34A}.ivs-key .base{--k:var(--c)}.ivs-key .bear{--k:#DC2626}.ivs-key .p{--k:var(--im-muted)}
.ivs-sc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ivs-sc>div{border-radius:16px;padding:12px;border:1px solid var(--im-border);min-width:0}
.ivs-sc b{display:block;font-size:17px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivs-sc em{font-style:normal;font-size:11px;font-weight:700}
.ivs-sc .bear{background:color-mix(in srgb,#FEE2E2 55%,var(--im-surface))}.ivs-sc .bear em{color:#B91C1C}
.ivs-sc .base{background:color-mix(in srgb,var(--c) 10%,var(--im-surface));border-color:color-mix(in srgb,var(--c) 40%,transparent)}.ivs-sc .base em{color:var(--c)}
.ivs-sc .bull{background:color-mix(in srgb,#DCFCE7 55%,var(--im-surface))}.ivs-sc .bull em{color:#15803D}
.ivs-meter{display:flex;gap:14px;align-items:center;margin-top:12px;padding:12px;border-radius:16px;background:var(--im-surface-2)}.ivs-meter b{font-size:16px;display:block}
.ivs-dial{position:relative;width:96px;height:52px;flex:none;overflow:hidden}.ivs-dial:before{content:"";position:absolute;inset:0 0 -48px;border-radius:50%;background:conic-gradient(from -90deg,#16A34A 0 60deg,#D97706 0 120deg,#DC2626 0 180deg,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent 64%,#000 65%);mask:radial-gradient(closest-side,transparent 64%,#000 65%)}
.ivs-dial i{--r:0;position:absolute;left:calc(50% - 2px);bottom:0;width:4px;height:44px;border-radius:3px;background:var(--im-text);transform-origin:50% 100%;transform:rotate(calc(var(--r)*1deg));transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.ivs-dial:after{content:"";position:absolute;left:calc(50% - 7px);bottom:-7px;width:14px;height:14px;border-radius:50%;background:var(--im-text)}
.ivs-facts .neg{color:#B91C1C}.ivs-form{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.ivs-disc{border-radius:14px;padding:12px;background:color-mix(in srgb,#FEF3C7 60%,var(--im-surface));border:1px solid color-mix(in srgb,#F59E0B 35%,transparent)}.ivs-disc b{color:#B45309;font-size:13px}.ivs-disc p{margin:4px 0 0;font-size:13px;max-height:110px;overflow:auto}
.ivs[data-risk="high"] .ivs-tag{background:#FEE2E2;color:#B91C1C}
.iv-hold{display:flex;flex-direction:column;gap:8px}.iv-h{--p:0;display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border)}
.iv-h-ring{width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--im-surface) 76%,transparent 77% 100%),conic-gradient(var(--c) calc(var(--p)*1%),var(--im-surface-2) 0)}.iv-h-ring b{font-size:12px}
.iv-h b{display:block;font-size:14px}.iv-h .pos{color:#15803D;font-weight:700}.iv-h.st-paid{opacity:.8}
/* admin investments */
.ivx-hero{background:radial-gradient(90% 140% at 100% 0,rgba(56,189,248,.3) 0,transparent 45%),linear-gradient(130deg,#0B1736,#1D4ED8 75%)}.ivx .lnx-pill.solid{color:#0B1736}
.ivx-liab{flex:none;text-align:right;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.ivx-liab b{display:block;font-size:24px;color:#fff}.ivx-liab small{color:rgba(255,255,255,.75)!important}
.ivx .lnx-bars i{background:linear-gradient(180deg,#38BDF8,#1D4ED8)}
.ivx-alloc{display:flex;flex-direction:column;gap:8px}.ivx-alloc>div{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.ivx-alloc em{font-style:normal;font-weight:700;color:var(--c)}
.ivx-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ivx-types input{position:absolute;opacity:0}
.ivx-types span{display:inline-flex;gap:6px;align-items:center;padding:8px 13px;border-radius:999px;border:1.5px solid var(--im-border);cursor:pointer;font-weight:600;font-size:13px}
.ivx-types input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c)}
.ivx .lnx-pv .ivs-sc b{font-size:14px}.ivx .lnx-switch input:checked+span{background:#1D4ED8}
/* cron monitor on health page */
.fc{margin-top:16px}.fc-score{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}.fc-score.ok{background:#DCFCE7;color:#15803D}.fc-score.late{background:#FEF3C7;color:#B45309}
.fc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fc-job{border:1px solid var(--im-border);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.fc-h{display:flex;gap:10px;align-items:center}.fc-h b{display:block;font-size:15px}.fc-h small{color:var(--im-muted);font-size:12px}
.fc-st{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:800;white-space:nowrap}.fc-st i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-bottom:3px}
.fc-st.ok{color:#15803D}.fc-st.ok i{background:#22C55E;box-shadow:0 0 0 4px #DCFCE7}.fc-st.late{color:#B45309}.fc-st.late i{background:#F59E0B}.fc-st.off{color:var(--im-muted)}.fc-st.off i{background:var(--im-border)}
.fc-row label{display:block;font-size:12px;color:var(--im-muted);margin-bottom:4px}.fc-code{display:flex;gap:6px;align-items:center}
.fc-code code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-size:12px;padding:9px 10px;border-radius:10px;background:var(--im-surface-2);scrollbar-width:thin}
[data-theme="dark"] .ln-checks .ok i,[data-theme="dark"] .lnx-tag.good,[data-theme="dark"] .lnx-facts .ok{background:rgba(34,197,94,.16);color:#86EFAC}
[data-theme="dark"] .ln-checks .no i,[data-theme="dark"] .lnx-tag.low,[data-theme="dark"] .lnx-av.red{background:rgba(239,68,68,.16);color:#FCA5A5}
[data-theme="dark"] .lnx-tag.mid,[data-theme="dark"] .lnx-facts .warn{background:rgba(245,158,11,.16);color:#FCD34D}
[data-theme="dark"] .iv-cats button.on{background:#fff;color:#0B1736}
@media(max-width:1100px){.lnx-kpis{grid-template-columns:repeat(3,1fr)}.lnx-loan{grid-template-columns:1fr 1fr;gap:10px}.lnx-loan-bar{grid-column:1/-1;order:5}}
@media(max-width:900px){.ln-grid,.lnx-grid,.ivs-grid,.lnx-ed{grid-template-columns:1fr}.lnx-pv{position:static}.lnx-toggles{grid-template-columns:1fr}.fc-list{grid-template-columns:1fr}.lnx-queue{grid-template-columns:1fr}}
@media(max-width:600px){
 .ln-hero,.lnx-hero{flex-direction:column;align-items:stretch;padding:16px;border-radius:20px}.ln-score{flex-direction:row;justify-content:space-between}.ln-dial{width:96px;height:96px}.ln-dial b{font-size:22px}
 .ln-hero h2,.iv-hero h2{font-size:26px}.lnx-hero h2{font-size:28px}.lnx-ring{width:96px;height:96px;align-self:flex-end;margin-top:-90px}.lnx-ring b{font-size:22px}
 .ln-strip{grid-template-columns:repeat(2,1fr)}.ln-due{grid-template-columns:repeat(3,1fr)}.ln-due b{font-size:13px}
 .lnx-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.lnx-kpi{padding:10px}.lnx-kpi span{width:34px;height:34px;font-size:16px}.lnx-kpi b{font-size:14px}
 .lnx-rules{grid-template-columns:1fr}.lnx-decide{grid-template-columns:1fr 1fr}.lnx-decide .input{grid-column:1/-1}
 .lnx-mini,.ivs-facts,.lnx-amt,.lnx-pv-q{gap:6px}.lnx-mini b,.ivs-facts b,.lnx-amt b{font-size:13px}.lnx-find{max-width:none;width:100%}
 .iv-hero{padding:16px 16px 0;border-radius:20px}.iv-spark{width:calc(100% + 32px);margin:6px -16px 0}.iv-how{grid-template-columns:1fr}.iv-how>div{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px}.iv-how small{flex-basis:100%}
 .ivs-sc{grid-template-columns:1fr}.ivs-sc>div{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ivx-liab{text-align:left}
}

/* ===== 1.10.0 Help & Support: assistant chat, complaint box, tickets, FAQ, staff desk ===== */
.sp,.fq,.dk,.spx{--sp:#5B21B6;--sp2:#2E1065}
.sc-ic{--c:#7C3AED;width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:19px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}.sc-ic.sm{width:34px;height:34px;font-size:16px;border-radius:11px}
.sc-logo{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#7C3AED,#DB2777)}.sc-logo.lg{width:64px;height:64px;font-size:28px;border-radius:20px;margin:0 auto 10px}
.sc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#94A3B8;vertical-align:middle}.sc-dot.on{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.25);animation:scPulse 2s infinite}
@keyframes scPulse{50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
/* floating bubble + panel */
.sc-fab{position:fixed;right:18px;bottom:24px;z-index:70;width:58px;height:58px;border-radius:50%;border:0;color:#fff;font-size:24px;cursor:pointer;background:linear-gradient(135deg,#7C3AED,#DB2777);box-shadow:0 14px 30px -10px rgba(124,58,237,.7);display:grid;place-items:center;transition:transform .2s}
.sc-fab:hover{transform:scale(1.06)}.sc-fab .bi-x-lg,.sc-fab.on .bi-chat-heart-fill{display:none}.sc-fab.on .bi-x-lg{display:block}
.sc-panel{position:fixed;right:18px;bottom:94px;z-index:71;width:380px;max-width:calc(100vw - 24px);height:min(620px,calc(100vh - 120px));display:none;flex-direction:column;background:var(--im-surface);border:1px solid var(--im-border);border-radius:24px;box-shadow:0 30px 70px -20px rgba(16,24,40,.45);overflow:hidden}
.sc-panel.open{display:flex;animation:scIn .22s ease}@keyframes scIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
.sc-head{display:flex;gap:10px;align-items:center;padding:12px 14px;color:#fff;background:radial-gradient(120% 160% at 100% 0,rgba(219,39,119,.45),transparent 50%),linear-gradient(135deg,var(--sp2,#2E1065),#5B21B6)}
.sc-head b{display:block;font-size:15px}.sc-head small{font-size:12px;color:rgba(255,255,255,.82)}.sc-head .sc-logo{background:rgba(255,255,255,.16)}
.sc-head.in{border-radius:20px 20px 0 0;margin:-1px -1px 0}
.sc-hb{width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer;text-decoration:none}
.sc-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--im-surface-2);scroll-behavior:smooth}
.sc-msg{display:flex;gap:8px;align-items:flex-end;max-width:88%}.sc-msg.me{align-self:flex-end;flex-direction:row-reverse}
.sc-av{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:#64748B}.from-bot .sc-av{background:linear-gradient(135deg,#7C3AED,#DB2777)}.from-staff .sc-av,.from-admin .sc-av{background:#0F766E}.from-user .sc-av{background:#2563EB}
.sc-b{background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px 18px 18px 6px;padding:9px 12px;min-width:0;box-shadow:0 2px 6px -4px rgba(16,24,40,.2)}
.sc-msg.me .sc-b{background:linear-gradient(135deg,#7C3AED,#6D28D9);color:#fff;border:0;border-radius:18px 18px 6px 18px}.sc-msg.me .sc-n{color:rgba(255,255,255,.75)}
.sc-msg.internal .sc-b{background:#FEF9C3;border-color:#FDE68A;color:#713F12}[data-theme="dark"] .sc-msg.internal .sc-b{background:rgba(234,179,8,.14);color:#FDE68A}
.sc-msg.pending{opacity:.7}.sc-n{display:block;font-size:11px;color:var(--im-muted);margin-bottom:2px}.sc-t{font-size:14px;line-height:1.5;word-wrap:break-word}
.sc-sys{align-self:center;font-size:12px;color:var(--im-muted);background:var(--im-surface);border:1px dashed var(--im-border);border-radius:999px;padding:4px 12px;text-align:center;max-width:92%}
.sc-cards{display:flex;flex-direction:column;gap:6px;margin-top:8px}.sc-card{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:var(--im-surface-2);border:1px solid var(--im-border)}
.sc-card b{display:block;font-size:13px}.sc-card small{display:block;font-size:11px;color:var(--im-muted)}.sc-card strong{display:block;font-size:13px;white-space:nowrap}
.sc-st{display:inline-block;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:999px;margin-top:3px}.sc-st.ok{background:#DCFCE7;color:#15803D}.sc-st.bad{background:#FEE2E2;color:#B91C1C}.sc-st.wait{background:#FEF3C7;color:#B45309}
.sc-copy{border:0;background:transparent;color:var(--sp,#7C3AED);font-weight:700;font-size:12px;cursor:pointer;padding:2px 0}
.sc-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sc-btns a,.sc-btns button{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;border:1px solid color-mix(in srgb,#7C3AED 35%,transparent);color:#6D28D9;background:color-mix(in srgb,#7C3AED 7%,var(--im-surface));text-decoration:none;cursor:pointer}
.sc-file{display:inline-flex;gap:4px;margin-top:6px;font-size:12px;font-weight:700;color:inherit}
.sc-quick{display:flex;gap:6px;overflow-x:auto;padding:8px 12px 0;background:var(--im-surface-2);scrollbar-width:none}.sc-quick::-webkit-scrollbar{display:none}.sc-quick:empty{padding:0}
.sc-quick button{white-space:nowrap;flex:none;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid var(--im-border);background:var(--im-surface);color:var(--im-text);cursor:pointer}.sc-quick button:hover{border-color:#7C3AED;color:#6D28D9}
.sc-quick button.alt{background:#FEF2F2;border-color:#FECACA;color:#B91C1C}
.sc-form{display:flex;gap:8px;padding:10px 12px 12px;background:var(--im-surface-2)}.sc-in{flex:1;min-width:0;border:1px solid var(--im-border);border-radius:999px;padding:11px 16px;font-size:16px;background:var(--im-surface);color:var(--im-text);outline:none}.sc-in:focus{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.sc-send{width:44px;height:44px;flex:none;border-radius:50%;border:0;color:#fff;background:linear-gradient(135deg,#7C3AED,#DB2777);cursor:pointer;font-size:16px}
.sc-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border)}.sc-typing i{width:7px;height:7px;border-radius:50%;background:#A78BFA;animation:scDot 1s infinite}.sc-typing i:nth-child(2){animation-delay:.15s}.sc-typing i:nth-child(3){animation-delay:.3s}
@keyframes scDot{50%{transform:translateY(-4px);opacity:.5}}
.sc-toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);opacity:0;z-index:90;background:#111827;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;transition:.25s;max-width:90vw}.sc-toast.in{opacity:1;transform:translate(-50%,0)}
body.sc-lock{overflow:hidden}
/* complaint sheet */
.cp-sheet{position:fixed;inset:0;z-index:80;background:rgba(15,23,42,.55);display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(2px)}.cp-sheet.open{display:flex}
.cp-box{width:100%;max-width:620px;max-height:92vh;overflow-y:auto;background:var(--im-surface);border-radius:24px 24px 0 0;padding:16px 16px 22px;animation:cpUp .25s ease}
@keyframes cpUp{from{transform:translateY(40px);opacity:0}}
@media(min-width:700px){.cp-sheet{align-items:center}.cp-box{border-radius:24px}}
.cp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.cp-head b{font-size:18px;display:block}.cp-head small{color:var(--im-muted);font-size:13px}
.cp-x,.cp-back{width:36px;height:36px;border-radius:50%;border:0;background:var(--im-surface-2);color:var(--im-text);cursor:pointer;flex:none}
.cp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cp-cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;border-radius:16px;border:1px solid var(--im-border);background:var(--im-surface);cursor:pointer;color:var(--im-text)}.cp-cat b{font-size:12.5px;line-height:1.25}
.cp-cat:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,var(--im-surface))}
.cp-title{display:flex;gap:10px;align-items:center;margin-bottom:10px}.cp-title>div{display:flex;gap:10px;align-items:center;font-weight:800;font-size:16px}
.cp-subs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cp-subs button{font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid var(--im-border);background:var(--im-surface);cursor:pointer;color:var(--im-text)}.cp-subs button.on{background:#7C3AED;border-color:#7C3AED;color:#fff}
.cp-txs{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin:4px 0 12px}
.cp-tx{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1.5px solid var(--im-border);cursor:pointer}.cp-tx input{accent-color:#7C3AED}.cp-tx>span:nth-child(2){flex:1;min-width:0}.cp-tx b{display:block;font-size:13px}.cp-tx small{font-size:11px;color:var(--im-muted)}.cp-tx strong{display:block;font-size:13px}
.cp-tx:has(input:checked){border-color:#7C3AED;background:color-mix(in srgb,#7C3AED 6%,var(--im-surface))}
.cp-file{display:flex;gap:6px;align-items:center;padding:12px;border-radius:14px;border:1.5px dashed var(--im-border);font-size:13px;color:var(--im-muted);margin-bottom:12px;cursor:pointer}.cp-file input{max-width:100%;font-size:12px}
.cp-note{font-size:12px;color:var(--im-muted);text-align:center;margin:8px 0 0}
/* help centre hub */
.sp-hero{position:relative;overflow:hidden;isolation:isolate;padding:20px 22px;border-radius:22px;color:#fff;margin-bottom:12px;background:radial-gradient(90% 140% at 100% 0,rgba(219,39,119,.4) 0,transparent 45%),linear-gradient(135deg,#2E1065,#5B21B6 70%,#7C3AED);box-shadow:0 24px 46px -26px #5B21B6}
.sp-hero:after{content:"";position:absolute;right:-50px;bottom:-80px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.06);z-index:-1}
.sp-hero h2{color:#fff;font-size:28px;margin:10px 0 12px;letter-spacing:-.5px}.sp-hero-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.sp-kick{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14)}
.sp-live{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12)}
.sp-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:6px 6px 6px 14px;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}.sp-search i{color:#64748B}
.sp-search input{flex:1;min-width:0;border:0;outline:none;font-size:16px;padding:8px 0;background:transparent;color:#0F172A}.sp-search button{border:0;border-radius:12px;padding:10px 16px;font-weight:700;color:#fff;background:#5B21B6;cursor:pointer}
.sp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.sp-chips a{font-size:12.5px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none}
.sp-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:12px}
.sp-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 4px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border);text-decoration:none;color:var(--im-text);cursor:pointer}
.sp-tile span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}.sp-tile b{font-size:12px;line-height:1.2;font-weight:600}
.sp-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;margin-bottom:12px;align-items:start}
.sp-chat{display:flex;flex-direction:column;height:620px;padding:0;overflow:hidden}.sp-chat .sc-list{background:var(--im-surface-2)}
.sp-side{display:flex;flex-direction:column;gap:12px}.sp-side .card{margin:0}
.sp-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sp-cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:10px 4px;border-radius:16px;border:1px solid var(--im-border);background:var(--im-surface);cursor:pointer;color:var(--im-text)}
.sp-cat span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}.sp-cat b{font-size:11.5px;line-height:1.2;font-weight:600}
.sp-tks{display:flex;flex-direction:column;gap:6px}.sp-tk{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--im-border);text-decoration:none;color:inherit;position:relative}.sp-tk:hover{border-color:var(--c)}
.sp-tk b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-tk .grow{min-width:0}.sp-tk small{font-size:12px;color:var(--im-muted)}
.sp-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap;background:var(--im-surface-2);color:var(--im-muted)}
.sp-pill.good{background:#DCFCE7;color:#15803D}.sp-pill.mid,.sp-pill.info{background:#DBEAFE;color:#1D4ED8}.sp-pill.warn{background:#FEF3C7;color:#B45309}.sp-pill.bad{background:#FEE2E2;color:#B91C1C}
.sp-unread{font-style:normal;min-width:20px;height:20px;border-radius:999px;background:#DC2626;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.sp-pop{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sp-pop a{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--im-surface);border:1px solid var(--im-border);text-decoration:none;color:var(--im-text);font-size:14px}.sp-pop a span{flex:1}.sp-pop a i:first-child{color:#7C3AED;font-size:18px}
.sp-back{display:inline-flex;gap:6px;align-items:center;margin-bottom:10px;font-weight:600;color:var(--im-muted);text-decoration:none}
.sp-tk-head{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border);border-left:4px solid var(--c);margin-bottom:12px}.sp-tk-head b{display:block;font-size:17px}.sp-tk-head small{color:var(--im-muted);font-size:12px}
.sp-tk-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;color:var(--im-muted);align-items:center}
.sp-thread{padding:0;overflow:hidden;display:flex;flex-direction:column}.sp-th-list{min-height:320px;max-height:60vh}
.sp-compose,.dk-compose{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid var(--im-border);background:var(--im-surface)}.sp-compose-a,.dk-ca{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sp-attach{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--im-muted);cursor:pointer;position:relative}.sp-attach input{position:absolute;inset:0;opacity:0;cursor:pointer}
.sp-rate{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--im-border);background:color-mix(in srgb,#F59E0B 8%,var(--im-surface))}.sp-rate button{border:0;background:none;font-size:26px;color:#F59E0B;cursor:pointer;padding:0 2px}
/* FAQ */
.fq-hero h2{font-size:26px}.fq-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:14px}
.fq-cats button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:16px;border:1px solid var(--im-border);background:var(--im-surface);cursor:pointer;color:var(--im-text)}.fq-cats i{font-size:20px;color:#7C3AED}.fq-cats b{font-size:11.5px;font-weight:600;line-height:1.2}.fq-cats small{font-size:11px;color:var(--im-muted)}
.fq-cats button.on{border-color:#7C3AED;background:color-mix(in srgb,#7C3AED 8%,var(--im-surface))}
.fq-group h3{display:flex;gap:8px;align-items:center;font-size:16px;margin:16px 0 8px}.fq-list{padding:4px 16px}
.fq-item{border-bottom:1px solid var(--im-border)}.fq-item:last-child{border:0}.fq-item summary{list-style:none;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer;font-weight:600;font-size:15px}.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--im-surface-2);transition:transform .2s}.fq-item[open] summary i{transform:rotate(45deg);background:#7C3AED;color:#fff}
.fq-a{padding:0 0 14px}.fq-a p{margin:0 0 10px;color:var(--im-text-2,var(--im-muted));font-size:15px;line-height:1.6}
.fq-go{display:inline-flex;align-items:center;gap:2px;font-weight:700;font-size:13px;color:#6D28D9;text-decoration:none;border:0;background:none;padding:0;cursor:pointer;margin-bottom:8px}
.fq-vote{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--im-muted)}.fq-vote button{border:1px solid var(--im-border);background:var(--im-surface);border-radius:10px;padding:4px 10px;cursor:pointer;color:var(--im-text)}
.fq-best{border:1.5px solid color-mix(in srgb,#7C3AED 35%,var(--im-border))}
.fq-help{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;padding:18px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#2E1065,#7C3AED)}.fq-help>div{flex:1;min-width:200px}.fq-help b{display:block;font-size:17px}.fq-help small{color:rgba(255,255,255,.8)}
.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
/* staff desk */
.dk-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:20px;color:#fff;margin-bottom:12px;background:linear-gradient(135deg,#0B1F17,#0F766E)}
.dk-me{display:flex;gap:10px;align-items:center}.dk-me b{display:block}.dk-me small{color:rgba(255,255,255,.75)}.dk-me .sc-logo{background:rgba(255,255,255,.15)}
.dk-sw{display:inline-flex;gap:8px;align-items:center;border:0;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;background:rgba(148,163,184,.25);color:inherit}.dk-sw i{width:10px;height:10px;border-radius:50%;background:#94A3B8}.dk-sw.on{background:rgba(34,197,94,.2)}.dk-sw.on i{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.3)}
.dk-bar .dk-sw{color:#fff}.dk-online{margin:0}
.dk-kpis{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.dk-kpis a{min-width:84px;padding:6px 12px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;text-align:center}.dk-kpis a.on{background:#fff;color:#0F766E}.dk-kpis b{display:block;font-size:18px}.dk-kpis small{font-size:11px;opacity:.85}
.dk-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:12px;align-items:start}.dk-grid>.card,.dk-grid>aside{margin:0}
.dk-list{padding:10px;max-height:calc(100vh - 210px);overflow-y:auto;position:sticky;top:80px}
.dk-search{display:flex;gap:6px;align-items:center;padding:0 10px;border:1px solid var(--im-border);border-radius:12px;margin-bottom:8px}.dk-search input{flex:1;border:0;outline:none;padding:10px 0;background:transparent;font-size:14px;color:var(--im-text)}
.dk-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:8px;scrollbar-width:none}.dk-tabs a{white-space:nowrap;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:10px;color:var(--im-muted);text-decoration:none}.dk-tabs a.on{background:var(--im-surface-2);color:var(--im-text)}.dk-tabs em{font-style:normal;font-size:11px;background:#DC2626;color:#fff;border-radius:999px;padding:0 6px}
.dk-row{display:flex;gap:10px;padding:10px;border-radius:14px;text-decoration:none;color:inherit;border:1px solid transparent;margin-bottom:4px}.dk-row:hover{background:var(--im-surface-2)}.dk-row.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 6%,var(--im-surface))}
.dk-row .grow{min-width:0}.dk-r1{display:flex;justify-content:space-between;gap:6px}.dk-r1 b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-r1 small{font-size:11px;color:var(--im-muted);white-space:nowrap}
.dk-sub{display:block;font-size:12.5px;color:var(--im-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-r3{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;align-items:center}.dk-r3 .sp-pill{font-size:10px;padding:2px 7px}
.dk-work{padding:0;overflow:hidden;display:flex;flex-direction:column}.dk-th{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--im-border)}.dk-th b{display:block;font-size:16px}.dk-th small{font-size:12px;color:var(--im-muted)}
.dk-back{display:none;width:34px;height:34px;border-radius:10px;place-items:center;background:var(--im-surface-2);color:var(--im-text)}
.dk-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--im-border);background:var(--im-surface-2)}.dk-actions form{margin:0}.select.sm{padding:6px 28px 6px 10px;font-size:13px;height:auto;width:auto}
.dk-msgs{min-height:360px;max-height:calc(100vh - 430px)}
.dk-canned{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.dk-canned button{white-space:nowrap;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--im-border);background:var(--im-surface-2);cursor:pointer;color:var(--im-text)}
.dk-int{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:#B45309}
.dk-ctx{display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}.dk-ctx .card{margin:0}.dk-ctx h4{margin:0 0 8px;font-size:14px}
.dk-cust{text-align:center}.dk-av{width:56px;height:56px;border-radius:50%;margin:0 auto 6px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0F766E,#22C55E)}.dk-cust b{display:block}.dk-cust>small{color:var(--im-muted);font-size:12px;word-break:break-all}
.dk-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:8px 0}.dk-tags span{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--im-surface-2)}.dk-tags .ok{background:#DCFCE7;color:#15803D}.dk-tags .warn{background:#FEF3C7;color:#B45309}
.dk-bal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:left}.dk-bal>div{background:var(--im-surface-2);border-radius:12px;padding:8px}.dk-bal small{display:block;font-size:11px;color:var(--im-muted)}.dk-bal b{font-size:13px}
.dk-va{font-size:12px;margin-top:6px;text-align:left}
.dk-txs{display:flex;flex-direction:column;gap:6px}.dk-tx{display:flex;gap:8px;padding:8px;border-radius:12px;background:var(--im-surface-2);font-size:12px}.dk-tx .grow{min-width:0}.dk-tx b{display:block;font-size:12.5px}.dk-tx small{display:block;color:var(--im-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.dk-tx.hot{outline:2px solid #7C3AED}
.dk-tx form{margin:4px 0 0}.dk-rq{border:0;background:#0F766E;color:#fff;border-radius:8px;font-size:11px;font-weight:700;padding:3px 8px;cursor:pointer}
.dk-empty{text-align:center;padding:40px 20px}
.pf-desk{padding:14px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#0F766E 10%,var(--im-surface)),var(--im-surface));border:1px solid color-mix(in srgb,#0F766E 25%,var(--im-border))}
.pf-desk-h{display:flex;gap:10px;align-items:center;margin-bottom:12px}.pf-desk-h b{display:block}.pf-desk-h small{color:var(--im-muted);font-size:12px}.pf-desk-h form{margin:0}.pf-desk-h .sc-logo{background:linear-gradient(135deg,#0F766E,#22C55E)}
.pf-desk-k{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.pf-desk-k>div{background:var(--im-surface);border-radius:14px;padding:10px;text-align:center;border:1px solid var(--im-border)}.pf-desk-k b{display:block;font-size:18px}.pf-desk-k small{font-size:11px;color:var(--im-muted)}
/* admin */
.spx-hero{background:radial-gradient(90% 140% at 100% 0,rgba(219,39,119,.35) 0,transparent 45%),linear-gradient(130deg,#1E0B3A,#5B21B6 75%)}.spx .lnx-pill.solid{color:#2E1065}.spx .lnx-ring{background:radial-gradient(closest-side,#2E1065 80%,transparent 81% 100%),conic-gradient(#F472B6 calc(var(--p)*1%),rgba(255,255,255,.14) 0)}
.spx-cats{display:flex;flex-direction:column;gap:8px}.spx-cats>div{display:grid;grid-template-columns:auto 150px 1fr auto;gap:10px;align-items:center}.spx-cats b{font-size:13px}.spx-cats em{font-style:normal;font-size:12px;font-weight:700;color:var(--im-muted);white-space:nowrap}
.spx-bar{height:8px;border-radius:9px;background:var(--im-surface-2);overflow:hidden}.spx-bar i{display:block;height:100%;border-radius:9px;background:var(--c)}
.spx-gaps{display:flex;flex-wrap:wrap;gap:6px}.spx-gaps a{display:inline-flex;gap:6px;align-items:center;font-size:13px;padding:7px 12px;border-radius:12px;background:var(--im-surface-2);color:var(--im-text);text-decoration:none}.spx-gaps em{font-style:normal;font-weight:800;color:#7C3AED}
.spx-tk{display:grid;grid-template-columns:1fr;gap:12px}.spx-tk.has{grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr)}.spx-tk>.card{margin:0}.dk-listx{max-height:70vh;overflow-y:auto}
.spx-addf{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.spx-addf .input{flex:1;min-width:150px}
.spx-sf{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.spx-sf .input{width:auto;flex:1;min-width:90px;padding:7px 10px}
.spx-fcats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.spx-fcats a{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--im-border);color:var(--im-text);text-decoration:none}.spx-fcats a.on{background:#5B21B6;border-color:#5B21B6;color:#fff}
[data-theme="dark"] .sp-search{background:var(--im-surface)}[data-theme="dark"] .sp-search input{color:var(--im-text)}
[data-theme="dark"] .sp-pill.good,[data-theme="dark"] .sc-st.ok{background:rgba(34,197,94,.16);color:#86EFAC}[data-theme="dark"] .sp-pill.bad,[data-theme="dark"] .sc-st.bad{background:rgba(239,68,68,.16);color:#FCA5A5}[data-theme="dark"] .sp-pill.warn,[data-theme="dark"] .sc-st.wait{background:rgba(245,158,11,.16);color:#FCD34D}[data-theme="dark"] .sp-pill.mid,[data-theme="dark"] .sp-pill.info{background:rgba(59,130,246,.18);color:#93C5FD}
@media(max-width:1200px){.dk-grid{grid-template-columns:280px minmax(0,1fr)}.dk-ctx{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.sp-grid,.spx-tk.has{grid-template-columns:1fr}.sp-tiles,.fq-cats{grid-template-columns:repeat(4,1fr)}.dk-grid{grid-template-columns:1fr}.dk-list{position:static;max-height:none}.dk.has-cur .dk-list{display:none}.dk-back{display:grid}.dk-ctx{grid-template-columns:1fr}.dk-kpis{margin-left:0}}
@media(max-width:600px){
 .sc-fab{bottom:84px;right:14px;width:54px;height:54px}.sc-panel{inset:0;width:100%;max-width:none;height:100%;border-radius:0;bottom:0;right:0}
 .sp-hero{padding:16px;border-radius:20px}.sp-hero h2{font-size:23px}.sp-tile{padding:10px 2px;border-radius:16px}.sp-tile span{width:40px;height:40px;font-size:18px}.sp-tile b{font-size:11px}
 .sp-chat{height:72vh}.sp-cats{grid-template-columns:repeat(4,1fr);gap:6px}.sp-pop{grid-template-columns:1fr}.cp-grid{grid-template-columns:repeat(3,1fr);gap:6px}.cp-cat{padding:10px 4px}.cp-cat b{font-size:11.5px}
 .sc-msg{max-width:94%}.fq-list{padding:2px 12px}.fq-item summary{font-size:14px}.pf-desk-k{grid-template-columns:repeat(2,1fr)}.dk-kpis a{min-width:0;flex:1}.spx-cats>div{grid-template-columns:auto 1fr auto}.spx-bar{display:none}
}

/* ===== 1.11.0 Business portal: membership profit board ===== */
.bp{--a:#0F172A;--b:#334155;--g:#CBD5E1}
.bp[data-skin="agent"]{--a:#022C22;--b:#047857;--g:#6EE7B7}.bp[data-skin="vendor"]{--a:#2A1A02;--b:#92400E;--g:#FCD34D}.bp[data-skin="api"]{--a:#0B0620;--b:#4C1D95;--g:#C4B5FD}
.bp .card{border-radius:20px}
.bp-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:20px 22px;border-radius:24px;color:#fff;margin-bottom:12px;
  background:radial-gradient(110% 150% at 100% 0,color-mix(in srgb,var(--g) 30%,transparent) 0,transparent 46%),linear-gradient(135deg,var(--a),var(--b));box-shadow:0 26px 50px -28px var(--b)}
.bp-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 2px,transparent 2px 22px);z-index:-1}
.bp-hero-l{flex:1;min-width:0}.bp-hero-top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}
.bp-kick{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14)}
.bp-live{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:700}.bp-live i{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.25);animation:scPulse 2s infinite}
.bp-lbl{color:rgba(255,255,255,.78);font-size:13px}.bp-bal{color:#fff;font-size:38px;letter-spacing:-1px;margin:2px 0 10px;font-variant-numeric:tabular-nums}
.bp-chips{display:flex;flex-wrap:wrap;gap:6px}.bp-chips span{font-size:12px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.82)}.bp-chips b{color:#fff;margin-left:3px}
.bp-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.bp-pill{display:inline-flex;gap:7px;align-items:center;border:0;border-radius:999px;padding:11px 18px;font-weight:800;font-size:14px;background:#fff;color:var(--a);cursor:pointer;text-decoration:none;box-shadow:0 10px 20px -12px rgba(0,0,0,.6)}
.bp-pill:disabled{opacity:.6;cursor:not-allowed}.bp-ghost{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px;color:#fff;border:1px solid rgba(255,255,255,.3);text-decoration:none}
.bp-card{position:relative;overflow:hidden;width:290px;flex:none;aspect-ratio:1.586;border-radius:18px;padding:16px;display:flex;flex-direction:column;color:#fff;box-shadow:0 20px 40px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3);transform:rotate(-3deg);transition:transform .4s}
.bp-card:hover{transform:rotate(0) scale(1.02)}
.bp-card:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-60%);animation:bpShine 5s infinite}
@keyframes bpShine{0%,70%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.bp-card.skin-regular{background:linear-gradient(135deg,#94A3B8,#475569 55%,#1E293B)}.bp-card.skin-agent{background:linear-gradient(135deg,#34D399,#047857 55%,#022C22)}
.bp-card.skin-vendor{background:linear-gradient(135deg,#FDE68A,#D97706 50%,#78350F);color:#2A1A02}.bp-card.skin-api{background:linear-gradient(135deg,#A78BFA,#4C1D95 50%,#0B0620)}
.bp-card-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;letter-spacing:.3px}.bp-card-top em{font-style:normal;opacity:.8}
.bp-card-name{font-size:24px;letter-spacing:-.5px;margin-top:8px;text-transform:uppercase}
.bp-chip-ic{width:38px;height:28px;border-radius:7px;margin:8px 0 auto;background:linear-gradient(135deg,#FDE68A,#B45309);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.bp-card-row{display:flex;justify-content:space-between;gap:10px}.bp-card-row small{display:block;font-size:10px;opacity:.75;text-transform:uppercase;letter-spacing:.4px}.bp-card-row span{font-size:12.5px;font-weight:700}
.bp-steps{display:flex;gap:4px;margin-top:8px}.bp-steps i{flex:1;height:4px;border-radius:3px;background:rgba(255,255,255,.25)}.bp-steps i.on{background:currentColor}
.bp-missed{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;margin-bottom:12px;text-decoration:none;color:var(--im-text);background:linear-gradient(100deg,color-mix(in srgb,#F59E0B 16%,var(--im-surface)),var(--im-surface));border:1.5px solid color-mix(in srgb,#F59E0B 40%,transparent)}
.bp-missed b{display:block;font-size:15px}.bp-missed small{color:var(--im-muted);font-size:12.5px}
.bp-missed-ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#fff;background:linear-gradient(135deg,#F59E0B,#EA580C);animation:bpBob 2.4s ease-in-out infinite}
@keyframes bpBob{50%{transform:translateY(-3px)}}
.bp-ladder{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none}.bp-ladder::-webkit-scrollbar{display:none}
.bp-rung{--c:#64748B;position:relative;display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border)}
.bp-rung.skin-agent{--c:#059669}.bp-rung.skin-vendor{--c:#D97706}.bp-rung.skin-api{--c:#7C3AED}
.bp-rung.cur{border:2px solid var(--c);background:color-mix(in srgb,var(--c) 7%,var(--im-surface));box-shadow:0 14px 26px -20px var(--c)}.bp-rung.past{opacity:.6}
.bp-rung-h{display:flex;gap:8px;align-items:center}.bp-rung-h span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--c)}.bp-rung-h b{font-size:14px;flex:1}
.bp-rung-h em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--c);color:#fff}
.bp-rung strong{font-size:22px;letter-spacing:-.5px;color:var(--c);margin-top:6px}.bp-rung small{font-size:12px;color:var(--im-muted)}.bp-rung a{font-size:12.5px;font-weight:800;color:var(--c);text-decoration:none;margin-top:4px}
.bp-range{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--im-surface-2);width:max-content;margin-bottom:10px}.bp-range a{padding:6px 14px;border-radius:9px;font-size:13px;font-weight:700;color:var(--im-muted);text-decoration:none}.bp-range a.on{background:var(--im-surface);color:var(--im-text);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.bp-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}
.bp-kpi{display:flex;gap:10px;align-items:center;background:var(--im-surface);border:1px solid var(--im-border);border-radius:18px;padding:12px;min-width:0}
.bp-kpi span,.bp-ic{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}
.bp-kpi div{min-width:0}.bp-kpi small{display:block;font-size:12px;color:var(--im-muted)}.bp-kpi b{font-size:15px;white-space:nowrap}
.bp-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-bottom:12px}.bp-grid>.card{margin:0}
.bp-key{display:flex;gap:12px;font-size:12px;color:var(--im-muted)}.bp-key span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.bp-key .s:before{background:color-mix(in srgb,var(--b) 35%,#CBD5E1)}.bp-key .p:before{background:#16A34A}
.bp-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;align-items:end;height:200px;padding-top:6px}
.bp-bars>div{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding-bottom:18px}
.bp-bars i{display:block;width:70%;max-width:22px;border-radius:7px 7px 3px 3px;transition:height .6s}.bp-bars i.s{background:color-mix(in srgb,var(--b) 30%,#CBD5E1)}
.bp-bars i.p{position:absolute;bottom:18px;width:34%;max-width:10px;background:linear-gradient(180deg,#4ADE80,#16A34A);box-shadow:0 0 0 2px var(--im-surface)}
.bp-bars small{position:absolute;bottom:0;font-size:10.5px;color:var(--im-muted)}
.bp-mix{display:flex;gap:16px;align-items:center}.bp-donut{width:140px;height:140px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative}
.bp-donut>div{width:96px;height:96px;border-radius:50%;background:var(--im-surface);display:grid;place-items:center;align-content:center;text-align:center}.bp-donut b{font-size:14px}.bp-donut small{font-size:11px;color:var(--im-muted)}
.bp-legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.bp-legend>div{display:flex;gap:10px;align-items:center}.bp-legend b{display:block;font-size:13.5px}.bp-legend small{display:block;font-size:11.5px;color:var(--im-muted)}
.bp-legend .bp-ic{width:34px;height:34px;font-size:15px;border-radius:11px}.pos{color:#15803D!important;font-weight:700}
.bp-nets{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--im-border)}.bp-nets>div{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;font-size:13px}
.bp-track{height:8px;border-radius:9px;background:var(--im-surface-2);overflow:hidden}.bp-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--b),var(--g))}
.bp-top{display:flex;flex-direction:column;gap:6px}.bp-top>div{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:var(--im-surface-2)}
.bp-top em{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:12px;background:var(--im-surface);color:var(--b)}.bp-top b{display:block;font-size:13.5px}.bp-top small{font-size:12px;color:var(--im-muted)}
.bp-gain{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:#DCFCE7;color:#15803D;white-space:nowrap}.bp-gain.zero{background:var(--im-surface-2);color:var(--im-muted)}.bp-gain.rev{background:#FEE2E2;color:#B91C1C}
.bp-cmp th.me,.bp-cmp td.me{background:color-mix(in srgb,var(--b) 9%,transparent)!important;font-weight:800}.bp-cmp small{display:block;font-size:11px}
.bp-sales{display:flex;flex-direction:column}.bp-sale{display:flex;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--im-border);text-decoration:none;color:inherit}.bp-sale:last-child{border:0}
.bp-sale .grow{min-width:0}.bp-sale b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-sale small{display:block;font-size:12px;color:var(--im-muted)}.bp-sale .ta-r small{margin-top:3px}
.bp-st{display:inline-block!important;font-size:10.5px!important;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:999px}.bp-st.ok{background:#DCFCE7;color:#15803D!important}.bp-st.bad{background:#FEE2E2;color:#B91C1C!important}.bp-st.wait{background:#FEF3C7;color:#B45309!important}
.bp-foot{font-size:12.5px;color:var(--im-muted);margin:12px 4px}
.bp-sheet{position:fixed;inset:0;z-index:80;display:none;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}.bp-sheet.open{display:flex}
.bp-sheet-box,.bp-done{width:100%;max-width:440px;background:var(--im-surface);border-radius:24px 24px 0 0;padding:18px;animation:cpUp .25s ease}
@media(min-width:700px){.bp-sheet{align-items:center}.bp-sheet-box,.bp-done{border-radius:24px}}
.bp-done{display:none;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 18px}.bp-sheet.ok .bp-sheet-box{display:none}.bp-sheet.ok .bp-done{display:flex}.bp-done b{font-size:18px}.bp-done small{color:var(--im-muted);margin-bottom:10px}
.bp-tick{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:36px;color:#fff;background:linear-gradient(135deg,#22C55E,#15803D);animation:bpPop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes bpPop{from{transform:scale(.3);opacity:0}}
.bp-sheet-h{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.bp-sheet-h b{display:block;font-size:18px}.bp-sheet-h small{color:var(--im-muted);font-size:13px}
.bp-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--im-surface-2);color:var(--im-text);cursor:pointer;flex:none}
.bp-flow{display:flex;align-items:center;gap:10px;margin-bottom:14px}.bp-flow>div{flex:1;padding:12px;border-radius:16px;background:var(--im-surface-2)}.bp-flow small{display:block;font-size:11px;color:var(--im-muted)}.bp-flow b{display:block;font-size:13.5px}.bp-flow span{font-size:13px;font-weight:700;color:#15803D}.bp-flow>i{color:var(--im-muted)}
.bp-amt{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:18px;border:2px solid var(--im-border);margin-bottom:10px}.bp-amt:focus-within{border-color:#16A34A}.bp-amt span{font-size:26px;font-weight:800;color:var(--im-muted)}
.bp-amt input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:30px;font-weight:800;color:var(--im-text);font-variant-numeric:tabular-nums}
.bp-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.bp-quick button{padding:9px;border-radius:12px;border:1px solid var(--im-border);background:var(--im-surface);font-weight:700;cursor:pointer;color:var(--im-text)}.bp-quick button:hover{border-color:#16A34A;color:#15803D}
.bp-msg{min-height:18px;margin:0 0 8px;color:#B91C1C;font-size:13px;font-weight:600}.bp-note{display:block;text-align:center;color:var(--im-muted);font-size:12px;margin-top:8px}
.bpx-hero{background:radial-gradient(90% 140% at 100% 0,rgba(252,211,77,.28) 0,transparent 45%),linear-gradient(130deg,#022C22,#047857 75%)}
[data-theme="dark"] .bp-gain{background:rgba(34,197,94,.16);color:#86EFAC}[data-theme="dark"] .bp-st.ok{background:rgba(34,197,94,.16)}[data-theme="dark"] .bp-st.bad,[data-theme="dark"] .bp-gain.rev{background:rgba(239,68,68,.16);color:#FCA5A5}
@media(max-width:1000px){.bp-kpis{grid-template-columns:repeat(3,1fr)}.bp-grid{grid-template-columns:1fr}}
@media(max-width:700px){.bp-hero{flex-direction:column;align-items:stretch;padding:16px;border-radius:20px}.bp-card{width:100%;max-width:330px;align-self:center;transform:none}.bp-bal{font-size:32px}}
@media(max-width:600px){.bp-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.bp-kpi{padding:10px}.bp-kpi span{width:34px;height:34px;font-size:16px}.bp-kpi b{font-size:13.5px}.bp-mix{flex-direction:column}.bp-bars{height:170px}.bp-ladder{grid-auto-columns:minmax(140px,72%)}}
/* 1.11.1 portal mode picker */
.bpx-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bpx-mode input{position:absolute;opacity:0}
.bpx-mode span{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px;border-radius:18px;border:2px solid var(--im-border);cursor:pointer}
.bpx-mode i{font-size:22px;color:#047857}.bpx-mode b{font-size:15px}.bpx-mode em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#DCFCE7;color:#15803D;margin-left:4px}
.bpx-mode small{color:var(--im-muted);font-size:13px;line-height:1.5}.bpx-mode input:checked+span{border-color:#047857;background:color-mix(in srgb,#047857 7%,var(--im-surface))}
@media(max-width:700px){.bpx-mode-grid{grid-template-columns:1fr}}
/* 1.11.2 portal explainer + purchase earn row */
.bp-explain{display:flex;gap:12px;padding:14px 16px;border-radius:18px;margin-bottom:10px;background:color-mix(in srgb,#3B82F6 7%,var(--im-surface));border:1px solid color-mix(in srgb,#3B82F6 25%,var(--im-border))}
.bp-explain-ic{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#60A5FA,#2563EB)}
.bp-explain b{font-size:14px}.bp-explain p{margin:4px 0 6px;font-size:13.5px;line-height:1.55}.bp-explain ul{margin:0 0 6px;padding-left:18px;font-size:13.5px;line-height:1.6}
.bp-per{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--im-surface-2);color:var(--im-text)}
dt.pe-row{color:#047857!important;font-weight:700}.pe-earn{color:#15803D;font-weight:800}.pe-next{display:block;font-size:11.5px;color:var(--im-muted)}.pe-up{font-size:12.5px;color:#B45309}.pe-up b{color:#15803D}

/* 1.11.3 earn everywhere: price list Earn column, upgrade cards, buy pages */
.pz-row.pz-5{grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,.8fr) 76px}
.pz-earn{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums;line-height:1.2}
.pz-earn b{font-size:14.5px;font-weight:800;color:#15803D;background:color-mix(in srgb,#22C55E 12%,transparent);padding:3px 9px;border-radius:999px}
.pz-earn small{font-size:11px;color:var(--im-muted);font-weight:600;margin-top:3px}
.pz-earn.is-up b{color:var(--im-muted);background:var(--im-surface-2)}.pz-earn.is-up small{color:#B45309}
.pz-earn.is-none b{background:none;color:var(--im-muted)}
.pz-earnbar{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 12px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border);box-shadow:var(--im-shadow)}
.pz-earnbar .peb-ic{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:18px;color:#15803D;background:color-mix(in srgb,#22C55E 14%,transparent)}
.pz-earnbar.is-up .peb-ic{color:#B45309;background:color-mix(in srgb,#F59E0B 16%,transparent)}
.pz-earnbar .peb-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pz-earnbar .peb-tx b{font-size:14.5px}.pz-earnbar .peb-tx small{font-size:12.5px;color:var(--im-muted);line-height:1.45}
.pz-tile-e{font-size:12.5px;font-weight:650;color:#15803D;background:color-mix(in srgb,#22C55E 10%,transparent);border-radius:10px;padding:6px 9px}
.pz-tile-e.is-up{color:#B45309;background:color-mix(in srgb,#F59E0B 12%,transparent)}
.plan-grid .p-earn{display:inline-block;margin-top:5px;font-size:11px;font-weight:800;color:#15803D;background:color-mix(in srgb,#22C55E 13%,transparent);padding:2px 7px;border-radius:999px;font-variant-numeric:tabular-nums}
.plan-grid .p-earn.is-up{color:#B45309;background:color-mix(in srgb,#F59E0B 14%,transparent);font-weight:700}
.pe-line{display:flex;align-items:center;gap:10px;margin:-2px 0 12px;padding:10px 12px;border-radius:16px;border:1px dashed color-mix(in srgb,#22C55E 45%,var(--im-border));background:color-mix(in srgb,#22C55E 7%,var(--im-surface))}
.pe-line .pe-ic{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#34D399,#059669)}
.pe-line .pe-tx{flex:1;min-width:0;display:flex;flex-direction:column}.pe-line .pe-tx b{font-size:13.5px}.pe-line .pe-tx small{font-size:11.5px;color:var(--im-muted);line-height:1.4}
.pe-line .pe-amt{font-weight:850;font-size:16px;color:#15803D;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.pe-line.is-up{border-color:color-mix(in srgb,#F59E0B 45%,var(--im-border));background:color-mix(in srgb,#F59E0B 7%,var(--im-surface))}
.pe-line.is-up .pe-ic{background:linear-gradient(135deg,#FBBF24,#D97706)}.pe-line.is-up .pe-amt{color:#B45309}
span.pe-row{color:#047857;font-weight:700}
.up-earn{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#22C55E 9%,var(--im-surface));border:1px solid color-mix(in srgb,#22C55E 28%,var(--im-border))}
.up-earn-k{font-size:11.5px;font-weight:700;color:#047857;text-transform:uppercase;letter-spacing:.04em}
.up-earn b{font-size:20px;font-weight:850;color:#15803D;letter-spacing:-.02em}.up-earn small{font-size:12px;color:var(--im-muted);line-height:1.45}
.up-earn.is-zero{background:var(--im-surface-2);border-color:var(--im-border)}.up-earn.is-zero .up-earn-k,.up-earn.is-zero b{color:var(--im-muted)}
.pe-chip{display:inline-block;margin-left:6px;font-size:11px;font-weight:800;color:#15803D;background:color-mix(in srgb,#22C55E 12%,transparent);padding:2px 7px;border-radius:999px;white-space:nowrap}
.pe-chip.is-zero{color:var(--im-muted);background:var(--im-surface-2)}
.pe-tr td{background:color-mix(in srgb,#22C55E 5%,transparent)}
@media(max-width:640px){
  .pz-row.pz-5{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"plan price price" "val earn buy";row-gap:6px}
  .pz-row.pz-5 .pz-earn{grid-area:earn}.pz-row.pz-5.pz-th{display:none}
  .pz-earnbar{flex-wrap:wrap}.pz-earnbar .btn{margin-left:52px}
}

/* 1.12.0 admin dashboard pro (adx) */
.adx{display:flex;flex-direction:column;gap:16px}
.adx-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;padding:24px;border-radius:24px;color:#fff;
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--im-primary) 70%,transparent) 0%,transparent 55%),linear-gradient(135deg,#0B1220 0%,#111C33 55%,#16233F 100%);box-shadow:0 24px 50px -28px rgba(11,18,32,.75)}
.adx-hero::after{content:"";position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(255,255,255,.04);pointer-events:none}
.adx-kick{display:flex;align-items:center;gap:10px;font-size:12.5px;color:rgba(255,255,255,.7);font-weight:600}
.adx-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:rgba(34,197,94,.16);color:#86EFAC;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.adx-live i{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:adxPulse 1.8s infinite}
@keyframes adxPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.adx-hero-lbl{margin-top:16px;font-size:13px;color:rgba(255,255,255,.65);font-weight:600}
.adx-hero-num{font-size:clamp(30px,5vw,46px);font-weight:850;letter-spacing:-.035em;line-height:1.05;margin:4px 0 8px;font-variant-numeric:tabular-nums}
.adx-hero-sub{font-size:13px;color:rgba(255,255,255,.72);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.adx-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(255,255,255,.12);color:#fff}
.adx-pill.up{background:rgba(34,197,94,.18);color:#86EFAC}.adx-pill.down{background:rgba(239,68,68,.18);color:#FCA5A5}
.adx-hero-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.adx-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;text-decoration:none;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);transition:background .15s,transform .15s}
.adx-btn:hover{background:rgba(255,255,255,.16);transform:translateY(-1px);color:#fff}.adx-btn.solid{background:#fff;color:#0B1220;border-color:#fff}.adx-btn.solid:hover{color:#0B1220;background:#F1F5F9}
.adx-hero-side{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.adx-spark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;backdrop-filter:blur(6px)}
.adx-spark small{color:rgba(255,255,255,.65);font-size:12px;font-weight:600}
.adx-spark svg{display:block;width:100%;height:74px;margin:8px 0 10px}
.adx-spark-m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.adx-spark-m b{display:block;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.adx-prov{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.adx-prov>i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(34,197,94,.18);color:#86EFAC}
.adx-prov span{flex:1;display:flex;flex-direction:column}.adx-prov small{font-size:11.5px;color:rgba(255,255,255,.65)}.adx-prov b{font-size:15px}
.adx-prov em{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;background:#F59E0B;color:#1A1300}
.adx-prov.low>i{background:rgba(245,158,11,.2);color:#FCD34D}.adx-prov.bad>i{background:rgba(239,68,68,.2);color:#FCA5A5}
.adx-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.adx-kpi{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border);box-shadow:var(--im-shadow);color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s}
.adx-kpi::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c)}
.adx-kpi:hover{transform:translateY(-2px);box-shadow:0 18px 34px -22px color-mix(in srgb,var(--c) 60%,transparent)}
.adx-ic{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:17px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);margin-bottom:6px}
.adx-ic.sm{width:34px;height:34px;font-size:15px;margin:0}
.adx-kpi small{font-size:12px;color:var(--im-muted);font-weight:650}.adx-kpi b{font-size:21px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.adx-kpi em{font-style:normal;font-size:11.5px;color:var(--im-muted);line-height:1.35}
.adx-levels .card-head h3 i{color:#CA8A04}
.adx-dist{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--im-surface-2);margin:2px 0 16px;gap:2px}
.adx-dist span{background:var(--c);min-width:6px;transition:filter .15s}.adx-dist span:hover{filter:brightness(1.15)}
.adx-lv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.adx-lv{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--c) 22%,var(--im-border));
  background:linear-gradient(160deg,color-mix(in srgb,var(--c) 9%,var(--im-surface)) 0%,var(--im-surface) 60%)}
.adx-lv-h{display:flex;align-items:center;gap:10px}.adx-lv-h b{display:block;font-size:15px}.adx-lv-h small{font-size:11.5px;color:var(--im-muted)}
.adx-lv-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 75%,#fff),var(--c));box-shadow:0 10px 20px -12px var(--c)}
.adx-lv-pc{font-size:12px;font-weight:800;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:3px 8px;border-radius:999px}
.adx-lv-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.adx-lv-big b{font-size:30px;font-weight:850;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.adx-lv-big span{font-size:13px;color:var(--im-muted);font-weight:600}.adx-lv-big em{font-style:normal;font-size:11.5px;font-weight:800;color:#15803D;background:color-mix(in srgb,#22C55E 13%,transparent);padding:2px 7px;border-radius:999px}
.adx-lv-bar{height:6px;border-radius:999px;background:var(--im-surface-2);overflow:hidden}.adx-lv-bar i{display:block;height:100%;border-radius:inherit;background:var(--c)}
.adx-lv-m{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.adx-lv-m div{padding:8px 10px;border-radius:12px;background:var(--im-surface-2)}.adx-lv-m dt{font-size:11px;color:var(--im-muted);font-weight:650}
.adx-lv-m dd{margin:2px 0 0;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.adx-lv-m dd small{font-weight:600;color:var(--im-muted)}
.adx-lv-go{font-size:12.5px;font-weight:700;color:var(--c);text-decoration:none;margin-top:auto}.adx-lv-go:hover{text-decoration:underline}
.adx-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.adx-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adx-trend-tot{font-size:18px;font-weight:850}.adx-trend-tot small{font-size:12px;color:var(--im-muted);font-weight:600}
.adx-bars{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;align-items:end;height:190px;padding-top:18px}
.adx-bar{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;height:100%;gap:6px}
.adx-bar>span{position:relative;display:block;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--im-primary) 55%,transparent),color-mix(in srgb,var(--im-primary) 22%,transparent));transition:filter .15s;animation:adxGrow .7s cubic-bezier(.2,.8,.2,1) both}
.adx-bar:hover>span{filter:brightness(1.12)}.adx-bar.is-today>span{background:linear-gradient(180deg,var(--im-primary),color-mix(in srgb,var(--im-primary) 60%,transparent))}
.adx-bar em{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-4px);font-style:normal;font-size:10.5px;font-weight:800;white-space:nowrap;opacity:0;transition:opacity .15s;color:var(--im-text)}
.adx-bar:hover em,.adx-bar.is-today em{opacity:1}.adx-bar small{font-size:10.5px;color:var(--im-muted);text-align:center;font-weight:600;white-space:nowrap;overflow:hidden}
@keyframes adxGrow{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.adx-mix-r{display:flex;gap:10px;align-items:flex-start;padding:9px 0}.adx-mix-r+.adx-mix-r{border-top:1px dashed var(--im-border)}
.adx-mix-r b{font-size:13.5px}.adx-mix-r small{font-size:11.5px;color:var(--im-muted)}
.adx-mix-bar{height:6px;border-radius:999px;background:var(--im-surface-2);margin:6px 0 3px;overflow:hidden}.adx-mix-bar i{display:block;height:100%;background:var(--c);border-radius:inherit}
.adx-q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.adx-qi{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--im-surface-2);border:1px solid transparent;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.adx-qi:hover{border-color:var(--im-border);transform:translateY(-1px)}.adx-qi>i{font-size:17px;color:var(--im-muted)}.adx-qi span{flex:1;font-size:13px;font-weight:600;min-width:0}
.adx-qi b{font-size:13px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--im-surface);color:var(--im-muted)}
.adx-qi.hot{background:color-mix(in srgb,#F59E0B 10%,var(--im-surface));border-color:color-mix(in srgb,#F59E0B 35%,var(--im-border))}.adx-qi.hot>i{color:#D97706}.adx-qi.hot b{background:#F59E0B;color:#1A1300}
.adx-qi.bf{background:color-mix(in srgb,#7C3AED 8%,var(--im-surface));border-color:color-mix(in srgb,#7C3AED 25%,var(--im-border))}.adx-qi.bf>i{color:#7C3AED}.adx-qi.bf b{background:#7C3AED;color:#fff}
.adx-row{display:flex;align-items:center;gap:10px;padding:10px 0;color:inherit;text-decoration:none;min-width:0}.adx-row+.adx-row{border-top:1px solid var(--im-border)}
.adx-row .grow{min-width:0}.adx-row b{font-size:13.5px;display:block}.adx-row small{font-size:11.5px;color:var(--im-muted);display:block}
.adx-row .ta-r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.adx-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#A78BFA,#7C3AED)}
.adx-st{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}
.adx-st.ok{background:color-mix(in srgb,#22C55E 14%,transparent);color:#15803D}.adx-st.bad{background:color-mix(in srgb,#EF4444 14%,transparent);color:#B91C1C}.adx-st.wait{background:color-mix(in srgb,#F59E0B 16%,transparent);color:#B45309}
.adx-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--im-surface-2)}
@media(max-width:1280px){.adx-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.adx-grid3{grid-template-columns:1fr 1fr}.adx-grid3>:last-child{grid-column:1/-1}}
@media(max-width:991px){.adx-hero{grid-template-columns:1fr;padding:20px}.adx-grid2{grid-template-columns:1fr}}
@media(max-width:640px){
  .adx{gap:12px}.adx-hero{border-radius:20px;padding:18px;gap:14px}.adx-hero-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adx-btn{justify-content:center;padding:9px 10px}
  .adx-kpis{grid-template-columns:1fr 1fr;gap:10px}.adx-kpi{padding:13px;border-radius:18px}.adx-kpi b{font-size:18px}.adx-ic{width:34px;height:34px;font-size:15px}
  .adx-lv-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -4px;padding:0 4px 6px;-webkit-overflow-scrolling:touch}
  .adx-lv{flex:0 0 84%;scroll-snap-align:start}
  .adx-bars{gap:3px;height:150px}.adx-bar small{font-size:9px}.adx-bar.is-today em{display:none}
  .adx-grid3{grid-template-columns:1fr}.adx-q-grid{grid-template-columns:1fr 1fr}.adx-qi{padding:10px;gap:8px}.adx-qi span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.adx-bar>span,.adx-live i{animation:none}}

/* 1.12.0 buyer alerts toasts (bf) */
.bf-host{position:fixed;z-index:80;bottom:calc(22px + env(safe-area-inset-bottom));left:20px;width:min(360px,calc(100vw - 24px));pointer-events:none}
.bf-host.bf-right{left:auto;right:96px}
.bf-toast{pointer-events:auto;position:relative;display:flex;align-items:center;gap:12px;padding:12px 38px 12px 12px;border-radius:18px;background:color-mix(in srgb,var(--im-surface) 94%,transparent);
  backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--im-border);box-shadow:0 20px 44px -18px rgba(15,23,42,.45);
  opacity:0;transform:translateY(18px) scale(.97);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.25,1.15)}
.bf-toast.in{opacity:1;transform:none}
.bf-toast::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#22C55E}
.bf-ic{position:relative;flex:none}.bf-ic .net-dot{width:42px;height:42px;font-size:15px}.bf-ic>.bi{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--im-surface-2);font-size:18px}
.bf-ic em{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff;background:#16A34A;border:2px solid var(--im-surface)}
.bf-tx{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.bf-l1{font-size:12.5px;color:var(--im-muted)}.bf-l1 b{color:var(--im-text)}
.bf-l2{font-size:13.5px}.bf-l2 b{font-weight:800}
.bf-l3{font-size:11.5px;color:var(--im-muted);margin-top:2px}.bf-l3>.bi{color:#16A34A}.bf-l3 a{font-weight:800;color:var(--im-primary);text-decoration:none}
.bf-x{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--im-muted);display:grid;place-items:center;cursor:pointer;font-size:16px}
.bf-x:hover{background:var(--im-surface-2);color:var(--im-text)}
@media(max-width:991px){.bf-host,.bf-host.bf-right{left:12px;right:12px;width:auto;bottom:calc(98px + env(safe-area-inset-bottom))}}
@media(max-width:991px){.scope-admin .bf-host{bottom:calc(16px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.bf-toast{transition:opacity .2s}}

/* 1.12.0 admin buyer alerts page (bfa) */
.bfa-hero{align-items:center}.bfa-mock{flex:0 1 360px;min-width:0}.bfa-mock .bf-toast{opacity:1;transform:none;color:var(--im-text)}
.bfa-src{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bfa-nets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bfa-net input{position:absolute;opacity:0;pointer-events:none}
.bfa-net>span{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:16px;border:1.5px solid var(--im-border);background:var(--im-surface);cursor:pointer;transition:border-color .15s,background .15s}
.bfa-net>span b{font-size:14px}.bfa-net>span small{font-size:11.5px;color:var(--im-muted)}
.bfa-tick{position:absolute;top:10px;right:10px;font-size:18px;color:var(--im-border)}
.bfa-si{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--im-surface-2);font-size:16px}
.bfa-net input:checked+span{border-color:#16A34A;background:color-mix(in srgb,#22C55E 7%,var(--im-surface))}.bfa-net input:checked+span .bfa-tick{color:#16A34A}
.bfa-net input:focus-visible+span{outline:2px solid var(--im-primary);outline-offset:2px}
.bfa-seg{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:14px;background:var(--im-surface-2);margin-bottom:12px;width:fit-content;max-width:100%}
.bfa-seg input{position:absolute;opacity:0;pointer-events:none}.bfa-seg span{display:block;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:650;cursor:pointer;color:var(--im-muted)}
.bfa-seg input:checked+span{background:var(--im-surface);color:var(--im-text);box-shadow:0 4px 12px -6px rgba(15,23,42,.3)}
@media(max-width:820px){.bfa-src{grid-template-columns:1fr!important}.bfa-mock{display:none}.bfa-nets{grid-template-columns:1fr 1fr}.bfa-seg{width:100%}.bfa-seg label{flex:1}.bfa-seg span{text-align:center;padding:8px 6px}}

/* 1.12.1 business portal v2: theme hero, today range, mobile ladder, price-by-level cards, profit calculator */
.bp2-hero{position:relative;overflow:hidden;isolation:isolate;padding:20px 22px;border-radius:calc(var(--im-radius-lg) + 4px);margin-bottom:12px;color:#fff;
  background:var(--im-card-grad,var(--im-hero-grad));box-shadow:0 30px 60px -30px var(--im-primary),inset 0 1px 0 rgba(255,255,255,.18)}
.bp2-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px);z-index:-1}
.bp2-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:44px solid rgba(255,255,255,.06);right:-110px;top:-140px;z-index:-1}
.bp2-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bp2-hi{display:flex;flex-direction:column;gap:3px;min-width:0}
.bp2-greet{font-size:13px;font-weight:650;opacity:.86;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp2-shop{font-size:20px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp2-clock{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;padding:8px 12px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.14)}
.bp2-clock b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.bp2-clock b small{font-size:11px;margin-left:3px;opacity:.8}
.bp2-clock span{font-size:11.5px;opacity:.78;margin-top:3px;white-space:nowrap}
.bp2-read{font-size:12.5px;opacity:.8;margin-top:8px;font-style:italic;min-height:18px}
.bp2-main{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px}
.bp2-bal small{font-size:12.5px;opacity:.8;font-weight:600;letter-spacing:.02em}
.bp2-bal h2{color:#fff;font-size:clamp(28px,4vw,38px);font-weight:850;letter-spacing:-.035em;margin:4px 0 0;line-height:1.05;font-variant-numeric:tabular-nums}
.bp2-lv{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 11px;border-radius:999px;font-size:12.5px;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bp2-lv em{font-style:normal;font-size:10.5px;padding:2px 7px;border-radius:999px;background:#fff;color:var(--im-primary)}
.bp2-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.bp2-chips span{padding:9px 11px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);min-width:0}
.bp2-chips small{display:block;font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp2-chips b{display:block;font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.bp2-chips b.up{color:#BBF7D0}
.bp2-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bp2-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:750;color:#fff;text-decoration:none!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);cursor:pointer;transition:background .15s,transform .15s}
.bp2-btn:hover{background:rgba(255,255,255,.24);transform:translateY(-1px);color:#fff}.bp2-btn.solid{background:#fff;color:var(--im-primary);border-color:#fff}.bp2-btn.solid:hover{color:var(--im-primary);background:#fff}
.bp2-btn:disabled{opacity:.6;cursor:not-allowed}
.bp2-range{margin-top:4px}.bp2-range a{white-space:nowrap}
/* ladder: compact cards that always fit */
.bp2-ladder{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:12px}
.bp2-rung{--c:#64748B;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:var(--im-surface);border:1px solid var(--im-border);min-width:0}
.bp2-rung.skin-agent{--c:#059669}.bp2-rung.skin-vendor{--c:#D97706}.bp2-rung.skin-api{--c:#7C3AED}
.bp2-rung.cur{border:2px solid var(--c);background:color-mix(in srgb,var(--c) 7%,var(--im-surface))}.bp2-rung.past{opacity:.7}
.bp2-rung-h{display:flex;align-items:center;gap:7px;min-width:0}.bp2-rung-h span{width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--c)}
.bp2-rung-h b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp2-rung-h em{font-style:normal;font-size:9.5px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--c);color:#fff;margin-left:auto}
.bp2-rung strong{font-size:19px;font-weight:850;letter-spacing:-.02em;color:var(--c);margin-top:4px;font-variant-numeric:tabular-nums}
.bp2-rung small{font-size:11.5px;color:var(--im-muted);line-height:1.35}
.bp2-rung a{font-size:12px;font-weight:750;color:var(--c);text-decoration:none;margin-top:3px}
/* best sellers */
.bp2-best>div{min-width:0}.bp2-best .grow{min-width:0}.bp2-best b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}.bp2-best small{display:block;font-size:11.5px;color:var(--im-muted)}
.bp2-best .bp-gain{flex:none}
/* price by level as cards */
.bp2-cmp{display:flex;flex-direction:column;gap:10px}
.bp2-cmp-r{padding:12px;border-radius:16px;background:var(--im-surface-2)}
.bp2-cmp-n{display:block;font-size:13.5px;margin-bottom:8px}
.bp2-cmp-lv{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}
.bp2-cmp-lv span{--c:#64748B;display:flex;flex-direction:column;padding:8px 10px;border-radius:12px;background:var(--im-surface);border:1px solid var(--im-border);min-width:0}
.bp2-cmp-lv span.skin-agent{--c:#059669}.bp2-cmp-lv span.skin-vendor{--c:#D97706}.bp2-cmp-lv span.skin-api{--c:#7C3AED}
.bp2-cmp-lv span.me{border:2px solid var(--c)}
.bp2-cmp-lv small{font-size:10.5px;color:var(--c);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp2-cmp-lv b{font-size:13.5px;font-variant-numeric:tabular-nums}.bp2-cmp-lv em{font-style:normal;font-size:11.5px;font-weight:800;color:#15803D}.bp2-cmp-lv em.zero{color:var(--im-muted);font-weight:650}
.bp-bars.is-hours small{font-size:9.5px;white-space:nowrap}
/* profit calculator */
.bpc{padding:0!important;overflow:hidden}
.bpc-copy{padding:20px 22px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--im-primary) 12%,var(--im-surface)),var(--im-surface) 70%)}
.bpc-kick{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--im-primary);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--im-primary) 12%,transparent)}
.bpc-copy h3{font-size:22px;letter-spacing:-.02em;margin:10px 0 6px}.bpc-copy h3 span{color:var(--im-primary)}
.bpc-copy p{font-size:14px;line-height:1.6;margin:0;color:var(--im-text);max-width:720px}
.bpc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;padding:18px 22px}
.bpc-in{display:flex;flex-direction:column;gap:12px}
.bpc-f{display:flex;flex-direction:column;gap:6px}.bpc-f>span{font-size:12.5px;font-weight:700;color:var(--im-muted);display:flex;justify-content:space-between;gap:8px}.bpc-f>span b{color:var(--im-text);font-size:14px}
.bpc-f input[type=range]{width:100%;accent-color:var(--im-primary)}
.bpc-qs{display:flex;gap:6px}.bpc-qs button{flex:1;padding:6px 0;border-radius:10px;border:1px solid var(--im-border);background:var(--im-surface);font-weight:700;font-size:12.5px;cursor:pointer;color:var(--im-text)}
.bpc-qs button:hover{border-color:var(--im-primary);color:var(--im-primary)}
.bpc-sell{display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:12px;border:1px solid var(--im-border);background:var(--im-surface)}.bpc-sell em{font-style:normal;font-weight:800;color:var(--im-muted)}
.bpc-sell input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:11px 0;font:inherit;font-weight:700;color:var(--im-text)}
.bpc-days{display:flex;gap:6px}.bpc-days label{flex:1}.bpc-days input{position:absolute;opacity:0;pointer-events:none}
.bpc-days span{display:block;text-align:center;padding:8px 0;border-radius:10px;border:1px solid var(--im-border);font-size:12.5px;font-weight:700;cursor:pointer}
.bpc-days input:checked+span{background:var(--im-primary);border-color:var(--im-primary);color:#fff}
.bpc-out{display:flex;flex-direction:column;gap:10px}
.bpc-unit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bpc-unit>div{padding:9px 10px;border-radius:12px;background:var(--im-surface-2);min-width:0}
.bpc-unit small{display:block;font-size:11px;color:var(--im-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpc-unit b{font-size:14.5px;font-variant-numeric:tabular-nums}.bpc-unit b.up{color:#15803D}
.bpc-res{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}
.bpc-r{padding:12px;border-radius:16px;background:color-mix(in srgb,#22C55E 8%,var(--im-surface));border:1px solid color-mix(in srgb,#22C55E 25%,var(--im-border));min-width:0}
.bpc-r small{display:block;font-size:11.5px;color:var(--im-muted);font-weight:650}.bpc-r b{display:block;font-size:18px;font-weight:850;letter-spacing:-.02em;color:#15803D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.bpc-r.big{background:linear-gradient(135deg,#16A34A,#047857);border-color:transparent}.bpc-r.big small{color:rgba(255,255,255,.8)}.bpc-r.big b{color:#fff;font-size:22px}
.bpc-lv{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}
.bpc-lv>div{padding:8px 10px;border-radius:12px;border:1px solid var(--im-border);min-width:0}.bpc-lv>div.me{border:2px solid var(--im-primary);background:color-mix(in srgb,var(--im-primary) 6%,var(--im-surface))}
.bpc-lv small{display:block;font-size:10.5px;color:var(--im-muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpc-lv b{display:block;font-size:14px;font-variant-numeric:tabular-nums}.bpc-lv span{font-size:10.5px;color:var(--im-muted)}
.bpc-note{font-size:12.5px;margin:0;padding:9px 11px;border-radius:12px;background:color-mix(in srgb,#F59E0B 10%,var(--im-surface));color:var(--im-text)}.bpc-note b{color:#15803D}
.bpc-cta{display:flex;flex-wrap:wrap;gap:8px;padding:0 22px 20px}
[data-theme="dark"] .bpc-r b,[data-theme="dark"] .bpc-unit b.up,[data-theme="dark"] .bp2-cmp-lv em{color:#86EFAC}[data-theme="dark"] .bpc-r.big b{color:#fff}
@media(max-width:900px){.bpc-body{grid-template-columns:1fr}}
@media(max-width:700px){
  .bp2-hero{padding:14px 14px 14px;border-radius:20px}
  .bp2-shop{font-size:16.5px}.bp2-greet{font-size:12px}
  .bp2-clock{padding:6px 9px;border-radius:12px}.bp2-clock b{font-size:16px}.bp2-clock span{font-size:10.5px}
  .bp2-read{font-size:11.5px;margin-top:6px}
  .bp2-main{margin-top:10px}.bp2-bal h2{font-size:28px}.bp2-bal small{font-size:11.5px}
  .bp2-lv{font-size:11.5px;padding:5px 5px 5px 9px}
  .bp2-chips{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.bp2-chips span{padding:7px 9px;border-radius:12px}.bp2-chips b{font-size:13px}
  .bp2-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-top:12px}.bp2-btn{padding:9px 8px;font-size:12.5px}
  .bp2-range{width:100%;display:grid!important;grid-template-columns:repeat(4,1fr)}.bp2-range a{text-align:center}
  .bp2-ladder{grid-template-columns:1fr 1fr;gap:6px}.bp2-rung{padding:10px 11px;border-radius:14px}.bp2-rung strong{font-size:16.5px}
  .bp-explain{padding:12px}.bp-explain p{font-size:13px}
  .bp2-cmp-lv{grid-template-columns:1fr 1fr}
  .bpc-copy{padding:16px}.bpc-copy h3{font-size:19px}.bpc-copy p{font-size:13.5px}.bpc-body{padding:14px 16px;gap:14px}.bpc-cta{padding:0 16px 16px;display:grid;grid-template-columns:1fr}
  .bpc-res{grid-template-columns:1fr 1fr}.bpc-r.big{grid-column:1/-1}.bpc-r b{font-size:16px}.bpc-r.big b{font-size:24px}
  .bpc-lv{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){.bp2-chips b{font-size:12px}.bp2-clock span{display:none}}

/* 1.13.0 marketing kit: banner studio (mk) + sales scripts (ss) */
.mk,.ss{display:flex;flex-direction:column;gap:14px}
.mk-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:calc(var(--im-radius-lg) + 4px);color:#fff;background:var(--im-card-grad,var(--im-hero-grad));box-shadow:0 26px 50px -30px var(--im-primary)}
.mk-hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.07);right:-90px;top:-120px;z-index:-1}
.mk-hero h2{color:#fff;margin:6px 0 4px;font-size:26px;letter-spacing:-.02em}.mk-hero p{margin:0;opacity:.85;font-size:14px;max-width:620px}
.mk-kick{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16)}
.mk-hero-a{display:flex;flex-direction:column;gap:8px;flex:none}
.mk-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:999px;background:#fff;color:var(--im-primary)!important;font-weight:800;font-size:13.5px;text-decoration:none!important;white-space:nowrap}
.mk-pill.ghost{background:rgba(255,255,255,.14);color:#fff!important;border:1px solid rgba(255,255,255,.25)}
.mk-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.mk-steps{display:flex;flex-direction:column;gap:14px;min-width:0}.mk-steps>.card{margin:0}
.mk-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px;min-width:0}.mk-side>.card{margin:0}
.mk-step-h{display:flex;gap:12px;align-items:center;margin-bottom:14px}.mk-step-h em{width:32px;height:32px;flex:none;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:850;color:#fff;background:var(--im-card-grad,var(--im-primary))}
.mk-step-h h3{margin:0;font-size:16px}.mk-step-h small{color:var(--im-muted);font-size:12.5px}
.mk-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mk-fmt input,.mk-sch input,.mk-seg input,.mk-bank input{position:absolute;opacity:0;pointer-events:none}
.mk-fmt span{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:16px;border:1.5px solid var(--im-border);background:var(--im-surface);cursor:pointer;height:100%;transition:border-color .15s,background .15s}
.mk-fmt i{font-size:20px;color:var(--im-primary)}.mk-fmt b{font-size:13px;line-height:1.25}.mk-fmt small{font-size:11px;color:var(--im-muted)}
.mk-fmt input:checked+span{border-color:var(--im-primary);background:color-mix(in srgb,var(--im-primary) 8%,var(--im-surface));box-shadow:0 10px 22px -18px var(--im-primary)}
.mk-fmt input:focus-visible+span,.mk-sch input:focus-visible+span{outline:2px solid var(--im-primary);outline-offset:2px}
.mk-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-fields .field{margin:0}.mk-span2{grid-column:1/-1}
.mk-logo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mk-logo-pv{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--im-surface-2);color:var(--im-muted);font-size:20px;flex:none}.mk-logo-pv img{width:100%;height:100%;object-fit:cover}
.mk-bank{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--im-surface-2);margin-top:12px;cursor:pointer}
.mk-bank b{font-size:13.5px;display:block}.mk-bank small{font-size:12px;color:var(--im-muted)}
.mk-sw{width:42px;height:24px;flex:none;border-radius:999px;background:var(--im-border);position:relative;transition:background .15s}.mk-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.mk-bank input:checked+.mk-sw{background:#16A34A}.mk-bank input:checked+.mk-sw::after{transform:translateX(18px)}
.mk-bank.sm{margin-top:0;padding:10px 12px}.mk-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.mk-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.mk-quick>span{font-size:12.5px;color:var(--im-muted);font-weight:650;margin-right:2px}.mk-quick .chip{padding:6px 12px}
.mk-nets{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;scrollbar-width:none}.mk-nets::-webkit-scrollbar{display:none}
.mk-net{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;border:1.5px solid var(--im-border);background:var(--im-surface);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;color:var(--im-text)}
.mk-net .net-dot{width:26px;height:26px;font-size:11px}.mk-net.on{border-color:var(--im-primary);background:color-mix(in srgb,var(--im-primary) 8%,var(--im-surface))}
.mk-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;max-height:228px;overflow-y:auto;padding:2px}
.mk-plan{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 10px;border-radius:13px;border:1.5px solid var(--im-border);background:var(--im-surface);cursor:pointer;text-align:left;color:var(--im-text)}
.mk-plan b{font-size:14px}.mk-plan small{font-size:10.5px;color:var(--im-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mk-plan em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--im-primary)}
.mk-plan.on{border-color:#16A34A;background:color-mix(in srgb,#22C55E 9%,var(--im-surface))}
.mk-chosen{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.mk-ch-h,.mk-ch{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.8fr) auto;gap:6px;align-items:center}
.mk-ch-h span{font-size:11px;font-weight:700;color:var(--im-muted);text-transform:uppercase;letter-spacing:.04em}
.mk-ch{padding:7px;border-radius:14px;background:var(--im-surface-2)}
.mk-ch-n{display:flex;align-items:center;gap:7px;min-width:0}.mk-ch-n .net-dot{width:28px;height:28px;font-size:11px;flex:none}.mk-ch-n b{font-size:13.5px;white-space:nowrap}.mk-ch-n small{font-size:11px;color:var(--im-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-px{display:flex;align-items:center;gap:3px;padding:0 8px;border-radius:10px;border:1px solid var(--im-border);background:var(--im-surface);min-width:0}.mk-px em{font-style:normal;font-size:12px;color:var(--im-muted);font-weight:700}
.mk-px input{width:100%;min-width:0;border:0;outline:none;background:transparent;padding:8px 0;font:inherit;font-weight:750;font-size:13.5px;color:var(--im-text)}
.mk-px.promo{border-color:color-mix(in srgb,#EF4444 40%,var(--im-border))}.mk-px.promo input{color:#DC2626}
.mk-ch-a{display:flex;gap:4px}.mk-ch-a button{width:30px;height:30px;border-radius:9px;border:0;background:var(--im-surface);color:var(--im-muted);cursor:pointer}
.mk-ch-a button:hover{color:var(--im-text)}
.mk-empty{font-size:13px;color:var(--im-muted);padding:12px;border-radius:12px;border:1.5px dashed var(--im-border);text-align:center}
.mk-schemes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.mk-sch{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.mk-sch span{width:100%;aspect-ratio:1;border-radius:14px;border:3px solid transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.mk-sch small{font-size:10.5px;color:var(--im-muted);font-weight:650}.mk-sch input:checked+span{border-color:var(--im-text);box-shadow:0 0 0 2px var(--im-surface) inset}
.mk-sch-c{display:grid!important;place-items:center;background:conic-gradient(#EF4444,#F59E0B,#22C55E,#3B82F6,#A855F7,#EF4444);color:#fff;font-size:16px}
.mk-custom{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.mk-custom label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650}.mk-custom input{width:38px;height:30px;border:0;padding:0;background:none;cursor:pointer}
.mk-seg{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--im-surface-2);margin:12px 0}.mk-seg span{display:block;padding:7px 16px;border-radius:9px;font-size:13px;font-weight:700;color:var(--im-muted);cursor:pointer}
.mk-seg input:checked+span{background:var(--im-surface);color:var(--im-text);box-shadow:0 2px 8px -4px rgba(15,23,42,.3)}
.mk-pv-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.mk-pv-h b{font-size:14px}.mk-pv-h small{font-size:11.5px;color:var(--im-muted)}
.mk-canvas{width:100%;max-height:62vh;margin:0 auto 12px;border-radius:14px;overflow:hidden;background:repeating-conic-gradient(var(--im-surface-2) 0 25%,var(--im-surface) 0 50%) 0 0/18px 18px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -26px rgba(15,23,42,.6)}
.mk-canvas.is-tall{max-width:min(100%,calc(62vh * .5625))}.mk-canvas canvas{width:100%;height:100%;display:block;object-fit:contain}
.mk-rec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mk-rec a{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--im-muted);font-size:11px}
.mk-rec img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--im-border)}
.mk-sheet{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.6);backdrop-filter:blur(4px)}
.mk-sheet.open{display:flex}
.mk-sheet-box{width:100%;max-width:520px;max-height:94vh;overflow-y:auto;background:var(--im-surface);border-radius:24px 24px 0 0;padding:18px;animation:cpUp .3s ease}
@media(min-width:700px){.mk-sheet{align-items:center}.mk-sheet-box{border-radius:24px}}
.mk-sheet-h{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.mk-sheet-h b{display:block;font-size:18px}.mk-sheet-h small{color:var(--im-muted);font-size:12.5px}
.mk-sheet-img{border-radius:16px;overflow:hidden;background:var(--im-surface-2);display:grid;place-items:center;max-height:52vh}.mk-sheet-img img{max-width:100%;max-height:52vh;display:block}
.mk-share{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.mk-sh{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font-size:11.5px;font-weight:700;color:var(--im-text)}
.mk-sh i{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:22px;color:#fff;background:#334155}
.mk-sh.dl i{background:var(--im-card-grad,var(--im-primary))}.mk-sh.wa i{background:#16A34A}.mk-sh.fb i{background:#1877F2}.mk-sh.more i{background:#7C3AED}.mk-sh.link i{background:#0F172A}
.mk-msg{min-height:18px;text-align:center;font-size:13px;margin:10px 0 0;color:var(--im-muted)}
@media(max-width:1100px){.mk-grid{grid-template-columns:1fr}.mk-side{position:static;order:-1}.mk-canvas{max-height:46vh}.mk-canvas.is-tall{max-width:min(100%,calc(46vh * .5625))}}
@media(max-width:640px){
  .mk-hero{flex-direction:column;align-items:stretch;padding:16px;border-radius:20px}.mk-hero h2{font-size:22px}.mk-hero p{font-size:13px}.mk-hero-a{flex-direction:row}.mk-pill{flex:1;padding:9px 10px;font-size:12.5px}
  .mk-formats{grid-template-columns:1fr 1fr}.mk-fields{grid-template-columns:1fr}.mk-toggles{grid-template-columns:1fr}
  .mk-schemes{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mk-ch-h{display:none}.mk-ch{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"n n a" "p q q"}.mk-ch-n{grid-area:n}.mk-ch-a{grid-area:a}.mk-ch .mk-px:not(.promo){grid-area:p}.mk-ch .mk-px.promo{grid-area:q}
  .mk-share{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.mk-sh i{width:46px;height:46px;font-size:19px;border-radius:15px}.mk-sh{font-size:10.5px}
}

/* sales scripts */
.ss-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ss-tools .field{margin:0}
.ss-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ss-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ss-cats::-webkit-scrollbar{display:none}.ss-cats .chip{white-space:nowrap;flex:none}
.ss-search{flex:1;min-width:200px}
.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ss-card{--c:var(--im-primary);display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border);box-shadow:var(--im-shadow);position:relative}
.ss-card::before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--c)}
.ss-h{display:flex;align-items:center;gap:8px}.ss-n{font-size:11.5px;font-weight:850;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);padding:3px 9px;border-radius:999px}
.ss-cat{font-size:11.5px;font-weight:700;color:var(--im-muted)}.ss-len{margin-left:auto;font-size:11px;color:var(--im-muted);font-variant-numeric:tabular-nums}
.ss-t{font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word;flex:1;margin:0}
.ss-a{display:flex;gap:6px}.ss-a button,.ss-a a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:12px;border:1px solid var(--im-border);background:var(--im-surface-2);font-size:12.5px;font-weight:750;cursor:pointer;color:var(--im-text);text-decoration:none!important}
.ss-a .wa{background:#16A34A;border-color:#16A34A;color:#fff}.ss-a .ok{background:var(--im-text);color:var(--im-surface)}
.ss-a .icon{flex:0 0 40px}
.ss-tip{display:flex;gap:12px;padding:14px;border-radius:18px;background:color-mix(in srgb,#F59E0B 9%,var(--im-surface));border:1px solid color-mix(in srgb,#F59E0B 28%,var(--im-border))}
.ss-tip i{font-size:22px;color:#D97706}.ss-tip b{display:block}.ss-tip p{margin:2px 0 0;font-size:13px}
@media(max-width:900px){.ss-tools{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ss-tools{grid-template-columns:1fr 1fr;gap:8px}.ss-grid{grid-template-columns:1fr}.ss-card{padding:12px;border-radius:18px}.ss-t{font-size:14px}.ss-search{min-width:0;width:100%}}

.mk-fab{display:none}
@media(max-width:1100px){.mk-fab{display:flex;align-items:center;justify-content:center;gap:8px;position:fixed;z-index:60;left:50%;transform:translateX(-50%);bottom:calc(100px + env(safe-area-inset-bottom));padding:13px 22px;border:0;border-radius:999px;font-weight:800;font-size:14.5px;color:#fff;background:var(--im-card-grad,var(--im-primary));box-shadow:0 16px 30px -12px var(--im-primary);cursor:pointer}}
@media(min-width:992px) and (max-width:1100px){.mk-fab{bottom:24px}}

.bp2-mk{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.bp2-mk-c{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,var(--im-surface)),var(--im-surface));border:1px solid color-mix(in srgb,var(--c) 28%,var(--im-border));color:inherit;text-decoration:none!important;transition:transform .15s}
.bp2-mk-c:hover{transform:translateY(-2px)}.bp2-mk-c>span{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#fff;background:var(--c)}
.bp2-mk-c b{display:block;font-size:14.5px}.bp2-mk-c small{font-size:12px;color:var(--im-muted);line-height:1.4}.bp2-mk-c>.bi-chevron-right{color:var(--im-muted)}
@media(max-width:700px){.bp2-mk{grid-template-columns:1fr;gap:8px}.bp2-mk-c{padding:12px;border-radius:18px}}

/* 1.14.0 landing designs admin (ldz) */
.ldz-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;margin-bottom:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--im-primary) 9%,var(--im-surface)),var(--im-surface));border:1px solid color-mix(in srgb,var(--im-primary) 22%,var(--im-border))}
.ldz-strip-ic{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:19px;color:#fff;background:var(--im-primary)}
.ldz-strip .grow{min-width:200px}.ldz-strip b{display:block;font-size:14.5px}.ldz-strip small{color:var(--im-muted);font-size:12.5px}
.ldz-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--im-surface-2);overflow-x:auto}.ldz-tabs a{padding:7px 13px;border-radius:9px;font-size:13px;font-weight:700;color:var(--im-muted);text-decoration:none;white-space:nowrap}.ldz-tabs a.on{background:var(--im-surface);color:var(--im-text);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.ldz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ldz{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--im-surface);border:1.5px solid var(--im-border);transition:transform .15s,box-shadow .15s}
.ldz:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(15,23,42,.5)}.ldz.on{border-color:#16A34A;box-shadow:0 0 0 3px color-mix(in srgb,#16A34A 25%,transparent)}
.ldz-pv{position:relative;height:130px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.ldz-pv span{font-size:38px;font-weight:700;line-height:1}.ldz-pv em{position:absolute;top:10px;left:12px;font-style:normal;font-size:11px;font-weight:800;opacity:.8}
.ldz-pv small{font-size:11.5px;font-weight:650;opacity:.85}.ldz-sw{position:absolute;top:12px;right:12px;display:flex;gap:4px}.ldz-sw i{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.7)}
.ldz-pv.classic{background:var(--im-surface-2);color:var(--im-muted);flex-direction:row;align-items:flex-end}.ldz-pv.classic i{flex:1;height:10px;border-radius:5px;background:var(--im-border)}
.ldz-b{padding:12px 14px;flex:1}.ldz-b b{display:block;font-size:15px}.ldz-b small{color:var(--im-muted);font-size:12px}.ldz-b p{margin:6px 0 0;font-size:12.5px;color:var(--im-text);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ldz-a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--im-border)}.ldz-live{font-size:12.5px;font-weight:800;color:#15803D}
.ldz-secs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
@media(max-width:640px){.ldz-grid{grid-template-columns:1fr 1fr;gap:10px}.ldz-pv{height:100px}.ldz-pv span{font-size:28px}.ldz-b p{display:none}.ldz-a{flex-direction:column;align-items:stretch}.ldz-a .btn,.ldz-a form,.ldz-a form .btn{width:100%}.ldz-secs{grid-template-columns:1fr}}

/* 1.14.0 membership guide (mg) */
.mg{display:flex;flex-direction:column;gap:18px}
.mg-public{background:var(--im-bg)}.mg-top{display:flex;justify-content:space-between;align-items:center;padding:14px max(16px,calc((100% - 1120px)/2));background:var(--im-surface);border-bottom:1px solid var(--im-border);position:sticky;top:0;z-index:20}
.mg-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--im-text);font-size:17px}.mg-brand img{height:32px}.mg-main{width:min(1120px,100% - 28px);margin:20px auto 60px}
.mg-hero{position:relative;overflow:hidden;isolation:isolate;padding:30px 28px;border-radius:calc(var(--im-radius-lg) + 6px);color:#fff;background:var(--im-card-grad,var(--im-hero-grad));box-shadow:0 30px 60px -32px var(--im-primary)}
.mg-hero::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:50px solid rgba(255,255,255,.07);right:-110px;top:-140px;z-index:-1}
.mg-kick{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16)}
.mg-hero h1{color:#fff;font-size:clamp(28px,4.4vw,44px);margin:10px 0 8px;letter-spacing:-.02em;line-height:1.1}.mg-hero h1 em{font-style:normal;color:#FDE68A}.mg-hero p{opacity:.88;max-width:700px;margin:0;font-size:15.5px}
.mg-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}.mg-ladder>span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:750}
.mg-ladder>span.me{background:#fff;color:var(--im-primary)}.mg-arr{opacity:.6;font-size:12px}
.mg-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff!important}
.mg-btn.solid{background:#fff;color:var(--im-primary)!important;border-color:#fff}.mg-btn.block{display:flex;width:100%;margin-top:auto}
.mg-lv .mg-btn.solid,.mg-cta .mg-btn.solid{background:var(--c,var(--im-primary));color:#fff!important;border-color:transparent}
.mg-sec h2{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.mg-lead{color:var(--im-muted);margin:0 0 12px;font-size:14px}
.mg-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.mg-why-i{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:20px;background:var(--im-surface);border:1px solid var(--im-border)}.mg-why-i span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.mg-why-i b{font-size:15px}.mg-why-i small{color:var(--im-muted);font-size:13px;line-height:1.5}
.mg-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}
.mg-lv{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:22px;background:var(--im-surface);border:1.5px solid var(--im-border)}
.mg-lv.hot{border-color:var(--c);box-shadow:0 24px 46px -30px var(--c)}.mg-lv.me{background:color-mix(in srgb,var(--c) 6%,var(--im-surface));border-color:var(--c)}
.mg-badge{position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:800;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--c);color:#fff}.mg-badge.me{background:var(--im-text)}
.mg-lv-h{display:flex;align-items:center;gap:10px}.mg-lv-h span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;color:#fff;background:var(--c)}.mg-lv-h b{display:block;font-size:17px}.mg-lv-h small{color:var(--im-muted);font-size:12px}
.mg-lv strong{font-size:26px;letter-spacing:-.02em;color:var(--c)}.mg-lv strong small{font-size:12px;color:var(--im-muted);font-weight:600}.mg-lv p{margin:0;font-size:13.5px;color:var(--im-muted)}
.mg-lv ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}.mg-lv li i{color:var(--c);margin-right:4px}
.mg-who{font-size:12px;color:var(--im-muted);padding:8px 10px;border-radius:12px;background:var(--im-surface-2)}
.mg-cmp{display:flex;flex-direction:column;gap:10px}.mg-cmp-r{padding:12px;border-radius:16px;background:var(--im-surface);border:1px solid var(--im-border)}.mg-cmp-r>b{display:block;margin-bottom:8px}
.mg-cmp-lv{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.mg-cmp-lv span{display:flex;flex-direction:column;padding:8px 10px;border-radius:12px;background:var(--im-surface-2);border:2px solid transparent}.mg-cmp-lv span.me{border-color:var(--c)}
.mg-cmp-lv small{font-size:11px;font-weight:750;color:var(--c)}.mg-cmp-lv b{font-size:14px}.mg-cmp-lv em{font-style:normal;font-size:12px;font-weight:800;color:#15803D}.mg-cmp-lv em.z{color:var(--im-muted);font-weight:600}
.mg-earn{overflow-x:auto;border-radius:16px;border:1px solid var(--im-border);background:var(--im-surface)}.mg-earn table{width:100%;border-collapse:collapse;min-width:480px}.mg-earn th,.mg-earn td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--im-border);font-size:14px}
.mg-earn th{font-size:12px;color:var(--im-muted);text-transform:uppercase}.mg-earn td.pos{color:#15803D;font-weight:800}.mg-earn td small{display:block;font-weight:500;color:var(--im-muted);font-size:11px}.mg-note{font-size:13px;color:var(--im-muted);margin:8px 0 0}
.mg-steps{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mg-steps li{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border)}.mg-steps em{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:850;color:#fff;background:var(--im-primary);margin-bottom:4px}.mg-steps b{font-size:14.5px}.mg-steps small{color:var(--im-muted);font-size:13px}
.mg-faq{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mg-faq details{background:var(--im-surface);border:1px solid var(--im-border);border-radius:14px;padding:14px 16px}
.mg-faq summary{list-style:none;cursor:pointer;font-weight:750;display:flex;justify-content:space-between;gap:10px}.mg-faq summary::-webkit-details-marker{display:none}.mg-faq p{margin:8px 0 0;color:var(--im-muted);font-size:14px}
.mg-cta{text-align:center;padding:28px 18px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--im-primary) 10%,var(--im-surface)),var(--im-surface));border:1px solid color-mix(in srgb,var(--im-primary) 22%,var(--im-border))}.mg-cta h2{margin:0 0 6px}.mg-cta p{color:var(--im-muted);margin:0 0 14px}
@media(max-width:900px){.mg-why{grid-template-columns:1fr 1fr}.mg-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.mg-hero{padding:20px 16px;border-radius:20px}.mg-why{grid-template-columns:1fr}.mg-steps{grid-template-columns:1fr}.mg-cmp-lv{grid-template-columns:1fr 1fr}.mg-acts .mg-btn{flex:1}}

/* 1.14.0 sale page manager (spm) + share & earn tab (se-tab) */
.spm{display:flex;flex-direction:column;gap:14px}
.spm-hero{position:relative;overflow:hidden;isolation:isolate;display:flex;gap:18px;align-items:center;padding:20px 22px;border-radius:calc(var(--im-radius-lg) + 4px);color:#fff;background:var(--im-card-grad,var(--im-hero-grad));box-shadow:0 26px 50px -30px var(--im-primary)}
.spm-hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.07);right:-90px;top:-120px;z-index:-1}
.spm-hero h2{color:#fff;margin:6px 0 4px;font-size:24px}.spm-hero p{margin:0;opacity:.88;font-size:14px}.spm-hero .grow{min-width:0}
.spm-link{display:flex;align-items:center;gap:6px;margin-top:14px;padding:5px;border-radius:14px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.18)}
.spm-link input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:inherit;font-size:13px;padding:6px 8px;outline:none}
.spm-link button,.spm-link a{width:36px;height:36px;flex:none;border-radius:10px;border:0;display:grid;place-items:center;background:rgba(255,255,255,.18);color:#fff!important;cursor:pointer;text-decoration:none}
.spm-hero-k{flex:none;display:grid;gap:8px}.spm-hero-k div{padding:9px 14px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);min-width:150px}.spm-hero-k small{display:block;font-size:11px;opacity:.75}.spm-hero-k b{font-size:17px}
.spm-tabs{width:max-content;max-width:100%}
.spm-share{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.spm-share button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--c) 30%,var(--im-border));background:color-mix(in srgb,var(--c) 7%,var(--im-surface));color:var(--im-text);font:inherit;font-weight:750;font-size:13.5px;cursor:pointer;transition:transform .15s}
.spm-share button:hover{transform:translateY(-2px)}.spm-share i{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:17px;color:#fff;background:var(--c)}
.spm-to{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px}.spm-to .field{margin:0;flex:0 1 260px}.spm-msg{min-height:18px;margin:10px 0 0;font-size:13px;color:#15803D;font-weight:650}
.spm-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.spm-heads{display:flex;flex-wrap:wrap;gap:6px}.spm-heads .chip{white-space:normal;text-align:left;font-size:12.5px;padding:7px 12px}
.spm-colors{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}.spm-colors input{position:absolute;opacity:0;pointer-events:none}.spm-colors span{display:block;width:36px;height:36px;border-radius:12px;border:3px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.spm-colors input:checked+span{border-color:var(--im-text)}
.spm-edit{display:flex;flex-direction:column;gap:14px}.spm-edit .card{margin:0}
.spm-earn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}
.spm-earn-c{padding:20px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#16A34A,#047857);box-shadow:0 22px 44px -28px #047857}.spm-earn-c small{opacity:.85;font-size:12.5px}.spm-earn-c b{display:block;font-size:32px;letter-spacing:-.02em;margin:4px 0}.spm-earn-c span{font-size:12.5px;opacity:.85}
.spm-prog{height:8px;border-radius:999px;background:rgba(255,255,255,.25);margin-top:12px;overflow:hidden}.spm-prog i{display:block;height:100%;background:#fff;border-radius:inherit}
.spm-earn-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.spm-earn-g div{padding:12px;border-radius:16px;background:var(--im-surface);border:1px solid var(--im-border)}.spm-earn-g small{display:block;font-size:11.5px;color:var(--im-muted)}.spm-earn-g b{font-size:15px}
.spm-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.spm-rules i{color:var(--im-primary);margin-right:8px}
.se-tab{padding:14px;border-radius:20px;margin-bottom:14px;background:linear-gradient(135deg,color-mix(in srgb,#2563EB 9%,var(--im-surface)),var(--im-surface));border:1px solid color-mix(in srgb,#2563EB 24%,var(--im-border))}
.se-tab-h{display:flex;align-items:center;gap:12px}.se-tab-h .grow{min-width:0}.se-tab-h b{display:block;font-size:15px}.se-tab-h small{color:var(--im-muted);font-size:12.5px}
.se-tab-ic{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:19px;color:#fff;background:linear-gradient(135deg,#3B82F6,#1D4ED8)}
.se-tab-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.se-tab-k div{padding:9px 11px;border-radius:13px;background:var(--im-surface);border:1px solid var(--im-border)}.se-tab-k small{display:block;font-size:11px;color:var(--im-muted)}.se-tab-k b{font-size:15px}
.se-tab-a{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}.se-tab-a a{font-size:13px;font-weight:700;color:var(--im-primary);text-decoration:none}
@media(max-width:900px){.spm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.spm-earn{grid-template-columns:1fr}}
@media(max-width:640px){.spm-hero{flex-direction:column;align-items:stretch;padding:16px;border-radius:20px}.spm-hero h2{font-size:20px}.spm-hero-k{grid-template-columns:repeat(3,minmax(0,1fr))}.spm-hero-k div{min-width:0;padding:8px 10px}.spm-hero-k b{font-size:14.5px}
  .spm-share{grid-template-columns:1fr 1fr}.spm-kpis{grid-template-columns:1fr 1fr}.spm-earn-g{grid-template-columns:1fr 1fr}.se-tab-k{grid-template-columns:1fr 1fr}.se-tab-h{flex-wrap:wrap}.se-tab-h .btn{width:100%}.spm-tabs{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr)}.spm-tabs a{text-align:center}}
/* 1.14.2 public membership page: alerts + back to top */
@media(max-width:991px){.mg-public .bf-host,.mg-public .bf-host.bf-right{left:12px;right:84px;width:auto;bottom:calc(14px + env(safe-area-inset-bottom))}}
@media(max-width:560px){.mg-top{padding:10px 12px}.mg-brand b{font-size:15px}.mg-main{width:calc(100% - 24px);margin-top:14px}.mg-hero h1{font-size:26px}.mg-sec h2{font-size:19px}.mg-levels{grid-template-columns:1fr}.mg-earn table{min-width:420px}}

/* 1.14.3 dark mode readability: every hard-coded dark text colour gets a light twin in dark mode (auto-audited) */
[data-theme="dark"] .kyc-doc>i{color:#ed8e8e}
[data-theme="dark"] .ln-pending>span{color:#d2986b}
[data-theme="dark"] .lnx-no{color:#db8989}
[data-theme="dark"] .lnx-auto{color:#d2986b}
[data-theme="dark"] .lnx-del{color:#db8989}
[data-theme="dark"] .iv-band .dn{color:#ed8e8e}
[data-theme="dark"] .ivs-sc .bear em{color:#db8989}
[data-theme="dark"] .ivs-sc .bull em{color:#73b38b}
[data-theme="dark"] .ivs-facts .neg{color:#db8989}
[data-theme="dark"] .ivs-disc b{color:#d2986b}
[data-theme="dark"] .iv-h .pos{color:#73b38b}
[data-theme="dark"] .fc-st.ok{color:#73b38b}
[data-theme="dark"] .fc-st.late{color:#d2986b}
[data-theme="dark"] .sc-btns a,[data-theme="dark"] .sc-btns button{color:#b38feb}
[data-theme="dark"] .sc-quick button:hover{color:#b38feb}
[data-theme="dark"] .sp-search i{color:#96a0b0}
[data-theme="dark"] .sp-pop a i:first-child{color:#bb99f6}
[data-theme="dark"] .fq-cats i{color:#bb99f6}
[data-theme="dark"] .fq-go{color:#b38feb}
[data-theme="dark"] .dk-int{color:#d2986b}
[data-theme="dark"] .spx-gaps em{color:#bb99f6}
[data-theme="dark"] .pos{color:#73b38b !important}
[data-theme="dark"] .bp-flow span{color:#73b38b}
[data-theme="dark"] .bp-quick button:hover{color:#73b38b}
[data-theme="dark"] .bp-msg{color:#db8989}
[data-theme="dark"] .bpx-mode i{color:#68ae9a}
[data-theme="dark"] dt.pe-row{color:#68ae9a !important}
[data-theme="dark"] .pe-earn{color:#73b38b}
[data-theme="dark"] .pe-up{color:#d2986b}
[data-theme="dark"] .pe-up b{color:#73b38b}
[data-theme="dark"] .pz-earn b{color:#73b38b}
[data-theme="dark"] .pz-earn.is-up small{color:#d2986b}
[data-theme="dark"] .pz-earnbar .peb-ic{color:#73b38b}
[data-theme="dark"] .pz-earnbar.is-up .peb-ic{color:#d2986b}
[data-theme="dark"] .pz-tile-e{color:#73b38b}
[data-theme="dark"] .pz-tile-e.is-up{color:#d2986b}
[data-theme="dark"] .plan-grid .p-earn{color:#73b38b}
[data-theme="dark"] .plan-grid .p-earn.is-up{color:#d2986b}
[data-theme="dark"] .pe-line .pe-amt{color:#73b38b}
[data-theme="dark"] .pe-line.is-up .pe-amt{color:#d2986b}
[data-theme="dark"] span.pe-row{color:#68ae9a}
[data-theme="dark"] .up-earn-k{color:#68ae9a}
[data-theme="dark"] .up-earn b{color:#73b38b}
[data-theme="dark"] .pe-chip{color:#73b38b}
[data-theme="dark"] .adx-lv-big em{color:#73b38b}
[data-theme="dark"] .adx-qi.bf>i{color:#bb99f6}
[data-theme="dark"] .adx-st.ok{color:#73b38b}
[data-theme="dark"] .adx-st.bad{color:#db8989}
[data-theme="dark"] .adx-st.wait{color:#d2986b}
[data-theme="dark"] .bpc-note b{color:#73b38b}
[data-theme="dark"] .mk-px.promo input{color:#ed8e8e}
[data-theme="dark"] .ldz-live{color:#73b38b}
[data-theme="dark"] .mg-cmp-lv em{color:#73b38b}
[data-theme="dark"] .mg-earn td.pos{color:#73b38b}
[data-theme="dark"] .spm-msg{color:#73b38b}
[data-theme="dark"] .lnx-no:hover,[data-theme="dark"] .lnx-del:hover{background:rgba(239,68,68,.16)}
[data-theme="dark"] .bp-st.bad,[data-theme="dark"] .bp-gain.rev{background:rgba(239,68,68,.16);color:#FCA5A5}
[data-theme="dark"] .bp-st.wait,[data-theme="dark"] .lnx-tag.mid,[data-theme="dark"] .lnx-facts .warn{background:rgba(245,158,11,.16);color:#FCD34D}
[data-theme="dark"] .lnx-tag.low,[data-theme="dark"] .lnx-av.red{background:rgba(239,68,68,.16);color:#FCA5A5}
[data-theme="dark"] .card,[data-theme="dark"] .spm-share button,[data-theme="dark"] .mg-why-i,[data-theme="dark"] .mg-lv,[data-theme="dark"] .ldz,[data-theme="dark"] .se-tab-k div,[data-theme="dark"] .spm-earn-g div{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px -30px rgba(0,0,0,.8)}
[data-theme="dark"] .spm-share button{color:var(--im-text)}
[data-theme="dark"] .mg-hero p,[data-theme="dark"] .spm-hero p{color:rgba(255,255,255,.88)}
/* 1.14.3 Business Portal withdraw sheet: always above the bottom menu, scrolls on short screens, button never hidden */
.bp-sheet{z-index:1200;align-items:flex-end;padding:0}
.bp-sheet-box,.bp-done{max-height:calc(100dvh - 12px);max-height:calc(100vh - 12px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
@supports (height:100dvh){.bp-sheet-box,.bp-done{max-height:calc(100dvh - 12px)}}
.bp-sheet .bp-go{position:sticky;bottom:0;z-index:2;box-shadow:0 -10px 20px -6px var(--im-surface)}
body.sc-lock .bottom-nav,body.sc-lock .bf-host,body.sc-lock .wa-float,body.sc-lock .to-top{visibility:hidden}
@media(max-width:699px){.bp-sheet-box{border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.bp-amt input{font-size:26px}.bp-flow{gap:8px}.bp-flow>div{min-width:0}.bp-flow b{font-size:13.5px}.bp-quick{flex-wrap:wrap}}
/* 1.14.3 back-to-top on the left (membership + sale page) */
.mg-public .to-top,.mg-public .to-top.alone{left:18px;right:auto;bottom:calc(18px + env(safe-area-inset-bottom))}
.mg-public .bf-host,.mg-public .bf-host.bf-right{left:18px;right:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
@media(max-width:991px){.mg-public .bf-host,.mg-public .bf-host.bf-right{left:12px;right:84px;bottom:calc(72px + env(safe-area-inset-bottom))}}
/* 1.14.5 default display mode controls */
.ldz-mode{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;border-top:1px dashed var(--im-border);margin:0}
.ldz-mode>span{font-size:12px;font-weight:700;color:var(--im-muted);white-space:nowrap}
.ldz-seg{display:inline-flex;gap:3px;padding:3px;border-radius:11px;background:var(--im-surface-2);flex-wrap:wrap}
.ldz-seg button{border:0;background:transparent;color:var(--im-muted);font:inherit;font-size:12px;font-weight:700;padding:5px 9px;border-radius:8px;cursor:pointer;white-space:nowrap}
.ldz-seg button.on{background:var(--im-surface);color:var(--im-text);box-shadow:0 1px 4px rgba(15,23,42,.14)}
.ldz-seg button:hover{color:var(--im-text)}
.ldz-bulk{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;margin:0 0 14px;border-radius:18px;background:var(--im-surface);border:1px solid var(--im-border)}
.ldz-bulk .grow{flex:1;min-width:220px}.ldz-bulk b{display:block;font-size:14.5px}.ldz-bulk small{color:var(--im-muted);font-size:12.5px}
@media(max-width:640px){.ldz-mode{flex-direction:column;align-items:stretch}.ldz-mode .ldz-seg{display:grid;grid-template-columns:repeat(3,1fr)}.ldz-bulk .ldz-seg{display:grid;grid-template-columns:1fr;width:100%}}
/* 1.14.6 long-form sales scripts */
.ss-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start}
.ss-body{position:relative;max-height:13.2em;overflow:hidden}
.ss-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(180deg,transparent,var(--im-surface))}
.ss-card.open .ss-body{max-height:none}.ss-card.open .ss-body::after{display:none}
.ss-more{align-self:flex-start;border:0;background:none;padding:0;color:var(--c);font:inherit;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.ss-tags{display:flex;flex-wrap:wrap;gap:5px}.ss-tags span{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;color:var(--c);background:var(--im-surface-2);border:1px solid var(--im-border)}
[data-theme="dark"] .ss-tags span{color:var(--im-text)}
.ss-a{flex-wrap:wrap}.ss-a .fb{background:#1877F2;border-color:#1877F2;color:#fff}.ss-a .fb:hover{background:#166FE5}
.ss-toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:1300;max-width:min(420px,calc(100vw - 24px));padding:12px 16px;border-radius:14px;background:#0F172A;color:#fff;font-size:13.5px;font-weight:650;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.25s}
.ss-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:640px){.ss-grid{grid-template-columns:1fr}.ss-a{display:grid;grid-template-columns:repeat(3,1fr)}.ss-a .icon{flex:none}.ss-a button,.ss-a a{padding:9px 4px;font-size:12.5px}}
.ss-a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ss-a .icon{flex:none}
.ss-a .icon .bi-telegram{color:#229ED9}
/* 1.14.7 premium dashboard top card: balances row + full bank details */
.wallet-card.wo{padding:20px 22px;gap:14px;border-radius:24px;background:radial-gradient(120% 160% at 100% 0%,rgba(255,255,255,.2) 0,transparent 42%),radial-gradient(90% 120% at 0% 100%,rgba(0,0,0,.18) 0,transparent 55%),var(--im-card-grad,var(--im-hero-grad));box-shadow:0 30px 60px -32px var(--im-primary),inset 0 1px 0 rgba(255,255,255,.22)}
.wallet-card.wo::before{background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask-image:linear-gradient(120deg,#000,transparent 60%);mask-image:linear-gradient(120deg,#000,transparent 60%);opacity:1}
.wo .wc-bal{font-size:clamp(30px,4.4vw,40px)}
.wo-tiles{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px}
.wo-tiles a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none!important;transition:background .18s,transform .18s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.wo-tiles a:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);opacity:1}
.wo-ti{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:15px;color:#fff;background:var(--c);box-shadow:0 8px 16px -8px var(--c),inset 0 1px 0 rgba(255,255,255,.3)}
.wo-tt{display:flex;flex-direction:column;min-width:0;line-height:1.2}.wo-tt small{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wo-tt b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.wo-pf.is-locked .wo-tt b{font-size:12px;font-weight:700;opacity:.9}
.wo-bank{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:12px;padding:12px 12px 12px 12px;border-radius:16px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.14);color:#fff!important;text-decoration:none!important}
.wo-bank-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px;background:#fff;color:var(--im-primary)}
.wo-bank-d{min-width:0;display:flex;flex-direction:column;line-height:1.25}.wo-bank-d small{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;opacity:.72;font-weight:700}
.wo-bank-d b{font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-bank-no b{font-size:16px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.wo-bank-cp{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:12px;border:0;background:#fff;color:var(--im-primary);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;box-shadow:0 8px 16px -10px rgba(0,0,0,.5)}
.wo-bank-empty{grid-template-columns:auto minmax(0,1fr) auto}.wo-bank-empty b{white-space:normal}
.ud-date{opacity:.8;margin-left:4px}
.ud-quick{padding:14px 8px;border-radius:22px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 34px -26px rgba(15,23,42,.35)}
.ud-quick span{color:#fff;background:linear-gradient(145deg,var(--c,var(--im-primary)),color-mix(in srgb,var(--c,var(--im-primary)) 70%,#000));box-shadow:0 10px 18px -10px var(--c,var(--im-primary)),inset 0 1px 0 rgba(255,255,255,.25)}
.ud-quick a:hover span{background:linear-gradient(145deg,var(--c,var(--im-primary)),color-mix(in srgb,var(--c,var(--im-primary)) 60%,#000));color:#fff}
.ud-panel{border-radius:22px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 34px -26px rgba(15,23,42,.35);position:relative;overflow:hidden}
.ud-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--im-primary),var(--im-secondary,var(--im-primary)))}
.ud-kpis div{border:1px solid var(--im-border)}
.ud-av{background:var(--im-card-grad,var(--im-hero-grad));color:#fff;box-shadow:0 10px 20px -12px var(--im-primary)}
.ud-tier{box-shadow:0 8px 18px -12px var(--im-primary)}
[data-theme="dark"] .ud-quick,[data-theme="dark"] .ud-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px -30px rgba(0,0,0,.8)}
@media(max-width:1180px) and (min-width:1001px){.wo-bank{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto}.wo-bank-nm{grid-column:2/4;order:5}}
@media(max-width:700px){
  .wallet-card.wo{padding:16px;gap:12px;border-radius:22px}.wo .wc-bal{font-size:30px}
  .wo-tiles{gap:6px}.wo-tiles a{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 10px;border-radius:14px}.wo-ti{width:28px;height:28px;font-size:13px;border-radius:9px}
  .wo-tt b{font-size:13px}.wo-pf.is-locked .wo-tt b{font-size:11px;white-space:normal}
  .wo-bank{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;padding:12px}
  .wo-bank-ic{grid-row:1/3;width:36px;height:36px}
  .wo-bank-cp{grid-column:3;grid-row:1/3;padding:9px 11px}
  .wo-bank-no{grid-column:2/3}.wo-bank-nm{grid-column:1/-1;padding-top:8px;margin-top:4px;border-top:1px dashed rgba(255,255,255,.18)}
  .wo-bank-no b{font-size:17px}
}
@media(max-width:360px){.wo-bank-cp span{display:none}.wo-tt small{font-size:10px}}
/* 1.14.7 buyer alerts on the LEFT on desktop, clear of the sidebar */
@media(min-width:992px){.scope-user .bf-host,.scope-user .bf-host.bf-right{left:292px;right:auto}.scope-user.layout-compact .bf-host{left:252px}.scope-user.layout-mini .bf-host{left:100px}}
.wallet-card.wo .wo-tt small,.wallet-card.wo .wo-bank-d small,.wallet-card.wo .wo-lbl{color:rgba(255,255,255,.8)}
.wallet-card.wo .wo-tt b,.wallet-card.wo .wo-bank-d b{color:#fff}