@font-face{font-family:'IRANSans';src:url('fonts/IRANSans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:system;src:local(Tahoma)}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182033;font-family:'IRANSans',Tahoma,Arial,sans-serif;font-size:14px}.top{position:sticky;top:0;background:#101828;color:white;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;box-shadow:0 2px 15px #0002}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.top small{opacity:.7}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top a{color:white;text-decoration:none;background:#ffffff18;padding:8px 10px;border-radius:10px}main{max-width:1180px;margin:24px auto;padding:0 14px}.card{background:white;border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 8px 30px #10182812;border:1px solid #e6e9f0}.card h2{margin:0 0 16px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#344054}input,select{width:100%;height:44px;border:1px solid #d0d5dd;border-radius:12px;padding:8px 12px;font-family:inherit;background:white}button,.btn{height:44px;border:0;border-radius:12px;background:#0f62fe;color:white;font-family:inherit;font-weight:700;padding:0 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.cards .card{font-size:26px;font-weight:800}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;border-bottom:1px solid #eef1f6;text-align:right}th{background:#f8fafc;color:#475467}.ok,.err{padding:12px 14px;border-radius:14px;margin-bottom:14px}.ok{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.err{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.hint{color:#667085;line-height:1.9}@media(max-width:700px){.top{display:block}.brand{margin-bottom:10px}.top nav{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:7px}.top a{white-space:nowrap;text-align:center;padding:9px 6px;font-size:12px}main{margin:14px auto}.card{border-radius:14px;padding:14px}.grid{grid-template-columns:1fr}button,.btn,input,select{height:48px}table{min-width:760px}}

.update-hero{display:flex;gap:16px;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#111827,#334155);color:#fff;border-radius:24px;padding:22px;margin-bottom:16px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.update-hero h1{margin:0 0 8px;font-size:26px}.update-hero p{margin:0;color:#e5e7eb;line-height:1.9}.version-pill{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:10px 14px;border-radius:999px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stats div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 10px 25px rgba(15,23,42,.06)}.stats b{display:block;color:#111827;margin-bottom:8px}.stats span{color:#64748b}.upload-box input[type=file]{border:2px dashed #cbd5e1;background:#f8fafc;padding:18px;border-radius:16px}.steps{direction:rtl;display:grid;gap:8px}.step{background:#f8fafc;border-right:4px solid #2563eb;border-radius:12px;padding:10px 12px;color:#334155;line-height:1.8}
@media(max-width:700px){.update-hero{display:block}.version-pill{display:inline-block;margin-top:14px}.stats{grid-template-columns:1fr}}
.mobile-hero{background:linear-gradient(135deg,#0f62fe,#243b6b);color:white;border-radius:24px;padding:22px;margin-bottom:16px;box-shadow:0 18px 40px rgba(15,98,254,.18)}.mobile-hero h1{margin:0 0 8px}.mobile-hero p{line-height:1.9;color:#eef4ff}.searchbar{display:flex;gap:8px;margin-top:14px}.searchbar input{background:#fff}.wallet{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.wallet div{background:white;border:1px solid #e6e9f0;border-radius:18px;padding:16px;box-shadow:0 8px 24px #1018280d}.wallet span{display:block;color:#667085;margin-bottom:8px}.wallet b{font-size:20px}.receipt{text-align:center}.receipt h1{margin-top:0}.receipt .big{font-size:30px;font-weight:900;background:#f0f7ff;border-radius:18px;padding:16px;margin:12px 0}.small{height:34px;padding:0 12px;font-size:12px;margin-right:8px}
@media(max-width:700px){.wallet{grid-template-columns:1fr}.searchbar{display:block}.searchbar button{width:100%;margin-top:8px}.mobile-hero{border-radius:18px;padding:18px}.wallet b{font-size:18px}}
.empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:18px;text-align:center;color:#64748b;margin-top:10px}.purchase-list{display:grid;gap:12px}.purchase-card{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.purchase-card b{display:block;font-size:15px}.purchase-card small{display:block;color:#64748b;margin-top:4px}.purchase-card .amount{text-align:left;font-weight:800;white-space:nowrap}.purchase-card .amount a{display:block;margin-top:8px;background:#eef2ff;color:#3730a3;border-radius:10px;padding:5px 10px;text-align:center;text-decoration:none;font-weight:700}.searchbar input{direction:ltr;text-align:left}@media(max-width:640px){.purchase-card{align-items:flex-start}.purchase-card .amount{font-size:14px}}

.logbox,.mini-log{direction:ltr;text-align:left;white-space:pre-wrap;background:#0f172a;color:#e5e7eb;border-radius:12px;padding:12px;overflow:auto;font-size:12px;max-width:100%;}
.mini-log{max-height:120px;margin:0;}
button.danger,.danger{background:#ef4444!important;color:white!important;}

/* v0.8.3 - بهتر شدن منو و صفحه پیامک */
.top{align-items:flex-start}.top nav{max-width:calc(100% - 230px);justify-content:flex-end}.top nav a{transition:.15s ease;line-height:1}.top nav a:hover{background:#ffffff2e}.top nav a[href="/sms-settings"]{background:#2563eb;color:#fff}.sms-page textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:10px 12px;font-family:inherit;resize:vertical;min-height:92px}.sms-page form.grid{align-items:start}.sms-page form.grid>p.hint{grid-column:1/-1}.preview-url{direction:ltr;text-align:left;word-break:break-all;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.sms-page .table{max-width:100%}.sms-page table{min-width:900px}.sms-page input[type="password"]{direction:ltr;text-align:left}
@media(max-width:900px){.top{display:block}.brand{margin-bottom:10px}.top nav{max-width:100%;display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.top nav a{flex:0 0 auto;white-space:nowrap;min-width:auto}.sms-page table{min-width:780px}}
@media(max-width:700px){.top nav{display:flex!important;grid-template-columns:none!important}.top a{font-size:12px;padding:10px 12px}.sms-page .grid{display:block}.sms-page .grid label,.sms-page .grid button,.sms-page .grid p{margin-bottom:12px}.sms-page button{width:100%}.sms-page textarea{min-height:110px}}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v1.3.0 – صفحه اصلی عمومی – IRANSans – موبایل‌فرست
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.landing-body {
  margin:0; padding:0;
  background:#f1f4f9;
  color:#0f172a;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;
  direction:rtl;
  min-height:100vh;
  overflow-x:hidden;
}

/* ── ناوبار ── */
.lp-nav {
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,23,42,.08);
  padding:0 16px;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  height:58px;
}
.lp-brand {
  text-decoration:none; color:inherit;
  display:flex; align-items:center; gap:10px; flex-shrink:0;
}
.lp-logo {
  width:38px; height:38px;
  background:linear-gradient(135deg,#0f62fe,#4f46e5);
  border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; flex-shrink:0;
  box-shadow:0 4px 12px rgba(15,98,254,.25);
}
.lp-brand b { display:block; font-size:13px; font-weight:800; color:#0f172a; line-height:1.3; }
.lp-brand span { display:block; font-size:10px; color:#94a3b8; margin-top:1px; }
.lp-links { display:flex; gap:6px; align-items:center; }
.lp-links a {
  height:34px; padding:0 12px; border-radius:999px;
  text-decoration:none; font-size:12px; font-weight:700;
  display:inline-flex; align-items:center; white-space:nowrap;
  background:#f1f5f9; color:#334155; border:1px solid #e2e8f0;
  transition:all .15s;
}
.lp-links a:hover { background:#e2e8f0; }
.lp-admin { background:#0f172a !important; color:#fff !important; border-color:#0f172a !important; }

/* ── wrapper ── */
.lp-main {
  max-width:480px; margin:0 auto;
  padding:14px 12px 48px;
}

/* ── Hero ── */
.lp-hero {
  background:#fff;
  border-radius:22px;
  padding:22px 18px;
  margin-bottom:10px;
  border:1px solid #e8edf5;
  box-shadow:0 6px 28px rgba(15,23,42,.07);
  position:relative; overflow:hidden;
}
.lp-hero::before {
  content:''; position:absolute;
  top:-50px; left:-50px;
  width:180px; height:180px;
  background:radial-gradient(circle,rgba(15,98,254,.07) 0%,transparent 70%);
  border-radius:999px; pointer-events:none;
}
.lp-badge {
  display:inline-flex; align-items:center; gap:6px;
  background:#eff6ff; color:#2563eb;
  border:1px solid #bfdbfe; border-radius:999px;
  padding:5px 12px; font-size:11px; font-weight:800;
  margin-bottom:12px;
}
.lp-badge::before {
  content:''; width:7px; height:7px; border-radius:50%;
  background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.2);
  flex-shrink:0;
}
.lp-hero-copy h1 {
  margin:0 0 8px; font-size:22px; font-weight:900;
  line-height:1.65; color:#0f172a; letter-spacing:-.2px;
}
.lp-hero-copy p {
  margin:0 0 18px; color:#64748b; font-size:13px; line-height:2;
}
.lp-hero-btns {
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
  margin-bottom:16px;
}
.lp-btn {
  height:44px; border-radius:13px;
  text-decoration:none; font-weight:800; font-size:13px;
  display:flex; align-items:center; justify-content:center;
  transition:all .18s; border:1.5px solid #e2e8f0;
  background:#f8fafc; color:#334155;
}
.lp-btn:hover { background:#f1f5f9; transform:translateY(-1px); }
.lp-btn.primary {
  background:linear-gradient(135deg,#0f62fe,#4f46e5);
  color:#fff; border:0;
  box-shadow:0 8px 20px rgba(15,98,254,.28);
}
.lp-btn.primary:hover { box-shadow:0 12px 26px rgba(15,98,254,.36); transform:translateY(-1px); }

/* کارت تاریک */
.lp-hero-card {
  background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);
  border-radius:16px; padding:18px 18px 16px;
  color:#fff; position:relative; overflow:hidden;
}
.lp-hero-card::before {
  content:''; position:absolute; top:12px; left:12px;
  width:50px; height:50px; border-radius:14px;
  background:linear-gradient(135deg,#60a5fa,#a78bfa); opacity:.9;
}
.lp-hero-card::after {
  content:''; position:absolute; bottom:-25px; right:-25px;
  width:100px; height:100px; border-radius:999px;
  border:18px solid rgba(255,255,255,.06);
}
.lp-hero-card span { display:block; color:#94a3b8; font-size:11px; margin-bottom:5px; position:relative; z-index:1; }
.lp-hero-card b { display:block; font-size:18px; font-weight:900; margin-bottom:5px; position:relative; z-index:1; }
.lp-hero-card small { display:block; color:#bfdbfe; font-size:11px; line-height:1.9; position:relative; z-index:1; }

/* ── آمار ── */
.lp-stats {
  display:grid; grid-template-columns:repeat(3,1fr); gap:8px;
  margin-bottom:10px;
}
.lp-stat {
  background:#fff; border:1px solid #e8edf5; border-radius:16px;
  padding:14px 10px; text-align:center;
  box-shadow:0 4px 12px rgba(15,23,42,.05);
  transition:.15s;
}
.lp-stat:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(15,23,42,.09); }
.lp-stat-icon { font-size:20px; margin-bottom:5px; }
.lp-stat b { display:block; font-size:15px; font-weight:900; color:#0f172a; margin-bottom:2px; }
.lp-stat span { display:block; font-size:10px; color:#94a3b8; font-weight:600; }

/* ── فروشگاه‌ها ── */
.lp-stores {
  background:#fff; border-radius:22px; padding:16px 14px;
  border:1px solid #e8edf5;
  box-shadow:0 6px 28px rgba(15,23,42,.06);
}
.lp-stores-head {
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  margin-bottom:12px;
}
.lp-stores-head h2 { margin:0; font-size:16px; font-weight:900; color:#0f172a; }
.lp-stores-head p { margin:3px 0 0; font-size:11px; color:#94a3b8; }
.lp-stores-head a {
  flex-shrink:0; height:32px; padding:0 12px; border-radius:999px;
  text-decoration:none; font-size:11px; font-weight:800;
  display:flex; align-items:center;
  background:#0f172a; color:#fff; transition:.15s;
}
.lp-stores-head a:hover { background:#1e293b; }

/* category pills */
.category-pills {
  display:flex; gap:7px; overflow-x:auto;
  padding-bottom:12px; margin-bottom:6px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.category-pills::-webkit-scrollbar { display:none; }
.category-pills a {
  flex:0 0 auto; text-decoration:none;
  color:#475569; background:#f1f5f9; border:1px solid #e2e8f0;
  border-radius:999px; padding:7px 12px;
  font-size:12px; font-weight:700; white-space:nowrap; transition:.15s;
}
.category-pills a:hover { background:#e2e8f0; }
.category-pills a.active {
  background:#0f172a; color:#fff; border-color:#0f172a;
  box-shadow:0 4px 12px rgba(15,23,42,.15);
}

/* store list */
.lp-store-list { display:flex; flex-direction:column; gap:10px; }
.lp-store-card {
  display:flex; gap:12px; align-items:flex-start;
  background:#f8fafc; border:1px solid #edf2f8;
  border-radius:16px; padding:13px;
  transition:.18s;
}
.lp-store-card:hover {
  background:#fff; border-color:#d4e0ff;
  box-shadow:0 8px 22px rgba(15,23,42,.09);
  transform:translateY(-1px);
}
.lp-thumb {
  width:58px; height:58px; border-radius:14px;
  overflow:hidden; flex-shrink:0;
  background:linear-gradient(135deg,#dbeafe,#c7d2fe);
}
.lp-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.lp-thumb-fb {
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  font-size:24px; font-weight:900; color:#3b82f6;
}
.lp-store-body { flex:1; min-width:0; }
.lp-cat-badge {
  display:inline-flex; align-items:center; gap:4px;
  background:#eff6ff; color:#3b82f6;
  border:1px solid #dbeafe; border-radius:999px;
  padding:3px 8px; font-size:10px; font-weight:700;
  margin-bottom:4px;
}
.lp-store-body h3 {
  margin:0 0 4px; font-size:14px; font-weight:800; color:#0f172a;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.lp-store-body p {
  margin:0 0 6px; font-size:11px; color:#64748b; line-height:1.7;
  display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.lp-tags { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:6px; }
.lp-tags em {
  font-style:normal; background:#f1f5ff; color:#4f46e5;
  border:1px solid #dde5ff; border-radius:999px;
  padding:3px 8px; font-size:10px; font-weight:700;
}
.lp-meta { font-size:10px; color:#94a3b8; margin-bottom:2px; }
.lp-buy-btn {
  display:flex; align-items:center; justify-content:center;
  margin-top:10px; height:36px; border-radius:11px;
  background:linear-gradient(135deg,#0f62fe,#4f46e5);
  color:#fff; text-decoration:none;
  font-size:12px; font-weight:800;
  box-shadow:0 5px 14px rgba(15,98,254,.22);
  transition:.18s;
}
.lp-buy-btn:hover { box-shadow:0 9px 20px rgba(15,98,254,.32); transform:translateY(-1px); }

.lp-empty {
  text-align:center; padding:28px 16px; color:#94a3b8;
  font-size:13px; background:#f8fafc;
  border:1.5px dashed #cbd5e1; border-radius:14px;
}

/* ── footer ── */
.lp-footer {
  text-align:center; color:#94a3b8; font-size:11px;
  padding:18px 16px 32px;
  font-family:'IRANSans',Tahoma,sans-serif;
}

/* ── دسکتاپ ── */
@media(min-width:720px){
  .lp-main { max-width:1100px; padding:20px 24px 56px; }
  .lp-nav { padding:0 24px; height:62px; }
  .lp-brand b { font-size:14px; }
  .lp-links a { height:36px; font-size:13px; padding:0 14px; }
  .lp-hero {
    display:grid; grid-template-columns:1fr .82fr;
    gap:28px; align-items:center;
    padding:36px 32px; border-radius:26px;
  }
  .lp-hero-copy h1 { font-size:32px; }
  .lp-hero-copy p { font-size:15px; }
  .lp-hero-btns { grid-template-columns:auto auto; width:fit-content; }
  .lp-hero-card { height:100%; min-height:180px; display:flex; flex-direction:column; justify-content:flex-end; }
  .lp-stats { grid-template-columns:repeat(3,1fr); }
  .lp-stat { padding:16px 14px; }
  .lp-stat b { font-size:18px; }
  .lp-stores { border-radius:26px; padding:22px; }
  .lp-stores-head h2 { font-size:18px; }
  .lp-store-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
  .lp-store-card { flex-direction:column; }
  .lp-thumb { width:100%; height:130px; border-radius:12px; }
}
@media(min-width:1080px){
  .lp-store-list { grid-template-columns:repeat(3,1fr); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v1.4.0  صفحه اصلی — طراحی از صفر — IRANSans
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── ریست ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

.lp-body {
  margin: 0; padding: 0;
  font-family: 'IRANSans', Tahoma, sans-serif;
  font-size: 14px;
  background: #0a0f1e;
  color: #e2e8f0;
  direction: rtl;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ── ناوبار ────────────────────────────────────────────── */
.lp-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 60px;
  background: rgba(10,15,30,.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,.07);
  position: sticky;
  top: 0;
  z-index: 100;
}

.lp-brand {
  display: flex; align-items: center; gap: 11px;
  text-decoration: none; color: inherit;
}
.lp-logo {
  width: 38px; height: 38px;
  background: linear-gradient(135deg, #3b82f6, #6366f1);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
}
.lp-brand-text strong {
  display: block; font-size: 13px; font-weight: 800;
  color: #f1f5f9; line-height: 1.3;
}
.lp-brand-text span {
  display: block; font-size: 10px; color: #64748b; margin-top: 2px;
}

.lp-admin-btn {
  height: 34px; padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  color: #94a3b8;
  text-decoration: none;
  font-size: 12px; font-weight: 700;
  display: flex; align-items: center; gap: 5px;
  transition: .18s;
}
.lp-admin-btn:hover {
  background: rgba(255,255,255,.12);
  color: #e2e8f0;
}

/* ── صفحه اصلی ─────────────────────────────────────────── */
.lp-main {
  max-width: 440px;
  margin: 0 auto;
  padding: 0 0 60px;
}

/* ── Hero ───────────────────────────────────────────────── */
.lp-hero {
  padding: 36px 20px 28px;
  text-align: center;
}

.lp-eyebrow {
  margin: 0 0 16px;
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(59,130,246,.15);
  border: 1px solid rgba(59,130,246,.3);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 12px; font-weight: 700;
  color: #93c5fd;
  letter-spacing: .3px;
}

.lp-h1 {
  margin: 0 0 14px;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.65;
  color: #f8fafc;
  letter-spacing: -.3px;
}

.lp-sub {
  margin: 0 0 28px;
  font-size: 14px;
  color: #64748b;
  line-height: 2;
}

/* دکمه‌های CTA */
.lp-cta-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 32px;
}

.lp-cta-btn {
  width: 100%;
  height: 50px;
  border-radius: 16px;
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
  display: flex; align-items: center; justify-content: center;
  transition: all .2s ease;
  border: 1.5px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.05);
  color: #cbd5e1;
}
.lp-cta-btn:hover {
  background: rgba(255,255,255,.09);
  transform: translateY(-1px);
}
.lp-cta-btn.primary {
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #fff;
  border: 0;
  box-shadow: 0 12px 30px rgba(37,99,235,.35);
  font-size: 15px;
}
.lp-cta-btn.primary:hover {
  box-shadow: 0 16px 38px rgba(37,99,235,.45);
  transform: translateY(-2px);
}
.lp-cta-btn.ghost {
  background: transparent;
  color: #64748b;
  font-size: 13px;
  height: 40px;
}
.lp-cta-btn.ghost:hover { color: #94a3b8; }

/* گام‌ها */
.lp-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 18px 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 18px;
}
.lp-step {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  flex: 1;
}
.lp-step span {
  width: 30px; height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1d4ed8, #4338ca);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 900; color: #fff;
  box-shadow: 0 4px 12px rgba(29,78,216,.35);
}
.lp-step p {
  margin: 0; font-size: 10px; font-weight: 700;
  color: #64748b; white-space: nowrap; text-align: center;
}
.lp-step-arrow {
  color: #1e3a5f;
  font-size: 16px;
  font-weight: 900;
  flex-shrink: 0;
}

/* ── بخش فروشگاه‌ها ─────────────────────────────────────── */
.lp-stores-section {
  padding: 0 14px;
}

.lp-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
  padding: 0 2px;
}
.lp-section-header h2 {
  margin: 0 0 4px;
  font-size: 17px; font-weight: 900;
  color: #f1f5f9;
}
.lp-section-header p {
  margin: 0; font-size: 12px; color: #475569;
}

/* category pills */
.category-pills {
  display: flex; gap: 8px;
  overflow-x: auto; padding-bottom: 14px; margin-bottom: 4px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.category-pills::-webkit-scrollbar { display: none; }
.category-pills a {
  flex: 0 0 auto;
  text-decoration: none; white-space: nowrap;
  color: #64748b;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 12px; font-weight: 700;
  transition: .15s;
}
.category-pills a:hover { background: rgba(255,255,255,.09); }
.category-pills a.active {
  background: #1d4ed8;
  color: #fff;
  border-color: #1d4ed8;
  box-shadow: 0 4px 14px rgba(29,78,216,.35);
}

/* کارت‌های فروشگاه */
.lp-grid {
  display: flex; flex-direction: column; gap: 12px;
}

.lp-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  overflow: hidden;
  transition: all .2s ease;
}
.lp-card:hover {
  background: rgba(255,255,255,.07);
  border-color: rgba(59,130,246,.25);
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(0,0,0,.3);
}

.lp-cover {
  height: 160px;
  position: relative;
  background: linear-gradient(135deg, #0f2040, #1e3a5f);
  overflow: hidden;
}
.lp-cover img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}
.lp-cover-fb {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 52px; font-weight: 900; color: #3b82f6;
  background: linear-gradient(135deg, #0f172a, #1e3a5f);
}
.lp-cover::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.6) 100%);
}
.lp-cat-chip {
  position: absolute; bottom: 12px; right: 12px; z-index: 1;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px; font-weight: 700; color: #e2e8f0;
}

.lp-card-body { padding: 16px; }
.lp-card-body h3 {
  margin: 0 0 6px;
  font-size: 16px; font-weight: 800; color: #f1f5f9;
}
.lp-card-body p {
  margin: 0 0 10px;
  font-size: 12px; color: #64748b; line-height: 1.75;
}

.lp-chip-row {
  display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px;
}
.lp-chip {
  background: rgba(59,130,246,.12);
  border: 1px solid rgba(59,130,246,.2);
  color: #93c5fd;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px; font-weight: 700;
}

.lp-info-line {
  font-size: 11px; color: #475569; margin-bottom: 4px;
}

.lp-shop-btn {
  display: flex; align-items: center; justify-content: center;
  margin-top: 14px; height: 42px; border-radius: 12px;
  background: linear-gradient(135deg, #1d4ed8, #4338ca);
  color: #fff; text-decoration: none;
  font-size: 13px; font-weight: 800;
  box-shadow: 0 8px 20px rgba(29,78,216,.3);
  transition: .2s ease;
}
.lp-shop-btn:hover {
  box-shadow: 0 12px 28px rgba(29,78,216,.45);
  transform: translateY(-1px);
}

.lp-no-store {
  text-align: center; padding: 32px 16px;
  color: #334155; font-size: 13px;
  background: rgba(255,255,255,.03);
  border: 1px dashed rgba(255,255,255,.08);
  border-radius: 16px;
}

/* ── footer ─────────────────────────────────────────────── */
.lp-footer {
  text-align: center; color: #1e293b;
  font-size: 11px; padding: 20px 0 36px;
  font-family: 'IRANSans', Tahoma, sans-serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   دسکتاپ
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 700px) {
  .lp-main { max-width: 1100px; padding: 0 0 80px; }
  .lp-nav { padding: 0 32px; }

  .lp-hero {
    padding: 60px 40px 48px;
    max-width: 680px; margin: 0 auto;
  }
  .lp-h1 { font-size: 36px; }
  .lp-sub { font-size: 15px; max-width: 500px; margin-left: auto; margin-right: auto; }
  .lp-cta-row {
    flex-direction: row;
    justify-content: center;
    max-width: 400px;
    margin-left: auto; margin-right: auto; margin-bottom: 32px;
  }
  .lp-cta-btn { width: auto; flex: 1; }
  .lp-cta-btn.ghost { flex: 0 0 auto; width: auto; }
  .lp-steps { max-width: 480px; margin: 0 auto; }

  .lp-stores-section { padding: 0 28px; }
  .lp-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (min-width: 1000px) {
  .lp-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v1.5.0  صفحه اصلی — طراحی روشن مدرن — IRANSans
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

*, *::before, *::after { box-sizing: border-box; }

.lp-body {
  margin: 0; padding: 0;
  font-family: 'IRANSans', Tahoma, sans-serif;
  font-size: 14px;
  background: #f5f7fa;
  color: #1a2332;
  direction: rtl;
  min-height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ─── ناوبار ──────────────────────────────────────────── */
.lp-nav {
  position: sticky; top: 0; z-index: 200;
  height: 58px;
  background: #fff;
  border-bottom: 1px solid #eef0f4;
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
}

.lp-brand {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; color: inherit;
}
.lp-logo-wrap {
  width: 38px; height: 38px;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  box-shadow: 0 4px 12px rgba(37,99,235,.25);
  flex-shrink: 0;
}
.lp-brand-text strong {
  display: block; font-size: 14px; font-weight: 800;
  color: #111827; line-height: 1.3;
}
.lp-brand-text small {
  display: block; font-size: 10px; color: #9ca3af; margin-top: 1px;
}

.lp-nav-actions { display: flex; gap: 8px; align-items: center; }

.lp-nav-btn {
  height: 36px; padding: 0 14px; border-radius: 999px;
  font-size: 12px; font-weight: 800;
  text-decoration: none;
  display: inline-flex; align-items: center;
  transition: .15s ease;
  background: #2563eb; color: #fff;
  border: 0;
  box-shadow: 0 3px 10px rgba(37,99,235,.25);
}
.lp-nav-btn:hover { background: #1d4ed8; transform: translateY(-1px); }
.lp-nav-btn.outline {
  background: transparent; color: #6b7280;
  border: 1.5px solid #e5e7eb;
  box-shadow: none;
}
.lp-nav-btn.outline:hover { background: #f9fafb; color: #374151; }

/* ─── محتوا ───────────────────────────────────────────── */
.lp-main {
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 50px;
}

/* ─── بنر hero ────────────────────────────────────────── */
.lp-banner {
  background: linear-gradient(145deg, #eff6ff 0%, #eef2ff 60%, #f5f3ff 100%);
  padding: 28px 20px 24px;
  border-bottom: 1px solid #e0e7ff;
}

.lp-badge-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: #dbeafe; color: #1d4ed8;
  border-radius: 999px; padding: 5px 14px;
  font-size: 11px; font-weight: 800;
  margin-bottom: 14px;
  letter-spacing: .2px;
}

.lp-banner-text h1 {
  margin: 0 0 10px;
  font-size: 24px; font-weight: 900;
  line-height: 1.65; color: #111827;
}
.lp-banner-text p {
  margin: 0 0 22px;
  font-size: 13px; color: #6b7280; line-height: 2;
}

.lp-banner-btns {
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 24px;
}
.lp-btn-main {
  width: 100%; height: 50px; border-radius: 14px;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #fff; font-weight: 800; font-size: 15px;
  text-decoration: none;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 22px rgba(37,99,235,.3);
  transition: .2s ease;
}
.lp-btn-main:hover { box-shadow: 0 12px 28px rgba(37,99,235,.4); transform: translateY(-1px); }
.lp-btn-sec {
  width: 100%; height: 44px; border-radius: 14px;
  background: #fff; color: #374151; font-weight: 700; font-size: 14px;
  text-decoration: none;
  display: flex; align-items: center; justify-content: center;
  border: 1.5px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: .18s ease;
}
.lp-btn-sec:hover { background: #f9fafb; transform: translateY(-1px); }

/* mini cards آمار */
.lp-banner-cards {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;
}
.lp-mini-card {
  border-radius: 16px; padding: 14px 10px;
  text-align: center; background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.lp-mini-card.blue  { border-top: 3px solid #3b82f6; }
.lp-mini-card.green { border-top: 3px solid #22c55e; }
.lp-mini-card.purple{ border-top: 3px solid #a78bfa; }
.lp-mini-icon { font-size: 22px; margin-bottom: 6px; }
.lp-mini-card b { display: block; font-size: 16px; font-weight: 900; color: #111827; margin-bottom: 2px; }
.lp-mini-card span { display: block; font-size: 10px; color: #9ca3af; font-weight: 600; }

/* ─── دسترسی سریع ─────────────────────────────────────── */
.lp-quick-row {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 10px;
  padding: 16px 16px 0;
}
.lp-quick-item {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  text-decoration: none; color: #374151;
  background: #fff; border: 1px solid #f0f0f0;
  border-radius: 16px; padding: 14px 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  transition: .18s ease;
  font-size: 12px; font-weight: 700;
}
.lp-quick-item:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.09); }
.lp-quick-icon {
  width: 44px; height: 44px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
}

/* ─── فروشگاه‌ها ───────────────────────────────────────── */
.lp-stores-wrap {
  padding: 16px 16px 0;
}
.lp-stores-top {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: 10px;
  margin-bottom: 12px;
}
.lp-stores-top h2 { margin: 0 0 3px; font-size: 17px; font-weight: 900; color: #111827; }
.lp-stores-top p  { margin: 0; font-size: 11px; color: #9ca3af; }

/* category pills */
.category-pills {
  display: flex; gap: 8px; overflow-x: auto;
  padding-bottom: 12px; margin-bottom: 4px;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.category-pills::-webkit-scrollbar { display: none; }
.category-pills a {
  flex: 0 0 auto; white-space: nowrap;
  text-decoration: none; color: #6b7280;
  background: #fff; border: 1.5px solid #e5e7eb;
  border-radius: 999px; padding: 7px 14px;
  font-size: 12px; font-weight: 700;
  transition: .15s;
}
.category-pills a:hover { background: #f3f4f6; }
.category-pills a.active {
  background: #2563eb; color: #fff;
  border-color: #2563eb;
  box-shadow: 0 4px 14px rgba(37,99,235,.25);
}

/* ─── کارت‌های فروشگاه ────────────────────────────────── */
.lp-store-grid {
  display: flex; flex-direction: column; gap: 12px;
  padding-bottom: 12px;
}

.sc-card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #eef0f5;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.05);
  transition: .2s ease;
}
.sc-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.1);
  border-color: #c7d2fe;
}

.sc-cover {
  height: 155px; position: relative;
  background: linear-gradient(135deg, #dbeafe, #ede9fe);
  overflow: hidden;
}
.sc-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-fb {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 56px; font-weight: 900; color: #3b82f6;
}
.sc-cover::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0; height: 50%;
  background: linear-gradient(transparent, rgba(0,0,0,.3));
}
.sc-badge {
  position: absolute; bottom: 10px; right: 10px; z-index: 1;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  border-radius: 999px; padding: 4px 10px;
  font-size: 11px; font-weight: 700; color: #374151;
  border: 1px solid rgba(255,255,255,.6);
}

.sc-body { padding: 15px; }
.sc-body h3 { margin: 0 0 5px; font-size: 16px; font-weight: 800; color: #111827; }
.sc-body p  { margin: 0 0 10px; font-size: 12px; color: #6b7280; line-height: 1.75; }

.sc-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.sc-tags em {
  font-style: normal;
  background: #eff6ff; color: #2563eb;
  border: 1px solid #dbeafe;
  border-radius: 999px; padding: 3px 10px;
  font-size: 11px; font-weight: 700;
}

.sc-meta { font-size: 11px; color: #9ca3af; margin-bottom: 4px; }

.sc-buy {
  display: flex; align-items: center; justify-content: center;
  margin-top: 12px; height: 44px; border-radius: 12px;
  background: linear-gradient(135deg, #2563eb, #4f46e5);
  color: #fff; text-decoration: none;
  font-size: 13px; font-weight: 800;
  box-shadow: 0 6px 18px rgba(37,99,235,.28);
  transition: .2s ease;
}
.sc-buy:hover { box-shadow: 0 10px 24px rgba(37,99,235,.4); transform: translateY(-1px); }

.sc-empty {
  text-align: center; padding: 32px;
  color: #9ca3af; font-size: 13px;
  background: #fff; border: 1.5px dashed #e5e7eb;
  border-radius: 18px;
}

/* ─── footer ──────────────────────────────────────────── */
.lp-footer {
  text-align: center; color: #d1d5db;
  font-size: 11px; padding: 20px 0 36px;
  font-family: 'IRANSans', Tahoma, sans-serif;
}
.lp-footer p { margin: 0; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   دسکتاپ
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 700px) {
  .lp-main { max-width: 1100px; padding-bottom: 80px; }
  .lp-nav  { padding: 0 28px; }

  .lp-banner {
    display: grid; grid-template-columns: 1fr auto;
    align-items: center; gap: 32px;
    padding: 48px 40px;
  }
  .lp-banner-text h1 { font-size: 32px; }
  .lp-banner-text p  { font-size: 15px; max-width: 460px; }
  .lp-banner-btns { flex-direction: row; }
  .lp-btn-main, .lp-btn-sec { width: auto; flex: 1; }
  .lp-banner-cards {
    grid-template-columns: 1fr; gap: 12px;
    min-width: 150px;
  }

  .lp-quick-row { padding: 20px 28px 0; gap: 14px; }
  .lp-stores-wrap { padding: 20px 28px 0; }

  .lp-store-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (min-width: 1000px) {
  .lp-store-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v1.6.0  Landing — روشن، مدرن، موبایل‌فرست
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*,*::before,*::after{box-sizing:border-box}

.lp{
  margin:0;padding:0;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;color:#111827;
  background:#f4f6fb;
  direction:rtl;min-height:100vh;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ── ناوبار ── */
.lp-nav{
  position:sticky;top:0;z-index:200;
  height:56px;background:#fff;
  border-bottom:1px solid #eef0f4;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;
  box-shadow:0 1px 8px rgba(0,0,0,.06);
}
.lp-logo{
  display:flex;align-items:center;gap:9px;
  text-decoration:none;color:#111827;
}
.lp-logo span{
  width:36px;height:36px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
  box-shadow:0 3px 10px rgba(37,99,235,.3);
}
.lp-logo strong{font-size:15px;font-weight:800;letter-spacing:-.2px}

.lp-login-btn{
  height:38px;padding:0 18px;border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  color:#fff;font-size:13px;font-weight:800;
  text-decoration:none;
  display:inline-flex;align-items:center;
  box-shadow:0 4px 14px rgba(37,99,235,.3);
  transition:.18s ease;white-space:nowrap;
}
.lp-login-btn:hover{box-shadow:0 6px 20px rgba(37,99,235,.42);transform:translateY(-1px)}

/* ── Hero ── */
.lp-hero{
  background:linear-gradient(160deg,#1e3a8a 0%,#312e81 50%,#4c1d95 100%);
  padding:36px 20px 32px;
  position:relative;overflow:hidden;
}
.lp-hero::before{
  content:'';position:absolute;
  top:-80px;left:-80px;
  width:300px;height:300px;
  background:rgba(255,255,255,.05);
  border-radius:50%;
}
.lp-hero::after{
  content:'';position:absolute;
  bottom:-60px;right:-60px;
  width:220px;height:220px;
  background:rgba(255,255,255,.04);
  border-radius:50%;
}

.lp-tag{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;padding:5px 13px;
  font-size:11px;font-weight:700;color:#c7d2fe;
  margin-bottom:16px;letter-spacing:.3px;
  position:relative;z-index:1;
}

.lp-hero-text{position:relative;z-index:1}
.lp-hero-text h1{
  margin:0 0 12px;
  font-size:25px;font-weight:900;
  line-height:1.65;color:#fff;
  letter-spacing:-.3px;
}
.lp-hero-text p{
  margin:0 0 24px;
  font-size:13px;color:#a5b4fc;line-height:2;
}
.lp-hero-btn{
  display:inline-flex;align-items:center;gap:8px;
  height:48px;padding:0 24px;border-radius:14px;
  background:#fff;color:#1e3a8a;
  font-size:14px;font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  transition:.2s ease;position:relative;z-index:1;
}
.lp-hero-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.28)}

/* کارت اعتبار */
.lp-credit-card{
  position:relative;z-index:1;
  margin-top:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.25);
  border-radius:22px;padding:22px 20px;
  backdrop-filter:blur(12px);
  box-shadow:0 16px 40px rgba(0,0,0,.25);
}
.lp-cc-top{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:20px;
}
.lp-cc-top span:first-child{
  font-size:13px;font-weight:800;color:rgba(255,255,255,.7);letter-spacing:1px;
}
.lp-cc-top span:last-child{font-size:24px}
.lp-cc-num{
  font-size:18px;font-weight:700;
  color:#fff;letter-spacing:3px;
  margin-bottom:18px;direction:ltr;text-align:left;
}
.lp-cc-bot{
  display:flex;justify-content:space-between;align-items:flex-end;
}
.lp-cc-bot small{display:block;font-size:9px;color:rgba(255,255,255,.5);text-transform:uppercase;margin-bottom:3px;letter-spacing:.5px}
.lp-cc-bot span{display:block;font-size:13px;font-weight:700;color:#fff}

/* ── چطور کار می‌کنه ── */
.lp-how{
  background:#fff;
  margin:14px 14px 0;
  border-radius:22px;
  padding:22px 18px;
  border:1px solid #eef0f5;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.lp-how h2{
  margin:0 0 20px;
  font-size:16px;font-weight:900;color:#111827;text-align:center;
}
.lp-steps{
  display:flex;align-items:flex-start;
  gap:0;
}
.lp-step{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
}
.lp-step-n{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:900;color:#fff;
  box-shadow:0 4px 12px rgba(37,99,235,.3);
  flex-shrink:0;
}
.lp-step strong{font-size:11px;font-weight:800;color:#111827;line-height:1.4}
.lp-step p{margin:0;font-size:10px;color:#9ca3af;line-height:1.5}
.lp-step-sep{
  flex-shrink:0;
  width:24px;margin-top:16px;
  border-top:2px dashed #dbeafe;
}

/* ── فروشگاه‌ها ── */
.lp-stores{
  padding:16px 14px 0;
}
.lp-sec-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12px;
}
.lp-sec-head h2{margin:0;font-size:17px;font-weight:900;color:#111827}
.lp-sec-head span{
  background:#eff6ff;color:#2563eb;
  border-radius:999px;padding:4px 12px;
  font-size:11px;font-weight:800;
}

/* pills */
.category-pills{
  display:flex;gap:8px;overflow-x:auto;
  padding-bottom:12px;margin-bottom:4px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.category-pills::-webkit-scrollbar{display:none}
.category-pills a{
  flex:0 0 auto;white-space:nowrap;text-decoration:none;
  color:#6b7280;background:#fff;border:1.5px solid #e5e7eb;
  border-radius:999px;padding:7px 14px;
  font-size:12px;font-weight:700;transition:.15s;
}
.category-pills a:hover{background:#f3f4f6}
.category-pills a.active{
  background:#2563eb;color:#fff;border-color:#2563eb;
  box-shadow:0 4px 14px rgba(37,99,235,.25);
}

/* ── کارت فروشگاه — لیست موبایل ── */
.lp-grid{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}

.lp-card{
  display:flex;align-items:center;gap:0;
  background:#fff;border-radius:18px;
  border:1px solid #eef0f5;
  overflow:hidden;
  text-decoration:none;color:inherit;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  transition:.2s ease;
}
.lp-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.09);
  border-color:#c7d2fe;
}
.lp-card-img{
  width:90px;height:90px;flex-shrink:0;
  background:linear-gradient(135deg,#dbeafe,#ede9fe);
  position:relative;overflow:hidden;
}
.lp-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.lp-fb{
  width:100%;height:100%;display:flex;
  align-items:center;justify-content:center;
  font-size:36px;
}
.lp-cat{
  position:absolute;bottom:4px;right:4px;
  background:rgba(255,255,255,.9);
  border-radius:6px;padding:2px 5px;
  font-size:9px;font-weight:700;color:#374151;
  max-width:82px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.lp-card-info{
  flex:1;padding:12px 10px;min-width:0;
}
.lp-card-info h3{
  margin:0 0 4px;font-size:14px;font-weight:800;
  color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.lp-card-info p{
  margin:0 0 7px;font-size:11px;color:#6b7280;line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.lp-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.lp-chips span{
  background:#eff6ff;color:#2563eb;
  border:1px solid #dbeafe;border-radius:999px;
  padding:2px 8px;font-size:10px;font-weight:700;
}
.lp-addr{font-size:10px;color:#9ca3af}
.lp-card-arrow{
  padding:0 14px;color:#2563eb;
  font-size:18px;font-weight:900;flex-shrink:0;
}

.lp-empty{
  text-align:center;padding:32px;color:#9ca3af;
  background:#fff;border:1.5px dashed #e5e7eb;border-radius:18px;
}

/* ── footer ── */
.lp-footer{
  text-align:center;padding:22px 0 40px;
  font-family:'IRANSans',Tahoma,sans-serif;
}
.lp-footer p{margin:0;font-size:11px;color:#9ca3af}
.lp-footer a{color:#6b7280;text-decoration:none}

/* ── دسکتاپ ── */
@media(min-width:700px){
  .lp-nav{padding:0 32px}
  .lp-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 40px}
  .lp-hero-text h1{font-size:34px}
  .lp-credit-card{margin-top:0;max-width:320px;justify-self:center}
  .lp-how{margin:16px 28px 0}
  .lp-stores{padding:16px 28px 0}
  .lp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .lp-card{flex-direction:column}
  .lp-card-img{width:100%;height:140px}
  .lp-card-info{padding:14px}
  .lp-card-arrow{display:none}
}
@media(min-width:1020px){
  .lp-grid{grid-template-columns:repeat(3,1fr)}
  .lp-hero{max-width:1100px;margin:0 auto;border-radius:0}
  .lp-how,.lp-stores{max-width:1100px;margin-right:auto;margin-left:auto}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v1.7.0  Landing — مینیمال سفید شیک
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

*,*::before,*::after{box-sizing:border-box}

.lp{
  margin:0;padding:0;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;
  background:#fff;
  color:#111827;
  direction:rtl;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ─── ناوبار ─────────────────────────────────────────── */
.lp-nav{
  position:sticky;top:0;z-index:200;
  height:60px;
  background:#fff;
  border-bottom:1px solid #f0f0f0;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;
}

.lp-logo{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;color:#111827;
}
.lp-logo-icon{
  width:38px;height:38px;
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:19px;flex-shrink:0;
}
.lp-logo strong{display:block;font-size:14px;font-weight:800;line-height:1.3}
.lp-logo small{display:block;font-size:10px;color:#9ca3af;margin-top:1px}

.lp-enter-btn{
  height:38px;padding:0 20px;
  border-radius:999px;
  background:#111827;color:#fff;
  font-size:13px;font-weight:800;
  text-decoration:none;
  display:inline-flex;align-items:center;
  transition:.18s;
  white-space:nowrap;
}
.lp-enter-btn:hover{background:#1f2937;transform:translateY(-1px)}

/* ─── main wrapper ───────────────────────────────────── */
.lp-main{
  max-width:460px;
  margin:0 auto;
}

/* ─── Hero ───────────────────────────────────────────── */
.lp-hero{
  padding:44px 24px 36px;
  border-bottom:1px solid #f5f5f5;
}

.lp-eyebrow{
  margin:0 0 16px;
  display:inline-block;
  font-size:12px;font-weight:700;
  color:#6366f1;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.lp-hero h1{
  margin:0 0 14px;
  font-size:26px;font-weight:900;
  line-height:1.65;color:#111827;
  letter-spacing:-.4px;
}

.lp-desc{
  margin:0 0 28px;
  font-size:14px;color:#6b7280;
  line-height:2;
}

.lp-hero-cta{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:52px;border-radius:16px;
  background:#111827;color:#fff;
  font-size:15px;font-weight:800;
  text-decoration:none;
  transition:.2s;
  margin-bottom:12px;
}
.lp-hero-cta:hover{background:#1f2937;transform:translateY(-1px)}

.lp-portals{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
.lp-portals a{
  display:flex;align-items:center;justify-content:center;
  height:44px;border-radius:14px;
  background:#f9fafb;
  border:1.5px solid #e5e7eb;
  color:#374151;font-size:13px;font-weight:700;
  text-decoration:none;
  transition:.18s;
}
.lp-portals a:hover{background:#f3f4f6;border-color:#d1d5db}

/* ─── چطور کار می‌کنه ─────────────────────────────────── */
.lp-how{
  padding:32px 24px;
  border-bottom:1px solid #f5f5f5;
}

.lp-sec-title{
  margin:0 0 24px;
  font-size:17px;font-weight:900;color:#111827;
  text-align:center;
}

.lp-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.lp-step{
  display:flex;flex-direction:column;
  align-items:center;text-align:center;gap:8px;
}
.lp-step-ico{
  width:48px;height:48px;
  background:#f9fafb;
  border:1.5px solid #f0f0f0;
  border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
}
.lp-step strong{font-size:11px;font-weight:800;color:#111827;line-height:1.4}
.lp-step span{font-size:10px;color:#9ca3af;line-height:1.5}

/* ─── فروشگاه‌ها ──────────────────────────────────────── */
.lp-stores{
  padding:28px 20px;
}

.lp-stores-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;
}
.lp-stores-head h2{margin:0;font-size:17px;font-weight:900;color:#111827}
.lp-count-badge{
  background:#f0f4ff;color:#4f46e5;
  border-radius:999px;padding:4px 12px;
  font-size:11px;font-weight:800;
}

/* category pills */
.category-pills{
  display:flex;gap:7px;overflow-x:auto;
  padding-bottom:14px;margin-bottom:6px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.category-pills::-webkit-scrollbar{display:none}
.category-pills a{
  flex:0 0 auto;white-space:nowrap;
  text-decoration:none;color:#6b7280;
  background:#f9fafb;border:1.5px solid #e5e7eb;
  border-radius:999px;padding:7px 14px;
  font-size:12px;font-weight:700;transition:.15s;
}
.category-pills a:hover{background:#f3f4f6}
.category-pills a.active{
  background:#111827;color:#fff;
  border-color:#111827;
}

/* ─── کارت فروشگاه ────────────────────────────────────── */
.lp-grid{display:flex;flex-direction:column;gap:12px}

.lp-card{
  display:block;text-decoration:none;color:inherit;
  background:#fff;
  border:1.5px solid #f0f0f0;
  border-radius:20px;overflow:hidden;
  transition:.22s ease;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.lp-card:hover{
  border-color:#e0e7ff;
  box-shadow:0 8px 28px rgba(79,70,229,.1);
  transform:translateY(-3px);
}

.lp-card-cover{
  height:160px;position:relative;
  background:linear-gradient(135deg,#f0f4ff,#faf5ff);
  overflow:hidden;
}
.lp-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.lp-fb{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:52px;
}
.lp-card-cover::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(transparent 55%,rgba(0,0,0,.22));
}
.lp-cat-pill{
  position:absolute;bottom:10px;right:10px;z-index:1;
  background:rgba(255,255,255,.95);
  border-radius:999px;padding:4px 10px;
  font-size:11px;font-weight:700;color:#374151;
  border:1px solid rgba(0,0,0,.06);
}

.lp-card-body{padding:15px 16px 16px}
.lp-card-body h3{
  margin:0 0 5px;
  font-size:15px;font-weight:800;color:#111827;
}
.lp-card-body p{
  margin:0 0 9px;
  font-size:12px;color:#6b7280;line-height:1.75;
  display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;
}

.lp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
.lp-tags span{
  background:#f0f4ff;color:#4f46e5;
  border-radius:999px;padding:3px 10px;
  font-size:10px;font-weight:700;
  border:1px solid #e0e7ff;
}
.lp-addr{font-size:10px;color:#9ca3af;margin-bottom:12px}

.lp-card-cta{
  display:flex;align-items:center;justify-content:center;
  height:40px;border-radius:12px;
  background:#f9fafb;
  border:1.5px solid #e5e7eb;
  color:#111827;font-size:12px;font-weight:800;
  transition:.18s;
}
.lp-card:hover .lp-card-cta{
  background:#111827;color:#fff;border-color:#111827;
}

.lp-empty{
  text-align:center;padding:40px 20px;color:#9ca3af;
  border:1.5px dashed #e5e7eb;border-radius:18px;
}

/* ─── footer ─────────────────────────────────────────── */
.lp-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px 36px;
  border-top:1px solid #f5f5f5;
  font-family:'IRANSans',Tahoma,sans-serif;
}
.lp-foot span{font-size:11px;color:#d1d5db}
.lp-foot a{font-size:11px;color:#9ca3af;text-decoration:none}
.lp-foot a:hover{color:#374151}

/* ─── دسکتاپ ─────────────────────────────────────────── */
@media(min-width:720px){
  .lp-main{max-width:1080px}
  .lp-nav{padding:0 32px}

  .lp-hero{
    display:grid;grid-template-columns:1fr 1fr;
    gap:60px;align-items:center;
    padding:64px 40px;
  }
  .lp-hero h1{font-size:34px}
  .lp-portals{grid-template-columns:1fr 1fr}

  .lp-how{padding:40px}
  .lp-stores{padding:32px 40px}

  .lp-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
  .lp-card-cover{height:170px}
  .lp-foot{padding:24px 40px 48px}
}

@media(min-width:1020px){
  .lp-grid{grid-template-columns:repeat(3,1fr)}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v1.8.0  Landing — azki-style — سفید مینیمال شیک
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

*,*::before,*::after{box-sizing:border-box}

.lp{
  margin:0;padding:0;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;color:#1a1a2e;
  background:#f7f8fc;
  direction:rtl;min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ─── ناوبار ─────────────────────────────────────────── */
.lp-nav{
  position:sticky;top:0;z-index:200;
  height:56px;
  background:#fff;
  border-bottom:1.5px solid #f0f2f7;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;
  box-shadow:0 1px 6px rgba(0,0,0,.05);
}

.lp-brand{
  display:flex;align-items:center;gap:9px;
  text-decoration:none;color:#1a1a2e;
}
.lp-brand-icon{
  width:36px;height:36px;
  background:linear-gradient(135deg,#1a73e8,#6c5ce7);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
  box-shadow:0 3px 10px rgba(26,115,232,.28);
}
.lp-brand-name{font-size:16px;font-weight:900;letter-spacing:-.3px}

.lp-nav-right{display:flex;align-items:center;gap:8px}
.lp-nav-support{
  display:flex;align-items:center;gap:5px;
  color:#6b7280;font-size:12px;font-weight:700;
  text-decoration:none;padding:6px 10px;
  border-radius:8px;transition:.15s;
}
.lp-nav-support:hover{background:#f3f4f6;color:#374151}
.lp-nav-login{
  height:36px;padding:0 18px;
  border-radius:999px;
  background:#1a73e8;color:#fff;
  font-size:12px;font-weight:800;
  text-decoration:none;
  display:inline-flex;align-items:center;
  white-space:nowrap;
  box-shadow:0 3px 10px rgba(26,115,232,.28);
  transition:.18s;
}
.lp-nav-login:hover{background:#1557b0;transform:translateY(-1px)}

/* ─── wrapper ─────────────────────────────────────────── */
.lp-wrap{max-width:480px;margin:0 auto}

/* ─── Hero Banner ────────────────────────────────────── */
.lp-hero-banner{
  background:linear-gradient(135deg,#ebf3ff 0%,#f0ebff 100%);
  padding:28px 20px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid #e8edf8;
}
.lp-hero-text{flex:1}
.lp-hero-text h1{
  margin:0 0 10px;
  font-size:20px;font-weight:900;
  line-height:1.65;color:#1a1a2e;
}
.lp-hero-text p{
  margin:0 0 20px;
  font-size:12px;color:#6b7280;line-height:2;
}
.lp-hero-btn{
  display:inline-flex;align-items:center;
  height:44px;padding:0 22px;
  border-radius:12px;
  background:#1a73e8;color:#fff;
  font-size:13px;font-weight:800;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(26,115,232,.3);
  transition:.2s;white-space:nowrap;
}
.lp-hero-btn:hover{background:#1557b0;transform:translateY(-1px);box-shadow:0 9px 22px rgba(26,115,232,.38)}
.lp-hero-img{
  font-size:64px;flex-shrink:0;
  filter:drop-shadow(0 8px 20px rgba(26,115,232,.2));
}

/* ─── Tab bar دسته‌بندی ─────────────────────────────── */
.lp-tabs-wrap{
  background:#fff;
  border-bottom:1px solid #f0f2f7;
  padding:0 4px;
}
.lp-tabs{
  display:flex;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
  gap:0;
}
.lp-tabs::-webkit-scrollbar{display:none}
.lp-tab{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  flex:0 0 auto;padding:12px 16px;
  text-decoration:none;color:#6b7280;
  font-size:11px;font-weight:700;white-space:nowrap;
  border-bottom:2.5px solid transparent;
  transition:.15s;
}
.lp-tab span{font-size:22px;line-height:1}
.lp-tab:hover{color:#1a73e8}
.lp-tab.active{
  color:#1a73e8;
  border-bottom-color:#1a73e8;
}

/* ─── section ──────────────────────────────────────── */
.lp-section{
  background:#fff;
  margin:10px 12px 0;
  border-radius:18px;
  border:1px solid #eef0f7;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.lp-section-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 16px 12px;
  border-bottom:1px solid #f5f5f8;
}
.lp-section-head h2{margin:0;font-size:15px;font-weight:900;color:#1a1a2e}
.lp-section-head span{
  background:#eff6ff;color:#1a73e8;
  border-radius:999px;padding:3px 11px;
  font-size:11px;font-weight:800;
}

/* ─── ردیف فروشگاه (مثل azki) ─────────────────────── */
.lp-store-list{display:flex;flex-direction:column}

.lp-store-row{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;
  text-decoration:none;color:inherit;
  border-bottom:1px solid #f5f5f8;
  transition:.18s;
  background:#fff;
}
.lp-store-row:last-child{border-bottom:none}
.lp-store-row:hover{background:#f8faff}

.lp-store-thumb{
  width:56px;height:56px;flex-shrink:0;
  border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,#ebf3ff,#ede9fe);
  border:1px solid #e8edf8;
}
.lp-store-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lp-store-fallback{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:26px;
}

.lp-store-info{flex:1;min-width:0}
.lp-store-top{
  display:flex;align-items:flex-start;
  justify-content:space-between;gap:8px;
  margin-bottom:4px;
}
.lp-store-top h3{
  margin:0;font-size:14px;font-weight:800;
  color:#1a1a2e;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.lp-store-cat{
  flex-shrink:0;
  background:#f0f4ff;color:#4f46e5;
  border-radius:999px;padding:2px 8px;
  font-size:10px;font-weight:700;
}
.lp-store-info p{
  margin:0 0 6px;font-size:11px;
  color:#9ca3af;line-height:1.6;
}
.lp-store-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.lp-store-tags span{
  background:#f0fdf4;color:#16a34a;
  border-radius:6px;padding:2px 8px;
  font-size:10px;font-weight:700;
}
.lp-store-action{
  display:inline-flex;align-items:center;gap:4px;
  background:#eff6ff;color:#1a73e8;
  border-radius:8px;padding:5px 10px;
  font-size:11px;font-weight:800;
  transition:.15s;
}
.lp-store-row:hover .lp-store-action{background:#1a73e8;color:#fff}

.lp-empty{
  text-align:center;padding:40px 20px;
  color:#9ca3af;font-size:13px;
  background:#fff;margin:10px 12px;
  border:1.5px dashed #e5e7eb;border-radius:16px;
}

/* ─── چرا ما؟ ──────────────────────────────────────── */
.lp-why{
  background:#fff;
  margin:10px 12px 0;
  border-radius:18px;
  padding:20px 16px;
  border:1px solid #eef0f7;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.lp-why h2{margin:0 0 4px;font-size:17px;font-weight:900;color:#1a1a2e;text-align:center}
.lp-why>p{margin:0 0 20px;font-size:12px;color:#9ca3af;text-align:center}
.lp-why-list{display:flex;flex-direction:column;gap:0}
.lp-why-item{
  display:flex;align-items:flex-start;gap:14px;
  padding:14px 0;
  border-bottom:1px solid #f5f5f8;
}
.lp-why-item:last-child{border-bottom:none;padding-bottom:0}
.lp-why-icon{
  width:48px;height:48px;flex-shrink:0;
  border-radius:14px;
  background:#f7f8fc;
  border:1px solid #eef0f7;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
}
.lp-why-item strong{display:block;font-size:13px;font-weight:800;color:#1a1a2e;margin-bottom:4px}
.lp-why-item p{margin:0;font-size:11px;color:#6b7280;line-height:1.7}

/* ─── پنل‌های ورود ─────────────────────────────────── */
.lp-portals-section{
  display:flex;flex-direction:column;gap:8px;
  margin:10px 12px 0;padding-bottom:12px;
}
.lp-portal-card{
  display:flex;align-items:center;gap:14px;
  background:#fff;
  border:1px solid #eef0f7;
  border-radius:16px;
  padding:16px;
  text-decoration:none;color:#1a1a2e;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:.2s;
}
.lp-portal-card:hover{
  border-color:#c7d7fc;
  box-shadow:0 6px 20px rgba(26,115,232,.1);
  transform:translateY(-2px);
}
.lp-portal-icon{
  width:46px;height:46px;flex-shrink:0;
  border-radius:13px;
  background:#f0f4ff;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
}
.lp-portal-card strong{display:block;font-size:14px;font-weight:800;margin-bottom:2px}
.lp-portal-card span{display:block;font-size:11px;color:#9ca3af}
.lp-portal-arrow{margin-right:auto;font-size:18px;color:#1a73e8;font-weight:900}

/* ─── footer ─────────────────────────────────────────── */
.lp-foot{
  text-align:center;
  padding:18px 20px 40px;
  border-top:1px solid #f0f2f7;
  font-family:'IRANSans',Tahoma,sans-serif;
}
.lp-foot p{margin:0;font-size:11px;color:#9ca3af}
.lp-foot a{color:#6b7280;text-decoration:none}
.lp-foot a:hover{color:#1a73e8}

/* ─── دسکتاپ ──────────────────────────────────────── */
@media(min-width:720px){
  .lp-wrap{max-width:1080px}
  .lp-nav{padding:0 28px}
  .lp-hero-banner{padding:48px 40px;gap:40px}
  .lp-hero-text h1{font-size:28px}
  .lp-hero-img{font-size:90px}

  .lp-section,.lp-why{margin:14px 28px 0}
  .lp-portals-section{margin:14px 28px 0;flex-direction:row}
  .lp-portal-card{flex:1}

  .lp-store-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
  }
  .lp-store-row{border-left:1px solid #f5f5f8}
  .lp-store-row:nth-child(odd){border-left:none}
}
@media(min-width:1000px){
  .lp-store-list{grid-template-columns:repeat(3,1fr)}
  .lp-store-row:nth-child(3n){border-left:none}
}



/* Customer panel core styles moved to assets/customer-panel.css in v4.5.6. */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v2.1.0  صفحات خرید + رسید
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── نوار اعتبار بالای لیست فروشگاه‌ها ── */
.bpl-credit-bar{
  background:linear-gradient(135deg,#1a1a2e,#1e3a8a);
  border-radius:18px;padding:18px 18px 16px;
  margin-bottom:16px;color:#fff;
}
.bpl-credit-info{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}
.bpl-credit-info span{font-size:12px;color:rgba(255,255,255,.6)}
.bpl-credit-info strong{font-size:20px;font-weight:900}
.bpl-bar{height:5px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}
.bpl-bar-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:999px;transition:width .5s}

/* ── لیست فروشگاه‌ها ── */
.bpl-shop-list{display:flex;flex-direction:column;gap:10px}
.bpl-shop-card{
  display:flex;align-items:center;gap:13px;
  background:#fff;border:1px solid #eef0f7;
  border-radius:18px;padding:13px;
  text-decoration:none;color:#1a1a2e;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:.2s;
}
.bpl-shop-card:hover{border-color:#c7d7fc;box-shadow:0 8px 22px rgba(26,115,232,.1);transform:translateY(-1px)}
.bpl-shop-img{
  width:58px;height:58px;flex-shrink:0;
  border-radius:14px;overflow:hidden;
  background:linear-gradient(135deg,#ebf3ff,#ede9fe);
}
.bpl-shop-img img{width:100%;height:100%;object-fit:cover;display:block}
.bpl-shop-fb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px}
.bpl-shop-info{flex:1;min-width:0}
.bpl-shop-info strong{display:block;font-size:14px;font-weight:800;margin-bottom:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bpl-shop-info span{display:block;font-size:11px;color:#9ca3af;margin-bottom:2px}
.bpl-shop-info small{display:block;font-size:10px;color:#9ca3af}
.bpl-shop-arrow{color:#1a73e8;font-size:18px;font-weight:900;flex-shrink:0}

/* ── هدر فروشگاه در صفحه خرید ── */
.bpu-store-header{
  display:flex;align-items:center;gap:13px;
  background:#fff;border:1px solid #eef0f7;
  border-radius:18px;padding:14px;
  margin-bottom:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.bpu-store-img{
  width:64px;height:64px;flex-shrink:0;
  border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,#ebf3ff,#ede9fe);
}
.bpu-store-img img{width:100%;height:100%;object-fit:cover;display:block}
.bpu-store-info .bpu-store-cat{
  display:inline-block;background:#f0f4ff;color:#4f46e5;
  border-radius:999px;padding:3px 9px;
  font-size:10px;font-weight:700;margin-bottom:5px;
}
.bpu-store-info h2{margin:0 0 3px;font-size:15px;font-weight:900}
.bpu-store-info p{margin:0;font-size:11px;color:#9ca3af}

/* ── نوار مراحل ── */
.bpu-steps{
  display:flex;align-items:center;
  margin-bottom:20px;
  background:#fff;border:1px solid #eef0f7;
  border-radius:16px;padding:14px 16px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.bpu-step{display:flex;align-items:center;gap:7px;flex:1}
.bpu-step-n{
  width:28px;height:28px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;
  background:#f1f5f9;color:#9ca3af;border:1.5px solid #e2e8f0;
  transition:.2s;
}
.bpu-step span{font-size:11px;font-weight:700;color:#9ca3af;transition:.2s}
.bpu-step.active .bpu-step-n{background:#1a73e8;color:#fff;border-color:#1a73e8;box-shadow:0 3px 10px rgba(26,115,232,.3)}
.bpu-step.active span{color:#1a1a2e;font-weight:800}
.bpu-step.done .bpu-step-n{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}
.bpu-step.done span{color:#9ca3af}
.bpu-step-line{flex:1;height:2px;background:#e2e8f0;margin:0 4px}

/* ── فرم خرید ── */
.bpu-form{display:flex;flex-direction:column;gap:12px}
.bpu-label{font-size:12px;font-weight:800;color:#374151}
.bpu-amount-input{
  width:100%;height:56px;border:1.5px solid #e5e7eb;
  border-radius:14px;padding:0 16px;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:20px;font-weight:900;color:#1a1a2e;
  text-align:center;letter-spacing:1px;
  background:#fff;outline:none;direction:ltr;
  transition:.2s;
}
.bpu-amount-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.12)}
.bpu-hint{margin:0;font-size:11px;color:#9ca3af;text-align:center;line-height:1.7}
.bpu-btn{
  width:100%;height:52px;border-radius:14px;border:0;
  background:linear-gradient(135deg,#1a73e8,#4f46e5);
  color:#fff;font-family:'IRANSans',Tahoma,sans-serif;
  font-size:15px;font-weight:800;cursor:pointer;
  box-shadow:0 8px 20px rgba(26,115,232,.3);
  transition:.2s;
}
.bpu-btn:hover{box-shadow:0 12px 26px rgba(26,115,232,.4);transform:translateY(-1px)}
.bpu-btn:active{transform:translateY(0)}
.bpu-btn.green{background:linear-gradient(135deg,#16a34a,#059669);box-shadow:0 8px 20px rgba(22,163,74,.3)}
.bpu-btn.green:hover{box-shadow:0 12px 26px rgba(22,163,74,.4)}
.bpu-err{
  background:#fff1f2;color:#e11d48;
  border:1px solid #fecdd3;border-radius:12px;
  padding:11px 14px;font-size:13px;font-weight:700;
  margin-bottom:4px;
}
.bpu-credit-row{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin-bottom:16px;
}
.bpu-credit-item{
  background:#fff;border:1px solid #eef0f7;
  border-radius:14px;padding:13px;
  text-align:center;
}
.bpu-credit-item small{display:block;font-size:10px;color:#9ca3af;margin-bottom:4px}
.bpu-credit-item strong{display:block;font-size:14px;font-weight:900;color:#1a1a2e}
.bpu-resend{
  display:block;text-align:center;
  font-size:12px;color:#1a73e8;
  text-decoration:none;font-weight:700;
  margin-top:4px;
}

/* ── باکس OTP ── */
.bpu-otp-box{
  background:#fff;border:1px solid #eef0f7;
  border-radius:18px;padding:20px;
  text-align:center;margin-bottom:16px;
}
.bpu-otp-icon{font-size:40px;margin-bottom:8px}
.bpu-otp-box h3{margin:0 0 6px;font-size:16px;font-weight:900}
.bpu-otp-box p{margin:0 0 4px;font-size:12px;color:#6b7280;line-height:1.8}
.bpu-amount-preview{background:#f0f4ff;border-radius:10px;padding:8px 14px;
  display:inline-block;margin-top:8px !important;font-size:13px !important;color:#1a73e8 !important}
.bpu-otp-input{
  width:100%;height:64px;border:2px solid #e5e7eb;
  border-radius:14px;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:28px;font-weight:900;color:#1a1a2e;
  text-align:center;letter-spacing:10px;
  background:#fff;outline:none;direction:ltr;
  transition:.2s;
}
.bpu-otp-input:focus{border-color:#1a73e8;box-shadow:0 0 0 3px rgba(26,115,232,.12)}

/* ── صفحه تأیید ── */
.bpu-confirm-box{
  background:#fff;border:1px solid #eef0f7;
  border-radius:18px;overflow:hidden;
  margin-bottom:16px;
}
.bpu-confirm-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 16px;border-bottom:1px solid #f5f5f8;
  font-size:13px;
}
.bpu-confirm-row:last-child{border-bottom:none}
.bpu-confirm-row span{color:#6b7280}
.bpu-confirm-row strong{font-weight:800;color:#1a1a2e}
.bpu-confirm-amount{font-size:18px;color:#1a73e8 !important}

/* ── رسید ── */
.rcp-wrap{
  display:flex;flex-direction:column;align-items:center;
  padding:8px 0 20px;
}
.rcp-success-icon{font-size:60px;margin-bottom:8px}
.rcp-title{margin:0 0 10px;font-size:20px;font-weight:900;color:#1a1a2e}
.rcp-amount{
  font-size:32px;font-weight:900;color:#1a73e8;
  background:#eff6ff;border-radius:16px;
  padding:14px 32px;margin-bottom:20px;
  letter-spacing:-.5px;
}
.rcp-card{
  width:100%;background:#fff;
  border:1px solid #eef0f7;border-radius:20px;
  overflow:hidden;margin-bottom:20px;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
}
.rcp-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:13px 16px;border-bottom:1px solid #f5f5f8;
  font-size:13px;
}
.rcp-row:last-child{border-bottom:none}
.rcp-row span{color:#9ca3af}
.rcp-row strong{font-weight:800;color:#1a1a2e}
.rcp-code{
  font-size:12px;background:#f0f4ff;color:#4f46e5;
  border-radius:6px;padding:3px 8px;direction:ltr;
}
.rcp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.rcp-btn-main{
  display:flex;align-items:center;justify-content:center;
  height:48px;border-radius:14px;
  background:#1a1a2e;color:#fff;
  font-size:13px;font-weight:800;text-decoration:none;
  transition:.18s;
}
.rcp-btn-main:hover{background:#374151}
.rcp-btn-sec{
  display:flex;align-items:center;justify-content:center;
  height:48px;border-radius:14px;
  background:#eff6ff;color:#1a73e8;
  font-size:13px;font-weight:800;text-decoration:none;
  border:1.5px solid #dbeafe;transition:.18s;
}
.rcp-btn-sec:hover{background:#dbeafe}

/* ── IRANSans global ── */
body, input, select, textarea, button {
  font-family: 'IRANSans', Tahoma, Arial, sans-serif;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v2.2.0  پنل فروشگاه
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.mp-body{
  margin:0;padding:0;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;color:#1a1a2e;
  background:#f4f6fb;
  direction:rtl;min-height:100vh;
  overflow-x:hidden;
  padding-bottom:80px;
  -webkit-font-smoothing:antialiased;
}

/* ── ناوبار ── */
.mp-nav{
  position:sticky;top:0;z-index:200;
  height:56px;background:#fff;
  border-bottom:1.5px solid #f0f2f7;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;
  box-shadow:0 1px 6px rgba(0,0,0,.05);
}
.mp-nav-brand{
  display:flex;align-items:center;gap:8px;
  text-decoration:none;color:#1a1a2e;
}
.mp-nav-icon{
  width:34px;height:34px;
  background:linear-gradient(135deg,#f97316,#ef4444);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;flex-shrink:0;
}
.mp-nav-brand span{font-size:15px;font-weight:900}
.mp-nav-left{display:flex;align-items:center;gap:10px}
.mp-nav-name{
  font-size:12px;font-weight:700;color:#6b7280;
  max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.mp-nav-logout{
  width:34px;height:34px;border-radius:50%;
  background:#f3f4f6;display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:16px;color:#6b7280;transition:.15s;
}
.mp-nav-logout:hover{background:#fee2e2;color:#ef4444}

/* ── main ── */
.mp-main{max-width:480px;margin:0 auto;padding:14px 14px 20px}

/* ── هدر پروفایل ── */
.mp-profile-header{
  display:flex;align-items:center;gap:14px;
  background:#fff;border:1px solid #eef0f7;
  border-radius:20px;padding:16px;
  margin-bottom:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.mp-profile-img{
  width:68px;height:68px;flex-shrink:0;
  border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#ffedd5,#fee2e2);
  border:1px solid #fed7aa;
}
.mp-profile-img img{width:100%;height:100%;object-fit:cover;display:block}
.mp-store-fb{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-size:32px;
}
.mp-profile-info h2{margin:0 0 5px;font-size:16px;font-weight:900;color:#1a1a2e}
.mp-cat-badge{
  display:inline-block;background:#fff7ed;color:#f97316;
  border:1px solid #fed7aa;border-radius:999px;
  padding:3px 9px;font-size:10px;font-weight:700;margin-bottom:5px;
}
.mp-profile-info p{margin:0 0 5px;font-size:11px;color:#9ca3af}
.mp-status-badge{
  display:inline-flex;align-items:center;gap:4px;
  border-radius:999px;padding:3px 10px;
  font-size:10px;font-weight:700;
}
.mp-status-badge.active{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}
.mp-status-badge.inactive{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}

/* ── نوار امروز ── */
.mp-today-bar{
  display:flex;align-items:center;
  background:linear-gradient(135deg,#fff7ed,#ffedd5);
  border:1px solid #fed7aa;border-radius:16px;
  padding:14px 16px;margin-bottom:12px;
}
.mp-today-item{flex:1;text-align:center}
.mp-today-item span{display:block;font-size:10px;color:#9a3412;margin-bottom:4px;font-weight:600}
.mp-today-item strong{display:block;font-size:15px;font-weight:900;color:#1a1a2e}
.mp-today-sep{width:1px;height:36px;background:#fbbf24;margin:0 8px}

/* ── آمار ── */
.mp-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  margin-bottom:12px;
}
.mp-stat{
  background:#fff;border-radius:18px;
  border:1px solid #eef0f7;
  padding:13px 10px;text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.mp-stat-icon{
  width:38px;height:38px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:17px;margin:0 auto 7px;
}
.mp-stat strong{display:block;font-size:11px;font-weight:900;color:#1a1a2e;margin-bottom:2px}
.mp-stat small{display:block;font-size:9px;color:#9ca3af;font-weight:600}

/* ── دکمه QR ── */
.mp-qr-btn{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid #eef0f7;
  border-radius:18px;padding:14px 16px;
  text-decoration:none;color:#1a1a2e;
  margin-bottom:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:.2s;
}
.mp-qr-btn:hover{border-color:#fed7aa;box-shadow:0 6px 18px rgba(249,115,22,.1);transform:translateY(-1px)}
.mp-qr-btn-icon{
  width:46px;height:46px;flex-shrink:0;
  background:#fff7ed;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
}
.mp-qr-btn div strong{display:block;font-size:13px;font-weight:800;margin-bottom:2px}
.mp-qr-btn div span{display:block;font-size:11px;color:#9ca3af}
.mp-qr-btn-arrow{margin-right:auto;font-size:18px;color:#f97316;font-weight:900}

/* ── section ── */
.mp-section{
  background:#fff;border-radius:20px;
  border:1px solid #eef0f7;overflow:hidden;
  margin-bottom:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.mp-section-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid #f5f5f8;
}
.mp-section-head h3{margin:0;font-size:15px;font-weight:900;color:#1a1a2e}
.mp-section-head a{font-size:12px;color:#f97316;text-decoration:none;font-weight:700}
.mp-badge{
  background:#fff7ed;color:#f97316;
  border-radius:999px;padding:3px 10px;
  font-size:11px;font-weight:800;
}

/* ── لیست تراکنش ── */
.mp-tx-list{display:flex;flex-direction:column}
.mp-tx-row{
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;border-bottom:1px solid #f5f5f8;
  transition:.15s;
}
.mp-tx-row:last-child{border-bottom:none}
.mp-tx-row:hover{background:#fffbf5}
.mp-tx-icon{
  width:40px;height:40px;flex-shrink:0;
  background:#fff7ed;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
}
.mp-tx-info{flex:1;min-width:0}
.mp-tx-info strong{display:block;font-size:13px;font-weight:800;color:#1a1a2e;margin-bottom:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-tx-info small{display:block;font-size:10px;color:#9ca3af}
.mp-tx-right{text-align:left;flex-shrink:0}
.mp-tx-amount{font-size:13px;font-weight:900;color:#16a34a;margin-bottom:3px}
.mp-receipt-link{
  font-size:10px;color:#1a73e8;text-decoration:none;font-weight:700;
  background:#eff6ff;border-radius:6px;padding:2px 7px;
}

/* ── empty ── */
.mp-empty{text-align:center;padding:28px 16px}
.mp-empty-icon{font-size:36px;margin-bottom:8px}
.mp-empty p{margin:0;font-size:12px;color:#9ca3af}

/* ── فرم ویرایش ── */
.mp-form{display:flex;flex-direction:column;gap:0}
.mp-field{padding:12px 16px;border-bottom:1px solid #f5f5f8}
.mp-field:last-of-type{border-bottom:none}
.mp-field label{display:block;font-size:11px;font-weight:800;color:#6b7280;margin-bottom:6px}
.mp-field input,.mp-field select,.mp-field textarea{
  width:100%;border:1.5px solid #e5e7eb;border-radius:12px;
  padding:10px 12px;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;color:#1a1a2e;background:#fff;outline:none;
  transition:.18s;
}
.mp-field input:focus,.mp-field select:focus,.mp-field textarea:focus{
  border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.1);
}
.mp-field textarea{resize:vertical;min-height:80px;line-height:1.7}
.mp-file-input{padding:8px !important;cursor:pointer}
.mp-current-img{
  padding:12px 16px;border-bottom:1px solid #f5f5f8;
  display:flex;align-items:center;gap:10px;
}
.mp-current-img img{width:60px;height:60px;border-radius:12px;object-fit:cover;border:1px solid #e5e7eb}
.mp-current-img small{font-size:11px;color:#9ca3af}
.mp-check-wrap{padding:12px 16px;border-bottom:1px solid #f5f5f8}
.mp-check-label{display:flex;align-items:center;gap:10px;cursor:pointer}
.mp-check-label input{width:18px;height:18px;accent-color:#f97316}
.mp-check-label span{font-size:13px;font-weight:700;color:#374151}
.mp-save-btn{
  margin:14px 16px 16px;
  width:calc(100% - 32px);height:50px;
  border-radius:14px;border:0;
  background:linear-gradient(135deg,#f97316,#ef4444);
  color:#fff;font-family:'IRANSans',Tahoma,sans-serif;
  font-size:15px;font-weight:800;cursor:pointer;
  box-shadow:0 8px 20px rgba(249,115,22,.3);
  transition:.2s;
}
.mp-save-btn:hover{box-shadow:0 12px 26px rgba(249,115,22,.4);transform:translateY(-1px)}
.mp-err{
  background:#fff1f2;color:#e11d48;
  border:1px solid #fecdd3;border-radius:12px;
  padding:11px 14px;margin:14px 16px 0;
  font-size:13px;font-weight:700;
}

/* ── تب‌بار ── */
.mp-tabbar{
  position:fixed;bottom:0;right:0;left:0;z-index:200;
  height:64px;background:#fff;
  border-top:1px solid #eef0f7;
  display:flex;align-items:center;
  box-shadow:0 -4px 16px rgba(0,0,0,.07);
}
.mp-tab{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;
  text-decoration:none;color:#9ca3af;
  font-size:10px;font-weight:700;
  transition:.15s;padding:4px 0;
}
.mp-tab span{font-size:22px;line-height:1}
.mp-tab:hover{color:#f97316}
.mp-tab.active{color:#f97316}

@media(min-width:720px){
  .mp-main{max-width:640px;padding:20px 24px}
  .mp-stats{gap:14px}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v2.3.0  صفحه QR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.qrp-wrap{
  display:flex;flex-direction:column;align-items:center;
  padding:8px 0 20px;text-align:center;
}
.qrp-store-name{
  font-size:18px;font-weight:900;color:#1a1a2e;
  margin-bottom:20px;
}
.qrp-img-wrap{
  background:#fff;border:1px solid #eef0f7;
  border-radius:24px;padding:16px;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  margin-bottom:16px;
}
.qrp-img{
  width:220px;height:220px;display:block;
  border-radius:12px;
}
.qrp-hint{
  margin:0 0 16px;
  font-size:12px;color:#9ca3af;line-height:1.8;
  max-width:280px;
}
.qrp-url-box{
  width:100%;background:#f4f6fb;border:1px solid #e5e7eb;
  border-radius:12px;padding:10px 14px;
  font-size:11px;color:#6b7280;
  word-break:break-all;direction:ltr;text-align:left;
  margin-bottom:18px;cursor:pointer;
  user-select:all;
}
.qrp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.qrp-btn-main{
  display:flex;align-items:center;justify-content:center;
  height:48px;border-radius:14px;
  background:linear-gradient(135deg,#f97316,#ef4444);
  color:#fff;font-size:13px;font-weight:800;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(249,115,22,.3);
  transition:.18s;
}
.qrp-btn-main:hover{box-shadow:0 10px 24px rgba(249,115,22,.4);transform:translateY(-1px)}
.qrp-btn-sec{
  display:flex;align-items:center;justify-content:center;
  height:48px;border-radius:14px;
  background:#f4f6fb;border:1.5px solid #e5e7eb;
  color:#374151;font-size:13px;font-weight:800;
  text-decoration:none;transition:.18s;
}
.qrp-btn-sec:hover{background:#e5e7eb}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v2.4.0  پنل شرکت
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.cop-body{
  margin:0;padding:0 0 80px;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:14px;color:#1a1a2e;
  background:#f4f6fb;
  direction:rtl;min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ── ناوبار ── */
.cop-nav{
  position:sticky;top:0;z-index:200;
  height:56px;background:#fff;
  border-bottom:1.5px solid #f0f2f7;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;
  box-shadow:0 1px 6px rgba(0,0,0,.05);
}
.cop-nav-brand{
  display:flex;align-items:center;gap:9px;
  text-decoration:none;color:#1a1a2e;
}
.cop-nav-icon{
  width:36px;height:36px;
  background:linear-gradient(135deg,#7c3aed,#4f46e5);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-size:17px;flex-shrink:0;
  box-shadow:0 3px 10px rgba(124,58,237,.3);
}
.cop-nav-brand span{display:block;font-size:14px;font-weight:800;line-height:1.3;max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cop-nav-brand small{display:block;font-size:10px;color:#9ca3af}
.cop-nav-exit{
  height:34px;padding:0 12px;border-radius:999px;
  background:#f3f4f6;color:#6b7280;
  font-size:12px;font-weight:700;
  text-decoration:none;
  display:flex;align-items:center;
  transition:.15s;
}
.cop-nav-exit:hover{background:#fef2f2;color:#ef4444}

/* ── main ── */
.cop-main{max-width:480px;margin:0 auto;padding:14px 14px 20px}

/* ── hero کارت ── */
.cop-hero{
  background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 40%,#4338ca 100%);
  border-radius:22px;padding:20px;
  margin-bottom:12px;
  box-shadow:0 12px 32px rgba(76,29,149,.25);
  color:#fff;
  position:relative;overflow:hidden;
}
.cop-hero::before{content:'';position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:rgba(255,255,255,.06);border-radius:50%}
.cop-hero-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;z-index:1}
.cop-hero-ico{
  width:48px;height:48px;flex-shrink:0;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.25);
  border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;
}
.cop-hero-name strong{display:block;font-size:17px;font-weight:900;margin-bottom:5px}
.cop-stat-pill{
  display:inline-flex;align-items:center;gap:4px;
  border-radius:999px;padding:3px 10px;
  font-size:10px;font-weight:700;
}
.cop-stat-pill.green{background:rgba(34,197,94,.2);color:#86efac;border:1px solid rgba(34,197,94,.3)}
.cop-stat-pill.red{background:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}

/* نوار اعتبار توی hero */
.cop-credit-box{position:relative;z-index:1}
.cop-credit-top{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px;color:rgba(255,255,255,.7)}
.cop-bar{height:6px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden;margin-bottom:10px}
.cop-bar-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#c4b5fd);border-radius:999px;transition:width .6s ease}
.cop-credit-row{display:flex;justify-content:space-between}
.cop-credit-row>div small{display:block;font-size:9px;color:rgba(255,255,255,.5);margin-bottom:3px}
.cop-credit-row>div strong{display:block;font-size:13px;font-weight:800}

/* ── نوار امروز ── */
.cop-today{
  display:flex;align-items:center;
  background:#fff;border:1px solid #eef0f7;
  border-radius:16px;padding:14px 16px;
  margin-bottom:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.cop-today-item{flex:1;display:flex;align-items:center;gap:10px}
.cop-today-ico{
  width:38px;height:38px;background:#faf5ff;
  border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.cop-today-item small{display:block;font-size:10px;color:#9ca3af;margin-bottom:3px}
.cop-today-item strong{display:block;font-size:14px;font-weight:900;color:#1a1a2e}
.cop-today-sep{width:1px;height:36px;background:#e5e7eb;flex-shrink:0;margin:0 4px}

/* ── آمار ── */
.cop-stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:8px;margin-bottom:12px;
}
.cop-stat{
  background:#fff;border-radius:16px;
  border:1px solid #eef0f7;padding:12px 8px;
  text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.cop-stat-ico{
  width:36px;height:36px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;margin:0 auto 6px;
}
.cop-stat strong{display:block;font-size:11px;font-weight:900;color:#1a1a2e;margin-bottom:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cop-stat small{display:block;font-size:9px;color:#9ca3af}

/* ── دسترسی سریع ── */
.cop-quick{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:9px;margin-bottom:12px;
}
.cop-quick-btn{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  background:#fff;border:1px solid #eef0f7;
  border-radius:16px;padding:14px 8px;
  text-decoration:none;color:#1a1a2e;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
  transition:.18s;text-align:center;
}
.cop-quick-btn:hover{border-color:#c4b5fd;box-shadow:0 6px 18px rgba(124,58,237,.1);transform:translateY(-1px)}
.cop-quick-ico{font-size:26px;margin-bottom:2px}
.cop-quick-btn strong{display:block;font-size:12px;font-weight:800}
.cop-quick-btn small{display:block;font-size:10px;color:#9ca3af}

/* ── section ── */
.cop-section{
  background:#fff;border-radius:20px;
  border:1px solid #eef0f7;overflow:hidden;
  margin-bottom:10px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.cop-sec-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;border-bottom:1px solid #f5f5f8;
}
.cop-sec-head h3{margin:0;font-size:14px;font-weight:900;color:#1a1a2e}
.cop-sec-head a{font-size:12px;color:#7c3aed;text-decoration:none;font-weight:700}
.cop-badge{
  background:#f5f3ff;color:#7c3aed;
  border-radius:999px;padding:3px 10px;
  font-size:11px;font-weight:800;
}

/* ── لیست تراکنش ── */
.cop-tx-list{display:flex;flex-direction:column}
.cop-tx-row{
  display:flex;align-items:center;gap:11px;
  padding:11px 16px;border-bottom:1px solid #f5f5f8;
  transition:.15s;
}
.cop-tx-row:last-child{border-bottom:none}
.cop-tx-row:hover{background:#faf5ff}
.cop-tx-ico{width:38px;height:38px;flex-shrink:0;background:#f5f3ff;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px}
.cop-tx-info{flex:1;min-width:0}
.cop-tx-info strong{display:block;font-size:13px;font-weight:800;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.cop-tx-info small{display:block;font-size:10px;color:#9ca3af}
.cop-tx-right{text-align:left;flex-shrink:0}
.cop-tx-amt{font-size:12px;font-weight:900;color:#7c3aed;margin-bottom:3px}
.cop-rcpt{font-size:10px;color:#1a73e8;text-decoration:none;font-weight:700;background:#eff6ff;border-radius:5px;padding:2px 7px}

/* ── لیست مشتریان / فروشگاه‌ها ── */
.cop-cust-list{display:flex;flex-direction:column}
.cop-cust-row{
  display:flex;align-items:center;gap:11px;
  padding:12px 16px;border-bottom:1px solid #f5f5f8;
  transition:.15s;
}
.cop-cust-row:last-child{border-bottom:none}
.cop-cust-row:hover{background:#faf5ff}
.cop-cust-av{
  width:42px;height:42px;flex-shrink:0;
  background:linear-gradient(135deg,#ddd6fe,#c4b5fd);
  border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:900;color:#5b21b6;
}
.cop-cust-info{flex:1;min-width:0}
.cop-cust-info strong{display:block;font-size:13px;font-weight:800;color:#1a1a2e;margin-bottom:2px}
.cop-cust-info small{display:block;font-size:10px;color:#9ca3af;margin-bottom:5px}
.cop-mini-bar{height:4px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:4px}
.cop-mini-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#4f46e5);border-radius:999px}
.cop-cust-nums{display:flex;justify-content:space-between;font-size:10px;color:#9ca3af}

/* ── اطلاعات ── */
.cop-info-list{display:flex;flex-direction:column}
.cop-info-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;border-bottom:1px solid #f5f5f8;font-size:13px;
}
.cop-info-row:last-child{border-bottom:none}
.cop-info-row span{color:#6b7280}
.cop-info-row strong{font-weight:800;color:#1a1a2e}

/* ── دکمه خروج ── */
.cop-logout-btn{
  display:flex;align-items:center;justify-content:center;
  margin-top:12px;height:48px;border-radius:14px;
  background:#fef2f2;border:1.5px solid #fecaca;
  color:#ef4444;font-size:13px;font-weight:800;
  text-decoration:none;transition:.18s;
}
.cop-logout-btn:hover{background:#fee2e2}

/* ── empty ── */
.cop-empty{
  text-align:center;padding:28px 16px;
}
.cop-empty span{font-size:36px;display:block;margin-bottom:8px}
.cop-empty p{margin:0;font-size:12px;color:#9ca3af}

/* ── تب‌بار ── */
.cop-tabbar{
  position:fixed;bottom:0;right:0;left:0;z-index:200;
  height:64px;background:#fff;
  border-top:1px solid #eef0f7;
  display:flex;align-items:center;
  box-shadow:0 -4px 16px rgba(0,0,0,.07);
}
.cop-tab{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;
  text-decoration:none;color:#9ca3af;
  font-size:10px;font-weight:700;transition:.15s;
}
.cop-tab span{font-size:20px;line-height:1}
.cop-tab:hover{color:#7c3aed}
.cop-tab.active{color:#7c3aed}

@media(min-width:720px){
  .cop-main{max-width:640px;padding:20px 24px}
  .cop-stats{gap:12px}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v2.5.0  فرم مشتری + گروه‌بندی
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── فرم افزودن مشتری ── */
.cop-add-form{padding:14px 16px}
.cop-add-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.cop-add-field label{display:block;font-size:11px;font-weight:800;color:#6b7280;margin-bottom:5px}
.cop-add-field input,.cop-add-field select{
  width:100%;height:42px;border:1.5px solid #e5e7eb;
  border-radius:12px;padding:0 11px;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:13px;color:#1a1a2e;background:#fff;
  outline:none;transition:.18s;
}
.cop-add-field input:focus,.cop-add-field select:focus{
  border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1);
}
.cop-add-btn{
  width:100%;height:44px;border-radius:12px;border:0;
  background:linear-gradient(135deg,#7c3aed,#4f46e5);
  color:#fff;font-family:'IRANSans',Tahoma,sans-serif;
  font-size:13px;font-weight:800;cursor:pointer;
  box-shadow:0 6px 16px rgba(124,58,237,.25);
  transition:.18s;margin-top:4px;
}
.cop-add-btn:hover{box-shadow:0 9px 20px rgba(124,58,237,.35);transform:translateY(-1px)}
.cop-add-ok{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:12px;padding:10px 14px;margin-bottom:10px;font-size:13px;font-weight:700}
.cop-add-err{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;border-radius:12px;padding:10px 14px;margin-bottom:10px;font-size:13px;font-weight:700}

/* ── فیلتر گروه‌ها ── */
.cop-group-pills{
  display:flex;gap:7px;overflow-x:auto;
  padding:10px 0 4px;margin-bottom:4px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.cop-group-pills::-webkit-scrollbar{display:none}
.cop-gpill{
  flex:0 0 auto;text-decoration:none;
  background:#fff;border:1.5px solid #e5e7eb;
  border-radius:999px;padding:6px 13px;
  font-size:11px;font-weight:700;color:#6b7280;
  white-space:nowrap;transition:.15s;
}
.cop-gpill.active{background:#7c3aed;color:#fff;border-color:#7c3aed}
.cop-gpill:hover{background:#f3f4f6}

/* ── تگ گروه مشتری ── */
.cop-grp-tag{
  background:#f5f3ff;color:#7c3aed;
  border-radius:999px;padding:2px 8px;
  font-size:10px;font-weight:700;margin-right:5px;
}
.cop-cust-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px}
.cop-cust-meta small{font-size:10px;color:#9ca3af}

/* ── نمایش برای گروه‌ها (فروشگاه) ── */
.cop-vg-all{font-size:10px;color:#9ca3af;margin-right:5px}
.cop-vg-set{
  background:#fef3c7;color:#d97706;
  border-radius:999px;padding:2px 8px;
  font-size:10px;font-weight:700;margin-right:5px;
}
.cop-merch-item{border-bottom:1px solid #f5f5f8}
.cop-merch-item:last-child{border-bottom:none}
.cop-merch-item .cop-cust-row{border-bottom:none}

.cop-mg-panel{
  background:#faf5ff;border-top:1px solid #ede9fe;
  padding:14px 16px;
}
.cop-mg-form label{display:block;font-size:11px;font-weight:800;color:#6b7280;margin-bottom:4px}
.cop-mg-hint{margin:0 0 8px;font-size:10px;color:#9ca3af;line-height:1.6}
.cop-mg-input{
  width:100%;height:40px;border:1.5px solid #ddd6fe;
  border-radius:11px;padding:0 11px;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:13px;color:#1a1a2e;background:#fff;
  outline:none;margin-bottom:10px;transition:.18s;
}
.cop-mg-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.cop-mg-save{
  height:38px;padding:0 18px;border-radius:10px;border:0;
  background:#7c3aed;color:#fff;
  font-family:'IRANSans',Tahoma,sans-serif;
  font-size:12px;font-weight:800;cursor:pointer;
  transition:.15s;
}
.cop-mg-save:hover{background:#6d28d9}

@media(max-width:480px){
  .cop-add-row{grid-template-columns:1fr}
}

.cop-checks{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.cop-check{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;font-size:13px}.cop-check input{vertical-align:middle;margin-left:6px}.cop-add-field select,.cop-info-row select{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:11px;background:#fff;font-family:inherit}.hint{color:#64748b;font-size:12px}

/* v2.5.8 app-like mobile: prevent zoom on all pages */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;}
input,select,textarea,button{font-size:16px!important;}
.cop-add-form input,.cop-add-form select{min-height:52px;border-radius:16px;}
.cop-add-btn{min-height:54px;border-radius:16px;}

/* v2.5.8 no-zoom + numeric mobile fields */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;overscroll-behavior:none;}
input,select,textarea,button{font-size:16px!important;}
.cop-direct-link{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:7px 10px;border-radius:10px;background:#eef2ff;color:#1d4ed8;text-decoration:none;font-size:12px;font-weight:800;}
.cop-direct-link:active{transform:scale(.98);}


/* v2.5.9 admin merchants mobile image fix */
.table img.thumb,
table img.thumb{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:14px!important;
  border:1px solid #e5e7eb;
  background:#f8fafc;
}
.profile-preview{
  width:120px!important;
  height:120px!important;
  max-width:120px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:18px!important;
  border:1px solid #e5e7eb;
}
@media(max-width:700px){
  .table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .table img.thumb, table img.thumb{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    border-radius:12px!important;
  }
  .table td:has(img.thumb){
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    padding:8px!important;
  }
  .profile-preview{
    width:96px!important;
    height:96px!important;
    max-width:96px!important;
  }
}


/* v2.5.10 complete merchant list image hard fix */
.table{max-width:100%;overflow-x:auto;overflow-y:hidden;}
.table table{width:100%;border-collapse:collapse;table-layout:auto;}
.table th:nth-child(2), .table td:nth-child(2){width:64px!important;min-width:64px!important;max-width:64px!important;text-align:center!important;overflow:hidden!important;}
.merchant-thumb-box{width:52px;height:52px;max-width:52px;max-height:52px;min-width:52px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#f8fafc;vertical-align:middle;}
.merchant-thumb-box img,
img.merchant-thumb,
img.thumb{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;min-width:52px!important;object-fit:cover!important;display:block!important;border-radius:12px!important;}
@media(max-width:700px){
  .table th:nth-child(2), .table td:nth-child(2){width:56px!important;min-width:56px!important;max-width:56px!important;padding:6px!important;}
  .merchant-thumb-box, .merchant-thumb-box img, img.merchant-thumb, img.thumb{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;min-width:44px!important;}
}

/* Travel module v2.6.0 */
/* ============================================================
   SHANTIA TRAVEL — v2.7.1
   تم: آبی-فیروزه‌ای حرفه‌ای — RTL
   ============================================================ */

/* ── کانتینر عمومی سفر ── */
.travel-public-body{background:#f0f6ff;margin:0;overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}
.travel-public-main{max-width:1000px;margin:0 auto;padding:12px 14px 40px;overflow-x:hidden}
.travel-public-body .top,.travel-public-body nav{display:none}
.travel-public-body .travel-detail{margin-top:10px}
.travel-public-body .cal-head{direction:ltr}
.travel-public-body .cal-head h3{direction:rtl}
.travel-public-body .cal-months{overflow:hidden}
.travel-public-body .cal-month{width:100%;box-sizing:border-box;display:none}
.travel-public-body .cal-month.active{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.travel-public-body .cal-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}

/* ── نوار بالای سفر ── */
.travel-topbar{max-width:960px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px}
.travel-topbar a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#1e3a5f;background:rgba(255,255,255,.92);border:1px solid rgba(59,130,246,.18);border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px;backdrop-filter:blur(8px);box-shadow:0 4px 16px rgba(30,58,95,.08);transition:all .2s}
.travel-topbar a:hover{background:#fff;box-shadow:0 8px 24px rgba(30,58,95,.14)}
.travel-topbar span{color:#64748b;font-size:13px}

/* ── هیرو ── */
.travel-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#0c2d5e,#1d5b9e 55%,#0891b2);color:#fff;border-radius:32px;padding:28px 24px;margin-bottom:18px;box-shadow:0 20px 50px rgba(8,145,178,.25);position:relative;overflow:hidden}
.travel-hero:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(99,210,255,.10);left:-90px;bottom:-120px}
.travel-hero h1{margin:0 0 8px;font-size:30px;line-height:1.2;position:relative;z-index:1}
.travel-hero p{margin:0;opacity:.9;position:relative;z-index:1}
.travel-hero-icon{font-size:62px;position:relative;z-index:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.20))}
.travel-hero-pro{position:relative;overflow:hidden;background:linear-gradient(140deg,#082044,#1a4a8a 45%,#0891b2);color:#fff;border-radius:32px;padding:28px;box-shadow:0 22px 55px rgba(8,145,178,.28)}
.travel-hero-pro:after{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;background:rgba(103,232,249,.12);border-radius:50%}
.travel-hero-pro small{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px;margin-bottom:10px;color:#bae6fd;font-weight:900;font-size:12px}
.travel-hero-pro h1{margin:0 0 6px;color:#fff;font-size:30px}
.travel-hero-pro p{color:#bae6fd;margin:0;opacity:.95}
.travel-hero-pro .travel-hero-icon{position:relative;z-index:1}

/* ── سرچ ── */
.travel-search{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;background:#fff;border-radius:24px;padding:14px;margin-bottom:20px;box-shadow:0 10px 35px rgba(30,58,95,.08);border:1px solid rgba(59,130,246,.12)}
.travel-search input{height:50px;border:1.5px solid #dbeafe;border-radius:16px;padding:0 16px;font-size:15px;font-family:inherit;background:#f8faff;color:#1e3a5f;transition:border-color .2s}
.travel-search input:focus{outline:none;border-color:#3b82f6;background:#fff}
.travel-search button{height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#0c2d5e,#2563eb);color:#fff;padding:0 24px;font-weight:900;font-size:15px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.travel-search button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(37,99,235,.30)}

/* ── گرید کارت اقامتگاه ── */
.travel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.travel-card{display:block;background:#fff;border-radius:28px;overflow:hidden;text-decoration:none;color:#0f2744;box-shadow:0 12px 32px rgba(30,58,95,.09);border:1px solid rgba(59,130,246,.12);transition:transform .25s,box-shadow .25s}
.travel-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(30,58,95,.16)}
.travel-card-img{height:180px;position:relative;background:#dbeafe;overflow:hidden}
.travel-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.travel-card:hover .travel-card-img img{transform:scale(1.04)}
.travel-card-img span{position:absolute;right:12px;top:12px;background:rgba(255,255,255,.95);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;color:#1d4ed8;border:1px solid rgba(59,130,246,.18)}
.travel-fallback{height:100%;display:grid;place-items:center;font-size:52px;background:linear-gradient(135deg,#dbeafe,#e0f2fe)}
.travel-card-body{padding:16px}
.travel-card-body h3{margin:0 0 6px;font-size:17px;font-weight:900;color:#0f2744}
.travel-card-body p{margin:0 0 12px;color:#64748b;font-size:13px}
.travel-meta{display:flex;align-items:center;gap:8px}
.travel-meta b{color:#0891b2;font-size:16px;font-weight:1000}
.travel-meta small{color:#64748b;font-size:12px}

/* ── صفحه جزئیات اقامتگاه ── */
.travel-detail{background:#fff;border-radius:28px;padding:20px;box-shadow:0 10px 35px rgba(30,58,95,.07);max-width:960px;margin:0 auto;overflow:hidden}
.travel-detail-pro{border:1px solid rgba(59,130,246,.14);box-shadow:0 20px 60px rgba(30,58,95,.09)}
.property-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;margin-bottom:12px}
.property-head h1{font-size:30px;line-height:1.2;margin:0 0 8px;color:#0f2744}
.property-location{margin:0;color:#64748b;font-weight:800;font-size:14px}
.property-price{min-width:180px;background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1.5px solid rgba(59,130,246,.22);border-radius:26px;padding:16px;text-align:center}
.property-price small,.property-price span{display:block;color:#64748b;font-weight:800;font-size:12px}
.property-price b{display:block;color:#0891b2;font-weight:1000;font-size:20px;margin:5px 0}
.travel-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.travel-tags span{background:#eff6ff;border:1px solid rgba(59,130,246,.18);border-radius:999px;padding:8px 14px;font-size:13px;color:#1d4ed8;font-weight:700}
.travel-tags span:nth-last-child(-n+2){background:#f0fdf4;color:#166534;border-color:rgba(34,197,94,.25)}
.property-desc{background:#f8faff;border:1px solid rgba(59,130,246,.12);border-radius:24px;padding:16px;margin:14px 0 18px;color:#1e3a5f;line-height:2;font-size:14px}

/* ── بخش امکانات و قوانین (بازطراحی‌شده) ── */
.property-info-box{margin-top:16px;display:grid;gap:14px}
.property-info-box h2{display:none}
.amenities-block{background:linear-gradient(135deg,#f0f9ff,#fff);border:1.5px solid rgba(14,165,233,.20);border-radius:28px;padding:18px;box-shadow:0 8px 24px rgba(14,165,233,.07)}
.amenities-block-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.amenities-block-head .blk-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#0891b2,#06b6d4);display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.amenities-block-head b{font-size:16px;font-weight:900;color:#0c4a6e}
.amenities-tags{display:flex;flex-wrap:wrap;gap:8px}
.amenities-tags span{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid rgba(14,165,233,.20);border-radius:999px;padding:7px 14px;font-size:13px;color:#0369a1;font-weight:700;box-shadow:0 2px 8px rgba(14,165,233,.07)}
.rules-block{background:linear-gradient(135deg,#fff8f0,#fff);border:1.5px solid rgba(234,88,12,.18);border-radius:28px;padding:18px;box-shadow:0 8px 24px rgba(234,88,12,.06)}
.rules-block-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.rules-block-head .blk-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#ea580c,#f97316);display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.rules-block-head b{font-size:16px;font-weight:900;color:#7c2d12}
.rules-list{display:grid;gap:8px}
.rules-list li{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid rgba(234,88,12,.14);border-radius:16px;padding:10px 14px;font-size:13px;color:#431407;line-height:1.7;list-style:none}
.rules-list li:before{content:"•";color:#ea580c;font-weight:900;font-size:16px;flex:0 0 auto;margin-top:1px}

/* ── گالری پرو ── */
.shantia-gallery-pro{max-width:960px;margin:0 auto 18px;background:#0f2744;border-radius:32px;overflow:hidden;box-shadow:0 16px 45px rgba(8,145,178,.20);border:1px solid rgba(59,130,246,.15)}
.shantia-gallery-pro .gal-stage{position:relative;width:100%;height:440px;background:#0f2744;display:flex;align-items:center;justify-content:center;overflow:hidden}
.shantia-gallery-pro .gal-stage img{width:100%;height:100%;object-fit:contain;display:block}
.shantia-gallery-pro .gal-prev,.shantia-gallery-pro .gal-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.93);color:#0f2744;font-size:28px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.20);cursor:pointer;transition:transform .15s,background .15s}
.shantia-gallery-pro .gal-prev:hover,.shantia-gallery-pro .gal-next:hover{background:#fff;transform:translateY(-50%) scale(1.08)}
.shantia-gallery-pro .gal-prev{right:14px}
.shantia-gallery-pro .gal-next{left:14px}
.shantia-gallery-pro .gal-count{position:absolute;left:14px;bottom:14px;background:rgba(15,39,68,.75);color:#bae6fd;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;backdrop-filter:blur(8px)}
.shantia-gallery-pro .gal-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:#071a36;scrollbar-width:none}
.shantia-gallery-pro .gal-thumbs::-webkit-scrollbar{display:none}
.shantia-gallery-pro .gal-thumb{flex:0 0 84px;width:84px;height:66px;border:2px solid transparent;border-radius:14px;background:#112347;padding:0;overflow:hidden;opacity:.65;cursor:pointer;transition:opacity .2s,border-color .2s}
.shantia-gallery-pro .gal-thumb.active{border-color:#38bdf8;opacity:1}
.shantia-gallery-pro .gal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.travel-cover-empty{height:100%;display:grid;place-items:center;font-size:52px;background:linear-gradient(135deg,#0c2d5e,#1a4a8a)}

/* ── تقویم شنتیا ── */
.shantia-calendar{background:#fff;border:1px solid rgba(59,130,246,.16);border-radius:28px;padding:14px;margin:14px auto 20px;max-width:580px;box-shadow:0 14px 40px rgba(30,58,95,.07);overflow:hidden}
.cal-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px;direction:ltr}
.cal-head h3{direction:rtl;font-size:18px;font-weight:900;color:#0f2744;margin:0}
.cal-nav{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.16);border-radius:12px;width:38px;height:38px;font-size:20px;font-weight:900;color:#1d4ed8;cursor:pointer;transition:background .15s}
.cal-nav:hover{background:rgba(59,130,246,.16)}
.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:8px 0 4px;color:#64748b;font-weight:900;text-align:center}
.cal-week span{font-size:12px}
/* cal-months: container, hidden by default */
.cal-months{overflow:hidden}
/* cal-month: each month, JS switches display:grid to show */
.cal-month{display:none;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;box-sizing:border-box}
.cal-day{min-height:66px;border:0;border-radius:18px;background:#fff;color:#0f2744;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:inherit;position:relative;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;padding:0}
.cal-day b{font-size:17px;font-weight:900}
.cal-day small{font-size:10px;color:#64748b}
.cal-day.available{box-shadow:inset 0 0 0 1.5px rgba(59,130,246,.18);background:#f8faff}
.cal-day.available:hover{transform:scale(1.06);background:#eff6ff;box-shadow:inset 0 0 0 1.5px rgba(59,130,246,.35)}
.cal-day.disabled{color:#94a3b8;background:#f8fafc;text-decoration:line-through;cursor:default;opacity:.75}
.cal-day.disabled small{color:#94a3b8;text-decoration:none}
.cal-day.selected{background:linear-gradient(135deg,#0c2d5e,#2563eb);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.28)}
.cal-day.selected small{color:#bfdbfe}
.cal-day.in-range{background:#eff6ff;box-shadow:inset 0 0 0 1.5px rgba(59,130,246,.22)}
.cal-blank{min-height:66px}
.cal-guide{display:flex;gap:16px;color:#64748b;font-size:12px;padding-top:12px;flex-wrap:wrap}
.cal-guide span{display:flex;align-items:center;gap:6px}
.cal-guide i{width:10px;height:10px;border-radius:50%;background:#f8faff;border:1.5px solid rgba(59,130,246,.25)}
.cal-guide span:nth-child(2) i{background:#f8fafc;border-color:#94a3b8}
.cal-guide span:nth-child(3) i{background:#38bdf8}

/* ── خلاصه تاریخ ── */
.date-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.date-summary>div{background:#f8faff;border:1.5px solid rgba(59,130,246,.16);border-radius:18px;padding:14px}
.date-summary small{display:block;color:#64748b;margin-bottom:4px;font-weight:800;font-size:12px}
.date-summary b{font-size:15px;color:#0f2744;font-weight:900}

/* ── خلاصه زنده رزرو ── */
.booking-live-summary{grid-column:1/-1;background:linear-gradient(135deg,#f8faff,#eff6ff);border:1.5px solid rgba(59,130,246,.18);border-radius:24px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.booking-live-summary>span{grid-column:1/-1;text-align:center;color:#64748b;font-weight:800}
.booking-live-summary div{background:#fff;border:1px solid rgba(59,130,246,.14);border-radius:18px;padding:12px;text-align:center}
.booking-live-summary small{display:block;color:#64748b;font-size:12px;margin-bottom:5px;font-weight:800}
.booking-live-summary b{display:block;color:#0f2744;font-size:18px;font-weight:1000}
.booking-live-summary em{grid-column:1/-1;background:#fff1f2;color:#9f1239;border-radius:14px;padding:9px;font-style:normal;text-align:center;font-weight:800;font-size:12px;border:1px solid rgba(159,18,57,.14)}

/* ── پنل رزرو ── */
.booking-panel{background:linear-gradient(180deg,#fff,#f8faff);border:1.5px solid rgba(59,130,246,.16);border-radius:30px;padding:18px;margin:18px 0;box-shadow:0 16px 40px rgba(30,58,95,.07)}
.booking-panel h2{margin:0 0 6px;font-size:22px;color:#0f2744}
.booking-panel .muted{margin:0 0 12px;color:#64748b}
.shantia-book{grid-template-columns:1fr auto}
.shantia-book-pro{display:grid;grid-template-columns:1fr;gap:14px}
.shantia-book label{min-width:140px}
.shantia-book button{min-height:52px}

/* ── دکمه رزرو اصلی ── */
.reserve-primary{background:linear-gradient(135deg,#0c2d5e,#2563eb,#0891b2)!important;border:0!important;border-radius:22px!important;min-height:60px!important;font-weight:1000!important;font-size:16px!important;font-family:inherit!important;box-shadow:0 16px 35px rgba(37,99,235,.28)!important;letter-spacing:.5px;transition:transform .15s,box-shadow .15s!important;cursor:pointer;width:100%}
.reserve-primary:hover{transform:translateY(-2px)!important;box-shadow:0 22px 45px rgba(37,99,235,.38)!important}

/* ── قرارداد دیجیتال ── */
.digital-contract-box{grid-column:1/-1;background:linear-gradient(180deg,#fff,#f8faff);border:1.5px solid rgba(59,130,246,.16);border-radius:28px;padding:18px;box-shadow:0 14px 36px rgba(30,58,95,.06);display:grid;gap:14px}
.dcb-head{display:flex;align-items:center;gap:14px}
.dcb-head>span{width:50px;height:50px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;display:grid;place-items:center;font-size:26px;border:1px solid rgba(59,130,246,.18)}
.dcb-head b{display:block;font-size:18px;color:#0f2744;font-weight:900}
.dcb-head small{display:block;color:#64748b;margin-top:3px;font-size:13px}
.dcb-text{background:#fff;border:1.5px dashed rgba(59,130,246,.22);border-radius:18px;padding:16px;line-height:2.1;color:#1e3a5f;font-size:14px}
.dcb-check{display:flex!important;align-items:flex-start;gap:10px;background:#f0fdf4;border:1.5px solid #86efac;color:#166534;border-radius:18px;padding:14px;font-weight:900}
.dcb-check input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:#22c55e}
.signature-pad-wrap{background:#fff;border:1.5px solid rgba(59,130,246,.16);border-radius:24px;padding:14px}
.sig-title{font-weight:900;color:#0f2744;margin-bottom:10px;font-size:14px}
.signature-pad-wrap canvas{width:100%;height:175px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8faff);border:1.5px solid rgba(59,130,246,.18);touch-action:none;display:block}
.sig-clear{margin-top:10px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:14px;padding:9px 14px;font-family:inherit;font-weight:900;cursor:pointer;transition:background .15s}
.sig-clear:hover{background:#e2e8f0}

/* ── صفحه تأیید رزرو ── */
.booking-contract-view{background:#fff;border:1.5px solid rgba(59,130,246,.14);border-radius:30px;padding:20px;margin:16px 0;box-shadow:0 14px 38px rgba(30,58,95,.07)}
.booking-contract-view h2{margin:0 0 12px;color:#0f2744}
.booking-contract-view p{background:#f8faff;border-radius:18px;padding:16px;line-height:2.1;color:#1e3a5f;font-size:14px}
.contract-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.contract-meta span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 14px;font-weight:900;font-size:12px;border:1px solid rgba(59,130,246,.18)}
.contract-signature{border-top:1px solid rgba(59,130,246,.14);padding-top:14px}
.contract-signature small{display:block;color:#64748b;font-weight:900;margin-bottom:8px;font-size:12px}
.contract-signature img{max-width:260px;width:100%;height:auto;border:1px solid rgba(59,130,246,.16);border-radius:18px;background:#fff}

/* ── بلیت رزرو ── */
.travel-ticket{max-width:540px;margin:auto;background:#fff;border-radius:32px;padding:28px;text-align:center;box-shadow:0 20px 60px rgba(30,58,95,.13);border:1px solid rgba(59,130,246,.13)}
.ticket-code{font-size:28px;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px dashed rgba(59,130,246,.28);border-radius:20px;padding:16px;margin:16px 0;color:#0c2d5e}
.pro-code{font-size:26px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px dashed rgba(59,130,246,.28)}

/* ── کارت جزئیات رزرو ── */
.booking-detail-card{max-width:780px;margin:0 auto;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 22px 65px rgba(30,58,95,.12);border:1px solid rgba(59,130,246,.12)}
.booking-detail-gallery{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:120px;gap:6px;background:#dbeafe;padding:6px}
.booking-detail-gallery img,.booking-detail-gallery div{width:100%;height:100%;object-fit:cover;background:#bfdbfe;display:grid;place-items:center;font-size:48px;border-radius:18px}
.booking-detail-gallery img:first-child,.booking-detail-gallery div:first-child{grid-row:span 2}
.booking-detail-body{padding:22px}
.booking-status-pill{display:inline-flex;align-items:center;background:#f0fdf4;color:#047857;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;margin-bottom:12px;border:1px solid #a7f3d0}
.booking-detail-body h1{margin:0 0 6px;font-size:24px;color:#0f2744}
.booking-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}
.booking-detail-grid div{background:#f8faff;border:1px solid rgba(59,130,246,.12);border-radius:20px;padding:14px}
.booking-detail-grid small{display:block;color:#64748b;font-size:11px;margin-bottom:5px;font-weight:800}
.booking-detail-grid b{font-size:13px;color:#0f2744;font-weight:900}
.booking-total-box{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0c2d5e,#2563eb);color:#fff;border-radius:24px;padding:18px;margin:16px 0}
.booking-total-box span{opacity:.85;font-weight:800}
.booking-total-box strong{font-size:22px;font-weight:1000}
.booking-info-block{background:#fff;border:1px solid rgba(59,130,246,.12);border-radius:22px;padding:16px;margin-top:14px}
.booking-info-block h3{margin:0 0 8px;font-size:15px;color:#0f2744}
.booking-info-block p{margin:0;color:#1e3a5f;line-height:2;font-size:13px}
.booking-actions{display:flex;gap:10px;margin-top:16px}
.booking-actions .btn{flex:1;text-align:center}

/* ── کارت‌های رزرو پنل مشتری ── */
.cp-purchase-link{text-decoration:none;color:inherit}
.cp-bookings-section{background:linear-gradient(180deg,#fff,#f0f9ff)}
.customer-booking-list{display:flex;flex-direction:column;gap:12px}
.customer-booking-card{display:flex;gap:14px;background:#fff;border:1px solid rgba(59,130,246,.13);border-radius:24px;padding:12px;text-decoration:none;color:#0f2744;box-shadow:0 10px 30px rgba(30,58,95,.07);transition:transform .2s,box-shadow .2s}
.customer-booking-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(30,58,95,.12)}
.cbc-img{width:96px;height:96px;border-radius:20px;overflow:hidden;background:#dbeafe;flex:0 0 96px;display:grid;place-items:center;font-size:30px}
.cbc-img img{width:100%;height:100%;object-fit:cover}
.cbc-main{flex:1;min-width:0}
.cbc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.cbc-top strong{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbc-top em{font-style:normal;background:#dcfce7;color:#166534;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900;white-space:nowrap}
.cbc-main small{display:block;color:#64748b;font-size:11px;margin-bottom:8px}
.cbc-dates{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}
.cbc-dates span{background:#f8faff;border-radius:12px;padding:6px;font-size:10px;color:#1d4ed8;text-align:center;font-weight:700}
.cbc-bottom{display:flex;align-items:center;justify-content:space-between}
.cbc-bottom b{color:#0891b2;font-size:13px;font-weight:1000}
.cbc-bottom span{color:#64748b;font-size:11px}

/* ── دکمه‌های بزرگ سفر ── */

/* ── ادمین سفر — هیرو ── */
.shantia-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(140deg,#071e3d,#1a4a8a 55%,#0891b2);color:#fff;border-radius:32px;padding:26px;margin:8px 0 18px;box-shadow:0 20px 55px rgba(8,145,178,.25);overflow:hidden;position:relative}
.shantia-admin-hero:after{content:"";position:absolute;inset:auto -60px -70px auto;width:200px;height:200px;border-radius:50%;background:rgba(103,232,249,.13)}
.shantia-admin-hero small{color:#bae6fd;font-weight:900}
.shantia-admin-hero h1{margin:4px 0 8px;font-size:28px}
.shantia-admin-hero p{margin:0;color:#bae6fd}
.shantia-admin-logo{width:76px;height:76px;border-radius:28px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:40px;z-index:1;border:1px solid rgba(255,255,255,.18)}

/* ── ادمین سفر — منوی سریع ── */
.shantia-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.shantia-quick a{text-decoration:none;color:#0f2744;background:#fff;border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:14px;text-align:center;font-weight:900;font-size:14px;box-shadow:0 8px 22px rgba(30,58,95,.06);transition:transform .2s,box-shadow .2s}
.shantia-quick a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(30,58,95,.13);background:#eff6ff}

/* ── ادمین — آمار ── */
.travel-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 18px}
.travel-admin-stats>div{background:linear-gradient(135deg,#0c2d5e,#1a4a8a);color:#fff;border-radius:24px;padding:18px;text-align:center;box-shadow:0 14px 34px rgba(12,45,94,.22)}
.travel-admin-stats b{display:block;font-size:22px;font-weight:1000}
.travel-admin-stats span{display:block;margin-top:4px;color:#bae6fd;font-size:12px}
.travel-admin-stats.pro{grid-template-columns:repeat(6,1fr)}
.travel-admin-stats.pro>div{background:#fff;color:#0f2744;border:1px solid rgba(59,130,246,.14);box-shadow:0 10px 30px rgba(30,58,95,.06)}
.travel-admin-stats.pro>div:nth-child(3),.travel-admin-stats.pro>div:nth-child(4){background:linear-gradient(135deg,#0c2d5e,#1a4a8a);color:#fff}
.travel-admin-stats.pro span{color:#64748b}
.travel-admin-stats.pro>div:nth-child(3) span,.travel-admin-stats.pro>div:nth-child(4) span{color:#bae6fd}

/* ── ادمین — collapse / فرم ── */
.admin-collapse{border:1px solid rgba(59,130,246,.14);border-radius:24px;background:#fff;overflow:hidden}
.admin-collapse summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:900;color:#0f2744;background:#f8faff}
.admin-collapse summary::-webkit-details-marker{display:none}
.admin-collapse form{padding:18px}
.travel-admin-form textarea{width:100%;border:1.5px solid rgba(59,130,246,.18);border-radius:16px;padding:14px;font-family:inherit;font-size:15px;background:#f8faff;color:#0f2744;line-height:2;box-sizing:border-box}
.contract-admin-form textarea{width:100%;border:1.5px solid rgba(59,130,246,.18);border-radius:16px;padding:14px;font-family:inherit;line-height:2;box-sizing:border-box;background:#f8faff}
.thumb{width:54px!important;height:54px!important;object-fit:cover!important;border-radius:14px!important}
.edit-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.edit-gallery img{width:100%;height:110px;object-fit:cover;border-radius:18px}

/* ── ادمین — لیست اقامتگاه ── */
.travel-admin-list{display:grid;gap:12px}
.travel-admin-list.pro{gap:14px}
.travel-admin-item{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;border:1px solid rgba(59,130,246,.12);background:#fff;border-radius:24px;padding:14px;box-shadow:0 8px 24px rgba(30,58,95,.05)}
.travel-admin-item.pro{grid-template-columns:96px 1fr auto;border-radius:28px;padding:16px;transition:box-shadow .2s}
.travel-admin-item.pro:hover{box-shadow:0 14px 38px rgba(30,58,95,.11)}
.tai-img{width:84px;height:84px;border-radius:20px;background:#dbeafe;overflow:hidden;display:grid;place-items:center;font-size:30px}
.tai-img img{width:100%;height:100%;object-fit:cover}
.travel-admin-item.pro .tai-img{width:96px;height:96px;border-radius:24px}
.tai-main h3{margin:0 0 5px;font-size:18px;color:#0f2744}
.tai-main p{margin:0 0 8px;color:#64748b;font-size:13px}
.tai-main small{color:#64748b}
.tai-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tai-mini{display:flex;gap:8px;flex-wrap:wrap}
.tai-mini span{background:#f8faff;border:1px solid rgba(59,130,246,.14);border-radius:999px;padding:5px 10px;color:#1d4ed8;font-size:12px;font-weight:700}
.tai-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pill-ok,.pill-off{font-style:normal;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}
.pill-ok{background:#dcfce7;color:#166534}
.pill-off{background:#fee2e2;color:#991b1b}

/* ── ادمین — رزروها ── */
.travel-admin-bookings{display:grid;gap:12px}
.booking-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(59,130,246,.12);border-radius:20px;background:#fff}
.booking-row div{display:grid;gap:4px}
.booking-row span,.booking-row small{color:#64748b}
.booking-row em{font-style:normal;background:#eff6ff;color:#1d4ed8;border:1px solid rgba(59,130,246,.18);border-radius:999px;padding:4px 12px;width:max-content;font-weight:900}
.booking-row form{display:flex;gap:8px;align-items:center}
.booking-row.pro{grid-template-columns:66px 1.4fr .8fr auto;border-radius:24px}
.booking-thumb{width:66px;height:66px;border-radius:20px;background:#dbeafe;overflow:hidden;display:grid;place-items:center;font-size:26px}
.booking-thumb img{width:100%;height:100%;object-fit:cover}
.booking-row.pro strong{font-size:15px;color:#0f2744;font-weight:900}
.booking-row.pro b{font-size:15px;color:#0891b2;font-weight:1000}
.booking-row.pro select{border:1px solid rgba(59,130,246,.18);border-radius:12px;padding:10px;font-family:inherit;background:#f8faff;color:#0f2744}
.booking-row.pro button.small{padding:10px 14px;border-radius:12px}
.booking-info-box{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:16px;padding:12px;line-height:2;margin:10px 0;font-size:13px}

/* ── تقویم ادمین ── */
.admin-calendar-pro{max-width:740px}
.admin-calendar-pro .cal-month{display:none;grid-template-columns:repeat(7,1fr);gap:6px}
.admin-calendar-pro .admin-day{cursor:pointer}
.admin-calendar-pro .admin-day:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,99,235,.14)}
.admin-calendar-pro .admin-day.disabled{opacity:1;background:#fff1f2;border-color:rgba(248,113,113,.25);color:#9f1239}
.admin-day.has-booking{background:#fff7ed;border:1.5px solid #fb923c;color:#9a3412}
.admin-day.has-booking small{color:#ea580c;font-weight:800}
.cal-guide span:nth-child(3) i{background:#38bdf8}

/* ── ویرایشگر روز ── */
.day-editor{position:fixed;inset:0;background:rgba(7,30,61,.50);z-index:9999;display:none;align-items:flex-end;justify-content:center;padding:14px}
.day-editor.open{display:flex}
.day-editor form{position:relative;width:min(540px,100%);background:#fff;border-radius:28px 28px 18px 18px;padding:24px;box-shadow:0 28px 80px rgba(12,45,94,.28);display:grid;gap:12px}
.day-editor h3{margin:0 0 6px;font-size:20px;color:#0f2744}
.day-editor label{font-weight:900;color:#1e3a5f}
.day-editor input,.day-editor select{width:100%;margin-top:6px;border:1.5px solid rgba(59,130,246,.22);border-radius:16px;padding:13px;font-family:inherit;font-size:16px;box-sizing:border-box;background:#f8faff;color:#0f2744}
.day-editor-close{position:absolute;left:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;font-size:24px;line-height:1;cursor:pointer;color:#475569}
.muted{color:#64748b}

/* ─────────────────── RESPONSIVE ─────────────────── */
@media(max-width:700px){
 .travel-public-main{padding:0 0 24px;max-width:100%}
 .travel-public-body .travel-hero,.travel-public-body .travel-search,.travel-public-body .travel-grid,.travel-public-body .empty{margin-left:12px;margin-right:12px}
 .travel-public-body .shantia-gallery-pro{margin:0 0 16px;border-radius:0 0 26px 26px}
 .travel-public-body .shantia-gallery-pro .gal-stage{height:340px;max-height:56vh}
 .travel-public-body .shantia-gallery-pro .gal-stage img{object-fit:contain}
 .travel-public-body .shantia-calendar{border-radius:24px;padding:12px 10px;margin:10px 0 18px;width:100%;box-sizing:border-box}
 .travel-public-body .cal-week,.travel-public-body .cal-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
 .travel-public-body .cal-day{min-height:54px;border-radius:13px;padding:3px 1px}
 .travel-public-body .cal-blank{min-height:54px}
 .travel-public-body .travel-detail-pro{margin-top:10px;padding:16px 12px;border-radius:26px 26px 0 0}
 .travel-public-body .cal-day small{font-size:9px}
 .travel-public-body .date-summary>div{background:#fff;border-color:rgba(59,130,246,.18)}

 .travel-topbar{position:sticky;top:0;z-index:50;background:rgba(240,246,255,.92);backdrop-filter:blur(12px);padding:10px 12px;margin:0 0 8px;box-sizing:border-box}
 .travel-topbar a{padding:9px 12px;font-size:12px}
 .travel-topbar span{display:none}

 .travel-search,.travel-book{grid-template-columns:1fr}
 .travel-hero{border-radius:24px;padding:20px}
 .travel-hero h1{font-size:22px}
 .travel-hero-icon{font-size:44px}
 .travel-hero-pro{margin:0 12px 12px;border-radius:26px;padding:22px}
 .travel-hero-pro h1{font-size:24px}
 .travel-hero-pro .travel-hero-icon{font-size:36px}
 .travel-grid{grid-template-columns:1fr}

 .shantia-gallery-pro{border-radius:0;margin:0 -14px 16px;border-left:0;border-right:0}
 .shantia-gallery-pro .gal-stage{height:290px}
 .shantia-gallery-pro .gal-prev,.shantia-gallery-pro .gal-next{width:40px;height:40px;font-size:24px}
 .shantia-gallery-pro .gal-thumbs{padding:8px 12px}
 .shantia-gallery-pro .gal-thumb{flex-basis:72px;width:72px;height:56px;border-radius:12px}

 .shantia-calendar{max-width:100%;padding:10px;border-radius:24px;margin:12px 0 18px}
 .cal-day{min-height:58px;border-radius:14px}
 .cal-day b{font-size:16px}
 .cal-head h3{font-size:17px}
 .cal-blank{min-height:58px}

 .property-head{grid-template-columns:1fr;gap:10px}
 .property-head h1{font-size:26px}
 .property-price{text-align:right;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}
 .property-price small,.property-price span{display:inline}
 .property-price b{margin:0;font-size:16px}
 .property-desc{font-size:14px}
 .booking-panel{padding:14px 12px;border-radius:26px;margin-left:-2px;margin-right:-2px}
 .booking-panel h2{font-size:20px}
 .reserve-primary{position:sticky;bottom:10px;z-index:30}
 .shantia-book{grid-template-columns:1fr}
 .shantia-book-pro{gap:12px}
 .date-summary{grid-template-columns:1fr 1fr!important}
 .booking-live-summary{grid-template-columns:1fr 1fr;padding:12px}
 .booking-live-summary b{font-size:16px}

 .digital-contract-box{border-radius:22px;padding:14px}
 .dcb-head b{font-size:16px}
 .signature-pad-wrap canvas{height:150px}
 .booking-contract-view{border-radius:22px;padding:16px}

 .property-info-box{gap:12px}
 .amenities-block,.rules-block{border-radius:22px;padding:14px}
 .amenities-tags span{font-size:12px;padding:6px 12px}
 .rules-list li{font-size:12px;padding:9px 12px}

 .cbc-img{width:82px;height:82px;flex-basis:82px}
 .cbc-dates{grid-template-columns:1fr}
 .booking-detail-card{border-radius:26px}
 .booking-detail-gallery{grid-auto-rows:90px}
 .booking-detail-body{padding:16px}
 .booking-detail-grid{grid-template-columns:1fr}
 .booking-actions{flex-direction:column}

 .travel-admin-stats{grid-template-columns:1fr 1fr}
 .travel-admin-stats.pro{grid-template-columns:repeat(2,1fr)}
 .travel-admin-stats>div:last-child{grid-column:1/3}
 .shantia-quick{grid-template-columns:1fr 1fr}
 .travel-admin-item{grid-template-columns:70px 1fr;gap:10px}
 .tai-img{width:70px;height:70px}
 .tai-actions{grid-column:1/3;justify-content:stretch}
 .tai-actions .btn{flex:1;text-align:center}
 .travel-admin-item.pro{grid-template-columns:78px 1fr}
 .travel-admin-item.pro .tai-img{width:78px;height:78px}
 .travel-admin-item.pro .tai-actions{grid-column:1/3}
 .admin-calendar-pro{margin-left:-4px;margin-right:-4px}
 .day-editor{padding:0}
 .day-editor form{border-radius:28px 28px 0 0;width:min(94vw,460px)}
 .booking-row{grid-template-columns:1fr}
 .booking-row form{display:grid;grid-template-columns:1fr auto}
 .booking-row.pro{grid-template-columns:58px 1fr}
 .booking-row.pro>div:nth-child(3),.booking-row.pro form{grid-column:1/3}
 .booking-row.pro form{display:grid;grid-template-columns:1fr auto}
 .shantia-admin-hero{border-radius:26px;padding:18px}
 .shantia-admin-hero h1{font-size:22px}
 .shantia-admin-logo{width:60px;height:60px;font-size:32px}
 .edit-gallery{grid-template-columns:1fr 1fr}
 .edit-gallery img{height:105px}
}
@media(max-width:900px){
 .travel-admin-stats.pro{grid-template-columns:repeat(3,1fr)}
 .shantia-quick{grid-template-columns:repeat(2,1fr)}
 .travel-admin-item.pro{grid-template-columns:80px 1fr}
 .travel-admin-item.pro .tai-img{width:80px;height:80px}
 .travel-admin-item.pro .tai-actions{grid-column:1/3}
 .booking-row.pro{grid-template-columns:60px 1fr}
 .booking-row.pro>div:nth-child(3),.booking-row.pro form{grid-column:1/3}
 .booking-row.pro form{display:grid;grid-template-columns:1fr auto}
 .shantia-admin-hero{border-radius:26px;padding:20px}
 .shantia-admin-hero h1{font-size:24px}
 .shantia-admin-logo{width:62px;height:62px;font-size:32px}
}



/* v2.6.19 - cleaner admin */
.admin-top{background:linear-gradient(135deg,#0f172a,#111827 55%,#1d4ed8);box-shadow:0 14px 34px rgba(15,23,42,.22);position:sticky;top:0;z-index:20}
.admin-top .brand{display:flex;align-items:center;gap:6px;color:#fff}
.admin-nav{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}
.admin-nav::-webkit-scrollbar{display:none}
.admin-nav a{white-space:nowrap;border-radius:16px;padding:11px 15px;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.08)}
.admin-nav a:hover{background:rgba(255,255,255,.18)}
.admin-main{background:linear-gradient(180deg,#f6f8fc,#eef3fb);min-height:100vh;padding-bottom:80px}
.admin-hero{background:linear-gradient(135deg,#172554,#2563eb 58%,#06b6d4);border-radius:30px;padding:26px;margin:12px 0 22px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 22px 45px rgba(37,99,235,.25);overflow:hidden;position:relative}
.admin-hero:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);left:-70px;top:-70px}
.admin-hero h1{margin:5px 0 7px;font-size:30px;color:#fff}.admin-hero p{margin:0;opacity:.86}.admin-hero small{opacity:.7;font-weight:900}.admin-hero .btn{background:#fff;color:#1d4ed8;border:0;position:relative;z-index:1}
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.admin-stat-grid>div{background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:18px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.admin-stat-grid span{display:block;color:#64748b;font-weight:800;font-size:13px}.admin-stat-grid b{display:block;margin-top:8px;font-size:22px;color:#0f172a}
.admin-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.admin-quick-grid a{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:20px;text-decoration:none;color:#0f172a;box-shadow:0 12px 30px rgba(15,23,42,.07);display:flex;flex-direction:column;gap:8px;font-size:26px}.admin-quick-grid strong{font-size:18px}.admin-quick-grid span{font-size:13px;color:#64748b;font-weight:700}
.admin-tools{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:16px;margin-top:18px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.admin-tools summary{font-weight:900;cursor:pointer}.admin-tools div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.admin-page-head{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;margin-bottom:16px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.admin-page-head h1{margin:4px 0;color:#0f172a}.admin-page-head p{margin:0;color:#64748b}.admin-page-head small{color:#2563eb;font-weight:900}.admin-direct{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:0!important}
@media(max-width:760px){.admin-top{border-radius:0 0 24px 24px}.admin-top .brand{padding:0 6px}.admin-nav a{padding:10px 13px;font-size:14px}.admin-hero{margin-top:8px;border-radius:24px;padding:22px;display:block}.admin-hero h1{font-size:24px}.admin-hero .btn{margin-top:16px;width:100%;text-align:center}.admin-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.admin-stat-grid>div{padding:14px;border-radius:20px}.admin-stat-grid b{font-size:18px}.admin-quick-grid{grid-template-columns:1fr;gap:10px}.admin-quick-grid a{border-radius:22px;padding:17px}.admin-main{padding-left:12px!important;padding-right:12px!important}}

/* v2.6.20 admin dashboard hard responsive fix */
.admin-main{max-width:1120px;margin:0 auto;padding:18px 18px 34px;box-sizing:border-box;width:100%}
.admin-hero,.admin-stat-grid,.admin-quick-grid,.admin-tools{box-sizing:border-box;width:100%}
.admin-hero *,.admin-stat-grid *,.admin-quick-grid *,.admin-tools *{box-sizing:border-box}
.admin-stat-grid>div,.admin-quick-grid>a{min-width:0;overflow:hidden}
.admin-quick-grid>a{line-height:1.6;align-items:flex-start;text-align:right;word-break:normal;white-space:normal}
.admin-quick-grid>a strong,.admin-quick-grid>a span{display:block;width:100%}
@media(max-width:760px){
 .admin-main{padding:14px 14px 90px!important;overflow-x:hidden}
 .admin-hero{display:block!important;text-align:right!important;padding:20px!important;margin:10px 0 16px!important;border-radius:24px!important}
 .admin-hero h1{font-size:28px!important;line-height:1.35!important;margin:8px 0!important}
 .admin-hero p{font-size:15px!important;line-height:1.9!important}
 .admin-hero .btn{display:block!important;margin-top:16px!important;width:100%!important;text-align:center!important;border-radius:18px!important;padding:14px!important}
 .admin-stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
 .admin-stat-grid>div{padding:14px!important;border-radius:18px!important;text-align:right!important}
 .admin-stat-grid span{font-size:12px!important;line-height:1.5!important}
 .admin-stat-grid b{font-size:17px!important;line-height:1.7!important;word-break:break-word!important}
 .admin-quick-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:14px 0!important}
 .admin-quick-grid>a{display:grid!important;grid-template-columns:42px 1fr!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;padding:16px!important;border-radius:22px!important;font-size:26px!important;text-decoration:none!important}
 .admin-quick-grid>a strong{font-size:17px!important;line-height:1.4!important;grid-column:2!important;grid-row:1!important}
 .admin-quick-grid>a span{font-size:12px!important;line-height:1.6!important;grid-column:2!important;grid-row:2!important;color:#64748b!important}
 .admin-tools{padding:15px!important;border-radius:20px!important}
 .admin-tools div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
 .admin-tools .btn{width:100%!important;text-align:center!important;margin:0!important;font-size:13px!important;padding:11px 8px!important}
}

/* v2.8.0 - پنل حرفه‌ای مالک ویلا */
.owner-hero{background:linear-gradient(135deg,#082f49,#0f766e);color:#fff;border-radius:26px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px;box-shadow:0 18px 40px rgba(8,47,73,.22)}
.owner-hero small{opacity:.8;font-weight:800;letter-spacing:.04em}.owner-hero h1{margin:6px 0;font-size:26px}.owner-hero p{margin:0;opacity:.88;line-height:1.9}.owner-hero .btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.35)}
.owner-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.owner-stat-grid>div{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.07)}.owner-stat-grid b{display:block;font-size:22px;color:#0f172a;margin-bottom:6px}.owner-stat-grid span{color:#64748b;font-size:12px;font-weight:800}.owner-booking form,.booking-row.pro form{display:flex;gap:8px;align-items:center}.owner-login-card{max-width:560px;margin:24px auto}.travel-public-body .owner-hero,.travel-public-body .owner-stat-grid,.travel-public-body .card{max-width:1100px;margin-left:auto;margin-right:auto}
@media(max-width:800px){.owner-hero{display:block}.owner-hero .btn{margin-top:14px}.owner-stat-grid{grid-template-columns:1fr 1fr}.booking-row.pro form{grid-column:1/-1;width:100%}.booking-row.pro form select,.booking-row.pro form button{width:100%}}
@media(max-width:520px){.owner-stat-grid{grid-template-columns:1fr}.owner-hero h1{font-size:21px}}

.travel-net-note{background:#ecfeff;border:1px solid #a5f3fc;color:#155e75;border-radius:18px;padding:12px 14px;margin:12px 0;font-weight:800;line-height:1.9;box-shadow:0 8px 24px rgba(14,116,144,.08)}

/* v2.13.0 professional statement ledger */
.stmt-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow:hidden;margin:14px 0;direction:rtl}
.stmt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,#ffffff,#f8fbff)}
.stmt-head h3{margin:0;color:#10233f;font-size:18px;font-weight:900}.stmt-head p{margin:5px 0 0;color:#64748b;font-size:12px}.stmt-balance{text-align:left;background:#0f3d75;color:#fff;border-radius:18px;padding:10px 14px;min-width:145px}.stmt-balance small{display:block;opacity:.75;font-size:11px}.stmt-balance b{display:block;font-size:17px;margin-top:3px}.stmt-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.stmt-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;font-size:13px}.stmt-table th{background:#f8fafc;color:#64748b;text-align:right;font-size:11px;padding:10px 12px;border-bottom:1px solid #eef2f7;white-space:nowrap}.stmt-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#172033}.stmt-table tr:last-child td{border-bottom:none}.stmt-table td strong{display:block;font-weight:900;color:#0f172a;margin-bottom:4px}.stmt-table td span{display:block;color:#64748b;font-size:12px;line-height:1.8;max-width:360px}.stmt-table td em{display:inline-block;margin-top:5px;font-style:normal;background:#eef6ff;color:#1d4ed8;border-radius:999px;padding:2px 8px;font-size:10px}.stmt-table .pos{color:#16a34a;font-weight:900;white-space:nowrap}.stmt-table .neg{color:#ef4444;font-weight:900;white-space:nowrap}.stmt-table td:last-child{white-space:nowrap;color:#0f3d75}.stmt-empty{padding:24px;text-align:center;color:#64748b;background:#f8fafc}
@media(max-width:640px){.stmt-head{align-items:stretch;flex-direction:column}.stmt-balance{text-align:right}.stmt-card{border-radius:18px;margin:10px 0}.stmt-table{min-width:640px}.stmt-table th,.stmt-table td{padding:10px 9px;font-size:12px}}

/* v2.15.0 - desktop/tablet adaptive layout + offline-safe frontend */
html{scroll-behavior:smooth}body{overflow-x:hidden}img,svg,video{max-width:100%;height:auto}.table,.stmt-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}a,button,input,select,textarea{touch-action:manipulation}
@media (min-width:1024px){
  body{font-size:15px;background:#f4f7fb}.top{padding:14px 24px}.top nav{justify-content:flex-end;align-items:center}.top a{min-height:40px}.admin-main,main{max-width:1280px;width:100%;padding-left:28px;padding-right:28px}.card{padding:24px;border-radius:24px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid label{min-width:0}.grid button,.grid .btn{align-self:end}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wallet{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mobile-hero{padding:32px;border-radius:30px}.mobile-hero h1{font-size:34px}.purchase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-card{min-height:96px}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-hero h1{font-size:34px}.admin-tools div{display:flex;gap:10px;flex-wrap:wrap}.lp-wrap,.travel-public-main{max-width:1240px;margin-left:auto;margin-right:auto}.lp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:34px}.lp-hero-copy h1{font-size:42px;line-height:1.45}.lp-hero-copy p{font-size:16px}.lp-stores-grid,.bpl-shop-grid,.merchant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.travel-admin-stats,.travel-admin-stats.pro{grid-template-columns:repeat(4,minmax(0,1fr))}.shantia-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.owner-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.booking-row.pro,.travel-admin-item.pro{grid-template-columns:88px minmax(0,1fr) auto}.booking-row.pro form,.travel-admin-item.pro .tai-actions{grid-column:auto}.stmt-table{min-width:0}.stmt-table td span{max-width:520px}.qrp-wrap{max-width:520px;margin-left:auto;margin-right:auto}.qrp-img{width:260px;height:260px;object-fit:contain}.sl-card{max-width:480px}.sl-body{align-items:center}.sl-main{width:100%}
}
@media (min-width:760px) and (max-width:1023px){
  main,.admin-main{max-width:960px;padding-left:20px;padding-right:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.admin-stat-grid,.wallet,.owner-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-quick-grid,.purchase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-hero{display:grid;grid-template-columns:1fr;gap:22px}.lp-stores-grid,.bpl-shop-grid,.merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-admin-stats,.travel-admin-stats.pro,.shantia-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.stmt-table{min-width:760px}
}
@media (max-width:759px){
  .top{position:sticky}.top nav{overflow-x:auto;display:flex!important;flex-wrap:nowrap!important}.top nav a{flex:0 0 auto}.table table{min-width:760px}.card{max-width:100%}
}
@media print{.top,.admin-nav,.btn,button{display:none!important}body{background:#fff}.card,.stmt-card{box-shadow:none;border:1px solid #ddd}.admin-main,main{max-width:100%;padding:0!important}}




/* Customer wallet/history styles moved to assets/customer-panel.css in v4.5.6. */

/* v2.19.3 - finance report mobile/date fixes */
.ltr-date{direction:ltr;unicode-bidi:embed;display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums;}
.cop-section{max-width:100%;box-sizing:border-box;}
.cop-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box;overflow:visible;}
.cop-stat{min-width:0;box-sizing:border-box;padding:10px 6px;border-radius:14px;}
.cop-stat strong{font-size:11px;line-height:1.55;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;}
.cop-stat small{font-size:9px;line-height:1.55;}
@media(max-width:480px){
  .cop-main{padding-left:12px!important;padding-right:12px!important;overflow-x:hidden;}
  .cop-section{border-radius:18px;overflow:hidden;}
  .cop-sec-head{padding:12px;}
  .cop-sec-head h3{font-size:14px;}
  .cop-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;}
  .cop-stat{padding:9px 5px;border-radius:13px;}
  .cop-stat strong{font-size:10px;}
  .cop-stat small{font-size:8px;}
  .table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .table table{min-width:560px;}
}


/* v2.19.4 - fixed Jalali year rendering and mobile finance report */
.ltr-date{direction:ltr !important;unicode-bidi:isolate !important;display:inline-flex !important;align-items:center;justify-content:center;white-space:nowrap !important;min-width:92px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.2px;}
.table-wrap,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table{max-width:100%;}
.company-panel .card:first-child{overflow:hidden;}
.company-panel .stats,.company-panel .finance-stats,.finance-report-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;}
.company-panel .stats>*,.company-panel .finance-stats>*,.finance-report-stats>*{min-width:0;white-space:normal;}
@media(max-width:520px){
  .company-panel .stats,.company-panel .finance-stats,.finance-report-stats{grid-template-columns:repeat(2,minmax(145px,1fr));overflow-x:auto;padding-bottom:6px;}
  .company-panel .stats>*{min-width:145px;}
  .ltr-date{min-width:88px;font-size:12px;}
}

/* v2.19.5 - final Jalali year and finance mobile layout */
.ltr-date{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;white-space:nowrap;font-family:Tahoma,Arial,sans-serif}
.cop-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;overflow:visible!important}
.cop-stat{min-width:0!important;overflow:hidden!important;text-align:center!important;padding:12px 8px!important;border-radius:16px!important}
.cop-stat strong{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;line-height:1.7!important;font-size:12px!important}
.cop-stat small{display:block!important;line-height:1.6!important;font-size:9px!important}
@media(max-width:640px){
  .cop-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cop-section,.card{overflow:hidden!important}
  .cop-stat{padding:10px 6px!important;border-radius:14px!important}
  .cop-stat strong{font-size:11px!important}
  .cop-stat small{font-size:8px!important}
  table{font-size:12px!important}
  th,td{padding:10px 6px!important}
}

/* v2.20.0 - professional installment scheduling and mobile finance layout */
.cop-section,.cop-card,.admin-main,.company-shell{max-width:100%;box-sizing:border-box;overflow-x:hidden!important}
.cop-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;overflow:visible!important;box-sizing:border-box!important}
.cop-stat{min-width:0!important;width:auto!important;box-sizing:border-box!important;overflow:hidden!important;text-align:center!important}
.cop-stat strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important;line-height:1.65!important}
.cop-table-wrap,.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ltr-date{unicode-bidi:isolate;display:inline-block;direction:ltr;white-space:nowrap}
@media(max-width:700px){
  .cop-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cop-stat{padding:10px 6px!important;border-radius:14px!important}
  .cop-stat strong{font-size:11px!important}
  .cop-stat small{font-size:8px!important}
  .grid{grid-template-columns:1fr!important}
}

/* v2.20.2 finance fixes */
.ltr-date{font-family:'IRANSans',Tahoma,Arial,sans-serif!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:0!important;direction:ltr!important;unicode-bidi:isolate!important;display:inline-block;white-space:nowrap;font-variant-numeric:tabular-nums}
.cop-section .table td,.cop-section .table th,.loan-booklet-print td,.loan-booklet-print th{font-family:'IRANSans',Tahoma,Arial,sans-serif!important}
.cop-add-err,.err{font-family:'IRANSans',Tahoma,Arial,sans-serif!important}


/* v2.22.0 - داشبورد مالی پایدار */
.fin-stable-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#ecfdf3,#eef6ff);border:1px solid #bbf7d0;border-radius:22px;padding:16px 18px;margin-bottom:14px;box-shadow:0 10px 30px rgba(16,185,129,.08)}
.fin-stable-hero b{display:block;font-size:18px;color:#064e3b;margin-bottom:5px}.fin-stable-hero span{display:block;color:#475467;line-height:1.9}.fin-stable-hero em{font-style:normal;background:#d1fae5;color:#047857;border-radius:999px;padding:8px 14px;font-weight:900;white-space:nowrap}
.stable-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.stable-kpis div{background:#fff;border:1px solid #e6e9f0;border-radius:18px;padding:15px;box-shadow:0 8px 24px rgba(16,24,40,.06)}.stable-kpis small{display:block;color:#667085;margin-bottom:8px}.stable-kpis strong{display:block;font-size:19px;color:#101828}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#eef2ff;color:#3730a3}.badge.bad{background:#fee2e2;color:#b91c1c}
@media(max-width:700px){.fin-stable-hero{display:block}.fin-stable-hero em{display:inline-block;margin-top:10px}.stable-kpis{grid-template-columns:1fr 1fr}.stable-kpis strong{font-size:15px}}

/* v3.0.0 company accounting core */
.accounting-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#eef6ff,#ffffff);border:1px solid #dbeafe;border-radius:24px;padding:18px 20px;margin:12px 0;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.accounting-hero h2{margin:4px 0;font-size:24px}.accounting-hero p{margin:0;color:#64748b;font-weight:700}.accounting-hero span{font-size:42px}.accounting-hero small{background:#dbeafe;color:#1d4ed8;padding:5px 12px;border-radius:999px;font-weight:900}
.accounting-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}.accounting-kpis>div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;text-align:center;box-shadow:0 10px 25px rgba(15,23,42,.05)}.accounting-kpis small{display:block;color:#64748b;font-weight:800}.accounting-kpis strong{display:block;margin-top:6px;color:#0f172a;font-size:15px}
.journal-line{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:8px;grid-column:1/-1;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:10px}.accounting-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.accounting-profit{margin-top:10px;background:#f8fafc;border-radius:14px;padding:12px;font-weight:900;color:#0f172a}
form select[name="bank_account_id"]{max-width:150px;display:inline-block;margin:0 4px;height:34px;border-radius:10px;font-size:11px;padding:0 6px}
@media(max-width:700px){.accounting-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-line{grid-template-columns:1fr}.accounting-two{grid-template-columns:1fr}.accounting-hero{align-items:flex-start}.accounting-hero h2{font-size:20px}}

/* v3.2.0 treasury + sms + mobile menu polish */
.cop-tabbar{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 8px calc(env(safe-area-inset-bottom,0px));height:70px}
.cop-tabbar::-webkit-scrollbar{display:none}
.cop-tab{flex:0 0 74px;min-width:74px}
@media(min-width:720px){.cop-tabbar{justify-content:center}.cop-tab{flex:0 0 82px}}
.accounting-hero{background:linear-gradient(135deg,#eef6ff,#fff,#f8fafc)}
.accounting-kpis>div{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.treasury-card{border:1px solid #e5e7eb;border-radius:18px;padding:12px;background:#fff}

/* v3.3.0 professional accounting tree and full treasury connection */
.acc-tree-wrap{direction:rtl;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:10px;overflow:hidden}
.acc-tree{list-style:none;margin:0;padding:0}.acc-tree li{margin:6px 0}.acc-tree details{border:1px solid #eef2f7;border-radius:14px;background:#f8fafc;overflow:hidden}.acc-tree summary,.acc-leaf{display:grid;grid-template-columns:92px 1fr 58px 86px;gap:8px;align-items:center;padding:11px 12px;cursor:pointer;font-weight:800;color:#1f2937}.acc-tree summary::-webkit-details-marker{display:none}.acc-tree summary:before{content:'+';background:#eef2ff;color:#4f46e5;border-radius:9px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.acc-tree details[open]>summary:before{content:'−';background:#dcfce7;color:#15803d}.acc-tree .acc-code{direction:ltr;text-align:left;color:#2563eb;font-weight:900;font-variant-numeric:tabular-nums}.acc-tree .acc-title{white-space:normal}.acc-tree small{background:#eef2ff;color:#3730a3;border-radius:999px;padding:4px 8px;text-align:center;font-size:11px}.acc-tree em{font-style:normal;background:#f1f5f9;color:#475569;border-radius:999px;padding:4px 8px;text-align:center;font-size:11px}.acc-depth-1{padding:4px 22px 10px 6px}.acc-depth-2{padding:4px 22px 10px 6px}.acc-leaf{border:1px solid #eef2f7;border-radius:14px;background:#fff}
@media(max-width:700px){.acc-tree summary,.acc-leaf{grid-template-columns:78px 1fr;gap:6px}.acc-tree small,.acc-tree em{font-size:10px}.acc-tree .acc-title{grid-column:2}.acc-depth-1,.acc-depth-2{padding-right:10px}.accounting-kpis{overflow-x:auto;grid-template-columns:repeat(5,145px)!important;padding-bottom:6px}.accounting-kpis>div{min-width:145px}}
/* ── Accounting Subnav ── */
.acc-subnav{display:flex;gap:6px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:4px}
.acc-subnav::-webkit-scrollbar{display:none}
.acc-subnav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;border-radius:18px;border:1.5px solid #e5e7eb;background:#fff;color:#475569;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;min-width:64px;transition:all .18s;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.acc-subnav-item:first-child{font-size:18px}
.acc-subnav-item span{font-size:11px;font-weight:900}
.acc-subnav-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 14px rgba(37,99,235,.28)}
.acc-subnav-item:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}
@media(max-width:700px){.acc-subnav-item{padding:9px 11px;min-width:58px}.acc-subnav-item span{font-size:10px}}

/* ═══════════════════════════════════════════════
   Journal Form — فرم ثبت سند دوبل — طراحی مدرن
═══════════════════════════════════════════════ */
.jf-page{direction:rtl;padding-bottom:1.5rem}

/* ── Hero ── */
.jf-hero{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;margin-bottom:14px;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bfdbfe;box-shadow:0 8px 24px rgba(37,99,235,.10)}
.jf-hero-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#14b8a6);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px rgba(37,99,235,.25);flex-shrink:0}
.jf-eyebrow{font-size:11px;color:#2563eb;font-weight:800;margin-bottom:3px}
.jf-hero-title{font-size:18px;font-weight:900;color:#0f172a;margin:0 0 2px}
.jf-hero-sub{font-size:11px;color:#64748b}

/* ── Form ── */
.jf-form{display:flex;flex-direction:column;gap:0}
.jf-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.jf-meta-field{display:flex;flex-direction:column;gap:5px}
.jf-meta-label{font-size:11px;font-weight:800;color:#64748b}
.jf-meta-input{background:#fff;border:1.5px solid #e2e8f0;color:#0f172a;border-radius:14px;padding:11px 13px;font-size:13px;font-family:inherit;direction:rtl;outline:none;transition:border-color .18s,box-shadow .18s}
.jf-meta-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}

/* ── Balance bar ── */
.jf-balance-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:13px 16px;margin-bottom:14px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px}
.jf-bal-item{display:flex;flex-direction:column;gap:3px;text-align:center}
.jf-bal-lbl{font-size:10px;color:#94a3b8;font-weight:800}
.jf-bal-val{font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
.jf-bal-debit .jf-bal-val{color:#2563eb}
.jf-bal-credit .jf-bal-val{color:#059669}
.jf-bal-eq{font-size:22px;text-align:center;transition:all .2s}
.jf-bal-ok{animation:jf-ok-pulse .35s ease}
@keyframes jf-ok-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}

/* ── Lines ── */
#jf-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.jf-line{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:13px;transition:border-color .18s,box-shadow .18s}
.jf-line:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.jf-line-num{width:26px;height:26px;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}
.jf-line-body{flex:1;display:flex;flex-direction:column;gap:9px}

/* ── Account picker button (جایگزین select) ── */
.jf-acc-btn{width:100%;display:flex;align-items:center;gap:8px;padding:11px 13px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;cursor:pointer;direction:rtl;text-align:right;transition:border-color .18s,background .18s;min-width:0}
.jf-acc-btn:hover{background:#f1f5f9;border-color:#cbd5e1}
.jf-acc-btn.selected{background:#eff6ff;border-color:#93c5fd}
.jf-acc-btn-code{font-size:12px;font-weight:900;color:#2563eb;background:#dbeafe;padding:3px 8px;border-radius:8px;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}
.jf-acc-btn-title{flex:1;font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.jf-acc-btn:not(.selected) .jf-acc-btn-title{color:#94a3b8;font-weight:600}
.jf-acc-btn-type{font-size:10.5px;font-weight:800;flex-shrink:0}
.jf-acc-btn-arrow{width:16px;height:16px;color:#94a3b8;flex-shrink:0;transition:transform .18s}
.jf-acc-btn.open .jf-acc-btn-arrow{transform:rotate(180deg)}

/* ── Amounts ── */
.jf-amounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jf-amount-wrap{display:flex;flex-direction:column;gap:4px}
.jf-amt-label{font-size:10px;color:#94a3b8;font-weight:800}
.jf-amt-input{background:#f8fafc;border:1.5px solid #e2e8f0;color:#0f172a;border-radius:12px;padding:9px 10px;font-size:14px;font-weight:800;text-align:center;font-family:inherit;outline:none;transition:border-color .18s}
.jf-amt-input:focus{border-color:#93c5fd;background:#fff}

/* ── Desc ── */
.jf-desc-input{background:#f8fafc;border:1.5px solid #e8edf4;color:#475569;border-radius:12px;padding:8px 11px;font-size:12px;font-family:inherit;direction:rtl;outline:none;transition:border-color .18s;width:100%;box-sizing:border-box}
.jf-desc-input:focus{border-color:#93c5fd;color:#0f172a;background:#fff}
.jf-desc-input::placeholder{color:#cbd5e1}

/* ── Buttons ── */
.jf-add-line-btn{width:100%;padding:11px;border-radius:14px;background:#f1f5f9;border:1.5px dashed #cbd5e1;color:#64748b;font-size:12px;font-weight:800;cursor:pointer;transition:all .18s;margin-bottom:12px}
.jf-add-line-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}
.jf-save-btn{width:100%;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;box-shadow:0 12px 28px rgba(37,99,235,.28);cursor:pointer;border:none;transition:transform .18s,box-shadow .18s}
.jf-save-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,99,235,.36)}
.jf-save-btn span{font-size:14px;font-weight:900}
.jf-save-btn small{font-size:10.5px;opacity:.78;font-weight:700}

/* ══════════════════════════════════════════════
   Bottom Sheet — انتخاب سرفصل
══════════════════════════════════════════════ */
.jf-sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:200;opacity:0;pointer-events:none;transition:opacity .28s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.jf-sheet-backdrop.open{opacity:1;pointer-events:auto}
.jf-sheet{position:fixed;bottom:0;left:0;right:0;z-index:201;background:#fff;border-radius:26px 26px 0 0;max-height:82vh;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 60px rgba(15,23,42,.18);direction:rtl;max-width:680px;margin:0 auto}
.jf-sheet.open{transform:translateY(0)}
.jf-sheet-handle{width:40px;height:4px;background:#e2e8f0;border-radius:999px;margin:12px auto 0;flex-shrink:0}
.jf-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px;flex-shrink:0}
.jf-sheet-title{font-size:16px;font-weight:900;color:#0f172a}
.jf-sheet-close{font-size:13px;font-weight:800;color:#2563eb;background:none;border:none;cursor:pointer;padding:4px 8px}
.jf-sheet-search-wrap{padding:0 16px 10px;flex-shrink:0}
.jf-sheet-search{width:100%;padding:12px 15px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:16px;font-size:14px;font-family:inherit;direction:rtl;outline:none;color:#0f172a;box-sizing:border-box;transition:border-color .18s}
.jf-sheet-search:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.10)}
.jf-sheet-search::placeholder{color:#94a3b8}
.jf-sheet-list{overflow-y:auto;flex:1;padding:0 10px 24px;-webkit-overflow-scrolling:touch}
.jf-acc-row{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;padding:14px 12px;border-radius:16px;cursor:pointer;transition:background .15s;direction:rtl;border:1.5px solid #f1f5f9;margin-bottom:7px}
.jf-acc-row:hover{background:#f1f5f9;border-color:#e2e8f0}
.jf-acc-row.active{background:#eff6ff;border-color:#93c5fd}
.jf-acc-row-code{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;text-align:center;background:#f1f5f9;border-radius:10px;padding:4px 0;direction:ltr}
.jf-acc-row.active .jf-acc-row-code{background:#dbeafe}
.jf-acc-row-title{font-size:14px;font-weight:700;color:#0f172a;text-align:right}
.jf-acc-row-type{font-size:11px;font-weight:800;text-align:left}
.jf-acc-empty{text-align:center;color:#94a3b8;padding:32px;font-size:13px}

@media(max-width:520px){
  .jf-meta-row{grid-template-columns:1fr}
  .jf-hero-title{font-size:16px}
  .jf-sheet{border-radius:22px 22px 0 0}
}

/* ═══════════════════════════════════════════════
   Check Cards — کارت‌های چک — طراحی مدرن
═══════════════════════════════════════════════ */
.ck-list{display:flex;flex-direction:column;gap:10px}
.ck-card{position:relative;padding:13px 14px 11px;border-radius:19px;background:linear-gradient(135deg,rgba(15,23,42,.80),rgba(15,23,42,.45));border:1px solid rgba(148,163,184,.13);box-shadow:0 10px 28px rgba(2,6,23,.12);direction:rtl;overflow:hidden;transition:transform .18s,box-shadow .18s}
.ck-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(2,6,23,.18)}
.ck-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.ck-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.ck-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}
.ck-info{display:flex;align-items:center;gap:7px;min-width:0}
.ck-name{font-size:13px;font-weight:850;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.ck-type-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.ck-right{flex-shrink:0;text-align:left}
.ck-amount{font-size:15px;font-weight:900;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ck-unit{font-size:9.5px;color:#64748b;margin-top:1px;text-align:left}
.ck-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.ck-meta-item{font-size:10.5px;color:#94a3b8;font-weight:700}
.ck-status-badge{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid}
.ck-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ck-bank-select{flex:2;padding:6px 8px;border-radius:10px;background:rgba(15,23,42,.55);border:1px solid rgba(51,65,85,.70);color:#e2e8f0;font-size:10.5px;font-family:inherit;outline:none;min-width:0}
.ck-btn{flex:1;padding:7px 8px;border-radius:10px;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap;border:0;min-width:52px}
.ck-btn-collect{background:rgba(16,185,129,.14);color:#34d399}
.ck-btn-collect:hover{background:rgba(16,185,129,.22)}
.ck-btn-bounce{background:rgba(239,68,68,.12);color:#f87171}
.ck-btn-bounce:hover{background:rgba(239,68,68,.20)}
.ck-btn-ghost{background:rgba(148,163,184,.12);color:#94a3b8}
.ck-btn-ghost:hover{background:rgba(148,163,184,.20)}

/* ═══════════════════════════════════════════════
   Counterparty Debtor Cards — کارت‌های بدهکار
═══════════════════════════════════════════════ */
.cpd-list{display:flex;flex-direction:column;gap:10px}
.cpd-card{padding:14px;border-radius:18px;background:rgba(30,41,59,.55);border:1px solid rgba(51,65,85,.70);box-shadow:0 8px 22px rgba(2,6,23,.10);direction:rtl;transition:transform .18s}
.cpd-card:hover{transform:translateY(-1px)}
.cpd-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.cpd-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(37,99,235,.25),rgba(6,182,212,.18));color:#60a5fa;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cpd-info{flex:1;display:flex;flex-direction:column;gap:3px}
.cpd-name{font-size:14px;font-weight:850;color:#e2e8f0}
.cpd-type{font-size:10.5px;color:#64748b;font-weight:700}
.cpd-bal{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.cpd-bal b{font-size:14px;font-weight:900;color:#60a5fa}
.cpd-bal-lbl{font-size:9.5px;color:#64748b}
.cpd-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px;padding-top:8px;border-top:1px solid rgba(51,65,85,.55)}
.cpd-meta-item{font-size:11px;color:#94a3b8;font-weight:700}
.cpd-actions{display:flex;justify-content:flex-end}

/* Light mode adjustments */
html[data-theme="light"] .jf-card,.jf-card[data-light]{background:#fff!important;border-color:#dbe4f2!important}
html[data-theme="light"] .jf-meta-input,.jf-meta-input[data-light]{background:#f8fafc!important;border-color:#d9e4f2!important;color:#0f172a!important}
html[data-theme="light"] .jf-line{background:#f8fafc!important;border-color:#e2eaf4!important}
html[data-theme="light"] .jf-select,.jf-select[data-light]{background:#fff!important;color:#0f172a!important;border-color:#d9e4f2!important}
html[data-theme="light"] .jf-amt-input{background:#f8fafc!important;border-color:#d9e4f2!important;color:#0f172a!important}
html[data-theme="light"] .jf-desc-input{background:#f1f5f9!important;color:#475569!important}
html[data-theme="light"] .jf-balance-bar{background:#f1f5f9!important;border-color:#dbe4f2!important}
html[data-theme="light"] .ck-card{background:linear-gradient(145deg,#fff,#f8fbff)!important;border-color:rgba(148,163,184,.24)!important;box-shadow:0 9px 24px rgba(15,23,42,.075)!important;color:#0f172a!important}
html[data-theme="light"] .ck-name{color:#111827!important}
html[data-theme="light"] .ck-bank-select{background:#fff!important;color:#0f172a!important;border-color:#d9e4f2!important}
html[data-theme="light"] .cpd-card{background:rgba(255,255,255,.92)!important;border-color:#dbe4f2!important}
html[data-theme="light"] .cpd-name{color:#0f172a!important}

/* ══ Account Tree List (ATL) ══ */
.atl-wrap{direction:rtl;padding:4px 0}
.atl-item{margin:6px 0;border-radius:18px;overflow:hidden;border:1.5px solid #e8edf4;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.atl-item-lv0{border-color:#c7d7f0;background:#f8fbff}
.atl-item-lv1{margin:4px 8px;border-color:#e5eef8;background:#fff}
.atl-item-lv2{margin:4px 12px;border-color:#eef2f8;background:#fafcff}
.atl-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:8px;cursor:pointer;list-style:none;user-select:none}
.atl-row::-webkit-details-marker{display:none}
details.atl-item>.atl-row{cursor:pointer}
details.atl-item[open]>.atl-row{border-bottom:1px solid #eef2f8}
.atl-right{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.atl-left{display:flex;align-items:center;gap:6px;flex-shrink:0}
.atl-arrow{color:#94a3b8;font-size:18px;font-weight:900;transition:transform .2s;display:inline-block;width:20px;text-align:center}
details.atl-item[open]>.atl-row .atl-arrow{transform:rotate(90deg)}
.atl-indent{display:inline-block;width:28px}
.atl-code{background:#eef4ff;color:#2563eb;border-radius:10px;padding:4px 9px;font-size:12px;font-weight:900;direction:ltr;white-space:nowrap;font-variant-numeric:tabular-nums}
.atl-title{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atl-item-lv0 .atl-title{font-size:16px;font-weight:900}
.atl-type{font-size:10px;font-weight:900;padding:3px 8px;border-radius:999px;white-space:nowrap}
.atl-type-asset{background:#dbeafe;color:#1d4ed8}
.atl-type-liability{background:#fce7f3;color:#be185d}
.atl-type-equity{background:#f3e8ff;color:#7c3aed}
.atl-type-income{background:#dcfce7;color:#15803d}
.atl-type-expense{background:#fee2e2;color:#b91c1c}
.atl-debit{background:#eff6ff;color:#1d4ed8;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:900;direction:rtl;white-space:nowrap}
.atl-credit{background:#f0fdf4;color:#15803d;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:900;direction:rtl;white-space:nowrap}
.atl-zero{background:#f1f5f9;color:#94a3b8;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:900;white-space:nowrap}
.atl-children{padding:6px 0 8px}
.atl-leaf .atl-row{cursor:default}
@media(max-width:700px){
  .atl-row{padding:12px 12px}
  .atl-title{font-size:14px}
  .atl-item-lv0 .atl-title{font-size:15px}
  .atl-code{font-size:11px;padding:3px 7px}
  .atl-debit,.atl-credit,.atl-zero{font-size:11px;padding:4px 8px}
  .atl-item-lv1{margin:4px 6px}
  .atl-item-lv2{margin:4px 8px}
}




/* v3.5.9 - polish company accounting, journal documents and counterparty light cards */
.accounting-hero{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eff6ff 0%,#ffffff 55%,#ecfeff 100%)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 16px 38px rgba(37,99,235,.10)!important;
}
.accounting-hero:before{
  content:"";position:absolute;inset:auto -34px -58px auto;width:150px;height:150px;border-radius:999px;
  background:radial-gradient(circle,rgba(59,130,246,.16),rgba(59,130,246,0) 68%);pointer-events:none;
}
.acc-subnav{
  background:#f8fafc!important;border:1px solid #e8eef7!important;border-radius:22px!important;
  padding:8px!important;gap:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 24px rgba(15,23,42,.04)!important;
}
.acc-subnav-item{background:#fff!important;border-color:#e5edf7!important;box-shadow:0 6px 16px rgba(15,23,42,.045)!important}
.acc-subnav-item.active{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(37,99,235,.22)!important}
.jf-page{
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border:1px solid #e6eef8!important;border-radius:24px!important;
  padding:14px!important;box-shadow:0 14px 34px rgba(15,23,42,.07)!important;margin-bottom:14px!important;
}
.jf-hero{margin-bottom:16px!important;background:linear-gradient(135deg,#eef6ff,#f0fdfa)!important;border-color:#c7ddff!important}
.jf-form,.jf-page form{max-width:100%}
.jf-meta-row,.jf-balance-bar,#jf-lines{max-width:100%;box-sizing:border-box}
.jf-line{background:#ffffff!important;border-color:#dfeaf6!important;box-shadow:0 8px 20px rgba(15,23,42,.045)!important}
.jf-line:hover{border-color:#bfdbfe!important}
.jf-acc-btn,.jf-amt-input,.jf-desc-input,.jf-meta-input{box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
.jf-balance-bar{background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;border-color:#dbeafe!important}
.card:has(.jf-page),.card:has(.cpd-list){overflow:visible!important}
.cpd-card{
  background:linear-gradient(145deg,#ffffff,#f8fbff)!important;
  border:1px solid #dbe4f2!important;
  box-shadow:0 10px 26px rgba(15,23,42,.075)!important;
  color:#0f172a!important;
}
.cpd-card:hover{box-shadow:0 14px 32px rgba(15,23,42,.10)!important}
.cpd-avatar{background:linear-gradient(135deg,#dbeafe,#ccfbf1)!important;color:#2563eb!important}
.cpd-name{color:#0f172a!important}
.cpd-type,.cpd-bal-lbl{color:#64748b!important}
.cpd-bal b{color:#2563eb!important}
.cpd-meta{border-top-color:#e5edf7!important}
.cpd-meta-item{color:#475569!important;background:#f1f5f9!important;border:1px solid #e5e7eb!important;border-radius:999px!important;padding:5px 9px!important}
.cpd-actions .btn{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important;border-radius:12px!important}
.cpd-actions .btn:hover{background:#dbeafe!important}
#counterparty-ledger{scroll-margin-top:90px}
@media(max-width:700px){
  .jf-page{padding:11px!important;border-radius:20px!important}
  .jf-line{padding:11px!important;border-radius:16px!important}
  .jf-amounts{grid-template-columns:1fr!important}
  .cpd-top{align-items:flex-start!important}.cpd-bal{align-items:flex-start!important}
  .cpd-card{padding:12px!important;border-radius:16px!important}
}

/* v3.6 accounting ui refresh */
.accounting-hero{
background:linear-gradient(135deg,#2563eb,#4f46e5);
padding:24px;border-radius:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;box-shadow:0 12px 35px rgba(37,99,235,.18)
}
.accounting-hero h2{margin:6px 0 0;font-size:26px;font-weight:900}
.acc-subnav{display:flex;gap:10px;overflow:auto;padding-bottom:6px;margin-bottom:18px}
.acc-subnav-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px 16px;font-weight:700;color:#374151}
.acc-subnav-item.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 8px 24px rgba(37,99,235,.22)}
.acc-subnav-item:hover{transform:translateY(-2px)}
.card,.box,.finance-card{border-radius:22px!important;border:1px solid #eef2ff!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important;background:#fff!important}
#counterparty-ledger{scroll-margin-top:120px}
.cop-stat,.cop-today,.cop-quick-btn,.cop-body .card{
background:#ffffff!important;
color:#111827!important;
border:1px solid #e5e7eb!important;
}
.cop-stat strong,.cop-quick-btn strong,.cop-today-item strong{color:#111827!important}
.cop-stat small,.cop-quick-btn small,.cop-today-item small{color:#6b7280!important}
.btn.small.ghost{
background:#eff6ff!important;
color:#2563eb!important;
border:1px solid #bfdbfe!important;
}
.btn.small.ghost:hover{background:#2563eb!important;color:#fff!important}
.table-responsive table tr:hover{background:#f8fafc}


/* v3.6.3 company customers desktop compact + collapsible add customer */
.cop-collapsible-add{overflow:hidden;}
.cop-collapsible-add>summary{list-style:none;cursor:pointer;user-select:none;}
.cop-collapsible-add>summary::-webkit-details-marker{display:none;}
.cop-toggle-head{border-bottom:0!important;}
.cop-collapsible-add[open] .cop-toggle-head{border-bottom:1px solid #f5f5f8!important;}
.cop-toggle-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd6fe;background:#f5f3ff;color:#6d28d9;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;}
.cop-toggle-pill:before{content:'+';font-size:16px;line-height:1;font-weight:900;}
.cop-collapsible-add[open] .cop-toggle-pill{background:#f8fafc;color:#475569;border-color:#e2e8f0;}
.cop-collapsible-add[open] .cop-toggle-pill:before{content:'−';}
.cop-collapsible-add[open] .cop-toggle-pill{font-size:0;}
.cop-collapsible-add[open] .cop-toggle-pill:after{content:'بستن فرم';font-size:12px;}
.cop-add-body{padding-top:2px;}
.cop-add-body>.hint{margin:10px 16px 0;line-height:1.9;}

@media(min-width:720px){
  .cop-main{max-width:760px!important;padding:14px 18px!important;}
  .cop-section{border-radius:16px;margin-bottom:8px;}
  .cop-sec-head{padding:10px 14px;}
  .cop-sec-head h3{font-size:13px;}
  .cop-add-form{padding:10px 14px!important;}
  .cop-add-row{gap:8px;margin-bottom:8px;}
  .cop-add-field label{font-size:10px;margin-bottom:4px;}
  .cop-add-field input,.cop-add-field select{height:36px!important;min-height:36px!important;border-radius:10px!important;padding:0 10px;font-size:13px!important;}
  .cop-add-btn{height:38px!important;min-height:38px!important;border-radius:10px!important;font-size:13px!important;box-shadow:0 4px 12px rgba(124,58,237,.18);}
  .cop-stats{margin-top:8px!important;gap:8px!important;}
  .cop-stat{padding:10px!important;border-radius:14px!important;}
  .cop-stat-ico{width:34px!important;height:34px!important;font-size:16px!important;}
  .cop-stat strong{font-size:14px!important;}
  .cop-stat small{font-size:10px!important;}
  .cop-cust-row{padding:9px 14px;gap:9px;}
  .cop-cust-av{width:36px;height:36px;border-radius:11px;font-size:15px;}
  .cop-cust-info strong{font-size:12.5px;}
  .cop-direct-link{margin-top:4px;padding:5px 8px;border-radius:8px;font-size:11px!important;}
  .cop-mini-bar{height:3px;margin:3px 0;}
  .cop-cust-nums{font-size:9.5px;}
  .cop-stat-pill{padding:4px 8px!important;font-size:10px!important;}
  .cop-add-body>.hint{font-size:11px;margin:8px 14px 0;}
  .cop-toggle-pill{padding:5px 10px;font-size:11px!important;}
  .cop-collapsible-add[open] .cop-toggle-pill:after{font-size:11px;}
}

/* v3.6.4 prettier compact add-customer form */
.cop-add-pretty{
  border:1px solid #ede9fe!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfaff 100%)!important;
  box-shadow:0 10px 30px rgba(88,28,135,.07)!important;
}
.cop-title-inline{display:flex;align-items:center;gap:10px;min-width:0}
.cop-title-inline small{display:block;margin-top:2px;font-size:10px;color:#8b8fa3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cop-title-ico{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);box-shadow:inset 0 0 0 1px #ddd6fe;font-size:16px;flex:0 0 auto}
.cop-add-note{margin:12px 16px 0;padding:10px 12px;border:1px dashed #d8b4fe;border-radius:14px;background:#faf5ff;color:#6d28d9;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.8}
.cop-add-note b{font-weight:900;white-space:nowrap}.cop-add-note span{color:#64748b}
.cop-add-form-pretty{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 16px!important}
.cop-add-form-pretty .cop-add-field{position:relative;margin:0!important}
.cop-add-form-pretty .cop-add-field label{font-size:10.5px;color:#6d28d9;margin:0 0 5px;font-weight:900}
.cop-add-form-pretty .cop-add-field input,.cop-add-form-pretty .cop-add-field select{
  background:#fff!important;border:1px solid #e9d5ff!important;border-radius:14px!important;height:40px!important;min-height:40px!important;padding:0 12px!important;box-shadow:0 2px 8px rgba(88,28,135,.035);font-size:12.5px!important
}
.cop-add-form-pretty .cop-add-field input::placeholder{color:#b8b5c7}
.cop-add-form-pretty .cop-add-field input:focus,.cop-add-form-pretty .cop-add-field select:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.12)!important;background:#fff!important}
.cop-add-form-pretty .cop-field-name{grid-column:1/-1}
.cop-add-actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:2px}
.cop-add-form-pretty .cop-add-btn{width:auto;min-width:150px;padding:0 22px;height:40px!important;min-height:40px!important;border-radius:12px!important;margin:0!important}
@media(min-width:720px){
  .cop-add-form-pretty{grid-template-columns:1.3fr 1fr 1fr .8fr .8fr auto;align-items:end;gap:8px;padding:10px 14px 14px!important}
  .cop-add-form-pretty .cop-field-name,.cop-add-actions{grid-column:auto}
  .cop-add-form-pretty .cop-add-btn{min-width:112px;width:112px;height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:12px!important}
  .cop-add-note{margin:10px 14px 0;padding:8px 10px;font-size:11px;border-radius:12px}
  .cop-title-ico{width:30px;height:30px;border-radius:10px;font-size:14px}
  .cop-title-inline small{font-size:9.5px}
}
@media(max-width:520px){
  .cop-add-form-pretty{grid-template-columns:1fr;padding:12px 14px 15px!important}
  .cop-add-note{display:block}.cop-add-note b{display:block;margin-bottom:2px}
  .cop-add-form-pretty .cop-add-btn{width:100%}
}

/* v3.6.5 compact categorized company finance */
.finance-compact{margin-bottom:10px!important}.fin-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.fin-mini-stats .cop-stat{padding:12px!important;min-height:auto!important}.fin-mini-stats .cop-stat strong{font-size:15px!important}.fin-mini-stats .cop-stat small{font-size:11px!important}.fin-subnav{position:sticky;top:0;z-index:5;background:rgba(248,250,252,.92);backdrop-filter:blur(10px);border:1px solid #edf2f7;border-radius:18px;padding:8px!important;margin:0 0 12px!important}.fin-subnav .acc-subnav-item{min-width:74px!important;padding:9px 11px!important;border-radius:14px!important}.fin-subnav .acc-subnav-item b{font-size:18px;line-height:1}.compact-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:10px!important}.compact-grid label{margin:0!important}.compact-grid input,.compact-grid select{min-height:38px!important;padding:8px 10px!important}.compact-grid button{min-height:38px!important;align-self:end}.fin-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fin-overview a{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);text-decoration:none;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.05)}.fin-overview a strong{font-size:24px;color:#2563eb}.fin-overview a span{font-weight:900}.fin-overview a small{color:#64748b;font-weight:700}.fin-collapsed{border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;padding:10px;margin-bottom:12px}.fin-collapsed summary{cursor:pointer;list-style:none;display:inline-flex}.ck-card.compact{padding:12px!important}.ck-card.compact .ck-top{margin-bottom:7px!important}.ck-card.compact .ck-meta{gap:6px!important;font-size:12px!important}.ck-card.compact .ck-actions{margin-top:8px!important}
@media(min-width:901px){.cop-section.finance-compact .cop-sec-head{margin-bottom:8px!important}.company-panel .card,.cop-card{padding:16px!important}.company-panel table th,.company-panel table td{padding:8px 10px!important;font-size:13px!important}}
@media(max-width:900px){.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-mini-stats{grid-template-columns:1fr!important}.fin-subnav{position:relative}.fin-subnav .acc-subnav-item{min-width:68px!important}}
@media(max-width:560px){.compact-grid,.fin-overview{grid-template-columns:1fr!important}.fin-subnav .acc-subnav-item{min-width:62px!important;padding:8px!important}}


/* v3.6.6 - professional finance overview dashboard */
.finance-pro-dashboard{display:flex;flex-direction:column;gap:14px;margin-top:2px}.fin-hero-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border-radius:26px;background:radial-gradient(circle at top right,rgba(37,99,235,.22),transparent 34%),linear-gradient(135deg,#0f172a,#1e3a8a 58%,#2563eb);color:#fff;box-shadow:0 22px 55px rgba(30,64,175,.20);overflow:hidden;position:relative}.fin-hero-card:after{content:"";position:absolute;left:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.10)}.fin-hero-card h3{margin:6px 0 6px!important;font-size:24px!important;color:#fff!important}.fin-hero-card p{margin:0;color:rgba(255,255,255,.78);font-weight:700}.fin-eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:900}.fin-primary-action{position:relative;z-index:1;white-space:nowrap;text-decoration:none;color:#0f172a!important;background:#fff;border-radius:16px;padding:12px 16px;font-weight:950;box-shadow:0 12px 25px rgba(15,23,42,.18)}.fin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fin-kpi{min-height:142px;text-decoration:none;color:#0f172a!important;background:#fff;border:1px solid #edf2f7;border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 34px rgba(15,23,42,.07);position:relative;overflow:hidden}.fin-kpi:before{content:"";position:absolute;inset:auto -35px -45px auto;width:120px;height:120px;border-radius:50%;opacity:.12}.fin-kpi span{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#f1f5f9;font-size:20px}.fin-kpi small{color:#64748b;font-weight:950}.fin-kpi strong{font-size:30px;line-height:1;color:#0f172a}.fin-kpi em{font-style:normal;color:#475569;font-weight:900;font-size:12px}.fin-kpi.blue:before{background:#2563eb}.fin-kpi.red:before{background:#ef4444}.fin-kpi.amber:before{background:#f59e0b}.fin-kpi.green:before{background:#10b981}.fin-dashboard-row{display:grid;grid-template-columns:1.4fr .9fr;gap:12px}.fin-credit-panel,.fin-action-panel,.fin-note{background:#fff;border:1px solid #edf2f7;border-radius:24px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.fin-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fin-panel-title b,.fin-action-panel>b{font-size:15px;color:#0f172a}.fin-panel-title span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 10px;font-weight:950}.fin-progress{height:12px;border-radius:999px;background:#eef2ff;overflow:hidden}.fin-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#2563eb)}.fin-credit-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.fin-credit-numbers div{background:#f8fafc;border-radius:16px;padding:10px}.fin-credit-numbers small{display:block;color:#64748b;font-weight:900;margin-bottom:4px}.fin-credit-numbers strong{font-size:13px}.fin-action-panel div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.fin-action-panel a{text-decoration:none;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:10px;font-weight:950;color:#1e293b!important}.fin-action-panel a:hover{background:#eff6ff;border-color:#bfdbfe}.fin-note{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.fin-note p{margin:0;color:#475569;font-weight:800;line-height:1.9}
@media(max-width:1000px){.fin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-dashboard-row{grid-template-columns:1fr}.fin-hero-card{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.fin-kpi-grid,.fin-credit-numbers,.fin-action-panel div{grid-template-columns:1fr}.fin-hero-card{padding:18px}.fin-hero-card h3{font-size:20px!important}.fin-primary-action{width:100%;text-align:center}.fin-kpi{min-height:auto}}
/* v3.6.8 - تفکیک دفتر کیف پول و تسهیلات مشتری */
.ledger-split-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 18px}
.ledger-split-summary>div{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:18px;padding:16px 18px;box-shadow:0 10px 28px rgba(15,23,42,.07)}
.ledger-split-summary small{display:block;color:#64748b;font-weight:800;margin-bottom:8px}
.ledger-split-summary strong{display:block;font-size:20px;margin-bottom:6px}
.ledger-split-summary span{color:#64748b;font-size:12px;font-weight:700}
.ledger-balance{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-weight:900;white-space:nowrap;font-size:12px}
.ledger-balance.debit{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.ledger-balance.credit{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.ledger-neutral{display:inline-flex;border-radius:999px;padding:5px 10px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;font-weight:900;font-size:12px}
@media(max-width:760px){.ledger-split-summary{grid-template-columns:1fr}.ledger-split-summary>div{padding:14px}.ledger-split-summary strong{font-size:17px}}

/* v3.6.9 - compact categorized financial reports */
.report-compact{margin-bottom:10px!important}
.report-subnav{position:sticky;top:0;z-index:6;background:rgba(248,250,252,.94);backdrop-filter:blur(10px)}
.report-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.report-dashboard a{display:flex;flex-direction:column;gap:7px;text-decoration:none;color:#0f172a!important;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:22px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.report-dashboard a span{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;font-size:20px}
.report-dashboard a small{color:#64748b;font-weight:900}.report-dashboard a strong{font-size:20px;line-height:1.4;color:#1d4ed8}
.report-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.report-quick a{text-decoration:none;text-align:center;background:#0f172a;color:#fff!important;border-radius:16px;padding:12px;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.12)}
@media(min-width:901px){.report-subnav .acc-subnav-item{min-width:84px!important;padding:9px 12px!important}.report-compact+.report-subnav{margin-top:-2px!important}.report-dashboard a{min-height:118px}.report-compact .cop-stat{padding:10px 12px!important}.report-compact .cop-stat strong{font-size:14px!important}}
@media(max-width:900px){.report-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.report-quick{grid-template-columns:1fr}.report-subnav{position:relative}}
@media(max-width:560px){.report-dashboard{grid-template-columns:1fr}.report-dashboard a{padding:14px}}

/* v3.7.1 - minimal overdue installments report */
.due-pro-dashboard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin:10px 0;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.due-minimal-dashboard{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:start}
.due-hero{margin:0}.due-hero h3{margin:0;font-size:16px;color:#0f172a}.due-hero p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.8}
.due-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}
.due-kpis>div{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:8px 10px;box-shadow:0 4px 14px rgba(15,23,42,.035);min-height:54px}
.due-kpis strong{display:block;font-size:14px;color:#0f172a;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.due-kpis small{color:#64748b;font-size:11px}
.due-filter-panel{grid-column:1/-1;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:8px;margin-top:0}
.due-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;align-items:end}
.due-filter-panel label{margin:0;font-size:11px}.due-filter-panel input,.due-filter-panel select{min-height:32px!important;border-radius:10px!important;font-size:12px!important;padding:6px 9px!important}
.due-filter-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.due-filter-actions .btn{padding:7px 10px!important;border-radius:10px!important;font-size:12px!important}
@media (min-width:1101px){.due-minimal-dashboard .due-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.due-filter-mini{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.due-filter-mini .due-filter-actions{margin-top:0}}
@media (max-width:1100px){.due-minimal-dashboard{grid-template-columns:1fr}.due-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.due-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.due-kpis,.due-filter-grid{grid-template-columns:1fr}.due-pro-dashboard{padding:10px;border-radius:14px}}

/* v3.7.6 - tiny amount in words for customer panel */
.amount-rich{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px}
.amount-words{display:block;margin-top:3px;font-size:9.5px;line-height:1.6;font-weight:700;color:#94a3b8;letter-spacing:-.15px;white-space:normal;max-width:210px}
.cp-credit-card .amount-words,.cp-stat-box .amount-words,.cp-wallet-total-bar .amount-words{color:rgba(255,255,255,.72);font-size:10px}
.cp-stat-box .amount-words,.cp-wallet-mini .amount-words,.cp-purchase-amount .amount-words,.bpu-confirm-row .amount-words,.bpu-amount-preview .amount-words{color:#94a3b8;font-size:9px;max-width:170px}
.cp-purchase-amount{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.amount-words-live{padding:2px 2px 0;color:#64748b}
.bpu-form .amount-words-live,label .amount-words-live{font-size:10px;margin-top:4px;color:#64748b}
@media (min-width:900px){.amount-words{font-size:9px;max-width:240px}.cp-stats .amount-words{max-width:160px}.cp-purchase-amount .amount-words{text-align:left}}

/* Customer loans styles moved to assets/customer-panel.css in v4.5.6. */

/* v3.8.1 online installment payment */
.online-pay-box{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:end;margin:14px 0;padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#fff)}
.online-pay-box b{display:block;font-size:15px;color:#111827}.online-pay-box small{display:block;color:#6b7280;font-size:11px;margin-top:4px}.online-pay-box label{margin:0}.pay-online-btn{background:linear-gradient(135deg,#16a34a,#22c55e)!important;border:0!important;color:#fff!important;box-shadow:0 10px 24px rgba(34,197,94,.22)}
.loan-card-link{display:block;text-decoration:none;color:inherit}.loan-mini-pay{margin-top:10px;display:flex;justify-content:flex-end}.loan-mini-pay button{border:0;border-radius:12px;padding:9px 13px;background:#ecfdf5;color:#15803d;font-weight:800;cursor:pointer}.loan-mini-pay button:hover{background:#dcfce7}
.fake-gateway{display:flex;justify-content:center;padding:18px 0}.fg-card{max-width:520px;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:26px;box-shadow:0 24px 70px rgba(15,23,42,.10);padding:22px;text-align:center}.fg-logo{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#2563eb);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:28px}.fg-amount{margin:14px 0;padding:16px;border-radius:20px;background:#f8fafc}.fg-amount small,.fg-grid small{display:block;color:#64748b;font-size:11px}.fg-amount strong{font-size:25px;color:#111827}.fg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.fg-grid>div{background:#fafafa;border:1px solid #f1f5f9;border-radius:16px;padding:10px;text-align:right}.fg-card form{margin-top:9px}.fg-card button{width:100%}
.online-receipt{margin:12px 0 16px;padding:16px;border-radius:22px;border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 18px 48px rgba(22,163,74,.10)}.or-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.or-head b{font-size:17px;color:#14532d}.or-head span{background:#16a34a;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px}.or-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.or-grid>div{background:#fff;border:1px solid #dcfce7;border-radius:15px;padding:10px}.or-grid small{display:block;color:#64748b;font-size:11px}.or-grid strong{font-size:13px;color:#111827}
@media(max-width:760px){.online-pay-box{grid-template-columns:1fr}.fg-grid,.or-grid{grid-template-columns:1fr 1fr}.or-grid>div:nth-child(3){grid-column:1/-1}}

/* v3.8.2 rbank gateway settings */
.gateway-settings .hint{font-size:12px;color:#64748b;line-height:2;margin:0 0 12px}.gateway-settings code{direction:ltr;display:block;white-space:normal;word-break:break-all;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px;font-size:12px;margin:8px 0}.gateway-sample{margin-top:12px;padding:12px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc}.gateway-sample small{display:block;color:#64748b;font-size:11px;margin-top:6px}.gateway-settings .check{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:11px;font-weight:800;font-size:13px}

/* v3.8.3 gateway test payment */
.gateway-test-box{margin-top:14px;padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc)}
.gateway-test-box .cop-sec-head.mini{margin-bottom:6px}
.gateway-test-box table{margin-top:10px}

/* v4.4.7 professional online installment receipt with image export */
.receipt-page-head{max-width:760px;margin:0 auto 14px}
.pro-receipt{max-width:760px;margin:12px auto 28px;padding:22px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 18px 55px rgba(15,23,42,.12);border:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden;text-align:right}
.pro-receipt:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,#16a34a,#2563eb,#7c3aed)}
.receipt-success-mark{width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;box-shadow:0 12px 30px rgba(22,163,74,.28);margin-bottom:12px}
.pro-receipt .or-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pro-receipt .or-head b{display:block;font-size:22px;color:#0f172a}
.pro-receipt .or-head small{display:block;color:#64748b;margin-top:5px;font-size:12px}
.pro-receipt .or-head span{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0;border-radius:999px;padding:7px 14px;font-weight:800;font-size:12px}
.receipt-amount{border-radius:24px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;padding:20px 22px;margin:12px 0 18px;box-shadow:0 16px 40px rgba(37,99,235,.24)}
.receipt-amount small{display:block;opacity:.8;font-size:12px;margin-bottom:6px}
.receipt-amount strong{font-size:30px;line-height:1.5}
.receipt-amount .money-words,.receipt-amount .amount-words{color:rgba(255,255,255,.78)!important;font-size:11px!important;margin-top:3px!important}
.pro-receipt .or-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.pro-receipt .or-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:13px 14px;min-height:72px}
.pro-receipt .or-grid small{display:block;color:#64748b;font-size:11px;margin-bottom:7px}
.pro-receipt .or-grid strong{display:block;color:#0f172a;font-size:14px;word-break:break-word}
.receipt-table-title{font-weight:900;color:#0f172a;margin:18px 4px 8px}
.receipt-table{border-radius:18px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}
.receipt-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:18px}
.receipt-actions .btn{border-radius:16px;padding:10px 18px;text-decoration:none}
@media(max-width:720px){.pro-receipt{margin:10px 10px 22px;padding:18px;border-radius:24px}.pro-receipt .or-grid{grid-template-columns:1fr 1fr}.receipt-amount strong{font-size:24px}.receipt-actions{justify-content:stretch}.receipt-actions .btn{flex:1;text-align:center}}
@media(max-width:460px){.pro-receipt .or-grid{grid-template-columns:1fr}.pro-receipt .or-head{align-items:flex-start;flex-direction:column}.receipt-actions{flex-direction:column}.receipt-actions .btn{width:100%}}

/* v3.8.8 professional accounting bank/account ledger */
.acc-ledger-pro{display:flex;flex-direction:column;gap:14px}.acc-ledger-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;box-shadow:0 18px 40px rgba(37,99,235,.18)}.acc-ledger-hero span{font-size:12px;opacity:.78}.acc-ledger-hero h2{margin:4px 0;font-size:22px}.acc-ledger-hero p{margin:0;font-size:13px;opacity:.82}.acc-ledger-hero>b{font-size:34px;width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.acc-ledger-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.acc-ledger-kpis>div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.acc-ledger-kpis small,.acc-ledger-kpis em{display:block;color:#64748b;font-size:11px;font-style:normal}.acc-ledger-kpis strong{display:block;margin-top:4px;font-size:18px;color:#0f172a}.acc-ledger-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:end}.acc-ledger-filter label{margin:0}.acc-ledger-table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 16px 36px rgba(15,23,42,.06)}.acc-ledger-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.acc-ledger-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-size:12px;text-align:right;padding:12px;border-bottom:1px solid #e5e7eb}.acc-ledger-table td{padding:12px;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:13px}.acc-ledger-table tr:hover td{background:#f8fbff}.acc-ledger-table td small,.acc-ledger-table td em{display:block;color:#64748b;font-size:11px;margin-top:3px;font-style:normal}.acc-ledger-table .desc small{background:#f1f5f9;border-radius:999px;padding:3px 8px;width:max-content;max-width:100%}.acc-ledger-table .debit{color:#dc2626;font-weight:800}.acc-ledger-table .credit{color:#059669;font-weight:800}.acc-ledger-table .day-row td{background:#eff6ff;color:#1d4ed8;font-weight:900;padding:8px 12px}.doc-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;text-decoration:none;font-weight:900}.atl-ledger-link{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#2563eb;text-decoration:none;font-size:11px;font-weight:800;margin-inline-end:8px;white-space:nowrap}.atl-ledger-link:hover{background:#dbeafe}.atl-left{gap:8px;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(min-width:900px){.acc-ledger-filter{grid-template-columns:minmax(260px,2fr) minmax(120px,1fr) minmax(120px,1fr) auto auto}.acc-ledger-kpis>div{min-height:84px}}@media(max-width:820px){.acc-ledger-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-ledger-filter{grid-template-columns:1fr}.acc-ledger-hero{align-items:flex-start}.acc-ledger-hero>b{display:none}}

/* v3.9.0 accounting ledger visibility fix */
.accounting-hero,
.accounting-hero *{
  color:#0f172a!important;
}
.accounting-hero h2{
  color:#0f172a!important;
  text-shadow:none!important;
}
.accounting-hero small{
  color:#1d4ed8!important;
  background:#dbeafe!important;
}
.accounting-hero > span{
  color:#2563eb!important;
}
.accounting-hero{
  background:linear-gradient(135deg,#f8fbff 0%,#eff6ff 52%,#ecfeff 100%)!important;
  border:1px solid #bfdbfe!important;
}
.acc-ledger-table .doc-chip{direction:ltr}


/* v3.9.3 - smart Jalali date typing */
.jalali-date-input{direction:ltr!important;text-align:center!important;unicode-bidi:isolate!important;font-variant-numeric:tabular-nums;letter-spacing:.5px;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1.5px solid #dbeafe!important;border-radius:14px!important;min-height:42px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(37,99,235,.05)!important}
.jalali-date-input::placeholder{color:#94a3b8!important;font-size:12px;letter-spacing:0!important}
.jalali-date-input:focus,.jalali-date-focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;background:#fff!important;outline:none!important}
@media(min-width:900px){.jalali-date-input{min-width:118px}}

/* v3.9.6 professional customer identity form */
.cust-pro-form{display:flex;flex-direction:column;gap:14px;width:100%}
.cust-pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.cust-pro-grid label,.cust-pro-form label{font-size:12px;color:#475569;font-weight:800;display:flex;flex-direction:column;gap:6px}
.cust-pro-grid input,.cust-pro-grid textarea,.cust-pro-form input,.cust-pro-form textarea,.cust-pro-form select{border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#0f172a;padding:10px 12px;font-size:13px;outline:none;box-shadow:0 8px 22px rgba(15,23,42,.04);transition:.18s}
.cust-pro-grid input:focus,.cust-pro-grid textarea:focus,.cust-pro-form input:focus,.cust-pro-form textarea:focus,.cust-pro-form select:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.cust-pro-wide{grid-column:span 2}
.kin-box{border:1px solid #e2e8f0;background:linear-gradient(180deg,#ffffff,#f8fafc);border-radius:18px;padding:10px 12px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.kin-box summary{cursor:pointer;font-weight:900;color:#1e293b;list-style:none;padding:4px 0 12px;display:flex;align-items:center;gap:8px}
.kin-box summary:before{content:'👨‍👩‍👧';font-size:18px}.kin-box summary::-webkit-details-marker{display:none}
.pro-customer-form{gap:14px}.pro-customer-form>button,.cust-pro-form+button{min-height:42px;border-radius:14px;font-weight:900}
@media (max-width:900px){.cust-pro-grid{grid-template-columns:1fr 1fr}.cust-pro-wide{grid-column:span 2}}
@media (max-width:560px){.cust-pro-grid{grid-template-columns:1fr}.cust-pro-wide{grid-column:auto}}

/* v3.9.7 - professional wide customer profile form for desktop/windows */
.pro-customer-form{width:100%!important;max-width:none!important;display:block!important}
.v397-customer-form{width:100%!important;max-width:100%!important;gap:12px!important;display:flex!important;flex-direction:column!important}
.v397-customer-form .cust-pro-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;box-shadow:0 10px 28px rgba(15,23,42,.055);overflow:visible!important}
.v397-customer-form .cust-pro-card h4{margin:0 0 12px;font-size:13px;font-weight:950;color:#0f172a;display:flex;align-items:center;gap:8px}
.v397-customer-form .cust-pro-card h4:before{content:'';width:8px;height:8px;border-radius:99px;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.v397-customer-form .cust-pro-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 14px!important;align-items:start!important;width:100%!important}
.v397-customer-form .cust-pro-grid-1{grid-template-columns:1fr!important}
.v397-customer-form .cust-pro-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v397-customer-form .cust-pro-grid-kin{grid-template-columns:1.35fr .9fr .75fr!important;gap:10px!important}
.v397-customer-form label{min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:6px!important;font-size:12px!important;color:#475569!important;font-weight:900!important;line-height:1.5!important;white-space:normal!important;text-align:right!important}
.v397-customer-form label span{display:block;white-space:nowrap;color:#334155;font-size:12px;font-weight:950;margin-bottom:1px}
.v397-customer-form input,.v397-customer-form select,.v397-customer-form textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #dbe3ef!important;background:#fff!important;color:#0f172a!important;border-radius:14px!important;min-height:44px!important;height:auto!important;padding:10px 12px!important;font-size:14px!important;line-height:1.7!important;box-shadow:0 4px 14px rgba(15,23,42,.035)!important;direction:rtl!important;text-align:right!important}
.v397-customer-form textarea{min-height:72px!important;resize:vertical!important}
.v397-customer-form input:focus,.v397-customer-form select:focus,.v397-customer-form textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;outline:none!important}
.v397-customer-form .cust-pro-wide{grid-column:span 3!important}
.v397-customer-form .kin-box{padding:14px 16px!important;background:linear-gradient(135deg,#ffffff,#f8fbff)!important;border-color:#dbeafe!important}
.v397-customer-form .kin-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.v397-customer-form .kin-person{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:12px;min-width:0}
.v397-customer-form .kin-person>b{display:block;margin:0 0 10px;color:#1e40af;font-size:12px;font-weight:950}
@media(min-width:980px){
  .cop-main:has(.v397-customer-form){max-width:1120px!important;width:min(1120px,calc(100vw - 48px))!important;padding:18px 24px!important;margin-inline:auto!important}
  .company-panel:has(.v397-customer-form),.cop-section:has(.v397-customer-form){max-width:100%!important;width:100%!important}
}
@media(max-width:979px){
  .v397-customer-form .cust-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v397-customer-form .cust-pro-grid-kin{grid-template-columns:1fr!important}
  .v397-customer-form .cust-pro-wide{grid-column:span 2!important}
  .v397-customer-form .kin-two-cols{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .v397-customer-form .cust-pro-grid,.v397-customer-form .cust-pro-grid-2{grid-template-columns:1fr!important}
  .v397-customer-form .cust-pro-wide{grid-column:auto!important}
  .v397-customer-form .cust-pro-card{padding:12px!important;border-radius:16px!important}
}


/* v3.9.8 - final desktop customer form width/layout fix */
.cop-customer-full-form{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  padding:16px 18px 18px!important;
  box-sizing:border-box!important;
}
.cop-customer-full-form .v397-customer-form{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
}
.cop-customer-full-form .cust-pro-card{
  width:100%!important;
  box-sizing:border-box!important;
}
.cop-customer-full-form .cop-add-actions{
  display:flex!important;
  justify-content:flex-end!important;
  width:100%!important;
  margin-top:2px!important;
}
.cop-customer-full-form .cop-add-btn{
  width:auto!important;
  min-width:180px!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:14px!important;
}
@media(min-width:980px){
  .cop-collapsible-add:has(.cop-customer-full-form){
    width:min(1180px,calc(100vw - 56px))!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:visible!important;
  }
  .cop-customer-full-form .v397-customer-form .cust-pro-grid{
    grid-template-columns:repeat(4,minmax(180px,1fr))!important;
    gap:14px 16px!important;
  }
  .cop-customer-full-form .v397-customer-form .cust-pro-grid-2{
    grid-template-columns:repeat(2,minmax(220px,1fr))!important;
  }
  .cop-customer-full-form .v397-customer-form .cust-pro-wide{
    grid-column:span 2!important;
  }
  .cop-customer-full-form .v397-customer-form .kin-two-cols{
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
  }
  .cop-customer-full-form .v397-customer-form .cust-pro-grid-kin{
    grid-template-columns:1.4fr 1fr .8fr!important;
  }
}
@media(max-width:979px){
  .cop-customer-full-form{padding:12px!important}
  .cop-customer-full-form .cop-add-btn{width:100%!important}
}

/* v3.9.9 - minimal customer table and quick search */
.cop-customer-table-section{overflow:hidden}
.cop-subtle{display:block;margin-top:4px;color:#94a3b8;font-size:11px;font-weight:600}
.cop-customer-searchbar{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:8px 10px;margin:10px 0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.cop-customer-searchbar span{width:28px;height:28px;display:grid;place-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:14px}
.cop-customer-searchbar input{flex:1;border:0;background:transparent;outline:0;font-size:13px;font-weight:700;color:#0f172a;min-height:32px}
.cop-customer-searchbar input::placeholder{color:#94a3b8;font-weight:600}
.cop-customer-searchbar button{border:0;background:#fff;color:#64748b;border:1px solid #e5e7eb;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}
.cop-customer-searchbar button:hover{background:#eef2ff;color:#4338ca}
.cop-table-wrap{width:100%;overflow-x:auto;border:1px solid #edf2f7;border-radius:18px;background:#fff}
.cop-mini-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px;font-size:12px}
.cop-mini-table th{background:#f8fafc;color:#64748b;font-size:11px;text-align:right;padding:11px 12px;border-bottom:1px solid #e5e7eb;font-weight:900;white-space:nowrap}
.cop-mini-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}
.cop-mini-table tbody tr:last-child td{border-bottom:0}
.cop-mini-table tbody tr:hover{background:#fbfdff}
.cop-tbl-user{display:flex;align-items:center;gap:9px;min-width:180px}
.cop-tbl-user>span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#dbeafe);color:#2563eb;display:grid;place-items:center;font-weight:900;font-size:15px;flex:0 0 auto}
.cop-tbl-user strong{display:block;color:#0f172a;font-size:12.5px;font-weight:900;margin-bottom:2px}
.cop-tbl-user small{display:block;color:#94a3b8;font-size:10px;font-weight:700;direction:ltr;text-align:right}
.ltrish{direction:ltr;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:#475569!important}
.green-text{color:#16a34a!important;font-weight:900}
.cop-table-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cop-table-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 8px;border-radius:9px;background:#f8fafc;border:1px solid #e5e7eb;color:#475569;text-decoration:none;font-size:10.5px;font-weight:900}
.cop-table-actions a:hover{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
.cop-table-actions a.danger{color:#dc2626;background:#fff7f7;border-color:#fee2e2}
.cop-customer-no-result{border:0;background:#fff;min-height:140px}
@media (max-width:700px){.cop-customer-searchbar{border-radius:14px;padding:7px}.cop-customer-searchbar input{font-size:12px}.cop-customer-searchbar button{padding:7px 8px}.cop-mini-table{min-width:760px}.cop-mini-table th,.cop-mini-table td{padding:9px 10px}}

/* v4.0.0 public customer signup */
.signup-body{background:radial-gradient(circle at top right,#e0f2fe 0,#f8fafc 38%,#eef2ff 100%);min-height:100vh;color:#0f172a}
.signup-page{max-width:1120px;margin:0 auto;padding:28px 16px 90px}
.signup-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.84);border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 60px rgba(15,23,42,.08);border-radius:30px;padding:26px;margin-bottom:16px;backdrop-filter:blur(14px)}
.signup-kicker{display:inline-flex;background:#eff6ff;color:#2563eb;border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px;margin-bottom:8px}
.signup-hero h1{margin:0;font-size:30px;letter-spacing:-.7px}.signup-hero p{margin:8px 0 0;color:#64748b;font-weight:700}.signup-badge{background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:22px;padding:18px 20px;font-weight:900;white-space:nowrap}
.signup-card{background:rgba(255,255,255,.94);border:1px solid #e5e7eb;border-radius:30px;padding:18px;box-shadow:0 20px 54px rgba(15,23,42,.08)}
.signup-company,.signup-company-select{margin:0 0 14px;padding:14px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px}.signup-company span{display:block;color:#64748b;font-size:12px;font-weight:800}.signup-company strong{font-size:18px}.signup-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:22px;margin-top:14px;padding:14px}.signup-actions button{border:0;border-radius:16px;background:linear-gradient(135deg,#2563eb,#0f172a);color:#fff;font-weight:950;padding:14px 24px;cursor:pointer}.signup-actions small{color:#64748b;font-weight:800}.signup-error{max-width:1120px;margin:0 auto 14px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3;border-radius:18px;padding:13px 16px;font-weight:900}.signup-success{max-width:560px;margin:70px auto;background:#fff;border-radius:32px;text-align:center;padding:34px;box-shadow:0 22px 70px rgba(15,23,42,.12);border:1px solid #e5e7eb}.signup-success div{font-size:54px}.signup-success h2{margin:8px 0}.signup-success p{color:#64748b;font-weight:800}.signup-success a{display:inline-flex;margin-top:12px;background:#2563eb;color:#fff;text-decoration:none;border-radius:16px;padding:12px 18px;font-weight:900}
.req-page .cop-sec-head{align-items:flex-start}.req-list{display:grid;gap:12px}.req-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:14px;box-shadow:0 14px 34px rgba(15,23,42,.05);position:relative}.req-main{display:flex;gap:12px;align-items:center;padding-inline-end:105px}.req-avatar{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#0f172a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:950}.req-main h4{margin:0 0 6px;font-size:17px}.req-main p{margin:0;color:#475569;font-size:13px}.req-main small{color:#94a3b8;font-weight:800}.req-status{position:absolute;left:14px;top:16px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950}.req-status.green{background:#dcfce7;color:#166534}.req-status.red{background:#fee2e2;color:#991b1b}.req-status.warn{background:#fef3c7;color:#92400e}.req-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.req-info>div,.req-detail-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;padding:10px}.req-info small,.req-detail-grid small{display:block;color:#64748b;font-weight:900;font-size:11px}.req-info b{font-size:13px}.req-details{margin-top:10px}.req-details summary{cursor:pointer;color:#2563eb;font-weight:900;font-size:13px}.req-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.req-detail-grid p{margin:6px 0 0;color:#334155;font-weight:700;font-size:13px}.req-actions{display:flex;gap:8px;margin-top:12px}.req-actions form{margin:0}.req-actions button{border:0;border-radius:14px;background:#16a34a;color:#fff;font-weight:950;padding:10px 14px;cursor:pointer}.req-actions button.danger{background:#dc2626}.req-company-name{font-size:12px;font-weight:950;color:#2563eb;margin:8px 8px -4px}
@media (max-width:760px){.signup-hero{display:block;padding:20px}.signup-badge{margin-top:14px;text-align:center}.signup-card{padding:12px}.signup-actions{display:block}.signup-actions button{width:100%;margin-bottom:8px}.req-main{padding-inline-end:0;align-items:flex-start}.req-status{position:static;display:inline-flex;margin-top:10px}.req-info{grid-template-columns:1fr 1fr}.req-detail-grid{grid-template-columns:1fr}.req-actions{flex-direction:column}.req-actions button{width:100%}}

/* v4.0.3 - professional loan guarantors */
.loan-pro-form{display:flex;flex-direction:column;gap:14px}.loan-pro-form>.grid{align-items:end}.loan-guarantor-panel{border:1px solid #e5e7eb;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden}.loan-guarantor-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:900;color:#0f172a}.loan-guarantor-panel>summary::-webkit-details-marker{display:none}.loan-guarantor-panel>summary small{font-size:12px;color:#64748b;font-weight:600}.guarantor-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 14px 14px}.guarantor-box{border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.guarantor-box-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.guarantor-box-head strong{font-size:14px;color:#0f172a}.guarantor-box-head small{font-size:11px;color:#64748b}.guarantor-fields{padding:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.guarantor-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.guarantor-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);overflow:hidden}.guarantor-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.guarantor-card summary::-webkit-details-marker{display:none}.guarantor-card summary b{display:block;color:#0f172a;font-size:15px}.guarantor-card summary small{display:block;color:#64748b;font-size:12px;margin-top:4px}.guarantor-card summary span{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap}.guarantor-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-top:1px solid #f1f5f9;background:#f8fafc}.guarantor-detail-grid div{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px;min-height:58px}.guarantor-detail-grid small{display:block;color:#64748b;font-size:11px;margin-bottom:5px}.guarantor-detail-grid strong{display:block;color:#0f172a;font-size:13px;line-height:1.7;font-weight:800;word-break:break-word}@media(max-width:1100px){.guarantor-two-col{grid-template-columns:1fr}.guarantor-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.guarantor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.guarantor-fields,.guarantor-detail-grid{grid-template-columns:1fr!important}.loan-guarantor-panel>summary{align-items:flex-start;flex-direction:column}.guarantor-card summary{align-items:flex-start;flex-direction:column}}

/* v4.0.4 guarantor system hotfix */
.loan-guarantor-panel{margin:14px 0;padding:0;border:1px solid rgba(37,99,235,.16);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 30px rgba(15,23,42,.06);overflow:hidden}
.loan-guarantor-panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:900;color:#1e3a8a}
.loan-guarantor-panel>summary::-webkit-details-marker{display:none}
.loan-guarantor-panel>summary small{display:block;font-weight:700;color:#64748b;margin-top:4px}
.guarantor-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px 16px}
.guarantor-form-card{border:1px solid rgba(148,163,184,.28);border-radius:18px;background:#fff;padding:14px}
.guarantor-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:1px dashed rgba(148,163,184,.35);padding-bottom:10px}
.guarantor-form-head strong{font-size:15px;color:#0f172a}.guarantor-form-head small{color:#64748b;font-size:11px}
.guarantor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guarantor-grid .span-2{grid-column:1/-1}
.guarantor-grid label{font-size:12px;font-weight:800;color:#334155}.guarantor-grid input,.guarantor-grid select,.guarantor-grid textarea{margin-top:6px;width:100%;min-height:42px;border-radius:14px;border:1px solid #dbe4f0;background:#f8fafc;padding:9px 11px;font-size:13px}.guarantor-grid textarea{resize:vertical}
.guarantor-list-pro{display:grid;gap:12px}.guarantor-detail-card{border:1px solid rgba(148,163,184,.25);border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(15,23,42,.05);overflow:hidden}.guarantor-detail-card summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:14px}.guarantor-detail-card summary::-webkit-details-marker{display:none}.guarantor-detail-card .avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#eff6ff}.guarantor-detail-card small{display:block;color:#64748b;font-size:11px;margin-top:3px}.guarantor-detail-card em{margin-inline-start:auto;font-style:normal;font-size:12px;color:#2563eb;font-weight:900}.guarantor-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px}.guarantor-info-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:14px;padding:10px}.guarantor-info-grid small{color:#64748b;font-size:11px}.guarantor-info-grid strong{display:block;color:#0f172a;font-size:13px;line-height:1.8;word-break:break-word}
@media(max-width:900px){.guarantor-two-col,.guarantor-grid,.guarantor-info-grid{grid-template-columns:1fr}.guarantor-grid .span-2{grid-column:auto}.loan-guarantor-panel>summary{display:block}.guarantor-form-head{display:block}.guarantor-form-head small{margin-top:4px}}

/* v4.0.5 - dynamic professional guarantor form */
.guarantor-builder{border:1px solid rgba(37,99,235,.16);border-radius:24px;background:linear-gradient(180deg,#ffffff,#f8fbff);box-shadow:0 14px 34px rgba(15,23,42,.07);overflow:hidden;margin:14px 0}
.guarantor-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eaf0f8;background:linear-gradient(90deg,#eff6ff,#fff)}
.guarantor-builder-head b{display:block;color:#0f172a;font-size:16px}.guarantor-builder-head small{display:block;color:#64748b;font-size:12px;margin-top:4px;font-weight:700}.btn.small{min-height:36px;padding:8px 12px;font-size:12px;border-radius:12px}
.guarantor-cards{display:grid;grid-template-columns:1fr;gap:14px;padding:14px}.guarantor-form-card{border:1px solid rgba(148,163,184,.3)!important;border-radius:20px!important;background:#fff!important;padding:14px!important;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.guarantor-form-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;padding-bottom:10px!important;border-bottom:1px dashed rgba(148,163,184,.35)!important}.guarantor-form-head strong{font-size:15px!important;color:#0f172a!important}.guarantor-form-head small{display:block;color:#64748b!important;font-size:11px!important;margin-top:4px}
.guarantor-type-row{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-bottom:10px}.guarantor-type-row label,.guarantor-grid label{font-size:12px;font-weight:900;color:#334155}.guarantor-type-row input,.guarantor-type-row select,.guarantor-grid input,.guarantor-grid select,.guarantor-grid textarea{margin-top:6px;width:100%;min-height:42px;border-radius:14px;border:1px solid #dbe4f0;background:#fbfdff;padding:9px 11px;font-size:13px;box-shadow:none}.guarantor-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.guarantor-grid .span-2{grid-column:span 3}.guarantor-grid textarea{resize:vertical}.guarantor-remove{color:#dc2626!important;border-color:#fecaca!important;background:#fff5f5!important}
@media(max-width:1100px){.guarantor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.guarantor-grid .span-2{grid-column:1/-1}.guarantor-type-row{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.guarantor-builder-head,.guarantor-form-head{align-items:flex-start!important;flex-direction:column}.guarantor-grid,.guarantor-type-row{grid-template-columns:1fr!important}.guarantor-grid .span-2{grid-column:auto}.guarantor-cards{padding:10px}.guarantor-form-card{padding:12px!important}}


/* v4.0.7 pinned merchants */
.lp-pin-badge{display:inline-flex;align-items:center;margin-inline-start:6px;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-style:normal;font-size:10px;font-weight:900;vertical-align:middle;box-shadow:0 6px 14px rgba(249,115,22,.22)}
.lp-featured-stores{margin:18px 0 14px;padding:14px;border-radius:24px;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid rgba(249,115,22,.18);box-shadow:0 18px 45px rgba(15,23,42,.07)}
.lp-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.lp-featured-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid rgba(226,232,240,.9);text-decoration:none;color:#0f172a;transition:.18s ease;min-height:82px}
.lp-featured-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,23,42,.10)}
.lp-featured-cover{width:58px;height:58px;min-width:58px;border-radius:16px;overflow:hidden;position:relative;background:#e0f2fe;display:grid;place-items:center}
.lp-featured-cover img{width:100%;height:100%;object-fit:cover;display:block}
.lp-featured-cover span{position:absolute;right:5px;bottom:5px;font-size:9px;font-weight:900;color:#fff;background:#f97316;border-radius:999px;padding:2px 6px}
.lp-featured-fallback{font-size:28px}
.lp-featured-body{display:flex;flex-direction:column;gap:4px;min-width:0}
.lp-featured-body strong{font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-featured-body small{font-size:11px;color:#64748b;font-weight:800;line-height:1.7}
@media(max-width:640px){.lp-featured-stores{margin:14px 0;padding:10px;border-radius:20px}.lp-featured-grid{grid-template-columns:1fr}.lp-featured-card{min-height:72px}.lp-featured-cover{width:52px;height:52px;min-width:52px}}

/* counterparty floating account fix */
.cp-balance-debit{color:#dc2626;display:flex;flex-direction:column;gap:2px}.cp-balance-credit{color:#059669;display:flex;flex-direction:column;gap:2px}.cp-balance-zero{color:#64748b;display:flex;flex-direction:column;gap:2px}.cp-balance-debit small,.cp-balance-credit small,.cp-balance-zero small{font-size:10px;font-weight:500}.atl-type-counterparty{background:#ccfbf1;color:#0f766e}.cp-pro-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cpd-bal b{font-size:15px}.cpd-bal small{display:block;font-size:10px;margin-top:2px}.jf-acc-row-type{white-space:nowrap}

/* v4.1.1 - counterparty quick forms + archived accounting docs */
.cp-quick-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.cp-quick-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.cp-quick-card.cp-receive{border-top:4px solid #10b981}.cp-quick-card.cp-pay{border-top:4px solid #f97316}
.cp-quick-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cp-quick-head>span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#f1f5f9;font-weight:900;font-size:20px}.cp-quick-head b{display:block;color:#0f172a;font-size:14px}.cp-quick-head small{display:block;color:#64748b;font-size:11px;margin-top:2px}
.cp-quick-form{display:flex;flex-direction:column;gap:10px}.cp-quick-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp-quick-form label{margin:0}.cp-quick-form input,.cp-quick-form select{min-height:38px;border-radius:12px}.cp-wide-btn{width:100%;justify-content:center;border-radius:14px;min-height:40px}.doc-actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.inline-form{display:inline-flex;margin:0}.inline-form button{white-space:nowrap}
@media(max-width:900px){.cp-quick-wrap{grid-template-columns:1fr}.cp-quick-fields{grid-template-columns:1fr}}

/* v4.1.2 - cleaner counterparty workspace */
.cp-subnav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start;direction:rtl;margin-bottom:10px}
.cp-subnav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#334155;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.cp-subnav a.active{background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:#2563eb;color:#fff;box-shadow:0 10px 24px rgba(37,99,235,.22)}
.cp-table-wrap{overflow:auto;border:1px solid #e5edf7;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.cp-table-wrap table{margin:0!important;border-collapse:separate!important;border-spacing:0!important;width:100%;font-size:12px}
.cp-table-wrap th{position:sticky;top:0;background:#f8fafc!important;color:#475569!important;font-weight:900;border-bottom:1px solid #e5edf7!important;white-space:nowrap;padding:10px!important}
.cp-table-wrap td{background:#fff;border-bottom:1px solid #eef2f7;color:#0f172a;padding:9px 10px;vertical-align:middle;white-space:nowrap}
.cp-table-wrap tr:last-child td{border-bottom:0!important}
.cp-table-wrap .doc-actions{justify-content:flex-start;gap:6px;min-width:210px}
.cp-table-wrap .cp-edit{display:inline-block;position:relative}.cp-table-wrap .cp-edit summary{list-style:none;cursor:pointer}.cp-table-wrap .cp-edit summary::-webkit-details-marker{display:none}
.cp-inline-edit{position:absolute;z-index:50;left:0;top:36px;min-width:260px;background:#fff;border:1px solid #dbe4f2;border-radius:16px;padding:12px;box-shadow:0 18px 45px rgba(15,23,42,.18);display:grid;grid-template-columns:1fr;gap:8px}.cp-inline-edit label{margin:0!important}.cp-inline-edit input,.cp-inline-edit select{min-height:36px!important;border-radius:12px!important}
.btn.muted{background:#f1f5f9!important;color:#94a3b8!important;border:1px solid #e2e8f0!important;cursor:not-allowed!important}
.cp-add-modern{direction:rtl}.cp-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.cp-add-grid label{margin:0!important}.cp-add-grid input,.cp-add-grid select{min-height:40px!important;border-radius:13px!important}.cp-full-btn{margin-top:12px;width:100%;justify-content:center;border-radius:14px;min-height:42px}
.cp-quick-min .cp-quick-card{padding:12px!important;border-radius:16px!important}.cp-quick-min .cp-quick-head{margin-bottom:8px!important}.cp-quick-min .cp-quick-head>span{width:34px!important;height:34px!important;border-radius:12px!important;font-size:17px!important}.cp-quick-min .cp-quick-fields{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cp-quick-min input,.cp-quick-min select{min-height:36px!important;border-radius:11px!important}.cp-quick-min .cp-wide-btn{min-height:38px!important;border-radius:12px!important}
@media(max-width:900px){.cp-add-grid{grid-template-columns:1fr}.cp-quick-min .cp-quick-fields{grid-template-columns:1fr!important}.cp-subnav{gap:6px}.cp-subnav a{flex:1;min-width:120px}.cp-table-wrap table{font-size:11px}.cp-inline-edit{left:auto;right:0;min-width:240px}}

/* v4.1.3 - clean counterparty quick receive/pay layout */
.cp-quick-wrap.cp-quick-min{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  direction:rtl;
}
.cp-quick-min .cp-quick-card{
  padding:16px!important;
  border-radius:20px!important;
  overflow:hidden;
}
.cp-quick-min .cp-quick-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding-bottom:10px!important;
  margin-bottom:12px!important;
  border-bottom:1px solid #eef2f7!important;
}
.cp-quick-min .cp-quick-head>span{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  font-size:18px!important;
}
.cp-quick-min .cp-quick-head b{font-size:15px!important;font-weight:950!important;color:#0f172a!important}
.cp-quick-min .cp-quick-head small{font-size:11px!important;color:#64748b!important;line-height:1.7!important}
.cp-quick-min .cp-quick-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.cp-quick-min .cp-quick-fields{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(145px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
}
.cp-quick-min .cp-quick-form label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  min-width:0!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#334155!important;
  line-height:1.5!important;
}
.cp-quick-min .cp-quick-form input,
.cp-quick-min .cp-quick-form select{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:13px!important;
  border:1px solid #dbe4f0!important;
  background:#fff!important;
  padding:8px 10px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#0f172a!important;
  box-shadow:none!important;
}
.cp-quick-min .cp-quick-form input:focus,
.cp-quick-min .cp-quick-form select:focus{
  outline:none!important;
  border-color:#60a5fa!important;
  box-shadow:0 0 0 4px rgba(59,130,246,.12)!important;
}
.cp-quick-min .cp-quick-form > label{
  grid-column:1/-1!important;
}
.cp-quick-min .cp-quick-form > label input[name="description"]{
  height:42px!important;
}
.cp-quick-min .cp-wide-btn{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:950!important;
}
.cp-quick-min .cp-receive .cp-wide-btn{background:linear-gradient(135deg,#059669,#10b981)!important}
.cp-quick-min .cp-pay .cp-wide-btn{background:linear-gradient(135deg,#ea580c,#f97316)!important}
.cp-quick-card.cp-receive{border-top:0!important;border-right:4px solid #10b981!important}
.cp-quick-card.cp-pay{border-top:0!important;border-right:4px solid #f97316!important}
@media(min-width:1100px){
  .cp-quick-min .cp-quick-card{padding:18px!important}
  .cp-quick-min .cp-quick-form{grid-template-columns:minmax(0,1fr) 170px!important;align-items:end!important}
  .cp-quick-min .cp-quick-fields{grid-column:1/2!important}
  .cp-quick-min .cp-quick-form > label{grid-column:1/2!important}
  .cp-quick-min .cp-wide-btn{grid-column:2/3!important;grid-row:1/3!important;height:100%!important;min-height:92px!important}
}
@media(max-width:900px){
  .cp-quick-min .cp-quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .cp-quick-min .cp-quick-card{padding:13px!important;border-radius:18px!important}
  .cp-quick-min .cp-quick-fields{grid-template-columns:1fr!important}
  .cp-quick-min .cp-quick-head{align-items:flex-start!important}
  .cp-quick-min .cp-wide-btn{min-height:44px!important;height:44px!important}
}

/* v4.1.4 - cleaner company accounting UI */
.accounting-hero-pro{
  padding:16px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff 55%,#ffffff)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
}
.accounting-hero-pro h2{color:#0f172a!important;font-size:22px!important;line-height:1.35!important}
.accounting-hero-pro p{font-size:12px!important;color:#64748b!important;margin-top:2px!important}
.accounting-hero-pro span{font-size:34px!important;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.accounting-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:12px 0 14px!important}
.accounting-kpis>div{border-radius:18px!important;padding:13px 14px!important;min-height:82px!important;background:#fff!important;border:1px solid #e8eef7!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important}
.accounting-kpis small{font-size:11px!important;color:#64748b!important}.accounting-kpis strong{font-size:16px!important;color:#0f172a!important}
.acc-subnav{background:rgba(255,255,255,.72);border:1px solid #e8eef7;border-radius:20px;padding:7px!important;margin:10px 0 14px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.acc-subnav-item{min-width:92px!important;padding:9px 13px!important;border-radius:15px!important;flex-direction:row!important;justify-content:center!important;font-size:15px!important;gap:7px!important}
.acc-subnav-item span{font-size:12px!important}.acc-subnav-item:first-child{font-size:15px!important}
.acc-inner-subnav,.cp-subnav{display:flex;gap:8px;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin:0 0 10px!important;padding:6px;background:#f8fafc;border:1px solid #e5eaf3;border-radius:18px}
.acc-inner-subnav a,.cp-subnav a{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:13px;text-decoration:none;color:#475569;background:#fff;border:1px solid #e2e8f0;font-weight:900;font-size:12px;box-shadow:0 3px 10px rgba(15,23,42,.035)}
.acc-inner-subnav a.active,.cp-subnav a.active{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border-color:transparent;box-shadow:0 9px 18px rgba(37,99,235,.18)}
.compact-hint{font-size:12px!important;line-height:1.8!important;margin:8px 0 0!important;color:#64748b!important}
.acc-compact-form.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.acc-compact-form label{font-size:12px!important}.acc-compact-form input,.acc-compact-form select{height:40px!important;border-radius:11px!important}.acc-compact-form button{height:40px!important;border-radius:11px!important}
.acc-quick-two{gap:12px!important;align-items:start!important}.acc-quick-two form{background:#f8fafc;border:1px solid #e5eaf3;border-radius:18px;padding:12px!important}
.acc-min-table{border:1px solid #edf1f7;border-radius:18px;overflow:auto;background:#fff}.acc-min-table table{min-width:780px}.acc-min-table th{font-size:11px;padding:10px;background:#f8fafc;color:#64748b}.acc-min-table td{font-size:12px;padding:10px;vertical-align:middle}.acc-min-table .btn.small,.doc-actions .btn.small{height:32px;min-height:32px;padding:0 10px;border-radius:10px;font-size:11px}.doc-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.btn.muted{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0;cursor:not-allowed}
.jf-page{margin-top:0!important}.jf-hero{padding:14px 16px!important;border-radius:20px!important}.jf-hero-title{font-size:20px!important}.jf-line{border-radius:16px!important;margin-bottom:9px!important}.jf-meta-row{gap:10px!important}.jf-balance-bar{padding:10px!important;border-radius:16px!important}.jf-save-btn{height:50px!important;border-radius:16px!important}.jf-add-line-btn{height:40px!important;border-radius:13px!important}
.card:has(.acc-inner-subnav),.card:has(.cp-subnav){padding:16px!important;border-radius:22px!important}.card h2{font-size:17px!important}.accounting-profit{background:#f8fafc;border:1px solid #e5eaf3;border-radius:15px;padding:12px;margin-top:10px;font-weight:900;color:#0f172a}
@media(min-width:1000px){.company-panel .card{margin-bottom:14px!important}.acc-min-table table{min-width:0!important}.acc-quick-two{grid-template-columns:1fr 1fr!important}.accounting-two.acc-quick-two{display:grid!important}}
@media(max-width:900px){.accounting-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.acc-compact-form.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.acc-subnav-item{min-width:78px!important}.accounting-hero-pro span{display:none}.acc-quick-two{grid-template-columns:1fr!important}}
@media(max-width:640px){.accounting-hero-pro{padding:14px!important}.accounting-hero-pro h2{font-size:18px!important}.accounting-kpis{grid-template-columns:1fr 1fr!important}.acc-compact-form.grid{grid-template-columns:1fr!important}.acc-inner-subnav,.cp-subnav{overflow-x:auto;flex-wrap:nowrap}.acc-inner-subnav a,.cp-subnav a{flex:0 0 auto}.acc-subnav{overflow-x:auto}.acc-subnav-item{flex:0 0 auto;min-width:82px!important}.acc-min-table table{min-width:760px}}

/* v4.1.5 - document archive reason + connected side effects */
.doc-archive-box{position:relative;display:inline-block}
.doc-archive-box summary{list-style:none;cursor:pointer}
.doc-archive-box summary::-webkit-details-marker{display:none}
.archive-reason-form{position:absolute;left:0;top:38px;z-index:40;width:260px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:10px;box-shadow:0 16px 40px rgba(15,23,42,.18);display:grid;gap:8px}
.archive-reason-form input{height:38px;border-radius:11px;border:1px solid #dbe4ef;padding:0 10px;font-size:12px;background:#f8fafc}
.archive-reason-form button{height:36px!important;width:100%}
@media(max-width:640px){.archive-reason-form{position:fixed;left:12px;right:12px;top:auto;bottom:90px;width:auto}.doc-actions{position:relative}}

/* v4.1.7 - gateway polished UI, dashboard submenus, trial totals, collapsible chart form */
.gateway-pro-wrap{display:grid;gap:14px;direction:rtl}
.gateway-pro-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:26px;background:linear-gradient(135deg,#0f172a,#1d4ed8 55%,#06b6d4);color:#fff;box-shadow:0 18px 45px rgba(37,99,235,.18);overflow:hidden;position:relative}
.gateway-pro-hero:before{content:"";position:absolute;inset:auto -70px -90px auto;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.13)}
.gateway-pro-hero span{display:inline-flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:900;margin-bottom:8px}
.gateway-pro-hero h3{margin:0;font-size:23px;font-weight:950;color:#fff!important}.gateway-pro-hero p{margin:4px 0 0;color:#dbeafe;font-size:12px;font-weight:750;line-height:1.9}.gateway-pro-hero b{position:relative;z-index:1;width:62px;height:62px;border-radius:22px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:30px;border:1px solid rgba(255,255,255,.22)}
.gateway-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.gw-pill{min-height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e6edf7;border-radius:16px;font-size:12px;font-weight:950;color:#334155;box-shadow:0 7px 18px rgba(15,23,42,.04)}.gw-pill.on{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.gw-pill.off{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.gw-pill.test{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.gw-pill.real{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}
.gateway-pro-form{display:grid;gap:12px;background:#fff;border:1px solid #e6edf7;border-radius:24px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.gateway-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gateway-switches label{display:flex!important;align-items:center;gap:9px;padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;font-weight:950;color:#0f172a}.gateway-switches input{width:18px;height:18px;accent-color:#2563eb}.gateway-fieldset{border:1px solid #edf2f7;background:#fbfdff;border-radius:20px;padding:13px}.gateway-fieldset h4{margin:0 0 10px;font-size:13px;color:#0f172a}.gateway-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gateway-grid-callback{grid-template-columns:1fr}.gateway-grid label{font-size:11px!important;color:#64748b!important;font-weight:900!important}.gateway-grid input,.gateway-grid select{height:40px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dbe4ef!important;padding:0 11px!important}.gateway-save-btn{height:44px!important;border-radius:15px!important;font-size:13px!important;font-weight:950!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important}.gateway-pro-sample{border:1px dashed #93c5fd!important;background:linear-gradient(180deg,#f8fbff,#fff)!important}.gateway-pro-sample p{margin:8px 0 0!important;color:#64748b;font-size:11px;line-height:1.9}
.trial-total-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.trial-total-row>div{padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;text-align:center}.trial-total-row small{display:block;color:#64748b;font-size:11px;font-weight:900}.trial-total-row b{display:block;margin-top:5px;color:#0f172a;font-size:15px}
.dash-subnav{margin-bottom:0!important}.acc-dashboard-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.acc-dashboard-actions a{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e5edf7;text-decoration:none;color:#1e293b;font-size:13px;font-weight:950;box-shadow:0 8px 18px rgba(15,23,42,.045)}.acc-dashboard-actions a:hover{border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}
.acc-add-head-collapsed{border:1px solid #e6edf7;background:#fff;border-radius:20px;overflow:hidden}.acc-add-head-collapsed summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(180deg,#f8fafc,#fff);font-weight:950;color:#0f172a}.acc-add-head-collapsed summary::-webkit-details-marker{display:none}.acc-add-head-collapsed summary small{font-size:11px;color:#64748b}.acc-add-head-collapsed form{padding:14px;border-top:1px solid #edf2f7;margin:0!important}.acc-add-head-collapsed:not([open]){box-shadow:0 8px 22px rgba(15,23,42,.04)}
@media(max-width:900px){.gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-status-row,.gateway-switches,.trial-total-row,.acc-dashboard-actions{grid-template-columns:1fr}.gateway-pro-hero b{display:none}}
@media(max-width:560px){.gateway-grid{grid-template-columns:1fr}.gateway-pro-hero{padding:15px;border-radius:22px}.gateway-pro-hero h3{font-size:19px}.gateway-pro-form{padding:12px;border-radius:20px}}

/* v4.1.8 - smart finance reconciliation */
.recon-panel{display:grid;gap:12px;direction:rtl}
.recon-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:24px;background:linear-gradient(135deg,#eef2ff,#ecfeff 55%,#fff);border:1px solid #dbeafe;box-shadow:0 10px 26px rgba(15,23,42,.055)}
.recon-hero b{display:block;font-size:18px;color:#0f172a;font-weight:950;margin-bottom:3px}.recon-hero span{display:block;font-size:12px;color:#64748b;font-weight:750;line-height:1.8}.recon-hero form{margin:0}.recon-hero .btn{height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;white-space:nowrap}
.recon-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.recon-kpis>div{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:12px;box-shadow:0 7px 18px rgba(15,23,42,.04);min-height:76px}.recon-kpis small{display:block;color:#64748b;font-size:11px;font-weight:900}.recon-kpis strong{display:block;margin-top:6px;color:#0f172a;font-size:15px;font-weight:950}.recon-ok{border:1px solid #bbf7d0;background:#ecfdf5;color:#047857;border-radius:18px;padding:13px 14px;font-size:13px;font-weight:900}.recon-table table{min-width:980px}.recon-table td{white-space:nowrap}.recon-table .pos{color:#059669}.recon-table .neg{color:#dc2626}.recon-table small{font-size:10px;color:#64748b;font-weight:800}
@media(max-width:900px){.recon-hero{align-items:flex-start;flex-direction:column}.recon-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.recon-hero .btn{width:100%}.recon-hero form{width:100%}}
@media(max-width:560px){.recon-kpis{grid-template-columns:1fr}.recon-hero{padding:14px;border-radius:20px}.recon-hero b{font-size:16px}}
/* v4.1.9 stable finance submenus */
.fin-stable-hero-compact{padding:14px 16px;margin-bottom:10px}
.stable-subnav{justify-content:flex-start;gap:8px;flex-wrap:wrap}
.stable-subnav a{min-width:120px;text-align:center}
.stable-kpis-compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.stable-kpis-compact div{padding:12px;border-radius:16px}.stable-kpis-compact small{font-size:11px;margin-bottom:6px}.stable-kpis-compact strong{font-size:15px}
.stable-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 4px}
.stable-quick-links a{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbe7ff;border-radius:16px;padding:13px 10px;text-decoration:none;color:#155eef;font-weight:900;box-shadow:0 8px 22px rgba(21,94,239,.08)}
.inline-void-form{display:flex;align-items:center;gap:6px;justify-content:flex-end;min-width:260px}.inline-void-form input{height:34px;border:1px solid #e4e7ec;border-radius:10px;padding:0 10px;min-width:150px;background:#fff}
@media(max-width:900px){.stable-kpis-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.stable-quick-links{grid-template-columns:1fr}.inline-void-form{min-width:0;flex-direction:column;align-items:stretch}.stable-subnav a{min-width:auto;flex:1}}

/* v4.2.2 - pretty treasury receive/pay page */
.treasury-quick-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#eef6ff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:14px 16px;margin-bottom:14px}
.treasury-quick-hero b{display:block;font-size:17px;font-weight:950;color:#0f172a;margin-bottom:4px}.treasury-quick-hero span{display:block;font-size:12px;color:#64748b}.treasury-quick-hero small{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:7px 11px;font-weight:900;white-space:nowrap}
.treasury-quick-modern{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.treasury-action-card,.treasury-expense-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e5e7eb;border-radius:22px;padding:16px;box-shadow:0 16px 42px rgba(15,23,42,.06);position:relative;overflow:hidden}.treasury-action-card:before,.treasury-expense-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#e5e7eb}.treasury-action-card.receive:before{background:linear-gradient(90deg,#059669,#34d399)}.treasury-action-card.pay:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.treasury-expense-card:before{background:linear-gradient(90deg,#2563eb,#38bdf8)}
.treasury-action-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.treasury-action-head>span{width:42px;height:42px;border-radius:16px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;color:#0f172a}.treasury-action-card.receive .treasury-action-head>span{background:#dcfce7;color:#047857}.treasury-action-card.pay .treasury-action-head>span{background:#ffedd5;color:#c2410c}.treasury-expense-card .treasury-action-head>span{background:#dbeafe;color:#1d4ed8}.treasury-action-head b{display:block;font-weight:950;color:#0f172a;font-size:16px}.treasury-action-head small{display:block;color:#64748b;font-size:11px;margin-top:3px}
.treasury-action-form,.treasury-expense-form{display:flex;flex-direction:column;gap:10px}.treasury-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.treasury-expense-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.treasury-action-form label,.treasury-expense-form label{margin:0;font-size:12px;color:#334155;font-weight:850}.treasury-action-form input,.treasury-action-form select,.treasury-expense-form input,.treasury-expense-form select{height:42px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe5f0!important;box-shadow:none!important}.treasury-action-form input:focus,.treasury-action-form select:focus,.treasury-expense-form input:focus,.treasury-expense-form select:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(59,130,246,.10)!important}.treasury-action-form>label input[name="description"],.treasury-expense-form>label input[name="description"]{height:46px!important}.treasury-action-btn{width:100%;border:0;border-radius:15px;min-height:46px;color:#fff;font-weight:950;font-size:14px;box-shadow:0 12px 26px rgba(37,99,235,.18);cursor:pointer}.treasury-action-btn.receive{background:linear-gradient(135deg,#059669,#10b981)}.treasury-action-btn.pay{background:linear-gradient(135deg,#ea580c,#f97316)}.treasury-action-btn.expense{background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.treasury-expense-card{margin-top:4px}.treasury-expense-form{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:end}.treasury-expense-grid{grid-column:1/2}.treasury-expense-form>label{grid-column:1/2}.treasury-expense-form .treasury-action-btn{grid-column:2/3;grid-row:1/3;height:100%;min-height:98px}
@media(max-width:1000px){.treasury-quick-modern{grid-template-columns:1fr}.treasury-expense-form{display:flex}.treasury-expense-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.treasury-expense-form .treasury-action-btn{height:46px;min-height:46px}}
@media(max-width:640px){.treasury-quick-hero{align-items:flex-start;flex-direction:column;border-radius:18px;padding:13px}.treasury-action-card,.treasury-expense-card{padding:14px;border-radius:20px}.treasury-form-grid,.treasury-expense-grid{grid-template-columns:1fr}.treasury-action-head{align-items:flex-start}.treasury-action-head>span{width:38px;height:38px;border-radius:14px}.treasury-action-form input,.treasury-action-form select,.treasury-expense-form input,.treasury-expense-form select{height:44px!important}.treasury-action-btn{min-height:46px}}

/* v4.2.3 - prettier chart of accounts toggles */
.acc-add-head-collapsed summary::marker,
.atl-row::marker,
.acc-tree summary::marker{content:'';font-size:0;color:transparent}
.acc-add-head-collapsed summary::-webkit-details-marker,
.atl-row::-webkit-details-marker,
.acc-tree summary::-webkit-details-marker{display:none!important}
.acc-add-head-collapsed summary{position:relative;padding-inline-start:56px!important}
.acc-add-head-collapsed summary:before{content:'+';position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:20px;font-weight:950;box-shadow:0 10px 20px rgba(37,99,235,.18)}
.acc-add-head-collapsed[open] summary:before{content:'−';background:linear-gradient(135deg,#10b981,#22c55e)}
.atl-item{border:1px solid #edf2f7!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}
.atl-row{position:relative}
.atl-arrow{width:28px!important;height:28px!important;border-radius:11px!important;background:#f1f5ff!important;color:#2563eb!important;display:inline-grid!important;place-items:center!important;font-size:15px!important;line-height:1!important;box-shadow:inset 0 0 0 1px #dbeafe!important}
details.atl-item[open]>.atl-row .atl-arrow{background:#ecfdf5!important;color:#059669!important;box-shadow:inset 0 0 0 1px #bbf7d0!important}
.atl-leaf .atl-indent{width:28px!important;height:28px!important;border-radius:11px!important;background:#f8fafc!important;box-shadow:inset 0 0 0 1px #e5e7eb!important;display:inline-block!important;position:relative}
.atl-leaf .atl-indent:after{content:'';position:absolute;inset:11px;border-radius:999px;background:#cbd5e1}
.atl-code{border:1px solid #dbeafe;background:linear-gradient(180deg,#eff6ff,#fff)!important}
.atl-type,.atl-debit,.atl-credit,.atl-zero{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
@media(max-width:700px){.acc-add-head-collapsed summary{padding-inline-start:50px!important}.acc-add-head-collapsed summary:before{left:12px;width:28px;height:28px}.atl-arrow,.atl-leaf .atl-indent{width:26px!important;height:26px!important;border-radius:10px!important}.atl-leaf .atl-indent:after{inset:10px}}


/* v4.2.4 - elegant trial balance live filter (no native checkbox) */
.trial-toolbar,.trial-toolbar-pretty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px;border:1px solid #e7edf8;background:linear-gradient(135deg,#f8fbff,#ffffff);border-radius:22px;direction:rtl;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.trial-filter-button,.trial-filter-card{appearance:none;-webkit-appearance:none;border:1px solid #e8eef8;background:#fff;color:#1f2a44;display:inline-flex;align-items:center;gap:12px;padding:9px 12px;border-radius:18px;cursor:pointer;user-select:none;transition:.18s ease;min-width:285px;text-align:right;font-family:inherit}
.trial-filter-button:hover,.trial-filter-card:hover{border-color:#c7d7fe;box-shadow:0 8px 22px rgba(37,99,235,.09);transform:translateY(-1px)}
.trial-filter-card input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}
.trial-filter-switch{position:relative;width:48px;height:27px;border-radius:999px;background:#e2e8f0;box-shadow:inset 0 1px 4px rgba(15,23,42,.16);transition:.22s ease;flex:0 0 48px;display:inline-block}
.trial-filter-switch:after,.trial-filter-switch i{content:"";position:absolute;top:3px;right:3px;width:21px;height:21px;border-radius:999px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.22);transition:.22s ease;display:block}
.trial-filter-button.is-on .trial-filter-switch,.trial-filter-button[aria-pressed="true"] .trial-filter-switch,.trial-filter-card input:checked+.trial-filter-switch{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.trial-filter-button.is-on .trial-filter-switch:after,.trial-filter-button.is-on .trial-filter-switch i,.trial-filter-button[aria-pressed="true"] .trial-filter-switch:after,.trial-filter-button[aria-pressed="true"] .trial-filter-switch i,.trial-filter-card input:checked+.trial-filter-switch:after{right:24px}
.trial-filter-text{display:flex;flex-direction:column;gap:2px;line-height:1.6;min-width:0}.trial-filter-text b{font-size:13px;font-weight:950;color:#172554}.trial-filter-text small{font-size:11px;color:#64748b;font-weight:750}.trial-toolbar>#trialBalanceCount{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:14px;background:#eef6ff;color:#2563eb;font-weight:900;font-size:12px;white-space:nowrap}.trial-balance-box table tbody tr{transition:opacity .15s ease,background .15s ease}
@media(max-width:700px){.trial-toolbar,.trial-toolbar-pretty{align-items:stretch;flex-direction:column}.trial-filter-button,.trial-filter-card{width:100%;min-width:0}.trial-toolbar>#trialBalanceCount{justify-content:center}}

/* v4.2.6 - minimal treasury bank/cash table */
.treasury-list-table{border-radius:20px!important;overflow:visible!important;background:#fff;border:1px solid #edf2f7;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.treasury-list-table .table{overflow:visible!important}
.treasury-list-table table{width:100%!important;min-width:720px!important;border-collapse:separate!important;border-spacing:0 7px!important;background:transparent!important}
.treasury-list-table thead th{background:transparent!important;border:0!important;color:#94a3b8!important;font-size:10.5px!important;font-weight:950!important;padding:4px 10px!important;white-space:nowrap!important}
.treasury-list-table tbody tr{background:#fbfdff!important;border:1px solid #edf2f7!important;box-shadow:0 4px 14px rgba(15,23,42,.025)!important}
.treasury-list-table tbody td{padding:7px 10px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;font-size:11.5px;white-space:nowrap;vertical-align:middle}
.treasury-list-table tbody td:first-child{border-right:1px solid #edf2f7!important;border-radius:14px 0 0 14px!important}
.treasury-list-table tbody td:last-child{border-left:1px solid #edf2f7!important;border-radius:0 14px 14px 0!important;width:1%!important;min-width:180px!important}
.treasury-title-cell{display:flex;flex-direction:column;gap:2px;min-width:105px}.treasury-title-cell b{font-size:12px;color:#0f172a;font-weight:950}.treasury-title-cell small{font-size:10px;color:#64748b;font-weight:850}
.treasury-code{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;border-radius:9px;background:#f1f5ff;color:#1d4ed8;font-size:11px;font-weight:950}
.treasury-status{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:950}.treasury-status.default{background:#ecfdf5;color:#047857}.treasury-status.normal{background:#f1f5f9;color:#64748b}
.treasury-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;position:relative;white-space:nowrap}.treasury-delete-inline{display:inline;margin:0}.treasury-inline-edit{display:inline-block;position:relative}.treasury-inline-edit summary::-webkit-details-marker{display:none}.treasury-inline-edit summary::marker{content:'';font-size:0}
.treasury-action-chip{appearance:none;-webkit-appearance:none;border:0;text-decoration:none;display:inline-flex!important;align-items:center;justify-content:center;height:28px!important;min-height:28px!important;padding:0 9px!important;border-radius:10px!important;font-size:10.5px!important;font-weight:950!important;line-height:1!important;cursor:pointer;box-shadow:none!important;white-space:nowrap}.treasury-action-chip.view{background:#eff6ff!important;color:#1d4ed8!important}.treasury-action-chip.edit{background:#f8fafc!important;color:#334155!important;border:1px solid #e2e8f0!important}.treasury-action-chip.delete{background:#fff1f2!important;color:#e11d48!important;border:1px solid #ffe4e6!important}.treasury-action-chip:hover{transform:translateY(-1px);filter:saturate(1.08)}
.treasury-edit-popover{position:absolute!important;left:0!important;top:34px!important;z-index:80!important;width:280px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;padding:12px!important;box-shadow:0 22px 55px rgba(15,23,42,.18)!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.treasury-edit-popover label{font-size:11px!important;margin:0!important}.treasury-edit-popover input,.treasury-edit-popover select{height:36px!important;border-radius:11px!important}.treasury-edit-popover button{height:36px!important;width:100%!important;border-radius:11px!important}
@media(min-width:1000px){.treasury-list-table table{min-width:0!important}.treasury-list-table tbody td{padding-top:6px!important;padding-bottom:6px!important}.treasury-list-table tbody td:nth-child(2),.treasury-list-table tbody td:nth-child(3){max-width:150px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:700px){.treasury-list-table{overflow:auto!important}.treasury-list-table .table{overflow:auto!important}.treasury-list-table table{min-width:760px!important}.treasury-edit-popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:92px!important;width:auto!important}.treasury-row-actions{justify-content:flex-start}.treasury-action-chip{height:30px!important}}

/* v4.2.9 - request tabs */
.req-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 18px;padding:8px;background:rgba(248,250,252,.85);border:1px solid rgba(203,213,225,.65);border-radius:18px}
.req-tabs a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#475569;background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:9px 13px;font-weight:900;font-size:13px;box-shadow:0 6px 16px rgba(15,23,42,.04)}
.req-tabs a b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px}
.req-tabs a.active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:transparent;box-shadow:0 12px 24px rgba(37,99,235,.22)}
.req-tabs a.active b{background:rgba(255,255,255,.22);color:#fff}
.req-tabs.admin{margin:0 0 14px}
@media(max-width:640px){.req-tabs{display:grid;grid-template-columns:1fr 1fr}.req-tabs a{justify-content:space-between;padding:10px}}
/* v4.3.2 company users */
.cop-staff-chip{display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;color:#334155;white-space:nowrap}
.cop-staff-chip span{width:24px;height:24px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center}
.cop-staff-chip b{font-size:12px}.cop-staff-chip small{font-size:10px;color:#64748b}
@media(max-width:720px){.cop-staff-chip{display:none}}

/* v4.3.3 - Customer to company employee switch */
.customer-company-switch{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(37,99,235,.16);background:linear-gradient(135deg,#eff6ff,#f8fafc);border-radius:20px;box-shadow:0 12px 28px rgba(37,99,235,.08)}
.customer-company-switch .ccs-icon{width:42px;height:42px;border-radius:15px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 10px 24px rgba(37,99,235,.24)}
.customer-company-switch .ccs-text{display:grid;gap:3px;min-width:0;flex:1}
.customer-company-switch .ccs-text b{font-size:13px;font-weight:950;color:#0f172a}
.customer-company-switch .ccs-text small{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-company-switch a{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border-radius:999px;background:#111827;color:#fff;text-decoration:none;font-size:12px;font-weight:950;white-space:nowrap;box-shadow:0 8px 18px rgba(15,23,42,.16)}
.customer-company-switch a:hover{background:#2563eb}
@media(max-width:520px){.customer-company-switch{align-items:flex-start}.customer-company-switch a{height:32px;padding:0 10px;font-size:11px}.customer-company-switch .ccs-icon{width:38px;height:38px}}
/* v4.3.6 staff name and sensitive delete polish */
.treasury-action-chip.disabled{background:#f1f5f9!important;color:#94a3b8!important;border:1px solid #e2e8f0!important;cursor:not-allowed!important;box-shadow:none!important}
.cop-staff-chip b{unicode-bidi:plaintext;direction:rtl}

/* v4.3.7 - Company purchases smart filters */
.purchase-filter-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:22px;padding:16px 18px;margin:12px 0;box-shadow:0 16px 38px rgba(37,99,235,.16)}
.purchase-filter-hero b{display:block;font-size:17px;margin-bottom:4px}.purchase-filter-hero span{display:block;font-size:12px;opacity:.86}.purchase-filter-hero .btn{height:36px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none;border-radius:12px;padding:0 14px;font-size:12px;font-weight:900}
.purchase-filter-panel{background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;box-shadow:0 12px 30px rgba(15,23,42,.055);margin:12px 0}
.purchase-filter-panel label{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}.purchase-filter-panel label.wide{grid-column:span 2}.purchase-filter-panel span{font-size:11px;font-weight:950;color:#64748b;padding-inline:4px;white-space:nowrap}.purchase-filter-panel input,.purchase-filter-panel select{width:100%;height:40px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:13px;padding:0 11px;font:inherit;font-size:12.5px;outline:none;min-width:0;box-sizing:border-box}.purchase-filter-panel select{appearance:auto}.purchase-filter-panel input::placeholder{color:#a8b3c2}.purchase-filter-panel input:focus,.purchase-filter-panel select:focus{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 3px rgba(96,165,250,.14)}.purchase-filter-panel button{width:100%;height:40px;border:0;border-radius:13px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:950;padding:0 14px;cursor:pointer;box-shadow:0 9px 20px rgba(37,99,235,.20);font-size:13px}.purchase-filter-panel button:hover{filter:brightness(1.03)}
.purchase-filter-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.purchase-filter-kpis>div{background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:12px 13px;box-shadow:0 9px 22px rgba(15,23,42,.045);min-height:58px}.purchase-filter-kpis small{display:block;color:#64748b;font-size:11px;font-weight:950;margin-bottom:5px}.purchase-filter-kpis strong{font-size:16px;color:#0f172a;line-height:1.5}
.purchase-mini-table{overflow:auto;border:1px solid #eef2f7;border-radius:20px;background:#fff}.purchase-mini-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:780px}.purchase-mini-table th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:950;text-align:right;padding:12px;border-bottom:1px solid #eef2f7;white-space:nowrap}.purchase-mini-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#334155;vertical-align:middle}.purchase-mini-table tr:last-child td{border-bottom:0}.purchase-mini-table td strong{display:block;color:#0f172a;margin-bottom:3px}.purchase-mini-table td small{display:block;color:#94a3b8;font-size:11px}.purchase-mini-table .amt{font-weight:950;color:#2563eb;white-space:nowrap}.pstat{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:950}.pstat.ok{background:#ecfdf5;color:#059669}.pstat.bad{background:#fff1f2;color:#e11d48}.purchase-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px}.purchase-pager a{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;background:#f8fafc;color:#475569;text-decoration:none;font-weight:900;border:1px solid #e5e7eb}.purchase-pager a.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.2)}
@media(max-width:980px){.purchase-filter-panel{grid-template-columns:1fr 1fr}.purchase-filter-panel label.wide{grid-column:span 2}.purchase-filter-panel button{grid-column:span 2}.purchase-filter-kpis{grid-template-columns:1fr 1fr}.purchase-filter-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.purchase-filter-panel{grid-template-columns:1fr}.purchase-filter-panel label.wide,.purchase-filter-panel button{grid-column:span 1}.purchase-filter-kpis{grid-template-columns:1fr}.purchase-filter-hero{border-radius:20px;padding:16px}.purchase-filter-panel input,.purchase-filter-panel select,.purchase-filter-panel button{height:42px}.purchase-mini-table{border-radius:16px}}
/* v4.4.0 professional accounting documents filter + bulk archive */
.doc-filter-panel{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.22);border-radius:24px;padding:16px;margin:10px 0 16px;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.doc-filter-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.doc-filter-top b{font-size:16px;color:#0f172a}.doc-filter-top small{display:block;color:#64748b;font-size:12px;margin-top:3px}.doc-clear{font-size:12px;text-decoration:none;color:#2563eb;background:#eff6ff;border-radius:999px;padding:8px 12px}.doc-filter-grid{display:grid;grid-template-columns:1.6fr repeat(6,minmax(110px,1fr)) auto;gap:10px;align-items:end}.doc-filter-grid label{display:flex;flex-direction:column;gap:6px;margin:0}.doc-filter-grid label span{font-size:11px;color:#64748b;font-weight:700}.doc-filter-grid input,.doc-filter-grid select{height:42px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:0 12px;font-size:13px;outline:none;box-shadow:none;min-width:0}.doc-filter-grid input:focus,.doc-filter-grid select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.doc-filter-btn{height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-weight:800;padding:0 16px;white-space:nowrap}.doc-filter-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.doc-filter-stats span{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;border-radius:999px;padding:7px 11px;font-size:12px}.doc-bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0f172a;color:#fff;border-radius:18px;padding:10px 12px;margin-bottom:12px}.doc-check-all{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.doc-check-all input,.doc-check input{display:none}.doc-check span{display:inline-block;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:6px;background:#fff;vertical-align:middle}.doc-check input:checked+span{border-color:#2563eb;background:#2563eb;box-shadow:inset 0 0 0 3px #fff}.doc-bulk-reason{flex:1;min-width:220px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;padding:0 12px}.doc-bulk-reason::placeholder{color:#cbd5e1}.doc-bulk-btn{height:38px;border:0;border-radius:12px;background:#ef4444;color:#fff;font-weight:900;padding:0 14px}.doc-list-table table{font-size:12px}.doc-list-table th:first-child,.doc-list-table td:first-child{width:34px;text-align:center}.doc-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800}.doc-status.posted{background:#dcfce7;color:#166534}.doc-status.cancelled{background:#fee2e2;color:#991b1b}.doc-actions-row{display:flex;gap:6px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.doc-mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:10px;text-decoration:none;border:1px solid #e2e8f0;background:#fff;color:#2563eb;font-size:11px;font-weight:900;white-space:nowrap}.doc-mini-btn.view{background:#eff6ff;border-color:#bfdbfe}.doc-mini-btn.danger{background:#fff1f2;border-color:#fecdd3;color:#e11d48;cursor:pointer}.doc-mini-btn.disabled{color:#94a3b8;background:#f8fafc}.doc-archive-box{position:relative}.doc-archive-box[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.doc-archive-box .archive-reason-form{position:absolute;left:0;top:32px;z-index:20;width:230px;background:#fff;border:1px solid #fecdd3;border-radius:14px;padding:10px;box-shadow:0 16px 34px rgba(15,23,42,.16);display:flex;gap:6px}.doc-archive-box .archive-reason-form input{min-width:0;flex:1;border:1px solid #e2e8f0;border-radius:10px;padding:0 8px}
@media(max-width:900px){.doc-filter-grid{grid-template-columns:1fr 1fr}.doc-filter-grid label.wide{grid-column:1/-1}.doc-filter-btn{grid-column:1/-1}.doc-bulk-bar{align-items:stretch}.doc-bulk-reason,.doc-bulk-btn{width:100%;min-width:0}.doc-actions-row{flex-wrap:wrap}.doc-archive-box .archive-reason-form{left:auto;right:0}}

/* v4.4.1 - polished accounting document filters and reliable bulk archive */
.doc-filter-panel{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  border-radius:22px!important;
  padding:14px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
}
.doc-filter-top{
  margin-bottom:12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid #eef2f7!important;
}
.doc-filter-top b{font-size:15px!important}.doc-filter-top small{font-size:11px!important}.doc-clear{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px!important}
.doc-filter-grid{
  display:grid!important;
  grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr auto!important;
  gap:8px!important;
  align-items:end!important;
}
.doc-filter-grid label{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;padding:7px 9px;gap:4px!important}
.doc-filter-grid label span{font-size:10px!important;color:#64748b!important;line-height:1.2!important}
.doc-filter-grid input,.doc-filter-grid select{
  height:32px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  font-size:12px!important;
  box-shadow:none!important;
  width:100%!important;
}
.doc-filter-grid input:focus,.doc-filter-grid select:focus{box-shadow:none!important;outline:none!important}
.doc-filter-btn{
  height:48px!important;
  border-radius:16px!important;
  min-width:104px!important;
  box-shadow:0 10px 18px rgba(37,99,235,.18)!important;
}
.doc-filter-stats{margin-top:10px!important;gap:6px!important}.doc-filter-stats span{padding:6px 10px!important;font-size:11px!important;background:#fff!important}
.doc-bulk-bar{
  background:linear-gradient(135deg,#172554,#0f172a)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  padding:9px!important;
  gap:8px!important;
  box-shadow:0 12px 24px rgba(15,23,42,.12)!important;
}
.doc-check-all{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 10px;height:38px}.doc-check-all input{display:none!important}
.doc-bulk-reason{height:38px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18)!important}
.doc-bulk-btn{height:38px!important;background:linear-gradient(135deg,#ef4444,#be123c)!important;box-shadow:0 10px 18px rgba(239,68,68,.22)!important}
.doc-list-table table{border-collapse:separate!important;border-spacing:0 6px!important;font-size:11.5px!important}.doc-list-table th{font-size:10.5px!important;color:#64748b!important;background:transparent!important;padding:4px 8px!important}.doc-list-table td{background:#fff!important;border-top:1px solid #eef2f7!important;border-bottom:1px solid #eef2f7!important;padding:8px!important}.doc-list-table td:first-child{border-right:1px solid #eef2f7!important;border-radius:0 12px 12px 0}.doc-list-table td:last-child{border-left:1px solid #eef2f7!important;border-radius:12px 0 0 12px}
.doc-actions-row{gap:5px!important}.doc-mini-btn{min-height:28px!important;padding:0 9px!important;border-radius:9px!important;font-size:10.5px!important}.doc-archive-box .archive-reason-form{top:30px!important;width:250px!important;align-items:center!important}.doc-check span{width:16px!important;height:16px!important;border-radius:5px!important}
@media(max-width:1100px){.doc-filter-grid{grid-template-columns:1fr 1fr 1fr!important}.doc-filter-grid label.wide{grid-column:1/-1!important}.doc-filter-btn{grid-column:1/-1!important;width:100%!important}}
@media(max-width:700px){.doc-filter-grid{grid-template-columns:1fr!important}.doc-bulk-bar{display:grid!important;grid-template-columns:1fr!important}.doc-check-all,.doc-bulk-reason,.doc-bulk-btn{width:100%!important;min-width:0!important}.doc-list-table{overflow:auto!important}}

/* v4.4.5 - unified minimal company panel design system */
:root{
  --yp-bg:#f6f8fb;
  --yp-surface:#ffffff;
  --yp-soft:#f8fafc;
  --yp-line:#e8eef6;
  --yp-line-2:#dbe5f2;
  --yp-text:#0f172a;
  --yp-muted:#64748b;
  --yp-primary:#2563eb;
  --yp-primary-2:#06b6d4;
  --yp-green:#16a34a;
  --yp-red:#dc2626;
  --yp-radius:20px;
  --yp-radius-sm:14px;
  --yp-shadow:0 10px 28px rgba(15,23,42,.055);
  --yp-shadow-soft:0 6px 18px rgba(15,23,42,.045);
}
body:has(.company-shell),body:has(.company-panel),body:has(.cop-section){background:var(--yp-bg)!important;color:var(--yp-text)!important}
body:has(.company-shell) main,body:has(.company-panel) main{max-width:1240px!important}
.company-shell,.company-panel,.cop-section{color:var(--yp-text)!important}
.company-shell *,.company-panel *,.cop-section *{letter-spacing:-.01em}
.company-shell .card,.company-panel .card,.cop-card,.cop-section.card,.cop-section .card,.company-panel section.card{
  background:rgba(255,255,255,.96)!important;
  border:1px solid var(--yp-line)!important;
  border-radius:var(--yp-radius)!important;
  box-shadow:var(--yp-shadow)!important;
  padding:16px!important;
  margin-bottom:14px!important;
  overflow:visible;
}
.company-shell .card h2,.company-panel .card h2,.cop-card h2,.cop-section h2,
.company-shell h3,.company-panel h3,.cop-card h3,.cop-section h3{
  color:var(--yp-text)!important;
  margin-top:0!important;
  font-weight:950!important;
}
.company-shell p,.company-panel p,.cop-section p{color:#475569;line-height:1.9}
.company-shell .hint,.company-panel .hint,.cop-section .hint, .company-shell small,.company-panel small,.cop-section small{color:var(--yp-muted)!important}

/* unified headers */
.cop-sec-head,.acc-sub-head,.accounting-hero,.finance-dashboard-hero,.purchase-filter-hero,.gateway-hero,.doc-filter-top,.treasury-hero,
.company-panel .section-head,.company-shell .section-head{
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid var(--yp-line)!important;
  border-radius:20px!important;
  box-shadow:var(--yp-shadow-soft)!important;
  padding:14px 16px!important;
  margin:10px 0 14px!important;
  color:var(--yp-text)!important;
}
.purchase-filter-hero,.accounting-hero,.finance-dashboard-hero,.gateway-hero{color:var(--yp-text)!important}
.purchase-filter-hero b,.accounting-hero h2,.finance-dashboard-hero h2,.gateway-hero h2{color:var(--yp-text)!important}
.purchase-filter-hero span,.accounting-hero p,.finance-dashboard-hero p,.gateway-hero p{color:var(--yp-muted)!important}
.accounting-hero span,.finance-dashboard-hero span{font-size:30px!important}

/* compact, consistent tabs/submenus */
.company-shell .subtabs,.company-panel .subtabs,.cop-tabs,.merchant-req-tabs,.req-tabs,.finance-subtabs,.accounting-subtabs,.stable-finance-tabs,
.company-panel nav.tabs,.company-shell nav.tabs{
  display:flex!important;gap:7px!important;flex-wrap:wrap!important;align-items:center!important;
  background:#fff!important;border:1px solid var(--yp-line)!important;border-radius:18px!important;padding:7px!important;box-shadow:var(--yp-shadow-soft)!important;margin:10px 0 14px!important;
}
.company-shell .subtabs a,.company-panel .subtabs a,.cop-tabs a,.merchant-req-tabs a,.req-tabs a,.finance-subtabs a,.accounting-subtabs a,.stable-finance-tabs a,
.company-panel nav.tabs a,.company-shell nav.tabs a{
  height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  padding:0 12px!important;border-radius:12px!important;background:#f8fafc!important;border:1px solid transparent!important;
  color:#475569!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important;white-space:nowrap!important;
}
.company-shell .subtabs a.active,.company-panel .subtabs a.active,.cop-tabs a.active,.merchant-req-tabs a.active,.req-tabs a.active,.finance-subtabs a.active,.accounting-subtabs a.active,.stable-finance-tabs a.active,
.company-panel nav.tabs a.active,.company-shell nav.tabs a.active{
  background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}

/* consistent forms */
.company-shell label,.company-panel label,.cop-section label,.cop-card label{font-size:12px!important;font-weight:900!important;color:#475569!important;gap:6px!important;margin:0!important}
.company-shell input,.company-shell select,.company-shell textarea,.company-panel input,.company-panel select,.company-panel textarea,.cop-section input,.cop-section select,.cop-section textarea,.cop-card input,.cop-card select,.cop-card textarea{
  border:1px solid var(--yp-line-2)!important;background:#fff!important;border-radius:13px!important;min-height:40px!important;height:40px!important;
  padding:0 11px!important;font-size:12.5px!important;color:var(--yp-text)!important;outline:none!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s,background .15s!important;
}
.company-shell textarea,.company-panel textarea,.cop-section textarea,.cop-card textarea{height:auto!important;min-height:86px!important;padding:10px 12px!important;line-height:1.8!important}
.company-shell input:focus,.company-shell select:focus,.company-shell textarea:focus,.company-panel input:focus,.company-panel select:focus,.company-panel textarea:focus,.cop-section input:focus,.cop-section select:focus,.cop-section textarea:focus{
  border-color:#93c5fd!important;background:#fff!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important;
}
.company-shell .grid,.company-panel .grid,.cop-section .grid,.cop-card .grid{gap:10px!important;align-items:end!important}
.company-shell button,.company-shell .btn,.company-panel button,.company-panel .btn,.cop-section button,.cop-section .btn,.cop-card button,.cop-card .btn{
  min-height:38px!important;height:38px!important;border-radius:12px!important;font-size:12px!important;font-weight:950!important;padding:0 14px!important;
  box-shadow:0 8px 18px rgba(37,99,235,.12)!important;text-decoration:none!important;border:0!important;
}
.company-shell button:not(.danger):not(.doc-mini-btn):not(.treasury-action-chip),.company-shell .btn:not(.danger),
.company-panel button:not(.danger):not(.doc-mini-btn):not(.treasury-action-chip),.company-panel .btn:not(.danger){background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important}
.company-shell button.danger,.company-panel button.danger,.company-shell .danger,.company-panel .danger{background:linear-gradient(135deg,#ef4444,#be123c)!important;color:#fff!important}

/* unified tables */
.company-shell .table,.company-panel .table,.cop-section .table,.cop-card .table,.acc-min-table,.purchase-mini-table,.doc-list-table{
  background:#fff!important;border:1px solid var(--yp-line)!important;border-radius:18px!important;overflow:auto!important;box-shadow:var(--yp-shadow-soft)!important;
}
.company-shell table,.company-panel table,.cop-section table,.cop-card table,.acc-min-table table,.purchase-mini-table table,.doc-list-table table{
  border-collapse:separate!important;border-spacing:0!important;min-width:720px;
}
.company-shell th,.company-panel th,.cop-section th,.cop-card th,.acc-min-table th,.purchase-mini-table th,.doc-list-table th{
  background:#f8fafc!important;color:#64748b!important;font-size:11px!important;font-weight:950!important;padding:10px 11px!important;border-bottom:1px solid var(--yp-line)!important;white-space:nowrap!important;
}
.company-shell td,.company-panel td,.cop-section td,.cop-card td,.acc-min-table td,.purchase-mini-table td,.doc-list-table td{
  background:#fff;color:#334155;font-size:12.5px;padding:10px 11px;border-bottom:1px solid #f1f5f9;vertical-align:middle;
}
.company-shell tr:last-child td,.company-panel tr:last-child td,.cop-section tr:last-child td,.cop-card tr:last-child td{border-bottom:0!important}
.company-shell td strong,.company-panel td strong,.cop-section td strong{color:#0f172a!important}
.company-shell td small,.company-panel td small,.cop-section td small{font-size:11px!important;color:#94a3b8!important}

/* KPI/cards consistency */
.accounting-kpis,.finance-report-stats,.company-panel .stats,.company-panel .finance-stats,.purchase-filter-kpis,.stable-kpi-grid,.gateway-kpis,.dashboard-kpis{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:12px 0!important;
}
.accounting-kpis>div,.finance-report-stats>* ,.company-panel .stats>*,.company-panel .finance-stats>*,.purchase-filter-kpis>div,.stable-kpi-grid>div,.gateway-kpis>div,.dashboard-kpis>div{
  background:#fff!important;border:1px solid var(--yp-line)!important;border-radius:18px!important;box-shadow:var(--yp-shadow-soft)!important;padding:12px!important;min-height:66px!important;text-align:right!important;
}
.accounting-kpis small,.finance-report-stats small,.purchase-filter-kpis small,.stable-kpi-grid small,.gateway-kpis small,.dashboard-kpis small{font-size:11px!important;font-weight:900!important;color:var(--yp-muted)!important;display:block!important;margin-bottom:5px!important}
.accounting-kpis strong,.finance-report-stats strong,.purchase-filter-kpis strong,.stable-kpi-grid strong,.gateway-kpis strong,.dashboard-kpis strong{font-size:16px!important;color:var(--yp-text)!important;line-height:1.55!important}

/* filters, bulk bars and special panels */
.purchase-filter-panel,.doc-filter-panel,.acc-filter-panel,.ledger-filter-panel,.stable-reconcile-panel,.gateway-settings-card{
  background:#fff!important;border:1px solid var(--yp-line)!important;border-radius:20px!important;box-shadow:var(--yp-shadow)!important;padding:13px!important;margin:12px 0!important;
}
.purchase-filter-panel label,.doc-filter-grid label{background:#f8fafc!important;border:1px solid var(--yp-line)!important;border-radius:14px!important;padding:7px 9px!important}
.purchase-filter-panel input,.purchase-filter-panel select,.doc-filter-grid input,.doc-filter-grid select{height:30px!important;min-height:30px!important;background:transparent!important;border:0!important;padding:0!important}
.doc-bulk-bar{border-radius:16px!important;box-shadow:var(--yp-shadow-soft)!important}

/* action chips compact */
.treasury-action-chip,.doc-mini-btn,.mini-btn,.action-chip,.company-panel td a.btn,.company-panel td button,.cop-section td a.btn,.cop-section td button{
  min-height:30px!important;height:30px!important;border-radius:10px!important;font-size:11px!important;padding:0 9px!important;box-shadow:none!important;white-space:nowrap!important;
}
.doc-actions-row,.actions-row,.treasury-actions,.company-panel td .actions,.cop-section td .actions{display:flex!important;gap:5px!important;align-items:center!important;flex-wrap:nowrap!important}

/* alerts/empty states */
.company-shell .ok,.company-panel .ok,.cop-section .ok{background:#ecfdf5!important;color:#047857!important;border:1px solid #bbf7d0!important;border-radius:16px!important;box-shadow:var(--yp-shadow-soft)!important}
.company-shell .err,.company-panel .err,.cop-section .err{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;border-radius:16px!important;box-shadow:var(--yp-shadow-soft)!important}
.company-shell .empty,.company-panel .empty,.cop-section .empty{background:#fff!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;color:#64748b!important;padding:18px!important}

/* consistent details/summary */
.company-shell details,.company-panel details,.cop-section details{border-radius:16px}
.company-shell summary,.company-panel summary,.cop-section summary{cursor:pointer;font-weight:950;color:#2563eb;list-style:none}
.company-shell summary::-webkit-details-marker,.company-panel summary::-webkit-details-marker,.cop-section summary::-webkit-details-marker{display:none}

@media(max-width:1100px){
  .accounting-kpis,.finance-report-stats,.company-panel .stats,.company-panel .finance-stats,.purchase-filter-kpis,.stable-kpi-grid,.gateway-kpis,.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body:has(.company-shell) main,body:has(.company-panel) main{padding:0 10px!important;margin-top:12px!important}
  .company-shell .card,.company-panel .card,.cop-card,.cop-section.card,.cop-section .card{border-radius:18px!important;padding:13px!important}
  .cop-sec-head,.acc-sub-head,.accounting-hero,.finance-dashboard-hero,.purchase-filter-hero,.gateway-hero{border-radius:18px!important;padding:13px!important}
  .accounting-kpis,.finance-report-stats,.company-panel .stats,.company-panel .finance-stats,.purchase-filter-kpis,.stable-kpi-grid,.gateway-kpis,.dashboard-kpis{grid-template-columns:1fr 1fr!important;overflow:visible!important}
  .company-shell .grid,.company-panel .grid,.cop-section .grid,.cop-card .grid{grid-template-columns:1fr!important}
  .company-shell input,.company-shell select,.company-shell textarea,.company-panel input,.company-panel select,.company-panel textarea,.cop-section input,.cop-section select,.cop-section textarea{height:42px!important;min-height:42px!important}
  .company-shell button,.company-shell .btn,.company-panel button,.company-panel .btn,.cop-section button,.cop-section .btn{height:40px!important;min-height:40px!important}
}


/* v4.4.7 receipt image save polish */
.receipt-save-image-btn{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border:0;box-shadow:0 12px 30px rgba(37,99,235,.22)}
.receipt-save-image-btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(37,99,235,.28)}
.receipt-capture-card .receipt-success-mark{box-shadow:0 14px 32px rgba(22,163,74,.24)}
@media(max-width:460px){.receipt-save-image-btn{order:-1}.receipt-actions .receipt-save-image-btn{width:100%}}
@media print{.receipt-save-image-btn,.receipt-actions .ghost,.receipt-actions a{display:none}.pro-receipt{box-shadow:none}}


/* ===== YASIN LANDING UI v4.5.0 (clean light mode, no new important) ===== */
body.lp{
  --lp-bg:#f6f8fc;
  --lp-card:#ffffff;
  --lp-card-soft:#f8fbff;
  --lp-line:#e8edf5;
  --lp-line-2:#dfe7f2;
  --lp-text:#101827;
  --lp-muted:#667085;
  --lp-soft:#98a2b3;
  --lp-blue:#1688e8;
  --lp-blue-2:#08b6d4;
  --lp-green:#10b981;
  --lp-purple:#7c3aed;
  --lp-radius:22px;
  --lp-radius-sm:16px;
  --lp-shadow:0 10px 28px rgba(15,23,42,.07),0 1px 0 rgba(15,23,42,.03);
  background:
    radial-gradient(circle at 12% -10%,rgba(22,136,232,.13),transparent 34%),
    radial-gradient(circle at 86% 8%,rgba(8,182,212,.10),transparent 30%),
    var(--lp-bg);
  color:var(--lp-text);
  padding-bottom:18px;
}
body.lp .lp-nav{
  position:sticky;top:0;z-index:50;
  min-height:68px;padding:12px 16px;
  background:rgba(246,248,252,.82);
  border-bottom:1px solid rgba(226,232,240,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.lp .lp-brand{gap:10px;color:var(--lp-text)}
body.lp .lp-brand-icon{
  width:42px;height:42px;border-radius:15px;
  background:linear-gradient(135deg,var(--lp-blue),#2463eb);
  box-shadow:0 12px 22px rgba(22,136,232,.22);
}
body.lp .lp-brand-name{font-weight:900;font-size:16px;letter-spacing:-.03em}
body.lp .lp-nav-support{
  height:36px;padding:0 12px;border:1px solid var(--lp-line);
  background:#fff;border-radius:999px;color:var(--lp-muted);
  box-shadow:0 5px 16px rgba(15,23,42,.04);
}
body.lp .lp-nav-login{
  height:36px;padding:0 14px;border-radius:999px;
  background:linear-gradient(135deg,var(--lp-blue),var(--lp-blue-2));
  box-shadow:0 9px 20px rgba(22,136,232,.24);
}
body.lp .lp-wrap{max-width:520px;margin:0 auto;padding:14px 12px 8px}
body.lp .lp-hero-banner{
  display:grid;grid-template-columns:1fr;gap:12px;
  border:1px solid var(--lp-line);border-radius:28px;
  padding:16px;margin:0 0 12px;overflow:hidden;
  background:
    radial-gradient(circle at 6% 0,rgba(255,255,255,.62),transparent 36%),
    linear-gradient(135deg,#eaf4ff 0%,#f8fbff 48%,#eef7fb 100%);
  box-shadow:var(--lp-shadow);
}
body.lp .lp-hero-card-main{position:relative;z-index:1}
body.lp .lp-hero-kicker{
  width:max-content;max-width:100%;height:30px;padding:0 11px;
  display:flex;align-items:center;border-radius:999px;
  background:rgba(22,136,232,.10);color:#1464b8;
  border:1px solid rgba(22,136,232,.15);
  font-size:11px;font-weight:900;margin-bottom:10px;
}
body.lp .lp-hero-text{flex:unset}
body.lp .lp-hero-banner h1,
body.lp .lp-hero-text h1{
  margin:0 0 8px;font-size:23px;font-weight:950;line-height:1.55;
  color:var(--lp-text);letter-spacing:-.04em;
}
body.lp .lp-hero-banner p,
body.lp .lp-hero-text p{
  margin:0;color:var(--lp-muted);font-size:12.5px;line-height:2;
}
body.lp .lp-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
body.lp .lp-hero-btn{
  height:42px;border-radius:15px;padding:0 15px;
  background:linear-gradient(135deg,var(--lp-blue),var(--lp-blue-2));
  color:#fff;font-size:12px;font-weight:900;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 12px 24px rgba(22,136,232,.24);transition:.18s ease;
}
body.lp .lp-hero-btn.secondary{
  color:#15507e;background:#fff;border:1px solid var(--lp-line);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
}
body.lp .lp-hero-btn:hover{transform:translateY(-1px)}
body.lp .lp-hero-badges{display:flex;gap:7px;overflow-x:auto;margin-top:13px;scrollbar-width:none}
body.lp .lp-hero-badges::-webkit-scrollbar{display:none}
body.lp .lp-hero-badges span{
  flex:0 0 auto;min-height:30px;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.74);border:1px solid rgba(226,232,240,.9);
  color:#475467;font-size:11px;font-weight:800;
}
body.lp .lp-hero-mini{
  display:flex;flex-direction:column;gap:8px;align-self:center;
}
body.lp .lp-hero-mini div{
  min-height:46px;border-radius:16px;padding:9px 12px;
  background:rgba(255,255,255,.72);border:1px solid rgba(226,232,240,.9);
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;
}
body.lp .lp-hero-mini span{font-size:11px;color:var(--lp-muted);font-weight:850;white-space:nowrap}
body.lp .lp-hero-mini b{font-size:18px;color:var(--lp-text);font-weight:950;line-height:1}
body.lp .lp-access-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 12px;
}
body.lp .lp-access-card{
  min-height:92px;padding:12px 8px;border-radius:20px;
  background:rgba(255,255,255,.86);border:1px solid var(--lp-line);
  box-shadow:0 8px 22px rgba(15,23,42,.05);
  text-decoration:none;color:var(--lp-text);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  text-align:center;transition:.18s ease;
}
body.lp .lp-access-card:hover{transform:translateY(-2px);border-color:#cfe0f4}
body.lp .lp-access-card span{
  width:36px;height:36px;border-radius:14px;background:#f0f6ff;
  display:flex;align-items:center;justify-content:center;font-size:18px;
}
body.lp .lp-access-card b{font-size:12px;font-weight:950}
body.lp .lp-access-card small{font-size:9.8px;line-height:1.6;color:var(--lp-muted);font-weight:700}
body.lp .lp-tabs-wrap{
  margin:0 0 12px;padding:8px;border-radius:20px;background:rgba(255,255,255,.8);
  border:1px solid var(--lp-line);box-shadow:0 8px 22px rgba(15,23,42,.04);
}
body.lp .lp-tabs{gap:7px;display:flex;overflow-x:auto;scrollbar-width:none}
body.lp .lp-tabs::-webkit-scrollbar{display:none}
body.lp .lp-tab{
  min-height:42px;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:6px;
  padding:0 12px;border:1px solid transparent;border-radius:14px;
  color:#667085;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;
  background:#f8fafc;
}
body.lp .lp-tab span{font-size:17px;line-height:1}
body.lp .lp-tab.active{
  color:#0b75c9;background:#eaf5ff;border-color:#cae5ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}
body.lp .lp-section,
body.lp .lp-why{
  background:rgba(255,255,255,.88);border:1px solid var(--lp-line);
  border-radius:24px;margin:0 0 12px;overflow:hidden;box-shadow:var(--lp-shadow);
}
body.lp .lp-section-head{
  padding:14px 14px 12px;border-bottom:1px solid var(--lp-line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
body.lp .lp-section-head.bare{border-bottom:0;padding-bottom:8px}
body.lp .lp-section-head h2{margin:0;color:var(--lp-text);font-size:16px;font-weight:950;letter-spacing:-.03em}
body.lp .lp-section-head p{margin:4px 0 0;color:var(--lp-muted);font-size:11px;line-height:1.8;font-weight:700}
body.lp .lp-section-head>span{
  flex:0 0 auto;height:28px;padding:0 10px;border-radius:999px;
  background:#eff8ff;color:#0b75c9;border:1px solid #d7edff;
  display:flex;align-items:center;font-size:10.5px;font-weight:900;
}
body.lp .lp-store-list{display:flex;flex-direction:column;background:#fff}
body.lp .lp-store-row{
  position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;
  padding:12px 13px;border-bottom:1px solid #f0f3f8;background:#fff;text-decoration:none;color:inherit;
  transition:.16s ease;
}
body.lp .lp-store-row:last-child{border-bottom:0}
body.lp .lp-store-row:hover{background:#f8fbff}
body.lp .lp-store-thumb{
  width:48px;height:48px;border-radius:16px;overflow:hidden;background:#f1f6ff;border:1px solid var(--lp-line);
}
body.lp .lp-store-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.lp .lp-store-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px}
body.lp .lp-store-info{min-width:0;display:flex;flex-direction:column;gap:5px}
body.lp .lp-store-top{display:flex;align-items:center;gap:7px;justify-content:flex-start;margin:0;min-width:0}
body.lp .lp-store-top h3{margin:0;font-size:13.2px;font-weight:950;color:var(--lp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.lp .lp-pin-badge{
  font-style:normal;flex:0 0 auto;border-radius:999px;padding:2px 7px;background:#fff7ed;color:#c56a00;
  border:1px solid #fed7aa;font-size:9.2px;font-weight:950;
}
body.lp .lp-pin-muted{background:#ecfdf3;color:#079455;border-color:#bdebd1}
body.lp .lp-store-meta{display:flex;gap:5px;flex-wrap:wrap}
body.lp .lp-store-meta span,
body.lp .lp-store-tags span{
  min-height:22px;padding:3px 7px;border-radius:999px;background:#f3f7fb;color:#667085;
  border:1px solid #e8edf5;font-size:9.5px;font-weight:850;
}
body.lp .lp-store-info p{margin:0;color:#8b95a5;font-size:10.5px;line-height:1.7}
body.lp .lp-store-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0}
body.lp .lp-store-action{
  height:34px;padding:0 10px;border-radius:13px;background:#eff8ff;color:#0b75c9;
  display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:950;border:1px solid #d7edff;
}
body.lp .lp-store-action b{font-size:14px;font-weight:900}
body.lp .lp-empty{margin:12px;padding:28px 14px;border:1.5px dashed #d8e1ee;border-radius:20px;background:#f8fbff;color:var(--lp-muted);display:flex;flex-direction:column;gap:6px;align-items:center}
body.lp .lp-empty b{color:var(--lp-text);font-size:13px}
body.lp .lp-empty span{font-size:11px}
body.lp .lp-why{padding:0}
body.lp .lp-why-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px 14px}
body.lp .lp-why-item{
  display:flex;gap:9px;align-items:flex-start;min-height:86px;
  padding:12px;border-radius:18px;background:#f8fbff;border:1px solid var(--lp-line);
}
body.lp .lp-why-icon{width:34px;height:34px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid var(--lp-line);flex:0 0 auto}
body.lp .lp-why-item strong{display:block;font-size:12px;font-weight:950;color:var(--lp-text);margin-bottom:3px}
body.lp .lp-why-item p{margin:0;color:var(--lp-muted);font-size:10.5px;line-height:1.75;font-weight:650}
body.lp .lp-foot{max-width:520px;margin:4px auto 0;padding:14px 14px 22px;color:#98a2b3;font-size:11px;text-align:center}
body.lp .lp-foot p{margin:5px 0}
body.lp .lp-foot a{color:#0b75c9;text-decoration:none;font-weight:800}
@media (min-width:780px){
  body.lp .lp-wrap{max-width:1080px;padding:22px 18px}
  body.lp .lp-hero-banner{grid-template-columns:1.35fr .65fr;padding:22px}
  body.lp .lp-hero-banner h1{font-size:34px;max-width:560px}
  body.lp .lp-hero-banner p{font-size:14px;max-width:560px}
  body.lp .lp-hero-mini{justify-content:center}
  body.lp .lp-access-grid{grid-template-columns:repeat(3,1fr)}
  body.lp .lp-store-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;background:transparent}
  body.lp .lp-store-row{border:1px solid var(--lp-line);border-radius:20px;box-shadow:0 7px 18px rgba(15,23,42,.04)}
  body.lp .lp-why-list{grid-template-columns:repeat(4,1fr)}
  body.lp .lp-foot{max-width:1080px}
}

@media (max-width:779px){
  body.lp .lp-hero-mini{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  }
  body.lp .lp-hero-mini div{
    min-height:42px;padding:8px 9px;border-radius:15px;
    justify-content:center;gap:6px;
  }
  body.lp .lp-hero-mini span{font-size:10px}
  body.lp .lp-hero-mini b{font-size:17px}
}
@media (max-width:380px){
  body.lp .lp-wrap{padding-left:10px;padding-right:10px}
  body.lp .lp-hero-banner{padding:14px;border-radius:24px}
  body.lp .lp-hero-banner h1{font-size:20px}
  body.lp .lp-access-grid{gap:7px}
  body.lp .lp-access-card{padding:10px 6px}
  body.lp .lp-store-row{grid-template-columns:44px minmax(0,1fr);gap:9px}
  body.lp .lp-store-action{grid-column:2;margin-top:2px;width:max-content}
  body.lp .lp-why-list{grid-template-columns:1fr}
}

/* ===== YASIN LANDING FINAL POLISH v4.5.0 ===== */
body.lp .lp-store-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  padding:12px 13px;
  border-bottom:1px solid var(--lp-line);
  background:#fbfdff;
}
body.lp .lp-store-search input{
  width:100%;
  height:42px;
  border:1px solid var(--lp-line-2);
  border-radius:15px;
  background:#fff;
  color:var(--lp-text);
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  outline:none;
  padding:0 13px;
  transition:.18s ease;
}
body.lp .lp-store-search input:focus{
  border-color:#b9dcff;
  box-shadow:0 0 0 4px rgba(22,136,232,.10);
}
body.lp .lp-store-search button,
body.lp .lp-store-search a{
  height:42px;
  border-radius:15px;
  border:1px solid #d7edff;
  background:#eff8ff;
  color:#0b75c9;
  font-family:inherit;
  font-size:11.5px;
  font-weight:950;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
}
body.lp .lp-store-search button{
  background:linear-gradient(135deg,var(--lp-blue),var(--lp-blue-2));
  border-color:transparent;
  color:#fff;
  box-shadow:0 10px 20px rgba(22,136,232,.18);
}
body.lp .lp-empty{
  min-height:170px;
  justify-content:center;
  text-align:center;
}
body.lp .lp-empty-icon{
  width:46px;
  height:46px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid var(--lp-line);
  box-shadow:0 8px 18px rgba(15,23,42,.04);
  font-size:20px;
  margin-bottom:2px;
}
body.lp .lp-empty a{
  margin-top:7px;
  height:36px;
  padding:0 13px;
  border-radius:999px;
  background:#eff8ff;
  color:#0b75c9;
  border:1px solid #d7edff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:11px;
  font-weight:950;
}
body.lp .lp-nav-login:focus-visible,
body.lp .lp-hero-btn:focus-visible,
body.lp .lp-access-card:focus-visible,
body.lp .lp-tab:focus-visible,
body.lp .lp-store-row:focus-visible,
body.lp .lp-store-search button:focus-visible,
body.lp .lp-store-search a:focus-visible{
  outline:3px solid rgba(22,136,232,.18);
  outline-offset:3px;
}
@media (max-width:520px){
  body.lp .lp-store-search{
    grid-template-columns:minmax(0,1fr) auto;
    padding:10px;
  }
  body.lp .lp-store-search a{
    grid-column:1 / -1;
    width:max-content;
    justify-self:center;
    height:34px;
  }
}
@media (max-width:360px){
  body.lp .lp-store-search{
    grid-template-columns:1fr;
  }
  body.lp .lp-store-search button,
  body.lp .lp-store-search a{
    width:100%;
  }
}

/* Modern smart login - v4.5.4 */
*,*::before,*::after{box-sizing:border-box}
.sl-body{
  margin:0;
  min-height:100vh;
  direction:rtl;
  color:#0f172a;
  font-family:IRANSans,Tahoma,sans-serif;
  background:
    radial-gradient(circle at 50% -12%,rgba(14,165,233,.14),transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#f4f7fb 100%);
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
}
.sl-nav{
  width:100%;
  max-width:420px;
  margin:0 auto;
  padding:22px 18px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
}
.sl-nav a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#0f172a}
.sl-nav-icon{width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,#1688e8,#08b6d4);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 10px 24px rgba(22,136,232,.18)}
.sl-nav strong{font-size:14px;font-weight:950;letter-spacing:-.03em}
.sl-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 14px 10px}
.sl-card{width:100%;max-width:380px;overflow:hidden;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.9);border-radius:30px;box-shadow:0 24px 60px rgba(15,23,42,.08),0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sl-card-top{padding:24px 22px 14px;text-align:center;background:transparent;border-bottom:0}
.sl-card-top .sl-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:18px;background:#f1f7ff;border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:none}
.sl-card-top h1{margin:0 0 7px;font-size:20px;font-weight:950;color:#0f172a;letter-spacing:-.04em;line-height:1.45}
.sl-card-top p{margin:0 auto;max-width:270px;font-size:12.5px;color:#64748b;line-height:1.9;font-weight:750}
.sl-card-body{padding:0 22px 22px}
.sl-msg-ok,.sl-msg-err{border-radius:18px;padding:10px 12px;margin-bottom:13px;font-size:12px;font-weight:850;line-height:1.8;text-align:center}
.sl-msg-ok{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.sl-msg-err{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}
.sl-label{display:block;font-size:12px;font-weight:900;color:#475569;margin-bottom:8px;padding-right:2px}
.sl-input{width:100%;height:54px;border:1px solid #dce6f2;border-radius:20px;padding:0 15px;font-family:IRANSans,Tahoma,sans-serif;font-size:16px;color:#0f172a;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;direction:ltr;text-align:center;letter-spacing:3px;font-weight:900;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.sl-phone-input{letter-spacing:1.5px}
.sl-otp-input{font-size:22px;letter-spacing:8px;padding-right:22px}
.sl-input:focus{border-color:#1688e8;box-shadow:0 0 0 5px rgba(22,136,232,.10);background:#fff}
.sl-otp-ready{border-color:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.10)}
.sl-hint{font-size:11.2px;color:#94a3b8;margin:8px 0 0;text-align:center;font-weight:750;line-height:1.9}
.sl-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border-radius:20px;background:#0f172a;color:#fff;font-family:IRANSans,Tahoma,sans-serif;font-size:13px;font-weight:950;border:0;cursor:pointer;margin-top:16px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 14px 28px rgba(15,23,42,.16)}
.sl-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(15,23,42,.18);background:#111c31}
.sl-btn:active{transform:translateY(0)}
.sl-phone-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px}
.sl-phone-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:12px;font-weight:950;direction:ltr;letter-spacing:.7px;min-width:0}
.sl-phone-chip span{direction:rtl;letter-spacing:0;color:#94a3b8;font-weight:850}
.sl-change-phone{white-space:nowrap;text-decoration:none;color:#1688e8;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:9px 11px;font-size:11px;font-weight:950;transition:background .18s ease,color .18s ease}
.sl-change-phone:hover{background:#eff6ff}
.sl-resend-btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:10px;border:1px solid #e2e8f0;background:#fff;color:#1688e8;font-family:IRANSans,Tahoma,sans-serif;font-size:12px;font-weight:950;cursor:pointer;border-radius:18px;transition:background .18s ease,color .18s ease,opacity .18s ease}
.sl-resend-btn:hover{background:#f8fafc}
.sl-resend-btn:disabled{cursor:not-allowed;opacity:.72;background:#f8fafc;color:#64748b;border-color:#e2e8f0}
.sl-register-box{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:12px;line-height:1.8;font-weight:800}
.sl-register-box a{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-weight:950;border:1px solid #e2e8f0}
.sl-role-badge{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto 13px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:950}
.sl-steps{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px}
.sl-step-dot{width:6px;height:6px;border-radius:50%;background:#dbe3ef;transition:width .2s ease,background .2s ease}
.sl-step-dot.active{width:22px;border-radius:999px;background:#0f172a}
.sl-footer{text-align:center;padding:8px 0 22px;font-size:10.5px;color:#a0aec0;font-family:IRANSans,Tahoma,sans-serif}
.sl-footer p{margin:0}
@media(max-width:420px){
  .sl-nav{padding:18px 16px 4px}
  .sl-wrap{align-items:flex-start;padding:14px 10px 8px}
  .sl-card{border-radius:28px;max-width:100%}
  .sl-card-top{padding:22px 18px 13px}
  .sl-card-top .sl-icon{width:44px;height:44px;border-radius:17px;font-size:21px;margin-bottom:10px}
  .sl-card-top h1{font-size:18px}
  .sl-card-top p{font-size:12px;line-height:1.8}
  .sl-card-body{padding:0 16px 18px}
  .sl-input,.sl-btn{height:50px;border-radius:18px}
  .sl-otp-input{font-size:20px;letter-spacing:7px}
  .sl-phone-row{gap:7px}
  .sl-change-phone{padding:9px 10px;font-size:10.5px}
  .sl-register-box{flex-wrap:wrap;margin-top:13px}
}


/* Login OTP minimal refresh - v4.5.4 */
.sl-phase-verify .sl-wrap{align-items:center;padding-top:10px}
.sl-phase-verify .sl-card{max-width:360px;border-radius:28px;box-shadow:0 22px 54px rgba(15,23,42,.075),0 1px 0 rgba(255,255,255,.75)}
.sl-phase-verify .sl-card-top{padding:22px 22px 8px}
.sl-phase-verify .sl-card-top .sl-icon{display:none}
.sl-phase-verify .sl-card-top h1{font-size:22px;margin-bottom:6px}
.sl-phase-verify .sl-card-top p{font-size:12px;line-height:1.85;max-width:285px}
.sl-phase-verify .sl-card-body{padding:0 22px 22px}
.sl-phase-verify .sl-msg-ok{display:none}
.sl-otp-summary{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;margin:10px 0 16px;padding:6px 8px 6px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#64748b;font-size:11.5px;font-weight:850;line-height:1.6}
.sl-otp-summary span{white-space:nowrap;color:#94a3b8}
.sl-otp-summary b{direction:ltr;text-align:left;flex:1;color:#0f172a;font-size:13px;font-weight:950;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-otp-summary .sl-change-phone{padding:7px 10px;border-radius:999px;background:#fff;font-size:10.5px;line-height:1;color:#1688e8;flex-shrink:0}
.sl-code-label{margin-bottom:9px;text-align:center;color:#475569;font-size:11.5px}
.sl-phase-verify .sl-otp-input{height:58px;border-radius:22px;font-size:24px;letter-spacing:9px;background:#fff;border-color:#dbe7f3;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.sl-phase-verify .sl-otp-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 5px rgba(14,165,233,.10),0 10px 24px rgba(15,23,42,.04)}
.sl-phase-verify .sl-otp-ready{border-color:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.10),0 10px 24px rgba(15,23,42,.04)}
.sl-otp-hint{max-width:280px;margin:9px auto 0;font-size:10.8px;color:#94a3b8;line-height:1.85}
.sl-phase-verify .sl-btn{height:52px;margin-top:15px;border-radius:20px;font-size:14px}
.sl-phase-verify .sl-resend-btn{height:44px;margin-top:10px;border-radius:18px;background:#f8fafc;color:#64748b;border-color:#e7eef6;font-size:11.5px}
.sl-phase-verify .sl-resend-btn:not(:disabled){background:#fff;color:#1688e8}
.sl-phase-verify .sl-footer{padding-bottom:16px}
@media(max-width:420px){
  .sl-phase-verify .sl-nav{padding-top:22px}
  .sl-phase-verify .sl-wrap{padding:16px 12px 6px;align-items:flex-start}
  .sl-phase-verify .sl-card{border-radius:26px;max-width:100%}
  .sl-phase-verify .sl-card-top{padding:20px 18px 8px}
  .sl-phase-verify .sl-card-top h1{font-size:21px}
  .sl-phase-verify .sl-card-body{padding:0 16px 18px}
  .sl-otp-summary{min-height:40px;margin:9px 0 14px;padding:6px 7px 6px 10px}
  .sl-otp-summary b{font-size:12.5px}
  .sl-phase-verify .sl-otp-input{height:56px;border-radius:21px;font-size:22px;letter-spacing:8px;padding-right:18px}
  .sl-otp-hint{font-size:10.5px;line-height:1.75}
}

/* v4.5.5 - customer signup route + modern minimal form */
.signup-body{
  background:
    radial-gradient(circle at 85% 0%, rgba(14,165,233,.12), transparent 34%),
    radial-gradient(circle at 10% 18%, rgba(37,99,235,.08), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#f3f7fb 100%);
  min-height:100vh;
  color:#0f172a;
}
.signup-modern-page{
  width:min(980px,100%);
  margin:0 auto;
  padding:22px 16px 96px;
}
.signup-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.signup-brand{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#0f172a;
  font-weight:950;
  letter-spacing:-.03em;
}
.signup-brand span{
  width:36px;
  height:36px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#1688e8,#06b6d4);
  box-shadow:0 12px 26px rgba(14,165,233,.18);
}
.signup-back{
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e2e8f0;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(15,23,42,.04);
}
.signup-modern-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
  padding:18px;
  border-radius:28px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 20px 52px rgba(15,23,42,.065);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.signup-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#eff6ff;
  color:#1688e8;
  font-size:11px;
  font-weight:950;
  margin-bottom:8px;
}
.signup-modern-hero h1{
  margin:0;
  font-size:24px;
  line-height:1.45;
  letter-spacing:-.04em;
  color:#0f172a;
}
.signup-modern-hero p{
  margin:5px 0 0;
  color:#64748b;
  font-size:12.5px;
  line-height:1.9;
  font-weight:750;
}
.signup-hero-mini{
  min-width:128px;
  padding:11px 13px;
  border-radius:20px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  text-align:center;
}
.signup-hero-mini b,
.signup-hero-mini span{
  display:block;
}
.signup-hero-mini b{
  font-size:12px;
  color:#0f172a;
  font-weight:950;
}
.signup-hero-mini span{
  margin-top:2px;
  font-size:10.5px;
  color:#94a3b8;
  font-weight:850;
}
.signup-modern-card{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(226,232,240,.95);
  border-radius:30px;
  padding:16px;
  box-shadow:0 24px 60px rgba(15,23,42,.075),0 1px 0 rgba(255,255,255,.75);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.signup-company,
.signup-company-select{
  margin:0 0 12px;
  padding:12px;
  border-radius:22px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.signup-company span{
  display:block;
  color:#94a3b8;
  font-size:11px;
  font-weight:850;
}
.signup-company strong{
  display:block;
  margin-top:3px;
  color:#0f172a;
  font-size:15px;
  font-weight:950;
}
.signup-modern-card .cust-pro-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.signup-modern-card .cust-pro-card{
  margin:0;
  padding:14px;
  border-radius:24px;
  background:#fff;
  border:1px solid #e7edf5;
  box-shadow:0 10px 28px rgba(15,23,42,.035);
}
.signup-modern-card .cust-pro-card h4{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:#0f172a;
  font-size:13px;
  font-weight:950;
}
.signup-modern-card .cust-pro-card h4:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#1688e8;
  box-shadow:0 0 0 5px rgba(22,136,232,.08);
}
.signup-modern-card .cust-pro-grid,
.signup-modern-card .kin-two-cols{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.signup-modern-card .cust-pro-grid-1,
.signup-modern-card .cust-pro-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.signup-modern-card label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#475569;
  font-size:11.5px;
  font-weight:900;
  line-height:1.6;
}
.signup-modern-card label span{
  color:#475569;
}
.signup-modern-card input,
.signup-modern-card select,
.signup-modern-card textarea{
  width:100%;
  min-height:48px;
  border:1px solid #dce6f2;
  border-radius:18px;
  background:#fff;
  color:#0f172a;
  outline:none;
  padding:0 13px;
  font-family:IRANSans,Tahoma,sans-serif;
  font-size:13px;
  font-weight:850;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.signup-modern-card textarea{
  min-height:82px;
  resize:vertical;
  padding-top:12px;
  line-height:1.8;
}
.signup-modern-card input:focus,
.signup-modern-card select:focus,
.signup-modern-card textarea:focus{
  border-color:#1688e8;
  box-shadow:0 0 0 5px rgba(22,136,232,.10);
  background:#fff;
}
.signup-modern-card .cust-pro-wide{
  grid-column:1 / -1;
}
.signup-modern-card .kin-person{
  border:1px solid #e7edf5;
  background:#f8fafc;
  border-radius:22px;
  padding:12px;
}
.signup-modern-card .kin-person>b{
  display:block;
  margin-bottom:9px;
  color:#0f172a;
  font-size:12px;
  font-weight:950;
}
.signup-modern-card .cust-pro-grid-kin{
  grid-template-columns:1fr;
}
.signup-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:12px;
  border-radius:24px;
  background:#f8fafc;
  border:1px solid #e7edf5;
}
.signup-actions div{
  min-width:0;
}
.signup-actions b{
  display:block;
  color:#0f172a;
  font-size:13px;
  font-weight:950;
}
.signup-actions small{
  display:block;
  margin-top:2px;
  color:#94a3b8;
  font-size:11px;
  line-height:1.7;
  font-weight:800;
}
.signup-actions button{
  flex:0 0 auto;
  min-height:48px;
  border:0;
  border-radius:18px;
  background:#0f172a;
  color:#fff;
  padding:0 20px;
  font-family:IRANSans,Tahoma,sans-serif;
  font-size:12.5px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(15,23,42,.16);
}
.signup-error{
  width:min(980px,calc(100% - 32px));
  margin:0 auto 12px;
  background:#fff1f2;
  color:#e11d48;
  border:1px solid #fecdd3;
  border-radius:18px;
  padding:11px 13px;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.signup-success{
  width:min(420px,calc(100% - 28px));
  margin:82px auto;
  padding:26px 20px;
  border-radius:30px;
  background:rgba(255,255,255,.9);
  border:1px solid #e2e8f0;
  box-shadow:0 24px 60px rgba(15,23,42,.08);
  text-align:center;
}
.signup-success div{font-size:42px}
.signup-success h2{margin:8px 0 6px;color:#0f172a;font-size:22px}
.signup-success p{margin:0;color:#64748b;font-size:12.5px;line-height:1.9;font-weight:800}
.signup-success a{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-height:44px;padding:0 16px;border-radius:16px;background:#0f172a;color:#fff;text-decoration:none;font-weight:950;font-size:12px}
@media (max-width:760px){
  .signup-modern-page{padding:16px 12px 90px}
  .signup-topbar{margin-bottom:12px}
  .signup-modern-hero{display:block;padding:16px;border-radius:26px}
  .signup-modern-hero h1{font-size:21px}
  .signup-hero-mini{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;width:100%;min-width:0;text-align:right;border-radius:18px}
  .signup-hero-mini span{margin:0}
  .signup-modern-card{padding:12px;border-radius:28px}
  .signup-modern-card .cust-pro-card{padding:12px;border-radius:22px}
  .signup-modern-card .cust-pro-grid,
  .signup-modern-card .cust-pro-grid-1,
  .signup-modern-card .cust-pro-grid-2,
  .signup-modern-card .kin-two-cols{grid-template-columns:1fr;gap:9px}
  .signup-modern-card input,
  .signup-modern-card select{min-height:46px;border-radius:16px}
  .signup-actions{display:block;text-align:center}
  .signup-actions button{width:100%;margin-top:10px}
}

/* Merchant smart settlement panel v4.6.39 */
.mpset-shell{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}.mpset-hero{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:28px;background:linear-gradient(135deg,#fff7ed 0%,#fff 48%,#eff6ff 100%);box-shadow:0 14px 38px rgba(15,23,42,.07);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mpset-hero:before{content:"";position:absolute;inset:auto -80px -90px auto;width:190px;height:190px;border-radius:50%;background:rgba(249,115,22,.1)}.mpset-hero div{position:relative;z-index:1}.mpset-hero span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #fed7aa;color:#ea580c;font-size:11px;font-weight:900;margin-bottom:8px}.mpset-hero h2{margin:0 0 7px;color:#0f172a;font-size:20px;font-weight:950;letter-spacing:-.04em}.mpset-hero p{margin:0;color:#64748b;font-size:12px;line-height:1.9;max-width:520px}.mpset-hero em{position:relative;z-index:1;font-style:normal;width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#f97316,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 18px 34px rgba(249,115,22,.22);flex-shrink:0}.mpset-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mpset-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:14px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.mpset-summary small{display:block;color:#64748b;font-size:10px;font-weight:850;margin-bottom:6px}.mpset-summary strong{display:block;color:#0f172a;font-size:15px;font-weight:950;letter-spacing:-.03em}.mpset-panel{background:#fff;border:1px solid #e5e7eb;border-radius:26px;box-shadow:0 14px 32px rgba(15,23,42,.06);overflow:hidden}.mpset-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border-bottom:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#f8fafc)}.mpset-head span{display:block;color:#f97316;font-size:10px;font-weight:950;margin-bottom:3px}.mpset-head b{display:block;color:#0f172a;font-size:15px;font-weight:950}.mpset-head small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}.mpset-head i{font-style:normal;width:38px;height:38px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.mpset-groups{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}.mpset-card{border:1px solid #e5e7eb;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fafc);padding:13px;box-shadow:0 8px 18px rgba(15,23,42,.04)}.mpset-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.mpset-avatar{width:42px;height:42px;border-radius:16px;background:#fff7ed;color:#ea580c;border:1px solid #fed7aa;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:950;flex-shrink:0}.mpset-card-top b{display:block;color:#0f172a;font-size:14px;font-weight:950}.mpset-card-top small{display:block;color:#64748b;font-size:10px;margin-top:2px}.mpset-card-top span{margin-right:auto;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950;white-space:nowrap}.mpset-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mpset-money>div{background:#fff;border:1px solid #edf2f7;border-radius:17px;padding:10px}.mpset-money small{display:block;color:#94a3b8;font-size:9.5px;font-weight:850;margin-bottom:5px}.mpset-money strong{display:block;color:#0f172a;font-size:12px;font-weight:950}.mpset-money .warn,.mpset-table .warn{color:#ea580c}.mpset-money .ok,.mpset-table .ok{color:#16a34a}.mpset-date{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:9px 10px}.mpset-date span{color:#64748b;font-size:10px;font-weight:800}.mpset-date b{color:#0f172a;font-size:11px;font-weight:950}.mpset-empty{text-align:center;padding:26px 16px;color:#64748b}.mpset-empty span{display:block;font-size:32px;margin-bottom:6px}.mpset-empty b{display:block;color:#0f172a;font-size:14px;font-weight:950}.mpset-empty p{margin:6px auto 0;font-size:11px;line-height:1.9;max-width:420px}.mpset-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px 10px 12px}.mpset-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #edf2f7;border-radius:18px;overflow:hidden}.mpset-table th{background:#f8fafc;color:#64748b;font-size:10px;font-weight:950;text-align:right;padding:11px 10px;border-bottom:1px solid #edf2f7}.mpset-table td{padding:12px 10px;border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:11.5px;font-weight:850;white-space:nowrap}.mpset-table tr:last-child td{border-bottom:0}.mpset-plan,.mpset-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950}.mpset-plan{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.mpset-status.green{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.mpset-status.red{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.mpset-status.blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}@media(min-width:760px){.mp-main{max-width:920px}.mpset-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.mpset-hero{padding:22px}.mpset-panel{border-radius:30px}.mpset-summary{gap:12px}.mpset-summary strong{font-size:18px}}@media(max-width:430px){.mpset-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mpset-hero{border-radius:24px;padding:15px}.mpset-hero h2{font-size:18px}.mpset-hero em{width:46px;height:46px;border-radius:17px}.mpset-money{grid-template-columns:1fr}.mpset-date{align-items:flex-start;flex-direction:column}.mp-tabbar{overflow-x:auto;justify-content:flex-start}.mp-tab{min-width:64px}}


/* v4.6.43 purchase installment plan badges */
.purchase-plan-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 9px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:800;white-space:nowrap;line-height:1.4}
.bpu-loan-picker{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-weight:800;color:#334155}.bpu-loan-picker select{width:100%;border:1px solid #dbeafe;border-radius:16px;padding:13px 14px;background:#f8fbff;font-family:inherit;font-weight:800;color:#0f172a}

/* v4.6.45 - purchase installment plan picker */
.bpu-plan-select{
  margin:14px 0 4px;
  padding:14px;
  border:1px solid #dbeafe;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.bpu-plan-select-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.bpu-plan-select-head b{
  font-size:14px;
  font-weight:900;
  color:#0f172a;
  white-space:nowrap;
}
.bpu-plan-select-head small{
  font-size:10.5px;
  line-height:1.8;
  color:#64748b;
  text-align:left;
}
.bpu-plan-options{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
}
.bpu-plan-card{
  position:relative;
  display:block;
  cursor:pointer;
}
.bpu-plan-card input{
  position:absolute;
  opacity:0;
  inset:auto;
}
.bpu-plan-card-body{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-height:92px;
  padding:13px 14px;
  border:1px solid #e2e8f0;
  border-radius:18px;
  background:#fff;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.bpu-plan-card-body strong{
  font-size:18px;
  font-weight:950;
  color:#0f172a;
}
.bpu-plan-card-body small{
  font-size:11px;
  font-weight:800;
  color:#2563eb;
}
.bpu-plan-card-body em{
  font-style:normal;
  font-size:10.5px;
  font-weight:800;
  color:#64748b;
}
.bpu-plan-card input:checked + .bpu-plan-card-body{
  border-color:#14b8d6;
  background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 100%);
  box-shadow:0 14px 34px rgba(37,99,235,.14);
  transform:translateY(-1px);
}
.bpu-plan-card input:checked + .bpu-plan-card-body:after{
  content:'✓';
  position:absolute;
  top:10px;
  left:12px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  color:#fff;
  font-size:12px;
  font-weight:900;
}
@media(max-width:520px){
  .bpu-plan-select{padding:12px;border-radius:20px}
  .bpu-plan-select-head{display:block}
  .bpu-plan-select-head small{display:block;text-align:right;margin-top:4px}
  .bpu-plan-options{grid-template-columns:1fr}
  .bpu-plan-card-body{min-height:78px}
}

/* v4.6.52 merchant hybrid settlement polish */
.mpset-money.hybrid{grid-template-columns:repeat(5,minmax(0,1fr));}
.mpset-table small{display:block;color:#64748b;font-size:10px;line-height:1.6;font-weight:850;}
@media(max-width:760px){.mpset-money.hybrid{grid-template-columns:1fr 1fr;}.mpset-money.hybrid>div:first-child,.mpset-money.hybrid>div:last-child{grid-column:1/-1;}}
@media(max-width:430px){.mpset-money.hybrid{grid-template-columns:1fr;}}

/* v4.6.53 - merchant settlement request UX */
.mpset-request-box{margin-top:14px;padding:12px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mpset-request-box b{display:block;font-size:13px;color:#0f172a;margin-bottom:2px}.mpset-request-box small{display:block;font-size:11px;color:#64748b}.mpset-request-box form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.mpset-request-box select{height:40px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 10px;font-family:inherit;font-weight:700;color:#334155}.mpset-request-box button{height:40px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;padding:0 14px;font-family:inherit;font-weight:900;box-shadow:0 10px 24px rgba(37,99,235,.20)}
.mset-requests-panel{border:1px solid #dbeafe;background:linear-gradient(180deg,#ffffff,#f8fbff)}.mset-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.mset-request-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06)}.mset-request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.mset-request-top b{display:block;font-size:14px;color:#0f172a}.mset-request-top small{display:block;color:#64748b;font-size:11px;margin-top:3px}.mset-request-top span{white-space:nowrap;color:#64748b;font-size:11px;background:#f1f5f9;border-radius:999px;padding:5px 9px}.mset-request-money{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.mset-request-money div{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:9px;min-width:0}.mset-request-money small{display:block;color:#64748b;font-size:10px;margin-bottom:4px}.mset-request-money strong{display:block;color:#0f172a;font-size:12px;white-space:normal;line-height:1.4}.mset-request-money .ok{color:#059669}.mset-request-money .warn{color:#d97706}.mset-request-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.mset-request-actions form{margin:0}.mset-approve,.mset-reject{height:40px;border:0;border-radius:12px;font-family:inherit;font-weight:900;padding:0 12px;cursor:pointer}.mset-approve{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.mset-reject{background:#fee2e2;color:#b91c1c}.mset-reject-form{display:flex;gap:8px}.mset-reject-form input{height:40px;border:1px solid #fecaca;border-radius:12px;padding:0 10px;font-family:inherit;min-width:0;width:100%}
@media(max-width:640px){.mpset-request-box{align-items:stretch}.mpset-request-box form{width:100%;display:grid;grid-template-columns:1fr}.mset-request-money{grid-template-columns:1fr 1fr}.mset-request-actions{grid-template-columns:1fr}.mset-reject-form{display:grid;grid-template-columns:1fr auto}}


/* 4.6.54 settlement request review polish */
.mset-request-grid{align-items:stretch}.mset-request-card{display:flex;flex-direction:column;gap:12px}.mset-request-money.modern{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}.mset-review{border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;padding:10px}.mset-review summary{cursor:pointer;font-weight:950;color:#2563eb;list-style:none}.mset-review summary::-webkit-details-marker{display:none}.mset-review-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.mset-review-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:900;color:#64748b}.mset-review-form input,.mset-review-form select{height:38px;border:1px solid #dbeafe;border-radius:12px;background:#fff;padding:0 10px;font-family:inherit;font-weight:850;color:#0f172a;min-width:0}.mset-review-form .wide{grid-column:span 2}.mset-review-form button{grid-column:span 2;height:42px}.mset-reject-form.modern{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.mset-reject-form.modern input{height:38px;border:1px solid #fecaca;border-radius:12px;background:#fff;padding:0 10px;font-family:inherit}.mpset-money.hybrid.clear{grid-template-columns:repeat(4,minmax(0,1fr));}.mpset-money.hybrid.clear>div{min-width:0}.mpset-money.hybrid.clear strong{font-size:13px;white-space:normal;line-height:1.45}.mpset-table .ok{color:#16a34a;font-weight:950}.mpset-table b{font-weight:950}@media(max-width:760px){.mset-request-money.modern{grid-template-columns:repeat(2,minmax(0,1fr))}.mset-review-form{grid-template-columns:1fr 1fr}.mset-review-form .wide,.mset-review-form button{grid-column:1/-1}.mpset-money.hybrid.clear{grid-template-columns:1fr 1fr}.mpset-table{min-width:980px}}@media(max-width:430px){.mset-request-money.modern,.mpset-money.hybrid.clear{grid-template-columns:1fr}.mset-review-form{grid-template-columns:1fr}.mset-reject-form.modern{grid-template-columns:1fr}.mset-reject-form.modern button{height:38px}}


/* Phase 22: server-side pagination/search widgets */
.cop-server-pager,.cop-pager-note{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px}
.cop-server-pager>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cop-server-pager a,.cop-server-pager b{border:1px solid #e2e8f0;border-radius:14px;padding:8px 13px;text-decoration:none;background:#fff;color:#0f172a;font-weight:800}
.cop-server-pager b.disabled{opacity:.45;color:#94a3b8;background:#f8fafc}
.cop-server-pager em{font-style:normal;background:#f1f5f9;border-radius:14px;padding:8px 13px;color:#475569;font-weight:800}
.cop-customer-searchbar a.ghost{border:1px solid #e2e8f0;border-radius:14px;padding:9px 13px;text-decoration:none;color:#64748b;background:#fff;font-weight:800;white-space:nowrap}
@media(max-width:640px){.cop-server-pager{align-items:stretch}.cop-server-pager>div,.cop-server-pager a,.cop-server-pager b,.cop-server-pager em{width:100%;justify-content:center;text-align:center}.cop-customer-searchbar{align-items:stretch}.cop-customer-searchbar button,.cop-customer-searchbar a.ghost{width:100%}}

/* v4.7.63 - Public/customer landing merchants Tailwind-like redesign */
body.lp .lp-section#stores{
  border-radius:30px;
  overflow:hidden;
  background:rgba(255,255,255,.94);
  box-shadow:0 22px 60px rgba(15,23,42,.08);
}
body.lp .lp-section#stores .lp-section-head{
  padding:16px 16px 13px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
body.lp .lp-section#stores .lp-section-head h2{font-size:17px;letter-spacing:-.04em}
body.lp .lp-section#stores .lp-section-head p{font-size:11px;color:#94a3b8;margin-top:3px}
body.lp .lp-store-list-tailwind{
  gap:9px;
  padding:12px;
  background:linear-gradient(180deg,#fbfdff,#ffffff);
}
body.lp .lp-store-row-modern{
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:12px;
  margin:0;
  padding:12px;
  border:1px solid #e7edf5!important;
  border-radius:24px!important;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
  overflow:hidden;
}
body.lp .lp-store-row-modern::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#38bdf8,#2563eb);
  opacity:.86;
}
body.lp .lp-store-row-modern:hover{
  background:#fff;
  transform:translateY(-1px);
  border-color:#bfdbfe!important;
  box-shadow:0 16px 36px rgba(37,99,235,.10);
}
body.lp .lp-store-row-modern .lp-store-thumb{
  width:58px;
  height:58px;
  border-radius:20px;
  background:linear-gradient(135deg,#eff6ff,#eef2ff);
  border:1px solid #dbeafe;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
body.lp .lp-store-row-modern .lp-store-top{gap:8px;margin-bottom:1px}
body.lp .lp-store-row-modern .lp-store-top h3{
  font-size:15px;
  font-weight:950;
  letter-spacing:-.04em;
  color:#0f172a;
  max-width:100%;
}
body.lp .lp-store-row-modern .lp-pin-badge{
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  background:#fff7ed;
  color:#c2410c;
  border-color:#fed7aa;
}
body.lp .lp-store-row-modern .lp-pin-muted{
  background:#ecfdf5;
  color:#059669;
  border-color:#bbf7d0;
}
body.lp .lp-store-row-modern .lp-store-meta{margin-top:2px}
body.lp .lp-store-row-modern .lp-store-meta span,
body.lp .lp-store-row-modern .lp-store-tags span{
  background:#f8fafc;
  color:#64748b;
  border-color:#e2e8f0;
  font-size:10px;
  min-height:23px;
}
body.lp .lp-store-contact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:7px;
}
body.lp .lp-store-contact span{
  min-width:0;
  padding:7px 9px;
  border-radius:15px;
  background:#f8fafc;
  border:1px solid #e7edf5;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.lp .lp-store-contact span.wide{grid-column:1 / -1}
body.lp .lp-store-contact b{
  color:#94a3b8;
  font-size:9px;
  font-weight:900;
  line-height:1.4;
}
body.lp .lp-store-contact em{
  color:#334155;
  font-size:10.5px;
  font-weight:900;
  font-style:normal;
  line-height:1.65;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.lp .lp-store-contact span.wide em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.lp .lp-store-row-modern .lp-store-tags{margin-top:7px}
body.lp .lp-store-row-modern .lp-store-action{
  min-width:68px;
  height:40px;
  border-radius:16px;
  justify-content:center;
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
  box-shadow:0 8px 18px rgba(37,99,235,.08);
}
body.lp .lp-store-row-modern:hover .lp-store-action{
  background:#1d4ed8;
  color:#fff;
  border-color:#1d4ed8;
}
@media (min-width:780px){
  body.lp .lp-store-list-tailwind{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
  body.lp .lp-store-row-modern{align-items:start;grid-template-columns:64px minmax(0,1fr);padding:14px}
  body.lp .lp-store-row-modern .lp-store-thumb{width:64px;height:64px;border-radius:21px}
  body.lp .lp-store-row-modern .lp-store-action{grid-column:2;justify-self:start;margin-top:2px}
}
@media (max-width:520px){
  body.lp .lp-section#stores{border-radius:26px}
  body.lp .lp-store-list-tailwind{padding:10px;gap:8px}
  body.lp .lp-store-row-modern{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:11px;border-radius:22px!important}
  body.lp .lp-store-row-modern .lp-store-thumb{width:54px;height:54px;border-radius:18px}
  body.lp .lp-store-contact{grid-template-columns:1fr;gap:5px;margin-top:6px}
  body.lp .lp-store-contact span{padding:6px 8px;border-radius:14px}
  body.lp .lp-store-row-modern .lp-store-action{grid-column:2;width:max-content;height:34px;margin-top:3px;padding:0 10px}
  body.lp .lp-store-row-modern .lp-store-top h3{font-size:14px;white-space:normal;line-height:1.55}
}

/* v4.7.66 - premium BNPL public home, Tailwind-like, single override */
.lp{--y-purple:#6d42e8;--y-purple2:#8b5cf6;--y-ink:#181429;--y-muted:#776f8d;--y-border:#ece8f7;--y-soft:#f7f3ff;background:radial-gradient(circle at 15% 0%,rgba(139,92,246,.09),transparent 28%),linear-gradient(180deg,#fff 0%,#fbf9ff 56%,#fff 100%);color:var(--y-ink)}
.lp *{box-sizing:border-box}.lp a{text-decoration:none}.lp-nav{max-width:1120px;margin:0 auto 6px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;box-shadow:none}.lp-brand{display:flex;align-items:center;gap:10px;color:var(--y-ink);font-weight:950}.lp-brand-icon{width:50px;height:50px;border-radius:17px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;display:grid;place-items:center;font-size:0;box-shadow:0 16px 35px rgba(109,66,232,.25)}.lp-brand-icon:before{content:"◠";font-size:34px;line-height:1;transform:translateY(-3px)}.lp-brand-name{font-size:22px;letter-spacing:-.05em}.lp-nav-right{display:flex;align-items:center;gap:12px}.lp-nav-support{height:44px;padding:0 18px;border:1px solid var(--y-border);border-radius:999px;background:#fff;color:#3f3754;font-weight:900;display:flex;align-items:center;box-shadow:0 10px 28px rgba(24,20,41,.05)}.lp-nav-login{height:46px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#1fb6ff,#06b6d4);color:#fff;font-weight:950;display:flex;align-items:center;box-shadow:0 15px 34px rgba(14,165,233,.25)}.lp-wrap{max-width:1120px;margin:0 auto;padding:0 26px 104px;display:flex;flex-direction:column;gap:26px}.lp-foot{display:none}
.lp-new-hero{min-height:390px;display:grid;grid-template-columns:minmax(370px,.95fr) minmax(0,1fr);align-items:center;gap:34px;padding:18px 4px 6px}.lp-new-copy{text-align:right}.lp-new-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:#6d42e8;font-size:13px;font-weight:950}.lp-new-kicker:before{content:"";width:10px;height:10px;border-radius:99px;background:#6d42e8;box-shadow:0 0 0 7px rgba(109,66,232,.12)}.lp-new-copy h1{margin:0;font-size:47px;line-height:1.55;letter-spacing:-.08em;font-weight:950;color:#171124}.lp-new-copy h1 strong{color:#6d42e8;font-weight:950}.lp-new-copy p{max-width:440px;margin:12px 0 22px;font-size:17px;line-height:2.05;color:var(--y-muted);font-weight:750}.lp-new-cta{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 25px;border-radius:20px;background:#6d42e8;color:#fff;font-weight:950;box-shadow:0 18px 38px rgba(109,66,232,.27)}
.lp-new-art{position:relative;min-height:360px;direction:ltr}.lp-orb{position:absolute;inset:30px 36px 26px 54px;border-radius:52% 48% 55% 45%;background:radial-gradient(circle at 25% 20%,#f7f1ff 0 18%,transparent 19%),linear-gradient(135deg,#eee8ff,#f7f3ff);box-shadow:inset 0 0 0 1px rgba(124,58,237,.08)}.lp-phone{position:absolute;right:155px;top:10px;width:154px;height:292px;border-radius:30px;background:linear-gradient(160deg,#31285d,#7c3aed 62%,#9b7cff);border:8px solid #1d1a2f;box-shadow:0 28px 65px rgba(24,20,41,.26);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:18px;font-weight:900;line-height:1.85}.lp-phone:before{content:"";position:absolute;top:10px;width:62px;height:8px;border-radius:999px;background:#141225}.lp-phone i{margin-top:18px;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-style:normal;font-size:22px}.lp-cart{position:absolute;right:42px;bottom:35px;width:245px;height:150px;border-radius:28px;background:linear-gradient(180deg,#f7f7fb,#e7e3f5);box-shadow:0 24px 45px rgba(24,20,41,.14);transform:rotate(-5deg)}.lp-cart:before{content:"";position:absolute;left:22px;right:22px;top:32px;height:58px;border:4px solid #6b647f;border-radius:12px 12px 20px 20px;background:rgba(255,255,255,.42)}.lp-cart:after{content:"";position:absolute;left:49px;bottom:22px;width:20px;height:20px;border-radius:50%;background:#3b3750;box-shadow:124px 0 0 #3b3750}.lp-cart i{position:absolute;left:72px;top:47px;width:48px;height:50px;border-radius:14px;background:#fff;box-shadow:0 7px 14px rgba(0,0,0,.08)}.lp-cart b{position:absolute;left:124px;top:36px;width:52px;height:58px;border-radius:16px;background:#ffb72c}.lp-cart em{position:absolute;left:44px;top:58px;width:54px;height:44px;border-radius:14px;background:#64b5ff}.lp-float{position:absolute;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#6d42e8);color:#fff;font-weight:950;box-shadow:0 16px 34px rgba(109,66,232,.25)}.lp-float-a{left:64px;top:112px;width:54px;height:54px;font-size:26px;transform:rotate(-13deg)}.lp-float-b{right:26px;top:100px;width:82px;height:54px;font-size:15px;transform:rotate(5deg)}
.lp-new-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--y-border);border-radius:28px;box-shadow:0 18px 42px rgba(24,20,41,.08);overflow:hidden}.lp-new-benefits div{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px;text-align:center;border-left:1px solid var(--y-border)}.lp-new-benefits div:last-child{border-left:0}.lp-new-benefits svg{width:37px;height:37px;stroke:#6d42e8;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.lp-new-benefits b{font-size:15px;font-weight:950}.lp-new-benefits span{font-size:13px;color:var(--y-muted);font-weight:850}
.lp-new-section-head,.lp-new-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.lp-new-section-head h2,.lp-new-list-head h2,.lp-new-why h2{margin:0;font-size:24px;font-weight:950;letter-spacing:-.05em}.lp-new-section-head a{color:#6d42e8;font-size:14px;font-weight:950}.lp-new-store-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.lp-new-store-icon{min-height:126px;border:1px solid var(--y-border);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 14px 34px rgba(24,20,41,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--y-ink);transition:.18s}.lp-new-store-icon:hover{transform:translateY(-3px);border-color:#d7c9ff}.lp-new-store-icon i{width:62px;height:62px;border-radius:21px;background:#fff;box-shadow:inset 0 0 0 1px #f0ecfa,0 10px 22px rgba(24,20,41,.06);display:grid;place-items:center;overflow:hidden;font-size:30px;font-style:normal}.lp-new-store-icon img{width:100%;height:100%;object-fit:cover}.lp-new-store-icon b{max-width:100%;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:950}.lp-new-empty-mini{grid-column:1/-1;min-height:100px;border:1px dashed #d8d1e8;border-radius:22px;display:grid;place-items:center;color:#776f8d;font-weight:900;background:#fff}
.lp-new-about{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:18px;padding:28px;border-radius:30px;background:linear-gradient(135deg,#4d2abf 0%,#7650e9 60%,#9b7cff 100%);color:#fff;box-shadow:0 24px 60px rgba(109,66,232,.25)}.lp-new-about small{display:inline-flex;margin-bottom:8px;font-size:13px;font-weight:950;color:rgba(255,255,255,.82)}.lp-new-about h2{margin:0;font-size:28px;line-height:1.7;font-weight:950}.lp-new-about p{max-width:610px;margin:6px 0 18px;font-size:15px;line-height:2;color:rgba(255,255,255,.78);font-weight:750}.lp-new-about a{height:44px;width:max-content;padding:0 20px;border-radius:16px;background:#fff;color:#4d2abf;font-weight:950;display:flex;align-items:center}.lp-about-building{height:205px;position:relative}.lp-about-building:before{content:"";position:absolute;right:24px;bottom:0;width:160px;height:135px;border-radius:30px 30px 18px 18px;background:linear-gradient(180deg,#fff,#ede7ff);box-shadow:0 20px 45px rgba(30,16,86,.2)}.lp-about-building:after{content:"";position:absolute;right:72px;bottom:88px;width:64px;height:64px;border-radius:21px;background:#7c3aed;box-shadow:0 12px 28px rgba(76,29,149,.3)}.lp-about-building span{position:absolute;right:3px;bottom:0;width:78px;height:70px;border-radius:40px 40px 0 0;background:#52b56b}.lp-about-building i{position:absolute;right:148px;bottom:0;width:58px;height:95px;border-radius:35px 35px 0 0;background:#3f8f55}
.lp-new-why{text-align:center}.lp-new-why>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.lp-new-why article{min-height:118px;border:1px solid var(--y-border);border-radius:26px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;box-shadow:0 10px 28px rgba(24,20,41,.045)}.lp-new-why svg{width:40px;height:40px;stroke:#6d42e8;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.lp-new-why b{font-size:14px;font-weight:950;color:#332a45}
.lp-new-cats{display:flex;gap:9px;overflow:auto;padding:7px;border:1px solid var(--y-border);background:rgba(255,255,255,.78);border-radius:23px;scrollbar-width:none}.lp-new-cats::-webkit-scrollbar{display:none}.lp-new-cats a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:39px;padding:0 14px;border-radius:16px;color:#514766;background:#fff;border:1px solid #f0ebfa;font-size:13px;font-weight:950}.lp-new-cats a.active{background:#6d42e8;border-color:#6d42e8;color:#fff}.lp-new-stores{border:1px solid var(--y-border);background:#fff;border-radius:30px;padding:16px;box-shadow:0 16px 42px rgba(24,20,41,.055)}.lp-new-list-head{margin-bottom:14px}.lp-new-list-head form{height:44px;min-width:280px;display:grid;grid-template-columns:1fr 42px;gap:6px;padding:4px;border:1px solid #ebe7f5;border-radius:18px;background:#fbfaff}.lp-new-list-head input{border:0;background:transparent;outline:0;padding:0 12px;font-weight:850;color:#231b35}.lp-new-list-head button{border:0;border-radius:14px;background:#6d42e8;color:#fff;font-size:20px}.lp-new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lp-new-shop-card{display:grid;grid-template-columns:66px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:108px;padding:13px;border:1px solid #f0ebfa;border-radius:24px;background:#fff;color:var(--y-ink);box-shadow:0 9px 24px rgba(24,20,41,.04);transition:.18s}.lp-new-shop-card:hover{transform:translateY(-2px);border-color:#d8ccff;box-shadow:0 18px 35px rgba(109,66,232,.10)}.lp-new-shop-logo{width:66px;height:66px;border-radius:22px;background:#f8f5ff;border:1px solid #eee8fb;display:grid;place-items:center;overflow:hidden;font-size:32px}.lp-new-shop-logo img{width:100%;height:100%;object-fit:cover}.lp-new-shop-title{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:9px}.lp-new-shop-title h3{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:950}.lp-new-shop-title em{flex:0 0 auto;max-width:130px;height:28px;display:flex;align-items:center;padding:0 9px;border-radius:999px;background:#f8f5ff;color:#6d42e8;font-style:normal;font-size:11px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-new-shop-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}.lp-new-shop-meta span{height:32px;min-width:0;display:flex;align-items:center;gap:6px;padding:0 9px;border-radius:14px;background:#fbfaff;border:1px solid #f0ebfa;color:#625875}.lp-new-shop-meta svg{width:15px;height:15px;stroke:#7c3aed;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.lp-new-shop-meta b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:850}.lp-new-shop-go{width:42px;height:42px;border-radius:16px;background:#f4f0ff;color:#6d42e8;display:grid;place-items:center;font-size:20px;font-weight:950}.lp-new-empty{min-height:180px;border:1px dashed #d8d1e8;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#776f8d}.lp-new-empty span{font-size:30px}.lp-new-empty b{font-weight:950}.lp-new-empty a{height:38px;display:flex;align-items:center;padding:0 14px;border-radius:15px;background:#f3efff;color:#6d42e8;font-weight:950}.lp-new-bottom{display:none}
@media(max-width:840px){.lp{background:#fff}.lp-nav{padding:18px 18px 8px}.lp-brand-icon{width:48px;height:48px}.lp-nav-support{display:none}.lp-nav-login{height:42px;padding:0 16px}.lp-wrap{padding:0 18px 104px;gap:23px}.lp-new-hero{grid-template-columns:1fr;min-height:0;gap:4px;padding-top:0}.lp-new-art{min-height:260px;order:0}.lp-orb{inset:20px 12px 10px 42px}.lp-phone{right:116px;top:7px;width:118px;height:224px;border-radius:25px;border-width:7px;font-size:14px}.lp-cart{right:26px;bottom:18px;width:190px;height:112px;border-radius:24px}.lp-cart:before{top:25px;height:43px}.lp-cart:after{left:38px;bottom:16px;width:16px;height:16px;box-shadow:96px 0 0 #3b3750}.lp-cart i{left:55px;top:36px;width:37px;height:40px}.lp-cart b{left:96px;top:29px;width:41px;height:45px}.lp-cart em{left:34px;top:46px;width:40px;height:33px}.lp-float-a{left:25px;top:82px;width:44px;height:44px;font-size:22px}.lp-float-b{right:6px;top:76px;width:70px;height:45px;font-size:13px}.lp-new-copy{text-align:right;order:1}.lp-new-copy h1{font-size:31px;line-height:1.58}.lp-new-copy p{font-size:15px;line-height:1.9;margin-bottom:16px}.lp-new-cta{height:47px;border-radius:18px}.lp-new-benefits{grid-template-columns:repeat(4,1fr);border-radius:22px}.lp-new-benefits div{min-height:92px;padding:11px 6px}.lp-new-benefits svg{width:31px;height:31px}.lp-new-benefits b{font-size:12px}.lp-new-benefits span{display:none}.lp-new-section-head h2,.lp-new-list-head h2,.lp-new-why h2{font-size:20px}.lp-new-store-row{display:flex;overflow:auto;gap:10px;margin-inline:-18px;padding-inline:18px;scrollbar-width:none}.lp-new-store-row::-webkit-scrollbar{display:none}.lp-new-store-icon{flex:0 0 94px;min-height:104px;border-radius:20px}.lp-new-store-icon i{width:56px;height:56px;border-radius:18px}.lp-new-store-icon b{font-size:12px}.lp-new-about{grid-template-columns:1fr;min-height:220px;padding:22px;border-radius:26px}.lp-new-about h2{font-size:23px}.lp-new-about p{font-size:14px;margin-bottom:14px}.lp-about-building{position:absolute;left:8px;bottom:0;width:150px;height:140px;opacity:.55}.lp-new-why>div{grid-template-columns:repeat(4,1fr);gap:8px}.lp-new-why article{min-height:88px;border-radius:20px}.lp-new-why svg{width:31px;height:31px}.lp-new-why b{font-size:11px}.lp-new-stores{padding:12px;border-radius:24px}.lp-new-list-head{align-items:stretch;flex-direction:column}.lp-new-list-head form{min-width:0;width:100%}.lp-new-grid{grid-template-columns:1fr}.lp-new-shop-card{grid-template-columns:58px minmax(0,1fr) 36px;min-height:96px;padding:10px;border-radius:21px}.lp-new-shop-logo{width:58px;height:58px;border-radius:19px}.lp-new-shop-title h3{font-size:15px}.lp-new-shop-title em{height:25px;max-width:105px;font-size:10px}.lp-new-shop-meta{grid-template-columns:1fr}.lp-new-shop-meta span{height:29px}.lp-new-shop-go{width:36px;height:36px;border-radius:14px}.lp-new-bottom{position:fixed;z-index:80;left:12px;right:12px;bottom:12px;height:70px;padding:8px 10px;border:1px solid rgba(236,232,247,.85);border-radius:28px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(24,20,41,.14);display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.lp-new-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8b82a0;font-size:11px;font-weight:900}.lp-new-bottom span{width:34px;height:30px;border-radius:14px;display:grid;place-items:center;font-size:18px}.lp-new-bottom .active{color:#6d42e8}.lp-new-bottom .active span{background:#6d42e8;color:#fff;box-shadow:0 10px 24px rgba(109,66,232,.28)}}
@media(max-width:390px){.lp-wrap{padding-inline:14px}.lp-new-copy h1{font-size:28px}.lp-new-art{min-height:240px}.lp-phone{right:105px;width:112px;height:210px}.lp-cart{width:176px}.lp-new-benefits div{min-height:84px}.lp-new-benefits b{font-size:11px}.lp-new-shop-card{grid-template-columns:54px minmax(0,1fr) 34px}.lp-new-shop-logo{width:54px;height:54px}.lp-new-bottom{left:8px;right:8px}}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   v4.7.67  Customer home — clean premium minimal
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.lp{background:linear-gradient(180deg,#fbfbff 0%,#f7f7ff 45%,#fff 100%)!important;color:#17142a!important;overflow-x:hidden!important}
.lp *{box-sizing:border-box}.lp-new-bottom{display:none!important}.lp-wrap{max-width:1180px!important;margin:0 auto!important;padding:0 16px 34px!important}.lp-nav{height:72px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(18px)!important;border:0!important;box-shadow:0 10px 35px rgba(17,24,39,.06)!important;padding:0 max(18px,calc((100vw - 1180px)/2 + 18px))!important}.lp-brand-icon{width:44px!important;height:44px!important;border-radius:16px!important;background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important;box-shadow:0 18px 34px rgba(109,40,217,.25)!important}.lp-brand-name{font-size:18px!important;font-weight:950!important;color:#17142a!important}.lp-nav-right{gap:10px!important}.lp-nav-support{height:40px!important;padding:0 14px!important;border:1px solid #ece9ff!important;background:#fff!important;color:#5b5872!important;border-radius:999px!important;font-weight:900!important}.lp-nav-login{height:42px!important;padding:0 18px!important;background:linear-gradient(135deg,#14b8d4,#2563eb)!important;border-radius:999px!important;box-shadow:0 16px 34px rgba(37,99,235,.22)!important;color:#fff!important;font-weight:950!important}
.lp-foot{padding:24px 16px 38px!important;border:0!important;color:#9ca3af!important}.lp-foot p{margin:4px 0!important}
.lp67-page{display:flex;flex-direction:column;gap:18px;padding-top:20px}.lp67-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:22px;align-items:center;min-height:330px;padding:34px;border:1px solid rgba(139,92,246,.12);border-radius:34px;background:radial-gradient(circle at 18% 16%,rgba(20,184,212,.18),transparent 34%),radial-gradient(circle at 82% 10%,rgba(139,92,246,.18),transparent 34%),linear-gradient(135deg,#fff,#fbfaff);box-shadow:0 30px 80px rgba(31,27,68,.08)}.lp67-hero:before{content:"";position:absolute;inset:auto -100px -150px auto;width:360px;height:360px;border-radius:999px;background:rgba(139,92,246,.08)}.lp67-hero-copy{position:relative;z-index:1}.lp67-kicker{display:inline-flex;align-items:center;height:32px;padding:0 12px;margin-bottom:14px;border-radius:999px;background:#f3f0ff;color:#6d28d9;font-size:12px;font-weight:950}.lp67-hero h1{margin:0 0 14px;font-size:clamp(28px,4.2vw,54px);font-weight:950;letter-spacing:-1.2px;line-height:1.35;color:#17142a}.lp67-hero p{max-width:520px;margin:0 0 22px;color:#6b6680;font-size:15px;font-weight:700;line-height:2}.lp67-actions{display:flex;gap:10px;flex-wrap:wrap}.lp67-primary,.lp67-secondary{height:48px;padding:0 22px;border-radius:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:14px}.lp67-primary{background:#17142a;color:#fff;box-shadow:0 18px 36px rgba(23,20,42,.22)}.lp67-secondary{background:#fff;color:#17142a;border:1px solid #ebe7ff}.lp67-hero-card{position:relative;z-index:1;min-height:250px;display:grid;place-items:center}.lp67-phone{width:190px;height:250px;border-radius:34px;background:linear-gradient(145deg,#2c1974,#8b5cf6);box-shadow:0 30px 70px rgba(109,40,217,.32);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(-6deg)}.lp67-phone:before{content:"";position:absolute;top:10px;width:64px;height:8px;border-radius:999px;background:rgba(255,255,255,.28)}.lp67-phone b{font-size:12px;letter-spacing:2px;color:rgba(255,255,255,.7)}.lp67-phone strong{font-size:22px;font-weight:950}.lp67-phone span{font-size:12px;color:rgba(255,255,255,.72)}.lp67-bubble{position:absolute;width:58px;height:58px;border-radius:19px;background:#fff;color:#6d28d9;display:grid;place-items:center;font-size:24px;font-weight:950;box-shadow:0 20px 45px rgba(109,40,217,.18)}.lp67-bubble.one{right:52px;top:42px;transform:rotate(12deg)}.lp67-bubble.two{left:72px;bottom:42px;background:#ecfeff;color:#0891b2}.lp67-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid #f0edff;border-radius:28px;box-shadow:0 18px 50px rgba(31,27,68,.06);overflow:hidden}.lp67-benefits article{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-left:1px solid #f4f2ff}.lp67-benefits article:last-child{border-left:0}.lp67-benefits i{font-style:normal;font-size:27px}.lp67-benefits b{font-size:14px;font-weight:950;color:#17142a}.lp67-benefits span{font-size:11px;font-weight:800;color:#8b879d}.lp67-featured,.lp67-stores,.lp67-why{background:#fff;border:1px solid #f0edff;border-radius:28px;padding:22px;box-shadow:0 18px 50px rgba(31,27,68,.055)}.lp67-head,.lp67-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.lp67-head h2,.lp67-list-head h2,.lp67-why h2{margin:0;color:#17142a;font-size:22px;font-weight:950;letter-spacing:-.4px}.lp67-head a{color:#6d28d9;font-weight:950;text-decoration:none;font-size:13px}.lp67-store-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.lp67-store-mini{min-height:112px;border:1px solid #f2efff;background:#fcfbff;border-radius:22px;padding:14px 10px;text-decoration:none;color:#17142a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:.2s}.lp67-store-mini:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(109,40,217,.10);border-color:#ded6ff}.lp67-store-mini i{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#fff;border:1px solid #eee9ff;overflow:hidden;font-style:normal;font-size:24px}.lp67-store-mini img{width:100%;height:100%;object-fit:cover}.lp67-store-mini b{max-width:100%;font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp67-empty-mini{grid-column:1/-1;text-align:center;color:#9ca3af;font-weight:900;padding:22px}.lp67-about{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-radius:30px;padding:26px 28px;color:#fff;background:linear-gradient(135deg,#4c1d95,#7c3aed 55%,#06b6d4);box-shadow:0 25px 60px rgba(109,40,217,.22);overflow:hidden;position:relative}.lp67-about:before{content:"";position:absolute;inset:-50px auto auto -70px;width:230px;height:230px;border-radius:999px;background:rgba(255,255,255,.13)}.lp67-about div,.lp67-about a{position:relative;z-index:1}.lp67-about small{color:rgba(255,255,255,.75);font-weight:950}.lp67-about h2{margin:8px 0 8px;font-size:25px;font-weight:950}.lp67-about p{margin:0;line-height:2;color:rgba(255,255,255,.82);font-weight:700}.lp67-about a{height:44px;padding:0 18px;border-radius:15px;background:#fff;color:#5b21b6;text-decoration:none;display:inline-flex;align-items:center;font-weight:950;white-space:nowrap}.lp67-why{text-align:center}.lp67-why>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.lp67-why article{border:1px solid #f2efff;background:#fcfbff;border-radius:22px;padding:18px 10px;display:flex;flex-direction:column;gap:8px;align-items:center}.lp67-why i{font-style:normal;font-size:28px}.lp67-why b{font-size:13px;font-weight:950;color:#17142a}.lp67-list-head>div span{display:inline-flex;margin-top:5px;color:#8b879d;font-size:12px;font-weight:900}.lp67-list-head form{display:flex;align-items:center;width:min(360px,100%);height:46px;border:1px solid #ebe7ff;background:#fbfaff;border-radius:16px;overflow:hidden}.lp67-list-head input{flex:1;width:100%;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 14px!important;font-family:inherit;font-weight:800;color:#17142a;outline:none}.lp67-list-head button{width:50px;height:100%;border:0;background:#17142a;color:#fff;font-size:18px;cursor:pointer}.lp67-cats{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-2px 0 16px;padding-bottom:2px}.lp67-cats::-webkit-scrollbar{display:none}.lp67-cats a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:999px;border:1px solid #eee9ff;background:#fff;color:#6b6680;text-decoration:none;font-size:12px;font-weight:950}.lp67-cats a.active{background:#17142a;color:#fff;border-color:#17142a}.lp67-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lp67-shop-card{display:flex;align-items:center;gap:13px;min-width:0;padding:14px;border:1px solid #f0edff;background:#fff;border-radius:24px;text-decoration:none;color:#17142a;transition:.2s;box-shadow:0 10px 28px rgba(31,27,68,.035)}.lp67-shop-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(31,27,68,.09);border-color:#ded6ff}.lp67-shop-logo{width:62px;height:62px;flex:0 0 62px;border-radius:20px;background:#f7f4ff;border:1px solid #eee9ff;display:grid;place-items:center;overflow:hidden;font-size:27px}.lp67-shop-logo img{width:100%;height:100%;object-fit:cover}.lp67-shop-body{flex:1;min-width:0}.lp67-shop-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.lp67-shop-title h3{margin:0;font-size:15px;font-weight:950;color:#17142a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp67-shop-title em{font-style:normal;flex:0 0 auto;max-width:115px;height:24px;padding:0 8px;border-radius:999px;background:#f5f3ff;color:#6d28d9;display:inline-flex;align-items:center;font-size:10px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp67-shop-lines{display:grid;gap:5px}.lp67-shop-lines span{display:flex;align-items:center;gap:6px;min-width:0;color:#767187;font-size:11px;font-weight:800;line-height:1.55}.lp67-shop-lines svg{width:15px;height:15px;fill:none;stroke:#8b5cf6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px}.lp67-shop-lines span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp67-shop-cta{height:34px;min-width:54px;padding:0 12px;border-radius:13px;background:#f3f0ff;color:#6d28d9;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:950}.lp67-shop-card:hover .lp67-shop-cta{background:#6d28d9;color:#fff}.lp67-empty{display:grid;place-items:center;text-align:center;gap:9px;border:1px dashed #ddd6fe;border-radius:24px;padding:34px;color:#8b879d;font-weight:950}.lp67-empty span{font-size:28px}.lp67-empty a{color:#6d28d9;text-decoration:none}
@media(max-width:820px){.lp-wrap{padding:0 12px 26px!important}.lp-nav{height:66px!important;padding:0 14px!important}.lp-brand-name{font-size:16px!important}.lp-nav-support{display:none!important}.lp-nav-login{height:40px!important;padding:0 15px!important}.lp67-page{gap:14px;padding-top:14px}.lp67-hero{grid-template-columns:1fr;min-height:0;padding:24px 20px;border-radius:28px}.lp67-hero h1{font-size:31px;line-height:1.45}.lp67-hero p{font-size:13px;margin-bottom:18px}.lp67-hero-card{display:none}.lp67-actions a{flex:1}.lp67-benefits{grid-template-columns:repeat(4,1fr);border-radius:24px}.lp67-benefits article{min-height:92px;padding:10px 4px}.lp67-benefits i{font-size:22px}.lp67-benefits b{font-size:12px}.lp67-benefits span{font-size:10px}.lp67-featured,.lp67-stores,.lp67-why{border-radius:24px;padding:16px}.lp67-store-strip{display:flex;overflow-x:auto;gap:10px;scrollbar-width:none}.lp67-store-strip::-webkit-scrollbar{display:none}.lp67-store-mini{min-width:88px;min-height:98px}.lp67-about{grid-template-columns:1fr;border-radius:26px;padding:22px}.lp67-about a{width:max-content}.lp67-why>div{grid-template-columns:repeat(4,1fr);gap:8px}.lp67-why article{padding:14px 5px;border-radius:18px}.lp67-why i{font-size:23px}.lp67-why b{font-size:11px}.lp67-list-head{align-items:stretch;flex-direction:column}.lp67-list-head form{width:100%}.lp67-shop-grid{grid-template-columns:1fr}.lp67-shop-card{border-radius:22px;padding:12px}.lp67-shop-logo{width:56px;height:56px;flex-basis:56px;border-radius:18px}.lp67-shop-title h3{font-size:14px}.lp67-shop-title em{max-width:92px}.lp67-shop-cta{min-width:48px}}
@media(max-width:390px){.lp67-hero h1{font-size:27px}.lp67-benefits{grid-template-columns:repeat(2,1fr)}.lp67-benefits article:nth-child(2n){border-left:0}.lp67-benefits article:nth-child(-n+2){border-bottom:1px solid #f4f2ff}.lp67-why>div{grid-template-columns:repeat(2,1fr)}.lp67-shop-card{gap:10px}.lp67-shop-cta{display:none}.lp67-shop-title{align-items:flex-start;flex-direction:column;gap:5px}.lp67-shop-title em{max-width:100%}}


/* v4.7.68 - customer home mobile polish: fixed viewport, cleaner nav, better finance copy */
html,body{max-width:100%;overflow-x:hidden}
body.lp{width:100%;min-width:0;overflow-x:hidden;background:#f7f8fc;color:#151426;-webkit-text-size-adjust:100%;touch-action:pan-y}
body.lp .lp-nav{width:100%;box-sizing:border-box;min-height:60px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));justify-content:space-between;background:rgba(247,248,252,.92)}
body.lp .lp-nav-login{display:none!important}
body.lp .lp-wrap{width:100%;max-width:760px;box-sizing:border-box;margin:0 auto;padding:12px 12px 26px}
body.lp .lp67-page{width:100%;max-width:100%;box-sizing:border-box;gap:14px;padding-top:8px}
body.lp .lp67-page *{box-sizing:border-box}
body.lp .lp67-hero,body.lp .lp67-benefits,body.lp .lp67-featured,body.lp .lp67-about,body.lp .lp67-why,body.lp .lp67-stores{width:100%;max-width:100%}
body.lp .lp67-hero{border-radius:28px;padding:28px 24px;background:radial-gradient(circle at 12% 8%,rgba(14,165,233,.13),transparent 36%),radial-gradient(circle at 88% 18%,rgba(124,58,237,.16),transparent 38%),linear-gradient(135deg,#ffffff 0%,#fbfaff 100%);box-shadow:0 22px 55px rgba(88,80,140,.10);border-color:#eeeafe}
body.lp .lp67-hero h1{max-width:620px;font-size:clamp(30px,7.4vw,44px);line-height:1.42;letter-spacing:-1px;margin-bottom:12px}
body.lp .lp67-hero p{max-width:600px;font-size:14px;line-height:2.05;color:#6b647c;margin-bottom:20px}
body.lp .lp67-kicker{background:#f3efff;color:#6d28d9;height:30px;font-size:12px}
body.lp .lp67-primary,body.lp .lp67-secondary{height:48px;border-radius:16px;font-size:14px;min-width:0}
body.lp .lp67-benefits{border-radius:24px;box-shadow:0 16px 42px rgba(31,27,68,.055)}
body.lp .lp67-featured,body.lp .lp67-stores,body.lp .lp67-why{border-radius:26px;box-shadow:0 16px 42px rgba(31,27,68,.05)}
body.lp .lp67-about{border-radius:28px;padding:26px;background:radial-gradient(circle at 8% 18%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#5b21b6 0%,#7c3aed 50%,#06b6d4 100%);box-shadow:0 24px 58px rgba(109,40,217,.24)}
body.lp .lp67-about small{font-size:12px;color:rgba(255,255,255,.72)}
body.lp .lp67-about h2{font-size:clamp(23px,6vw,34px);line-height:1.45;letter-spacing:-.8px;margin:8px 0 10px}
body.lp .lp67-about p{max-width:620px;font-size:14px;line-height:2.1;color:rgba(255,255,255,.88)}
body.lp .lp67-about a{height:44px;border-radius:16px;padding:0 18px;color:#5b21b6;box-shadow:0 14px 30px rgba(17,24,39,.13)}
body.lp .lp-foot{display:none!important}
@media(max-width:820px){
  body.lp .lp-nav{position:relative;min-height:56px;padding-top:8px;padding-bottom:8px}
  body.lp .lp-brand-icon{width:40px;height:40px;border-radius:14px}
  body.lp .lp-wrap{max-width:100%;padding:10px 10px 22px}
  body.lp .lp67-page{gap:12px;padding-top:4px}
  body.lp .lp67-hero{padding:24px 20px;border-radius:26px;min-height:auto}
  body.lp .lp67-hero h1{font-size:30px;line-height:1.48;text-align:right}
  body.lp .lp67-hero p{text-align:right;font-size:13px;line-height:2;margin-bottom:16px}
  body.lp .lp67-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  body.lp .lp67-actions a{width:100%;padding:0 10px}
  body.lp .lp67-benefits{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:22px;overflow:hidden}
  body.lp .lp67-benefits article{min-width:0;min-height:84px;padding:9px 4px}
  body.lp .lp67-benefits i{font-size:20px}
  body.lp .lp67-benefits b{font-size:11.5px}
  body.lp .lp67-benefits span{font-size:9.5px}
  body.lp .lp67-featured,body.lp .lp67-stores,body.lp .lp67-why{padding:15px;border-radius:24px}
  body.lp .lp67-store-strip{margin:0 -2px;padding:0 2px 2px;max-width:100%}
  body.lp .lp67-store-mini{min-width:94px;max-width:94px}
  body.lp .lp67-about{padding:22px 20px;border-radius:25px;grid-template-columns:1fr}
  body.lp .lp67-about h2{font-size:25px}
  body.lp .lp67-about p{font-size:13px;line-height:2.05}
  body.lp .lp67-about a{width:max-content}
  body.lp .lp67-shop-card{max-width:100%;overflow:hidden}
}
@media(max-width:390px){
  body.lp .lp-wrap{padding-left:9px;padding-right:9px}
  body.lp .lp67-hero{padding:22px 18px}
  body.lp .lp67-hero h1{font-size:27px}
  body.lp .lp67-actions{grid-template-columns:1fr}
  body.lp .lp67-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.lp .lp67-about h2{font-size:23px}
}


/* v4.7.69 - Shantia customer home: cleaner merchant cards, full names, less clutter */
body.lp{overflow-x:hidden!important;background:#fbfaff!important}
body.lp .lp-brand-name{font-size:19px!important;letter-spacing:-.03em!important}
body.lp .lp67-stores{padding:18px!important;border-radius:26px!important}
body.lp .lp67-list-head{margin-bottom:12px!important;align-items:center!important}
body.lp .lp67-list-head h2{font-size:24px!important;letter-spacing:-.04em!important}
body.lp .lp67-list-head>div span{font-size:11px!important;color:#a3a0b5!important}
body.lp .lp67-list-head form{height:44px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(24,20,41,.035)!important}
body.lp .lp67-list-head button{width:48px!important;border-radius:15px!important;margin:3px!important;height:38px!important;background:#17142a!important}
body.lp .lp67-cats{margin:0 0 14px!important;padding-bottom:3px!important;gap:7px!important}
body.lp .lp67-cats a{height:34px!important;padding:0 12px!important;font-size:11px!important;background:#fff!important;border-color:#f0edff!important;color:#6b6680!important;box-shadow:0 8px 20px rgba(31,27,68,.025)!important}
body.lp .lp67-cats a.active{background:#17142a!important;color:#fff!important;border-color:#17142a!important}
body.lp .lp67-shop-grid{gap:10px!important}
body.lp .lp67-shop-card{display:grid!important;grid-template-columns:52px minmax(0,1fr) 52px!important;align-items:center!important;gap:12px!important;padding:12px!important;border-radius:22px!important;border-color:#f1edff!important;background:linear-gradient(180deg,#fff,#fff 70%,#fefcff)!important;box-shadow:0 12px 32px rgba(31,27,68,.04)!important;min-width:0!important;overflow:hidden!important}
body.lp .lp67-shop-card:hover{transform:translateY(-1px)!important;box-shadow:0 18px 44px rgba(31,27,68,.08)!important}
body.lp .lp67-shop-logo{width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:18px!important;font-size:24px!important;background:#f8f5ff!important}
body.lp .lp67-shop-body{min-width:0!important;width:100%!important}
body.lp .lp67-shop-title{display:block!important;margin-bottom:7px!important;min-width:0!important}
body.lp .lp67-shop-title h3{display:block!important;max-width:100%!important;margin:0 0 5px!important;font-size:15px!important;line-height:1.65!important;font-weight:950!important;color:#17142a!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important}
body.lp .lp67-shop-title em{display:inline-flex!important;max-width:100%!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;background:#f5f1ff!important;color:#6d28d9!important;font-size:10.5px!important;line-height:24px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:top!important}
body.lp .lp67-shop-lines{gap:3px!important;min-width:0!important}
body.lp .lp67-shop-lines span{max-width:100%!important;font-size:11.5px!important;line-height:1.75!important;color:#77728a!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lp .lp67-shop-lines svg{width:14px!important;height:14px!important;flex-basis:14px!important;stroke:#8b5cf6!important;opacity:.9!important}
body.lp .lp67-shop-cta{justify-self:end!important;width:52px!important;min-width:52px!important;height:38px!important;border-radius:15px!important;padding:0!important;background:#f4efff!important;color:#6d28d9!important;font-size:12px!important;box-shadow:none!important}
body.lp .lp67-shop-card:hover .lp67-shop-cta{background:#6d28d9!important;color:#fff!important}
body.lp .lp67-about small,body.lp .lp67-about h2,body.lp .lp67-about p{max-width:720px!important}
@media(max-width:820px){
  body.lp .lp-wrap{padding-inline:12px!important}
  body.lp .lp67-stores{padding:14px!important;border-radius:24px!important}
  body.lp .lp67-list-head{gap:10px!important;margin-bottom:10px!important;align-items:stretch!important}
  body.lp .lp67-list-head h2{font-size:22px!important}
  body.lp .lp67-list-head form{height:42px!important}
  body.lp .lp67-shop-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.lp .lp67-shop-card{grid-template-columns:48px minmax(0,1fr) 46px!important;gap:10px!important;padding:11px!important;border-radius:21px!important}
  body.lp .lp67-shop-logo{width:48px!important;height:48px!important;border-radius:16px!important;font-size:23px!important}
  body.lp .lp67-shop-title h3{font-size:15px!important;line-height:1.55!important;margin-bottom:4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important}
  body.lp .lp67-shop-title em{height:22px!important;font-size:10px!important;line-height:22px!important;padding:0 8px!important}
  body.lp .lp67-shop-lines span{font-size:11px!important;line-height:1.65!important}
  body.lp .lp67-shop-cta{width:46px!important;min-width:46px!important;height:36px!important;border-radius:14px!important}
}
@media(max-width:380px){
  body.lp .lp67-shop-card{grid-template-columns:44px minmax(0,1fr) 42px!important;padding:10px!important;gap:8px!important}
  body.lp .lp67-shop-logo{width:44px!important;height:44px!important;border-radius:15px!important}
  body.lp .lp67-shop-title h3{font-size:14px!important}
  body.lp .lp67-shop-lines span{font-size:10.5px!important}
  body.lp .lp67-shop-cta{width:42px!important;min-width:42px!important;font-size:11px!important}
}

/* v4.7.70 - Customer home: compact brand, support call link, minimal featured stores */
body.lp .lp-nav{align-items:center!important;gap:10px!important;padding:12px 18px!important;max-width:760px!important;margin:0 auto 8px!important;width:100%!important;box-sizing:border-box!important}
body.lp .lp-brand-v70{gap:10px!important;min-width:0!important;text-decoration:none!important;flex:1 1 auto!important}
body.lp .lp-brand-v70 .lp-brand-icon{width:42px!important;height:42px!important;border-radius:15px!important;flex:0 0 42px!important;background:linear-gradient(135deg,#101226,#4f46e5)!important;box-shadow:0 14px 30px rgba(79,70,229,.18)!important}
body.lp .lp-brand-v70 span{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;text-align:right!important}
body.lp .lp-brand-v70 .lp-brand-name{display:block!important;font-size:16px!important;line-height:1.35!important;font-weight:950!important;color:#151426!important;letter-spacing:-.03em!important;white-space:normal!important}
body.lp .lp-brand-v70 small{display:block!important;font-size:10.5px!important;color:#8b86a2!important;font-weight:800!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.lp .lp-nav-support-v70{height:42px!important;border-radius:16px!important;padding:0 12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1px!important;background:#fff!important;border:1px solid #eeeafe!important;color:#17142a!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(31,27,68,.055)!important;min-width:116px!important}
body.lp .lp-nav-support-v70 span{font-size:9.5px!important;color:#8b86a2!important;font-weight:800!important;line-height:1!important}
body.lp .lp-nav-support-v70 b{font-size:12px!important;font-weight:950!important;letter-spacing:.01em!important;line-height:1.25!important;direction:ltr!important;color:#4f46e5!important}
body.lp .lp67-featured-v70{padding:14px 15px!important;border-radius:24px!important;background:rgba(255,255,255,.86)!important;border:1px solid #f1edff!important;box-shadow:0 16px 42px rgba(31,27,68,.05)!important}
body.lp .lp67-featured-v70 .lp67-head{margin-bottom:10px!important;align-items:center!important}
body.lp .lp67-featured-v70 .lp67-head h2{font-size:18px!important;line-height:1.4!important;letter-spacing:-.04em!important;margin:0!important;color:#17142a!important}
body.lp .lp67-featured-v70 .lp67-head a{font-size:11.5px!important;color:#6d28d9!important;text-decoration:none!important;font-weight:900!important;background:#f7f2ff!important;border:1px solid #eee7ff!important;border-radius:999px!important;padding:7px 11px!important}
body.lp .lp67-featured-v70 .lp67-store-strip{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(88px,1fr)!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;margin:0!important;padding:1px 1px 4px!important;-webkit-overflow-scrolling:touch!important}
body.lp .lp67-featured-v70 .lp67-store-strip::-webkit-scrollbar{display:none!important}
body.lp .lp67-featured-v70 .lp67-store-mini{min-width:0!important;max-width:none!important;height:86px!important;padding:10px 7px!important;border-radius:19px!important;background:#fbfaff!important;border:1px solid #f0edff!important;box-shadow:none!important;gap:6px!important;scroll-snap-align:start!important}
body.lp .lp67-featured-v70 .lp67-store-mini i{width:38px!important;height:38px!important;border-radius:14px!important;background:#fff!important;border:1px solid #eeeafe!important;box-shadow:0 8px 18px rgba(31,27,68,.035)!important;font-size:20px!important;flex:0 0 38px!important}
body.lp .lp67-featured-v70 .lp67-store-mini img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:14px!important}
body.lp .lp67-featured-v70 .lp67-store-mini b{font-size:10.5px!important;line-height:1.45!important;color:#17142a!important;font-weight:950!important;width:100%!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;letter-spacing:-.02em!important}
@media(max-width:640px){
 body.lp .lp-nav{padding:10px 16px 8px!important;margin-bottom:6px!important}
 body.lp .lp-brand-v70 .lp-brand-icon{width:38px!important;height:38px!important;border-radius:14px!important;flex-basis:38px!important}
 body.lp .lp-brand-v70 .lp-brand-name{font-size:14px!important;line-height:1.35!important}
 body.lp .lp-brand-v70 small{font-size:9.5px!important}
 body.lp .lp-nav-support-v70{min-width:105px!important;height:38px!important;border-radius:14px!important;padding:0 9px!important}
 body.lp .lp-nav-support-v70 span{font-size:9px!important}
 body.lp .lp-nav-support-v70 b{font-size:11px!important}
 body.lp .lp67-featured-v70{padding:13px!important;border-radius:22px!important}
 body.lp .lp67-featured-v70 .lp67-head h2{font-size:17px!important}
 body.lp .lp67-featured-v70 .lp67-store-strip{grid-auto-columns:88px!important;gap:8px!important}
 body.lp .lp67-featured-v70 .lp67-store-mini{height:82px!important;border-radius:18px!important;padding:9px 6px!important}
 body.lp .lp67-featured-v70 .lp67-store-mini i{width:36px!important;height:36px!important;border-radius:13px!important}
 body.lp .lp67-featured-v70 .lp67-store-mini b{font-size:10px!important}
}
@media(max-width:370px){
 body.lp .lp-nav{gap:7px!important;padding-left:12px!important;padding-right:12px!important}
 body.lp .lp-brand-v70 .lp-brand-name{font-size:13px!important}
 body.lp .lp-brand-v70 small{display:none!important}
 body.lp .lp-nav-support-v70{min-width:96px!important;padding:0 7px!important}
 body.lp .lp-nav-support-v70 b{font-size:10.5px!important}
}


/* v4.7.71 - Customer home: remove featured stores, add office address */
body.lp .lp-office-address{max-width:760px;width:calc(100% - 32px);box-sizing:border-box;margin:-2px auto 10px;padding:9px 13px;border:1px solid #f0edff;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(31,27,68,.035);display:flex;align-items:center;justify-content:center;gap:7px;color:#6f6a82;font-weight:850;font-size:12px;line-height:1.8;text-align:center}
body.lp .lp-office-address span{width:24px;height:24px;border-radius:10px;background:#f6f1ff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;font-size:13px}
body.lp .lp-office-address b{color:#17142a;font-weight:950;white-space:nowrap}
body.lp .lp-office-address em{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.lp .lp67-page{gap:12px!important}
body.lp .lp67-benefits{margin-bottom:0!important}
@media(max-width:640px){body.lp .lp-office-address{width:calc(100% - 24px);margin:0 auto 8px;padding:8px 10px;border-radius:16px;font-size:11px;justify-content:flex-start}body.lp .lp-office-address em{white-space:normal;text-align:right;line-height:1.7}}

/* v4.7.73 - Shantia modern Tailwind-like login redesign */
.sl-body.sl-modern{
  min-height:100svh;
  margin:0;
  display:block;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(124,58,237,.16), transparent 32%),
    radial-gradient(circle at 85% 18%, rgba(14,165,233,.14), transparent 30%),
    linear-gradient(180deg,#fbfaff 0%,#f7f5ff 48%,#f8fafc 100%);
  color:#111827;
}
.sl-modern *{box-sizing:border-box}
.sl-modern .sl-page{
  width:100%;
  min-height:100svh;
  max-width:1180px;
  margin:0 auto;
  padding:22px clamp(14px,3vw,34px);
  display:flex;
  flex-direction:column;
  gap:22px;
}
.sl-modern .sl-nav{
  position:relative;
  inset:auto;
  padding:0;
  width:100%;
  max-width:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:transparent;
  z-index:1;
}
.sl-modern .sl-nav a:first-child{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:2px 12px;
  padding:0;
  color:#111827;
}
.sl-modern .sl-nav-icon{
  grid-row:1/3;
  width:48px;
  height:48px;
  border-radius:18px;
  background:linear-gradient(135deg,#6d28d9 0%,#8b5cf6 52%,#06b6d4 100%);
  color:#fff;
  font-size:19px;
  font-weight:950;
  box-shadow:0 18px 38px rgba(109,40,217,.25);
}
.sl-modern .sl-nav strong{
  min-width:0;
  font-size:15px;
  font-weight:950;
  line-height:1.35;
  letter-spacing:-.045em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sl-modern .sl-nav small{
  color:#7c3aed;
  font-weight:800;
  font-size:11px;
  line-height:1.3;
}
.sl-modern .sl-support{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(124,58,237,.14);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#4c1d95;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(79,70,229,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.sl-modern .sl-support span{font-size:11px;color:#8b5cf6;font-weight:900}
.sl-modern .sl-support b{font-size:12px;font-weight:950;direction:ltr;color:#111827}
.sl-modern .sl-auth-shell{
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,430px);
  gap:24px;
  align-items:stretch;
}
.sl-modern .sl-hero-panel{
  position:relative;
  overflow:hidden;
  min-height:520px;
  border:1px solid rgba(226,232,240,.9);
  border-radius:38px;
  padding:42px;
  background:
    radial-gradient(circle at 8% 16%, rgba(255,255,255,.95) 0 15%, transparent 16%),
    radial-gradient(circle at 86% 78%, rgba(6,182,212,.25), transparent 28%),
    linear-gradient(135deg,#ffffff 0%,#f6f2ff 48%,#e8fbff 100%);
  box-shadow:0 28px 80px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.75);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sl-modern .sl-hero-panel:before{
  content:"";
  position:absolute;
  left:42px;
  bottom:42px;
  width:220px;
  height:220px;
  border-radius:54px;
  background:linear-gradient(135deg,#7c3aed,#06b6d4);
  opacity:.11;
  transform:rotate(-10deg);
}
.sl-modern .sl-hero-panel:after{
  content:"%";
  position:absolute;
  left:92px;
  bottom:112px;
  width:74px;
  height:74px;
  border-radius:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#7c3aed;
  font-size:34px;
  font-weight:950;
  box-shadow:0 22px 55px rgba(109,40,217,.18);
}
.sl-modern .sl-hero-kicker{
  width:max-content;
  max-width:100%;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  background:#f3e8ff;
  color:#6d28d9;
  font-size:12px;
  font-weight:950;
}
.sl-modern .sl-hero-panel h2{
  position:relative;
  margin:0;
  max-width:560px;
  font-size:clamp(30px,4vw,48px);
  line-height:1.42;
  letter-spacing:-.07em;
  color:#0f172a;
  font-weight:950;
}
.sl-modern .sl-hero-panel p{
  position:relative;
  max-width:500px;
  margin:18px 0 0;
  color:#64748b;
  font-size:15px;
  line-height:2.05;
  font-weight:760;
}
.sl-modern .sl-benefits{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.sl-modern .sl-benefits span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(226,232,240,.85);
  color:#334155;
  font-size:12px;
  font-weight:950;
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.sl-modern .sl-mini-card{
  position:relative;
  margin-top:30px;
  max-width:360px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 20px 50px rgba(15,23,42,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.sl-modern .sl-mini-card b{display:block;font-size:14px;font-weight:950;color:#111827;margin-bottom:4px}
.sl-modern .sl-mini-card small{display:block;color:#64748b;font-size:12px;line-height:1.9;font-weight:800}
.sl-modern .sl-wrap{
  width:100%;
  max-width:none;
  min-height:520px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sl-modern .sl-card{
  width:100%;
  max-width:430px;
  border-radius:34px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 30px 90px rgba(88,28,135,.10),0 1px 0 rgba(255,255,255,.9) inset;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.sl-modern .sl-card-top{
  padding:28px 28px 10px;
  text-align:right;
}
.sl-modern .sl-card-top .sl-icon{
  margin:0 0 15px auto;
  width:54px;
  height:54px;
  border-radius:20px;
  background:linear-gradient(135deg,#f5f3ff,#ecfeff);
  border:1px solid rgba(124,58,237,.12);
  color:#6d28d9;
  box-shadow:none;
}
.sl-modern .sl-card-top h1{
  margin:0 0 6px;
  color:#0f172a;
  font-size:25px;
  font-weight:950;
  letter-spacing:-.055em;
  line-height:1.45;
}
.sl-modern .sl-card-top p{
  margin:0;
  max-width:330px;
  color:#64748b;
  font-size:13px;
  line-height:1.9;
  font-weight:750;
}
.sl-modern .sl-card-body{padding:8px 28px 28px}
.sl-modern .sl-steps{display:flex;gap:6px;margin:4px 0 18px;direction:ltr}
.sl-modern .sl-step-dot{height:5px;width:28px;border-radius:999px;background:#e9d5ff}
.sl-modern .sl-step-dot.active{width:50px;background:linear-gradient(90deg,#7c3aed,#06b6d4)}
.sl-modern .sl-label{
  display:block;
  margin:0 0 8px;
  color:#334155;
  font-size:12px;
  font-weight:950;
}
.sl-modern .sl-field-shell{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:0 14px;
  border:1px solid #e5e7eb;
  border-radius:20px;
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.sl-modern .sl-field-shell:focus-within{
  border-color:#8b5cf6;
  box-shadow:0 0 0 4px rgba(139,92,246,.10);
  transform:translateY(-1px);
}
.sl-modern .sl-field-shell span{
  flex:none;
  width:32px;
  height:32px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f3ff;
  color:#7c3aed;
  font-size:15px;
}
.sl-modern .sl-input{
  width:100%;
  height:54px;
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111827;
  font-size:18px;
  font-weight:950;
  text-align:right;
  direction:ltr;
}
.sl-modern .sl-input::placeholder{color:#cbd5e1;font-weight:850}
.sl-modern .sl-hint{margin:10px 2px 18px;color:#94a3b8;font-size:12px;font-weight:760;line-height:1.7}
.sl-modern .sl-btn{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:20px;
  background:linear-gradient(135deg,#111827 0%,#312e81 54%,#7c3aed 100%);
  color:#fff;
  font-size:14px;
  font-weight:950;
  box-shadow:0 18px 38px rgba(49,46,129,.22);
}
.sl-modern .sl-btn:active{transform:translateY(1px)}
.sl-modern .sl-register-box{
  margin:14px 0 0;
  padding:12px;
  border-radius:18px;
  background:#fafafa;
  border:1px solid #eef2f7;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  font-weight:850;
  color:#64748b;
}
.sl-modern .sl-register-box a{color:#7c3aed;text-decoration:none;font-weight:950}
.sl-modern .sl-otp-summary{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 18px;
  padding:12px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  color:#64748b;
  font-size:12px;
  font-weight:850;
}
.sl-modern .sl-otp-summary b{direction:ltr;color:#111827;font-weight:950}
.sl-modern .sl-change-phone{margin-right:auto;color:#7c3aed;text-decoration:none;font-weight:950}
.sl-modern .sl-field-code .sl-input{text-align:center;letter-spacing:.25em;font-size:24px}
.sl-modern .sl-resend-btn{
  margin-top:12px;
  width:100%;
  min-height:46px;
  border-radius:18px;
  border:1px solid #e9d5ff;
  background:#fff;
  color:#6d28d9;
  font-size:12px;
  font-weight:950;
}
.sl-modern .sl-resend-btn:disabled{opacity:.62;color:#94a3b8}
.sl-modern .sl-msg-err,.sl-modern .sl-msg-ok{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:18px;
  font-size:12px;
  line-height:1.8;
  font-weight:900;
}
.sl-modern .sl-msg-err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.sl-modern .sl-msg-ok{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}
.sl-modern .sl-footer{padding:0;text-align:center;color:#94a3b8;font-size:12px;font-weight:800}
.sl-modern .sl-footer p{margin:0}
@media (max-width:900px){
  .sl-modern .sl-page{padding:16px 14px 18px;gap:16px;max-width:480px}
  .sl-modern .sl-nav{align-items:flex-start}
  .sl-modern .sl-nav a:first-child{grid-template-columns:44px minmax(0,1fr);gap:1px 10px}
  .sl-modern .sl-nav-icon{width:44px;height:44px;border-radius:17px;font-size:18px}
  .sl-modern .sl-nav strong{font-size:13.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
  .sl-modern .sl-support{padding:7px 9px;gap:6px}
  .sl-modern .sl-support span{display:none}
  .sl-modern .sl-support b{font-size:11px}
  .sl-modern .sl-auth-shell{display:block}
  .sl-modern .sl-hero-panel{
    min-height:auto;
    margin-bottom:14px;
    padding:24px 20px;
    border-radius:30px;
  }
  .sl-modern .sl-hero-panel:before{width:130px;height:130px;left:20px;bottom:26px;border-radius:34px}
  .sl-modern .sl-hero-panel:after{display:none}
  .sl-modern .sl-hero-kicker{font-size:11px;padding:7px 11px;margin-bottom:12px}
  .sl-modern .sl-hero-panel h2{font-size:23px;line-height:1.55;letter-spacing:-.06em;max-width:320px}
  .sl-modern .sl-hero-panel p{margin-top:10px;font-size:12.5px;line-height:1.9;max-width:320px}
  .sl-modern .sl-benefits{margin-top:14px;gap:7px}
  .sl-modern .sl-benefits span{min-height:32px;padding:6px 10px;font-size:11px}
  .sl-modern .sl-mini-card{display:none}
  .sl-modern .sl-wrap{min-height:auto;display:block}
  .sl-modern .sl-card{max-width:none;border-radius:30px}
  .sl-modern .sl-card-top{padding:22px 20px 8px}
  .sl-modern .sl-card-top .sl-icon{width:46px;height:46px;border-radius:18px;margin-bottom:12px}
  .sl-modern .sl-card-top h1{font-size:22px}
  .sl-modern .sl-card-top p{font-size:12.5px;max-width:300px}
  .sl-modern .sl-card-body{padding:8px 20px 20px}
  .sl-modern .sl-field-shell{min-height:52px;border-radius:18px}
  .sl-modern .sl-input{height:50px;font-size:16px}
  .sl-modern .sl-btn{min-height:52px;border-radius:18px}
}
@media (max-width:380px){
  .sl-modern .sl-page{padding-left:10px;padding-right:10px}
  .sl-modern .sl-support b{font-size:10px}
  .sl-modern .sl-hero-panel{padding:20px 16px;border-radius:26px}
  .sl-modern .sl-card{border-radius:26px}
  .sl-modern .sl-card-top,.sl-modern .sl-card-body{padding-left:16px;padding-right:16px}
}