@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Regular.ttf");font-weight:400}
@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Bold.ttf");font-weight:700}
:root{--navy:#f2f9ff;--navy2:#e6f3ff;--panel:#ffffff;--line:#cfe5f8;--blue:#3fa9f5;--sky:#1c8ee0;--gold:#b8860b;--text:#0d2a55;--muted:#5a77a0;--ok:#0f9d6c;--bad:#d93a4f}
*{box-sizing:border-box;margin:0}
html{font-family:"Vazirmatn",sans-serif;background:var(--navy);color:var(--text);line-height:1.8}
body{min-height:100vh}
button,input,select{font:inherit;color:inherit}
a{color:var(--sky);text-decoration:none}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.hidden{display:none!important}

/* ---------- auth ---------- */
.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}
.brand-side{position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:space-between;
  background:radial-gradient(900px 500px at 20% 0%,#4a95ff 0%,transparent 60%),linear-gradient(160deg,#1f5bc7,#0f2f6e 75%)}
.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px}
.logo i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-style:normal;
  background:linear-gradient(135deg,#f8da86,#e0a93a);color:#2a1d00;box-shadow:0 8px 24px #f4cf7244}
.brand-copy h1{font-size:38px;line-height:1.5;margin-bottom:12px}
.brand-copy h1 b{color:var(--gold)}
.brand-copy p{color:var(--muted);max-width:420px}
.candles{position:absolute;inset-inline:0;bottom:0;height:46%;opacity:.28;z-index:0;pointer-events:none}
.candles rect.up{fill:#4cc3ff}.candles rect.dn{fill:#3366c0}
.candles line{stroke-width:2}
.stats{display:flex;gap:28px;position:relative;z-index:1}
.stats div span{display:block;font-size:22px;font-weight:700}
.stats div small{color:var(--muted)}
.form-side{display:grid;place-items:center;padding:32px;background:var(--navy)}
.card-form{width:100%;max-width:400px}
.card-form h2{font-size:26px;margin-bottom:4px}
.card-form .sub{color:var(--muted);margin-bottom:24px}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--navy2);border-radius:12px;padding:4px;margin-bottom:24px}
.tabs button{background:none;border:0;padding:9px;border-radius:9px;cursor:pointer;color:var(--muted)}
.tabs button.on{background:linear-gradient(135deg,#f8da86,#e0a93a);color:#2a1d00;font-weight:700}
label{display:block;font-size:14px;color:var(--muted);margin-bottom:4px}
.field{margin-bottom:16px}
input,select{width:100%;padding:12px 14px;border-radius:12px;background:var(--navy2);border:1px solid var(--line)}
input:focus,select:focus{border-color:var(--sky);outline:none}
.ltr{direction:ltr;text-align:left}
.btn{display:inline-block;border:0;cursor:pointer;border-radius:12px;padding:12px 20px;font-weight:700;
  background:linear-gradient(135deg,#f8da86,#e0a93a);color:#2a1d00;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #f4cf7255}
.btn.full{width:100%}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn.gold{background:linear-gradient(135deg,#f6d37a,#e0a93a);color:#2a1d00}
.err{color:var(--bad);font-size:14px;min-height:22px;margin-bottom:6px}
.note{font-size:13px;color:var(--muted);margin-top:16px;text-align:center}

/* ---------- app shell ---------- */
.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.side{background:var(--navy2);border-inline-end:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.side .logo{margin-bottom:24px;font-size:17px}
.side a.nav{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;color:var(--muted);cursor:pointer}
.side a.nav:hover{background:#2358b5;color:var(--text)}
.side a.nav.on{background:linear-gradient(135deg,#f8da86,#e0a93a);color:#2a1d00;font-weight:700}
.side .spacer{flex:1}
.main{padding:28px 32px;max-width:1100px;width:100%}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}
.top h1{font-size:24px}
.menu-btn{display:none}
.grid{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,1fr)}
.g2{grid-template-columns:1fr 1fr}
.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.box h3{font-size:16px;margin-bottom:12px}
.kpi small{color:var(--muted);font-size:13px}
.kpi b{display:block;font-size:26px;color:var(--gold)}
.badge{display:inline-block;padding:2px 12px;border-radius:99px;font-size:13px;background:#2a5cb8}
.badge.ok{background:#0b5a45;color:var(--ok)}
.badge.bad{background:#5a2330;color:var(--bad)}
.badge.wait{background:#4a3b0d;color:var(--gold)}
.steps{list-style:none;padding:0;display:grid;gap:10px}
.steps li{display:flex;gap:12px;align-items:center}
.steps .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-size:13px;flex:none}
.steps .done .n{background:var(--ok);color:#052e22}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:10px;text-align:start;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:400}
.empty{color:var(--muted);text-align:center;padding:24px}

/* plans */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.plan{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}
.plan.best{background:linear-gradient(180deg,#23509f,#1a479c);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.plan .tag{position:absolute;top:-12px;inset-inline-start:24px;background:var(--gold);color:#2a1d00;border-radius:99px;padding:0 14px;font-size:13px;font-weight:700}
.plan .price{font-size:30px;font-weight:700;margin:8px 0}
.plan ul{list-style:none;padding:0;margin:16px 0 24px;display:grid;gap:8px;color:var(--muted)}
.plan li::before{content:"✓";color:var(--ok);margin-inline-end:8px}
.pay-box{margin-top:20px;display:none}
.pay-box.show{display:block}
.cardnum{font-size:22px;letter-spacing:2px;direction:ltr;text-align:center;background:var(--navy2);padding:12px;border-radius:12px;margin:8px 0}

.toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translateX(50%);background:var(--ok);color:#052e22;padding:10px 22px;border-radius:12px;font-weight:700;z-index:50}

@media(max-width:860px){
  .auth{grid-template-columns:1fr}
  .brand-side{min-height:260px;padding:28px}
  .brand-copy h1{font-size:26px}
  .stats{display:none}.candles{display:none}
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset-block:0;inset-inline-start:0;width:250px;z-index:20;transform:translateX(100%);transition:transform .2s}
  .side.open{transform:none}
  .menu-btn{display:inline-block}
  .main{padding:20px 16px}
  .g4{grid-template-columns:1fr 1fr}
  .g2,.plans{grid-template-columns:1fr}
}
@media(max-width:420px){.g4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== light sky theme overrides ===== */
body{background:linear-gradient(180deg,#f2f9ff,#ffffff 60%)}
.brand-side{background:radial-gradient(800px 460px at 85% 0%,#ffffff 0%,transparent 60%),linear-gradient(160deg,#bfe4ff,#6cc0fa 85%);color:#0d2a55}
.brand-copy h1 b{color:#a8770a}
.brand-copy p{color:#26466f}
.stats div small{color:#26466f}
.logo i{color:#3a2800}
.candles{opacity:.55!important}
.candles rect.up{fill:#ffffff}.candles rect.dn{fill:#2f93e0}
.form-side{background:#fff}
.tabs{background:#e6f3ff}
input,select{background:#f6fbff;border-color:#cfe5f8;color:#0d2a55}
input:focus,select:focus{border-color:#3fa9f5;box-shadow:0 0 0 3px #3fa9f533}
input:disabled{opacity:.7}
.btn{box-shadow:0 6px 16px #e0a93a44}
.btn.ghost{color:#0d2a55;background:#fff}
.side{background:#fff;box-shadow:-6px 0 24px #3fa9f51a}
.side a.nav:hover{background:#e6f3ff;color:#0d2a55}
.box,.plan{box-shadow:0 6px 20px #3fa9f51f}
.kpi b{color:#a8770a}
.badge{background:#e1effc;color:#1c5a96}
.badge.ok{background:#d9f5e8;color:#0b7a55}
.badge.bad{background:#fde3e6;color:#b4233a}
.badge.wait{background:#fff1c9;color:#8a6200}
.steps .n{background:#e1effc;color:#1c5a96}
.steps .done .n{background:#0f9d6c;color:#fff}
.plan.best{background:linear-gradient(180deg,#fffaea,#fff);border-color:#e0a93a;box-shadow:0 0 0 1px #e0a93a inset,0 10px 28px #e0a93a2e}
.plan .price{color:#0d2a55}
.cardnum{background:#f2f9ff;border:1px dashed #3fa9f5;color:#0d2a55}
th{color:#5a77a0}
.toast{color:#fff;background:#0f9d6c}
a{color:#1c8ee0}
.candles{height:30%!important;opacity:.45!important}.stats{margin-bottom:8px}

/* ===== v4: gold buttons with light text, lucky number, terms ===== */
:root{--on-gold:#ffffff;--gold-a:#e8b84a;--gold-b:#c48a14}
.btn,.tabs button.on,.side a.nav.on,.logo i,.btn.gold{background:linear-gradient(135deg,var(--gold-a),var(--gold-b))!important;color:var(--on-gold)!important;text-shadow:0 1px 2px #7a560a66}
.btn.ghost{background:#fff!important;color:#0d2a55!important;text-shadow:none}
.plan .tag{background:linear-gradient(135deg,var(--gold-a),var(--gold-b));color:var(--on-gold)}
.lucky{position:fixed;top:12px;left:20px;z-index:30;font-weight:700;font-size:15px;letter-spacing:2px;direction:ltr;
  color:#b07d0c;background:#fffaea;border:1px solid #e8c36a;border-radius:99px;padding:2px 14px;box-shadow:0 4px 12px #e0a93a2e}
.main{padding-top:56px}
.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);margin-bottom:10px}
.check input{width:auto;margin-top:6px;accent-color:#c48a14}
.check a{cursor:pointer;text-decoration:underline}
.modal{position:fixed;inset:0;background:#0d2a5588;display:grid;place-items:center;z-index:60;padding:16px}
.modal .sheet{background:#fff;border-radius:20px;max-width:560px;width:100%;max-height:85vh;overflow:auto;padding:24px}
.modal h3{margin-bottom:12px}
.modal ol{padding-inline-start:20px;display:grid;gap:8px;margin-bottom:16px;color:#26466f}
@media(max-width:860px){.lucky{left:12px;top:8px}.main{padding-top:52px}}

/* ===== v5: no brown, vivid gold ===== */
.tabs button.on,.logo i,.side a.nav.on{background:linear-gradient(135deg,#ffe08a,#f5b921)!important;color:#0d2a55!important;text-shadow:none!important;box-shadow:0 4px 14px #f5b92155}
.tabs button{color:#1c5a96;font-weight:700}
.tabs button.on{color:#0d2a55}
.brand-copy h1 b{color:#f2a900;text-shadow:0 1px 0 #fff8}
.kpi b{color:#e5a000}
.lucky{color:#e5a000}

/* ===== v6: block forced dark mode, keep gold solid ===== */
:root{color-scheme:only light}
html,body{background-color:#ffffff;color-scheme:only light}
.tabs button.on,.logo i,.side a.nav.on,.btn,.btn.gold,.plan .tag{background-color:#f5b921!important;background-image:linear-gradient(135deg,#ffe08a,#f5b921)!important;color:#0d2a55!important;forced-color-adjust:none}
.btn.ghost{background-image:none!important;background-color:#fff!important}
.brand-side{background-color:#8fd0ff;forced-color-adjust:none}
input,select{forced-color-adjust:none}

/* ===== v7: gold as a real image so night-mode can't recolor it ===== */
.tabs button.on,.logo i,.side a.nav.on,.btn,.btn.gold,.plan .tag{background-color:#f5b921!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA8CAIAAACsOWLGAAADJ0lEQVR42u3dQW4bMQyF4Snw7tej50BdMKsq1gwlUaRaOMifReMaNkeiJYr5MkV//fn4bWZX92Xtj6t/9Pdh/3oz/53DCLfLdRG6y/iXe0awR0h7DtiGl3tGWE/ZZhlbTtkecxrnPBTBHgOxaYYXEZyhLBbJPYL6FO0maLCq8gn6imDXYhHHErRcVYsEuQO2yj58DNh29+FiVQVyHp6yjXK+mrJOJcjWETYSZMF9H0uQRSOEarOtFvFWbbbZ5Tb24aFC9UxaMueKpThWqDYi7BaqvbPgHxSq5fG3W6imx1+mUB3bhy/vzu9D5c6CnUK1sSa+SaEq7cPU8bdoIi29D6PH33aPpP/bpw8TlO3T/QEX+vTdQvX+ffpmoVpHCC0S5dbEiT59WqgKP8gcO/62C9X6M/5uhSqzD197LEABUDjz83J7VoACoJADhWktbtwAKAAKJwpVe4EABUDhYKFq31Xt0wGFnwoK/qqym2MBCoBCvlA5EQQoAAoHC1XfYwEKgEKhT3enLEABUCj26W4EbawqQAFQCOdcgAKgcLBQdbfNAAqAQqpPnw1YBigACilQmOdcgAKgkAOF+YAFKAAKxT7djSBAAVAo9unufAUoAAoHC1X7qwAFQKFWqPxPTYACoJADhcmULXLbDKAAKMQLVXuhAAVAob4PH+PqbpsBFACFK/dLF3tEEKAAKBRrs13+v4QGFACFY4WqPdRoxIACoBDs091FIkABUCj26e7lBCgACtlCNYsgQAFQOFGo7s8IUAAUin262+EIUAAUcqAwjyBAAVA4VKi6CAIUAIUcKMxzrvcuVIDC+4LCfMoCFACFUp8+2IcCFACFHCjMF4n3Kx1AAVAoN5ECFACFWp/uDMDG/4EAoAAobO/D1xkKUAAUSvtwsG+016cDCoDC+Ph7jaDlmgAUAIV4oWoRBCgACsU+3f2MBCgACrkm0qY5lztiQAFQyBWq9pQABUAhBwrzRaLY8QcoAAqhQuXcNgMoAAqF4+8+ZQEKgEIOFOY5F6AAKBwsVNnbZgAFQCE2YAEKgEIOFDZvmwEUAIUT+1DZBAEKPx0U5lP+BHsb4giED7d3AAAAAElFTkSuQmCC)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;color:#fff!important;text-shadow:0 1px 3px #0d2a558c!important;font-weight:700}
.btn.ghost{background-image:none!important;background-color:#fff!important;color:#0d2a55!important;text-shadow:none!important}
.brand-copy h1 b,.kpi b,.lucky{color:#f2a900}

/* ===== step 2 ===== */
.terms-body{white-space:pre-line;color:#26466f;line-height:2;margin-bottom:16px}
.tbl-wrap{overflow:auto}
.btn.sm{padding:5px 14px;font-size:13px;border-radius:9px}
.btn.red{background-image:none!important;background-color:#d93a4f!important;color:#fff!important}
.btn.green{background-image:none!important;background-color:#0f9d6c!important;color:#fff!important}
textarea{width:100%;padding:12px 14px;border-radius:12px;background:#f6fbff;border:1px solid #cfe5f8;color:#0d2a55;font:inherit;min-height:200px;line-height:1.9}
.admin-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.admin-tabs button{background:#e6f3ff;border:0;border-radius:10px;padding:8px 16px;cursor:pointer;color:#1c5a96;font-weight:700}
.admin-tabs button.on{background-color:#f5b921;color:#0d2a55}
.plan-edit{border:1px dashed #cfe5f8;border-radius:14px;padding:16px;margin-bottom:16px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.disabled-note{color:#b4233a;text-align:center;padding:12px}

/* ===== v8: deep navy + white premium theme ===== */
:root{--navy-d:#07143a;--navy-m:#0c2262;--navy-l:#1a3a8f;--text:#0a1a45;--muted:#5b6b94;--line:#dfe6f5;--panel:#ffffff;--sky:#3b6fe0}
html,body{background:#f3f6fd;background-image:none;color:#0a1a45}
/* auth */
.brand-side{background:
  radial-gradient(600px 400px at 85% 8%,#2b56d0aa 0%,transparent 60%),
  radial-gradient(500px 360px at 0% 100%,#f5b92129 0%,transparent 60%),
  linear-gradient(155deg,#0f2d86 0%,#0a1f66 45%,#050e2e 100%)!important;color:#fff!important}
.brand-copy h1{color:#fff}
.brand-copy h1 b{color:#ffd467!important;text-shadow:0 0 28px #f5b92166}
.brand-copy p{color:#c9d6f7!important}
.logo{color:#fff}
.stats div span{color:#fff}
.stats div small{color:#aebfee!important}
.stats div{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:10px 18px;backdrop-filter:blur(6px)}
.candles{opacity:.5!important}
.candles rect.up{fill:#ffd467!important}.candles rect.dn{fill:#4f7df0!important}
.form-side{background:#fff!important}
.card-form h2{color:#0a1a45}
.tabs{background:#eef2fb!important}
.tabs button{color:#3b4f8a}
input,select,textarea{background:#f6f8fe!important;border-color:#dfe6f5!important;color:#0a1a45!important}
input:focus,select:focus,textarea:focus{border-color:#1a3a8f!important;box-shadow:0 0 0 3px #1a3a8f26!important}
/* app shell */
.side{background:linear-gradient(180deg,#0c2262 0%,#07143a 100%)!important;border:0!important;box-shadow:6px 0 30px #07143a40!important}
.side .logo{color:#fff}
.side a.nav{color:#c3d0f3!important}
.side a.nav:hover{background:#ffffff1a!important;color:#fff!important}
.side a.nav.on{color:#0a1a45!important}
.top h1{color:#0a1a45}
.box,.plan{background:#fff!important;border:1px solid #e3e9f7!important;box-shadow:0 10px 30px #0c226212!important}
.box h3,.plan h3{color:#0a1a45}
.kpi b{color:#0c2262!important}
.kpi{position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;inset-inline-end:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#ffd467,#f5b921)}
.kpi small{color:#5b6b94}
th{color:#5b6b94}
td,th{border-color:#e8edf8}
.plan.best{background:linear-gradient(160deg,#0f2d86,#07143a)!important;border-color:#f5b921!important;color:#fff;box-shadow:0 18px 44px #0c226255!important}
.plan.best h3,.plan.best .price{color:#fff!important}
.plan.best small,.plan.best ul{color:#c9d6f7!important}
.plan .price{color:#0c2262}
.cardnum{background:#f3f6fd!important;border:1px dashed #1a3a8f!important;color:#0a1a45!important}
.badge{background:#e8edfb!important;color:#0c2262!important}
.badge.ok{background:#d9f5e8!important;color:#0b7a55!important}
.badge.bad{background:#fde3e6!important;color:#b4233a!important}
.badge.wait{background:#fff1c9!important;color:#8a6200!important}
.steps .n{background:#e8edfb;color:#0c2262}
.steps .done .n{background:#0f9d6c;color:#fff}
.lucky{background:#07143a!important;color:#ffd467!important;border-color:#f5b92166!important;box-shadow:0 6px 18px #07143a55}
.admin-tabs button{background:#e8edfb;color:#0c2262}
.admin-tabs button.on{color:#0a1a45}
.btn.ghost{background:#fff!important;color:#0c2262!important;border-color:#cfd9f2}
a{color:#2a55c8}
.modal{background:#07143acc}
.modal .sheet{background:#fff}
.terms-body{color:#2a3a6a}
.plan-edit{border-color:#dfe6f5}
@media(max-width:860px){.brand-side{min-height:300px}.stats{display:none}}

/* ===== security UI ===== */
.codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;direction:ltr;margin-top:10px}
.codes span{background:#f3f6fd;border:1px dashed #1a3a8f;border-radius:10px;padding:8px;text-align:center;font-family:monospace;font-size:15px;letter-spacing:1px;color:#0a1a45}

/* ===== v9: navy + white only (no gold) ===== */
:root{--gold:#1a3a8f;--gold-a:#1a3a8f;--gold-b:#0c2262;--on-gold:#ffffff;--sky:#2a55c8}
.tabs button.on,.logo i,.btn,.btn.gold,.plan .tag{background-image:linear-gradient(135deg,#2a55c8,#0c2262)!important;background-color:#0c2262!important;color:#fff!important;text-shadow:none!important;box-shadow:0 6px 16px #0c226233!important}
.tabs button.on{box-shadow:0 4px 12px #0c226244!important}
.side a.nav.on{background-image:none!important;background-color:#ffffff!important;color:#0c2262!important;text-shadow:none!important;box-shadow:0 6px 18px #00000033!important}
.side .logo i{background-image:none!important;background-color:#ffffff!important;color:#0c2262!important;box-shadow:none!important}
.admin-tabs button.on{background-color:#0c2262!important;background-image:none!important;color:#fff!important}
.plan.best .tag{background-image:none!important;background-color:#ffffff!important;color:#0c2262!important}
.plan.best{border-color:#9db8f5!important}
.brand-copy h1 b{color:#cfe0ff!important;text-shadow:0 0 28px #4f7df066!important}
.brand-side{background:radial-gradient(600px 400px at 85% 8%,#2b56d0aa 0%,transparent 60%),radial-gradient(500px 360px at 0% 100%,#4f7df033 0%,transparent 60%),linear-gradient(155deg,#0f2d86 0%,#0a1f66 45%,#050e2e 100%)!important}
.candles rect.up{fill:#ffffff!important}.candles rect.dn{fill:#4f7df0!important}
.kpi::before{background:linear-gradient(180deg,#4f7df0,#0c2262)!important}
.kpi b,.lucky{color:#0c2262!important}
.lucky{background:#ffffff!important;border:1px solid #c9d6f7!important;box-shadow:0 4px 14px #0c226220!important}
.badge.wait{background:#e8edfb!important;color:#0c2262!important}
.check input{accent-color:#0c2262!important}
.toast{background:#0c2262!important;color:#fff!important}
.plan.best .btn{background-image:none!important;background-color:#ffffff!important;color:#0c2262!important;box-shadow:0 6px 18px #00000040!important}

/* ===== v10: app shell, bottom tab bar, rows ===== */
.appx{min-height:100vh;padding-bottom:110px;background:#f3f6fd}
.topbar{position:sticky;top:0;z-index:20;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border-bottom:1px solid #e3e9f7;box-shadow:0 4px 16px #0c226210}
.tb-right{display:flex;align-items:center;gap:8px;color:#0c2262}.tb-logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#2a55c8,#0c2262);color:#fff;display:grid;place-items:center;font-weight:800}
.tb-left{display:flex;align-items:center;gap:8px}.lucky-inline{font-weight:700;color:#0c2262;background:#eef2fb;border-radius:99px;padding:3px 12px;font-size:13px}
.icon-btn{position:relative;border:0;background:#eef2fb;color:#0c2262;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer}
.icon-btn.sq{width:32px;height:32px;border-radius:9px}.avatar-btn{border:0;background:none;padding:0;cursor:pointer}
.dot{position:absolute;top:-4px;inset-inline-start:-4px;min-width:18px;height:18px;border-radius:9px;background:#d93a4f;color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;padding:0 4px}
.avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2a55c8,#0c2262);color:#fff;font-weight:700;object-fit:cover}
.avatar.lg{width:56px;height:56px;font-size:22px}.avatar.xl{width:96px;height:96px;font-size:36px}
.viewx{max-width:980px;margin:0 auto;padding:16px 14px}
.tabbar{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 20px));z-index:30;display:flex;gap:6px;padding:7px;border-radius:24px;background:linear-gradient(160deg,#143a9a,#07143a);box-shadow:0 14px 34px #07143a66}
.tab{position:relative;flex:1;aspect-ratio:1/1;max-height:66px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#c3d0f3;text-decoration:none;font-size:10.5px}
.tab.on{background:#fff;color:#0c2262;font-weight:700}.tab .dot{top:2px;inset-inline-start:2px}
.sec-head,.page-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#0c2262}.sec-head small{color:#5b6b94;display:block}
.sec-head h2,.page-head h2{margin:0;font-size:20px}.back{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;color:#0c2262;box-shadow:0 4px 12px #0c226214}
.rows{display:grid;gap:10px}.row-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:#fff;border:1px solid #e3e9f7;border-radius:16px;color:#0a1a45;text-decoration:none;box-shadow:0 6px 18px #0c22620d;margin-bottom:8px}
.rows .row-item{margin:0}.r-ico{width:42px;height:42px;border-radius:13px;background:#eef2fb;color:#0c2262;display:grid;place-items:center;flex:none}
.r-txt{flex:1;display:flex;flex-direction:column;min-width:0}.r-txt small{color:#5b6b94;font-size:12px}.chev{color:#9aa8cc}.row-item.danger .r-ico{background:#fde3e6;color:#b4233a}
.row-item .dot{position:static}.row-item.locked{opacity:.65}.done-row{opacity:.55}
.hero-card{background:linear-gradient(150deg,#143a9a,#07143a);color:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 34px #0c226240}
.hero-card .cardnum{background:#ffffff1f!important;border:1px dashed #ffffff88!important;color:#fff!important}.hero-card p{color:#dbe6ff}
.hero-user{display:flex;gap:12px;align-items:center;margin-bottom:12px}.hello{font-weight:700;font-size:18px}.progress{height:8px;background:#ffffff30;border-radius:9px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;background:#fff;border-radius:9px}
.banner{display:flex;gap:10px;align-items:flex-start;background:#eef2fb;color:#0c2262;border-radius:14px;padding:12px 14px;margin:10px 0}.banner.bad{background:#fde3e6;color:#8f1d2e}.banner.ok{background:#d9f5e8;color:#0b6a49}.banner.wait{background:#eef2fb}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid #e3e9f7;border-radius:16px;padding:14px 6px;color:#0c2262;text-decoration:none;font-size:12.5px}
.seg{display:inline-flex;background:#e3e9f7;border-radius:13px;padding:4px;margin:8px 0}.seg button{border:0;background:none;padding:8px 18px;border-radius:10px;cursor:pointer;color:#0c2262;font-weight:700}.seg button.on{background:#0c2262;color:#fff}.seg.sm button{padding:6px 12px;font-size:13px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tier{position:relative;background:#fff;border:1px solid #e3e9f7;border-radius:20px;padding:18px;box-shadow:0 8px 22px #0c22620f;display:flex;flex-direction:column;gap:6px}
.tier h3{display:flex;align-items:center;gap:6px;margin:0}.tier .price{font-size:24px;font-weight:800;color:#0c2262}.tier .price s{font-size:14px;color:#8a97ba}.tier ul{padding-inline-start:18px;margin:8px 0;flex:1;display:grid;gap:5px;color:#26366a;font-size:13.5px}
.tier.t-gold{background:linear-gradient(160deg,#143a9a,#07143a);color:#fff;border-color:#9db8f5;box-shadow:0 18px 40px #0c226250}.tier.t-gold .price,.tier.t-gold h3{color:#fff}.tier.t-gold ul{color:#dbe6ff}.tier.t-gold .muted,.tier.t-gold small{color:#c3d0f3}
.tier.t-gold .btn{background-image:none!important;background-color:#fff!important;color:#0c2262!important}.tier .tag{position:absolute;top:-10px;inset-inline-end:14px;background:#fff;color:#0c2262;border-radius:99px;padding:2px 12px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #0c226240}
.tier.t-silver{border-color:#aab7d6}.tier.t-bronze{border-color:#b9c7ea}.btn[disabled]{opacity:.5;cursor:not-allowed}
.badge.tier-gold{background:#0c2262!important;color:#fff!important}.badge.tier-silver{background:#c9d2e6!important;color:#0c2262!important}.badge.tier-bronze{background:#eef2fb!important;color:#2a3f7a!important;border:1px solid #b9c7ea}
.sub-status{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.center-box{text-align:center}.avatar-wrap{display:flex;justify-content:center;margin-bottom:6px}
.drop label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;border:2px dashed #9db8f5;border-radius:16px;color:#0c2262;cursor:pointer;background:#f6f8fe;text-align:center;padding:8px}.drop input{display:none}.drop img{max-width:100%;max-height:130px;border-radius:10px}
.kyc-img{width:100%;border-radius:12px;border:1px solid #e3e9f7;margin-top:4px}.chat{display:grid;gap:8px;margin:10px 0}.bubble{max-width:86%;padding:9px 12px;border-radius:14px;background:#eef2fb}.bubble.me{background:#0c2262;color:#fff;justify-self:start}.bubble.adm{justify-self:end}.bubble small{display:block;opacity:.7;font-size:11px}
.note-row{padding:10px 4px;border-bottom:1px solid #e8edf8;display:flex;flex-direction:column;gap:2px}.note-row.unread{font-weight:700}.note-row small{color:#5b6b94;font-weight:400}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.chip{border:1px solid #cfd9f2;background:#fff;color:#0c2262;border-radius:99px;padding:6px 14px;cursor:pointer;font-size:13px}.chip.sm{padding:4px 11px;font-size:12px}.chip.on{background:#0c2262;color:#fff;border-color:#0c2262}
.chart-box{padding:12px}.chart-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.chart-host{direction:ltr;position:relative;height:400px;margin-top:6px}.ch-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.ch-readout{direction:ltr;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#26366a;min-height:18px;position:absolute;top:0;left:6px;z-index:2;background:#ffffffd0;padding:2px 6px;border-radius:8px}.chart-status{font-size:12px;color:#5b6b94;margin-top:6px}
.legend{display:flex;gap:14px;font-size:12px;color:#5b6b94;margin-top:6px}.legend i{display:inline-block;width:14px;height:3px;margin-inline-end:5px;vertical-align:middle}
.eq-cv{width:100%;height:190px;display:block}.pos{color:#0f9d6c!important}.neg{color:#d93a4f!important}.warn-txt{color:#d93a4f}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.switch{width:62px;height:34px;border-radius:99px;border:0;background:#c3cde6;position:relative;cursor:pointer;flex:none}.switch i{position:absolute;top:4px;inset-inline-start:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px #0003}.switch.on{background:#0c2262}.switch.on i{inset-inline-start:32px}.switch[disabled]{opacity:.5}
.plain{padding-inline-start:18px;display:grid;gap:6px;color:#26366a}.news{display:flex;flex-direction:column;gap:3px;padding:10px 4px;border-bottom:1px solid #e8edf8;color:#0a1a45;text-decoration:none}.news small{color:#5b6b94}
.cal-day{font-weight:700;margin:12px 0 4px;color:#0c2262}.cal-row{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid #eef2fb;flex-wrap:wrap;font-size:13px}.cal-row.past{opacity:.5}.cal-t{flex:1;min-width:140px}.imp{width:10px;height:10px;border-radius:50%;background:#9db8f5}.imp.high{background:#d93a4f}
.votes{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.vote{background:#eef2fb;border-radius:99px;padding:3px 11px;font-size:12px}.vote.buy{background:#d9f5e8}.vote.sell{background:#fde3e6}.vote.lock{background:#0c2262;color:#fff;text-decoration:none;display:inline-flex;gap:4px;align-items:center}
.calc-out{margin-top:12px}.risk-note{font-size:12px;color:#5b6b94;margin:14px 4px;line-height:1.9}.loading{display:grid;place-items:center;height:160px}.loading i{width:30px;height:30px;border:3px solid #cfd9f2;border-top-color:#0c2262;border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.counts{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.muted{color:#5b6b94}hr{border:0;border-top:1px solid #e3e9f7;margin:14px 0}
@media(max-width:700px){.tiers{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.chart-host{height:340px}.tab span{font-size:9.5px}.tab{max-height:58px}.lucky-inline{display:none}}

/* ===== v10: compact stat cards on phones ===== */
@media(max-width:560px){
  .g4{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .kpi{padding:12px 14px!important}
  .kpi b{font-size:21px!important}
  .kpi small{font-size:12px!important}
}

/* ===== v10b: mobile-friendly admin lists ===== */
.row-item{flex-wrap:wrap}
.row-item .r-txt{flex:1 1 55%;min-width:0;overflow-wrap:anywhere}
.row-item > .row{flex:1 1 100%;justify-content:flex-start;margin-top:4px}
.ulist{display:grid;gap:12px;margin-top:12px}
.ucard{border:1px solid #e3e9f7;border-radius:14px;padding:14px;background:#fbfcff}
.uc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}
.uc-top div b{display:block}.uc-top small{display:block;margin-top:2px}
.uc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#5b6b94;margin-bottom:10px}
.uc-meta i{font-style:normal}

.badge.wait{background:#e8edfb!important;color:#0c2262!important}
.news.top{background:#fff7e8;border:1px solid #f3d9a4;border-radius:14px;padding:12px;margin:8px 0}
.n-sum{margin:2px 0;color:#26366a;line-height:1.9;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.n-sum.open{-webkit-line-clamp:unset;display:block}
.n-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px;font-size:13px}.n-act a{color:#1c4fd8;text-decoration:none}.lnk{border:0;background:none;color:#1c4fd8;cursor:pointer;padding:0;font:inherit}