/* فونت: Vazirmatn اگر نصب باشد، وگرنه Tahoma/سیستمی. (Google @import حذف شد چون
   رندر را بلاک می‌کرد و در شبکه‌های کند باعث چرخیدن طولانیِ صفحه می‌شد.) */
:root{
  --bg:#f5f6fc; --card:#ffffff; --ink:#1b1f3b; --muted:#8b91a7; --line:#edeef6;
  --indigo:#5b54e6; --indigo-2:#7c6cff; --indigo-soft:#eef0ff;
  --ok:#16a34a; --ok-bg:#e8f7ee; --warn:#b8860b; --warn-bg:#fdf4e3;
  --err:#dc2626; --err-bg:#fdeaea; --info:#2563eb; --info-bg:#e9f1ff;
  --radius:18px; --shadow:0 10px 34px rgba(40,50,90,.07);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:
   radial-gradient(900px 420px at 100% -150px, rgba(124,108,255,.10), transparent 60%),
   var(--bg);
  color:var(--ink);font-family:"Vazirmatn","Inter","Segoe UI",Tahoma,system-ui,Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
b{font-weight:700}
::selection{background:var(--indigo-soft)}
/* اسکرول‌بار ظریف */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#d4d7e6;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#bcc0d6}

/* ───── Sidebar ───── */
.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:#fff;border-right:1px solid var(--line);
  padding:18px 14px;overflow-y:auto;z-index:30}
.brand{font-size:18px;font-weight:600;letter-spacing:.5px;color:var(--ink);display:flex;align-items:center;gap:8px;padding:6px 8px 16px}
.brand b{color:var(--indigo)}
.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--indigo-2));border-radius:9px;color:#fff;font-size:16px}
.cta{display:block;text-align:center;background:linear-gradient(135deg,#ff7a3d,#ff5d5d);color:#fff;font-weight:700;
  padding:12px;border-radius:12px;margin-bottom:18px;box-shadow:0 6px 16px rgba(255,100,80,.25)}
.nav-section{font-size:10.5px;letter-spacing:1px;color:#aab0c4;font-weight:700;margin:16px 8px 6px}
.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#555b73;font-weight:500;margin-bottom:2px;transition:.15s}
.nav-item:hover{background:#f5f6fb;color:var(--ink)}
.nav-item.active{background:var(--indigo-soft);color:var(--indigo);font-weight:700}
.ni-ico{width:22px;text-align:center;font-size:16px}

/* ───── Main ───── */
.main{margin-left:240px;min-height:100vh}
.topbar{display:flex;align-items:center;gap:16px;background:#fff;padding:16px 26px;border-bottom:1px solid var(--line)}
.burger{display:none;font-size:22px;cursor:pointer}
.hello{flex:1}
.hello-t{font-size:18px}
.hello-s{color:var(--muted);font-size:12.5px}
.balance-pill{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--indigo),var(--indigo-2));
  color:#fff;padding:9px 16px;border-radius:30px;font-weight:700;box-shadow:0 6px 16px rgba(80,90,210,.3)}
.bp-ico{font-size:15px}
.content{padding:26px;max-width:1200px;margin:0 auto}

/* ───── Cards ───── */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.card + .card{margin-top:18px}
.card-h{font-size:16px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.grid{display:grid;gap:18px}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:2fr 1fr}
@media(max-width:900px){.cols-3,.cols-2{grid-template-columns:1fr}}

/* stat cards */
.stat{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}
.stat .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--indigo-soft);color:var(--indigo)}
.stat .lbl{color:var(--muted);font-size:12.5px}
.stat .val{font-size:20px;font-weight:800;margin-top:2px}

/* promo */
.promo{background:linear-gradient(120deg,var(--indigo),var(--indigo-2));color:#fff;border-radius:var(--radius);
  padding:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(80,90,210,.3)}
.promo h3{margin:0 0 6px;font-size:19px}
.promo p{margin:0;opacity:.9;font-size:13px}
.promo .gift{font-size:46px}

/* ───── Forms ───── */
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}
.input,select,textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fbfcfe;
  font-size:14px;color:var(--ink);font-family:inherit;transition:.15s}
.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--indigo);background:#fff;box-shadow:0 0 0 4px var(--indigo-soft)}
.qty-row{display:flex;align-items:center;gap:10px}
.qty-row .input{text-align:center}
.qbtn{width:46px;height:46px;flex:none;border:none;border-radius:12px;background:var(--indigo);color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center}
.qbtn:hover{background:#3f49b8}
.charge-box{background:var(--indigo-soft);border-radius:12px;padding:14px 16px;font-weight:800;font-size:18px;color:var(--indigo)}
.btn{display:inline-block;width:100%;text-align:center;background:linear-gradient(135deg,var(--indigo),var(--indigo-2));
  color:#fff;border:none;padding:15px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:.15s}
.btn:hover{filter:brightness(1.07)}
.btn-ghost{background:#f3f4fb;color:var(--indigo)}

/* service detail box */
.svc-info{border:1.5px solid var(--line);border-radius:14px;padding:18px}
.svc-info .meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.svc-info .meta .m{background:#fbfcfe;border-radius:10px;padding:10px 12px}
.svc-info .meta .m small{color:var(--muted);display:block;font-size:11px}
.svc-info .meta .m b{font-size:14px}

/* ───── Tables ───── */
.table{width:100%;border-collapse:collapse}
.table th{text-align:left;color:var(--muted);font-size:12px;font-weight:700;padding:12px 14px;border-bottom:2px solid var(--line)}
.table td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:13px}
.table tr:hover td{background:#fafbff}
.acc{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.acc summary{padding:15px 18px;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center}
.acc summary::-webkit-details-marker{display:none}
.acc[open] summary{border-bottom:1px solid var(--line);background:#fafbff}

.badge{display:inline-block;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:700}
.badge-ok{background:var(--ok-bg);color:var(--ok)}
.badge-info{background:var(--info-bg);color:var(--info)}
.badge-warn{background:var(--warn-bg);color:var(--warn)}
.badge-err{background:var(--err-bg);color:var(--err)}

.alert{padding:13px 16px;border-radius:12px;margin-bottom:18px;font-weight:600}
.alert-ok{background:var(--ok-bg);color:var(--ok)}
.alert-err{background:var(--err-bg);color:var(--err)}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip{padding:8px 16px;border-radius:30px;background:#fff;border:1.5px solid var(--line);font-weight:600;font-size:13px;color:#555b73}

.muted{color:var(--muted)}
.right{text-align:right}
.mono{font-family:ui-monospace,monospace}

/* ───── Login ───── */
.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef0ff,#f4f5fa)}
.login-card{background:#fff;border-radius:22px;box-shadow:0 20px 60px rgba(40,50,90,.12);padding:42px;width:100%;max-width:420px;text-align:center}
.login-card .brand{justify-content:center;font-size:24px;padding-bottom:8px}
.login-card h1{font-size:22px;margin:6px 0}
.login-card p{color:var(--muted);margin:0 0 26px}
.feat{display:flex;gap:14px;justify-content:center;margin:22px 0 6px;flex-wrap:wrap}
.feat span{font-size:12px;color:#555b73;background:#f5f6fb;padding:6px 12px;border-radius:20px}

/* ───── Responsive ───── */
@media(max-width:860px){
  .sidebar{transform:translateX(-100%);transition:.25s}
  #navToggle:checked ~ .sidebar{transform:translateX(0)}
  .main{margin-left:0}
  .burger{display:block}
}

/* ═════ Polish pass — حال‌وهوای nicesmm (override) ═════ */
.card{border:1px solid var(--line);transition:box-shadow .18s, transform .18s}
.card:hover{box-shadow:0 14px 40px rgba(40,50,90,.09)}
.card-h{font-size:16px;font-weight:800;letter-spacing:-.2px}
.btn{border-radius:14px;letter-spacing:.2px;box-shadow:0 8px 20px rgba(91,84,230,.28);transition:filter .15s, transform .12s}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(1px)}
.input,select,textarea{border-radius:13px;border:1.5px solid var(--line);background:#fbfcff;transition:border-color .15s, box-shadow .15s, background .15s}
.input:focus,select:focus,textarea:focus{outline:none;border-color:var(--indigo);background:#fff;box-shadow:0 0 0 4px var(--indigo-soft)}
.field label{font-weight:700;font-size:12.5px;color:#5b6178}
/* سایدبار حرفه‌ای‌تر */
.sidebar{background:linear-gradient(180deg,#ffffff,#fcfcff)}
.nav-item{border-radius:12px;font-weight:600}
.nav-item.active{background:linear-gradient(135deg,var(--indigo),var(--indigo-2));color:#fff;box-shadow:0 8px 18px rgba(91,84,230,.30)}
.nav-item.active .ni-ico{filter:none}
.nav-section{letter-spacing:1.2px;font-size:10px}
.brand-mark{box-shadow:0 6px 16px rgba(91,84,230,.35)}
/* تاپ‌بار + balance pill */
.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.balance-pill{box-shadow:0 8px 20px rgba(91,84,230,.32);font-weight:800}
.hello-t{font-weight:700}
/* badgeها گردتر */
.badge{border-radius:30px;font-weight:700}
/* جدول‌ها تمیزتر */
.table th{font-size:11.5px;letter-spacing:.3px;text-transform:uppercase}
.table tbody tr{transition:background .12s}
.table tbody tr:hover td{background:#f7f8ff}
/* جهت‌دهی RTL برای فارسی */
html[dir="rtl"] body{font-family:"Vazirmatn","Inter",Tahoma,sans-serif}
html[dir="rtl"] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--line)}
html[dir="rtl"] .main{margin-left:0;margin-right:240px}
html[dir="rtl"] .field label,html[dir="rtl"] .card-h{text-align:right}
@media(max-width:860px){
  html[dir="rtl"] .main{margin-right:0}
  html[dir="rtl"] .sidebar{transform:translateX(100%)}
  html[dir="rtl"] #navToggle:checked ~ .sidebar{transform:translateX(0)}
}

/* ═════════ v10 — تم شیشه‌ای/مدرن مثل nicesmm ═════════ */
body{background:
   radial-gradient(1000px 480px at 100% -160px, rgba(124,108,255,.13), transparent 60%),
   radial-gradient(800px 420px at -8% 8%, rgba(91,84,230,.10), transparent 55%),
   #f3f4fb !important}
/* کارت‌های شیشه‌ای */
.card{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 12px 40px rgba(40,50,90,.10)!important;border-radius:20px!important}
.card:hover{box-shadow:0 18px 50px rgba(40,50,90,.13)!important}
/* سایدبار شیشه‌ای */
.sidebar{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(120,120,160,.12)!important}
.topbar{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* کلیدهای شیشه‌ای */
.btn{background:linear-gradient(135deg,#6a5cff,#5b54e6)!important;border-radius:14px!important;
  box-shadow:0 10px 24px rgba(91,84,230,.32), inset 0 1px 0 rgba(255,255,255,.35)!important;
  border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(6px)}
.btn:hover{filter:brightness(1.07)}
.btn-ghost{background:rgba(124,108,255,.10)!important;color:var(--indigo)!important;box-shadow:none!important}
.chip{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(8px);border:1px solid rgba(120,120,160,.18)!important;border-radius:30px!important}
.chip.on,.ptab.on{background:linear-gradient(135deg,#6a5cff,#5b54e6)!important;color:#fff!important;border-color:transparent!important}
/* inputهای شیشه‌ای */
.input,select,textarea{background:rgba(255,255,255,.65)!important;backdrop-filter:blur(6px);border:1.5px solid rgba(120,120,160,.18)!important;border-radius:13px!important}
.input:focus,select:focus,textarea:focus{background:#fff!important;border-color:var(--indigo)!important;box-shadow:0 0 0 4px rgba(124,108,255,.14)!important}
/* جدول‌ها مثل nicesmm: ردیف‌های نرم و گرد */
.table{border-collapse:separate;border-spacing:0 8px}
.table thead th{background:transparent;border:none;color:#8b91a7}
.table tbody tr{background:rgba(255,255,255,.7);box-shadow:0 4px 14px rgba(40,50,90,.05)}
.table tbody td{border:none;padding:13px 14px}
.table tbody tr td:first-child{border-radius:0 12px 12px 0}
.table tbody tr td:last-child{border-radius:12px 0 0 12px}
html[dir="ltr"] .table tbody tr td:first-child{border-radius:12px 0 0 12px}
html[dir="ltr"] .table tbody tr td:last-child{border-radius:0 12px 12px 0}
.table tbody tr:hover{background:#fff}
/* balance pill درخشان‌تر */
.balance-pill{background:linear-gradient(135deg,#6a5cff,#5b54e6)!important;box-shadow:0 10px 24px rgba(91,84,230,.4), inset 0 1px 0 rgba(255,255,255,.4)!important}
/* stat cards شیشه‌ای */
.stat{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(40,50,90,.08)}
.stat .ic{background:linear-gradient(135deg,rgba(124,108,255,.18),rgba(91,84,230,.12))}

/* ═════════ منوی کاربر در هدر (آواتار + کشویی) ═════════ */
.user-menu{position:relative}
.user-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,var(--indigo),var(--indigo-2));box-shadow:0 6px 16px rgba(91,84,230,.4);user-select:none}
.user-pop{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:240px;background:#fff;border:1px solid var(--line);
  border-radius:16px;box-shadow:0 20px 54px rgba(40,50,90,.18);padding:8px;display:none;z-index:60}
#userToggle:checked ~ .user-pop{display:block}
.up-head{padding:12px 12px 14px;text-align:center}
.up-head b{display:block;font-size:15px;color:var(--ink)}
.up-head span{font-size:12.5px;color:var(--muted)}
.up-acct{display:block;text-align:center;margin:0 4px 8px;padding:11px;border-radius:12px;font-weight:800;font-size:14px;color:#fff!important;text-decoration:none;
  background:linear-gradient(135deg,var(--indigo),var(--indigo-2));box-shadow:0 8px 18px rgba(91,84,230,.32)}
.up-acct:hover{filter:brightness(1.06)}
.up-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:13.5px;color:#555b73;text-decoration:none;cursor:pointer}
.up-item .ui-ic{width:20px;text-align:center}
.up-item:hover{background:#f4f5fb}
.up-item.danger{color:#e23d4b}
.up-theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0 6px;font-weight:600;font-size:13.5px;color:#555b73;cursor:pointer}
.theme-switch{width:42px;height:24px;border-radius:30px;background:#d7d9e8;position:relative;transition:.2s;flex:none}
.theme-switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
html.dark .theme-switch{background:var(--indigo)}
html.dark .theme-switch::after{transform:translateX(18px)}
html[dir="rtl"].dark .theme-switch::after{transform:translateX(-18px)}

/* ═════════ حالت تیره ═════════ */
html.dark{--bg:#0f1222;--card:#171a2e;--ink:#e7e9f5;--muted:#9aa0bd;--line:#262a44;--indigo-soft:#23264a}
html.dark body{background:
   radial-gradient(1000px 480px at 100% -160px, rgba(124,108,255,.16), transparent 60%),
   radial-gradient(800px 420px at -8% 8%, rgba(91,84,230,.12), transparent 55%),
   #0f1222 !important;color:var(--ink)}
html.dark .card,html.dark .stat{background:rgba(28,32,56,.85)!important;border-color:#262a44!important;color:var(--ink)}
html.dark .sidebar{background:rgba(20,23,42,.92)!important;border-color:#262a44!important}
html.dark .topbar{background:rgba(20,23,42,.7)!important}
html.dark .nav-item{color:#aab0cc}
html.dark .nav-item:hover{background:#1c2040}
html.dark .input,html.dark select,html.dark textarea{background:rgba(20,23,42,.7)!important;color:var(--ink);border-color:#2d3152!important}
html.dark .table tbody tr{background:rgba(28,32,56,.75)}
html.dark .table tbody tr:hover{background:#1c2040}
html.dark .user-pop,html.dark .cdrop-panel{background:#171a2e;border-color:#262a44}
html.dark .up-item:hover,html.dark .cdrop-item:hover{background:#1c2040}
html.dark .ptab,html.dark .chip{background:#1c2040!important;color:#aab0cc;border-color:#2d3152!important}

/* ═════════ v13 — داشبوردِ زنده (کارت‌های رنگی + کارت CTA مثل nicesmm) ═════════ */
.stats4{display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:18px}
@media(max-width:1000px){.stats4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.stats4{grid-template-columns:1fr}}
.stat{transition:transform .16s ease, box-shadow .16s ease}
.stat:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(40,50,90,.12)}
.stat .ic.c-violet{background:linear-gradient(135deg,#7c6cff,#5b54e6)!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,84,230,.32)}
.stat .ic.c-green{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;box-shadow:0 8px 18px rgba(16,185,129,.30)}
.stat .ic.c-orange{background:linear-gradient(135deg,#ffb24d,#ff7a3d)!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,122,61,.30)}
.stat .ic.c-blue{background:linear-gradient(135deg,#5fa8ff,#2563eb)!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.30)}
.stat .sub{font-size:11.5px;color:var(--muted);margin-top:3px}
.stat-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-radius:var(--radius);padding:18px 22px;color:#fff;text-decoration:none;
  background:linear-gradient(120deg,#6a5cff,#4f5bd5)!important;box-shadow:0 14px 34px rgba(80,90,210,.36)!important;border:none!important}
.stat-cta:hover{filter:brightness(1.05)}
.stat-cta::after{content:"";position:absolute;inset-block:-40%;inset-inline-end:-30px;width:150px;
  background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}
.stat-cta .ct{position:relative;z-index:1}
.stat-cta .ct b{font-size:15px;display:block}
.stat-cta .ct small{opacity:.92;font-size:12px}
.stat-cta .ct .go{display:inline-block;margin-top:10px;background:#fff;color:#5b54e6;font-weight:800;font-size:12.5px;padding:7px 14px;border-radius:10px}
.stat-cta .emoji{position:relative;z-index:1;font-size:40px}

/* ═════════ v14 — جان‌بخشی سراسری + بَج آنلاین + نوار زنده (همهٔ صفحات پنل) ═════════ */
/* آیکن کارت‌های آماری در همهٔ صفحات گرادینتی و زنده شود (کلاس‌های c-* در داشبورد override می‌کنند) */
.stat .ic{background:linear-gradient(135deg,#7c6cff,#5b54e6)!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,84,230,.26)}
/* ظهورِ نرمِ کارت‌ها هنگام بارگذاری (حسِ زنده) */
@keyframes lp-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.content .card,.content .stat,.content .stat-cta{animation:lp-rise .35s ease both}
@media (prefers-reduced-motion:reduce){.content .card,.content .stat,.content .stat-cta{animation:none}}
/* بَجِ آنلاینِ نبض‌دار (تاپ‌بار) */
.online-badge{display:inline-flex;align-items:center;gap:6px;margin-inline-start:10px;padding:3px 10px;border-radius:30px;
  background:rgba(34,197,94,.12);color:#16a34a;font-size:11px;font-weight:800;white-space:nowrap;vertical-align:middle}
.online-badge .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-dot 1.8s infinite}
@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@media(max-width:600px){.online-badge{display:none}}
html.dark .online-badge{background:rgba(34,197,94,.16)}
/* نوار زندهٔ متحرک داخل پنل (راست‌به‌چپ) */
.pticker{position:relative;overflow:hidden;height:40px;display:flex;align-items:center;margin:0 0 18px;border-radius:14px;
  background:linear-gradient(90deg,#4f5bd5,#6a5cff);color:#fff;box-shadow:0 10px 26px rgba(80,90,210,.28)}
.pticker::before,.pticker::after{content:"";position:absolute;top:0;bottom:0;width:48px;z-index:2;pointer-events:none}
.pticker::before{inset-inline-start:0;background:linear-gradient(90deg,#4f5bd5,rgba(79,91,213,0))}
.pticker::after{inset-inline-end:0;background:linear-gradient(270deg,#6a5cff,rgba(106,92,255,0))}
.pticker-track{display:flex;white-space:nowrap;will-change:transform;animation:pticker-move 38s linear infinite}
.pticker:hover .pticker-track{animation-play-state:paused}
.pticker-item{display:inline-flex;align-items:center;gap:6px;padding:0 22px;font-size:12.5px;font-weight:700}
@keyframes pticker-move{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.pticker-track{animation:none}}
/* ═════════ v15 — کارت امتیاز + ستارهٔ علاقه‌مندی ═════════ */
.pts-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pts-left{display:flex;align-items:center;gap:14px}
.pts-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:24px;
  background:linear-gradient(135deg,#ffd34d,#ff9d2e);color:#fff;box-shadow:0 8px 18px rgba(255,150,40,.3)}
.pts-right{text-align:center}
.pts-val{font-size:26px;font-weight:900;color:var(--indigo);line-height:1.1}
.pts-val span{font-size:13px;font-weight:700;color:var(--muted)}
.fav-star{cursor:pointer;font-size:18px;line-height:1;background:none;border:none;color:#f5a623;padding:2px 6px;border-radius:8px;transition:.15s}
.fav-star:hover{background:rgba(245,166,35,.12)}
.fav-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.fav-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1.5px solid var(--line);border-radius:30px;
  background:#fff;cursor:pointer;font-weight:600;font-size:12.5px;color:#555b73}
.fav-chip:hover{border-color:var(--indigo);color:var(--indigo)}

/* ═════════════════════════════════════════════════════════════
   v16 — تمِ تمیزِ nicesmm: کارت‌های تختِ سفید + فونتِ مدرن + رنگ‌بندیِ آرام
   (با CSS variables کار می‌کند تا دارک‌مود هم سالم بماند؛ بلورِ شیشه‌ای حذف شد)
   ═════════════════════════════════════════════════════════════ */
:root{
  --bg:#f6f7fb; --card:#ffffff; --ink:#191c30; --muted:#8990a6; --line:#ecedf4;
  --indigo:#5b54e6; --indigo-2:#7c6cff; --indigo-soft:#eef0ff;
  --radius:16px; --shadow:0 6px 22px rgba(28,39,99,.06);
}
/* فونتِ مدرن: Vazirmatn (فارسی) + Inter (لاتین، اگر روی دستگاه باشد) */
body{font-family:'Inter','Vazirmatn','Segoe UI',system-ui,Tahoma,sans-serif!important;
  background:var(--bg)!important;color:var(--ink);letter-spacing:.1px;-webkit-font-smoothing:antialiased}
html[dir="rtl"] body{font-family:'Vazirmatn','Inter','Segoe UI',Tahoma,sans-serif!important}
/* کارت‌ها: تخت و تمیز، بدون بلور */
.card,.stat{background:var(--card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:1px solid var(--line)!important;box-shadow:var(--shadow)!important;border-radius:var(--radius)!important}
.card:hover{box-shadow:0 12px 32px rgba(28,39,99,.09)!important}
.stat:hover{box-shadow:0 12px 30px rgba(28,39,99,.10)!important}
/* سایدبار و تاپ‌بار: سفیدِ تخت */
.sidebar{background:var(--card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--line)!important}
.topbar{background:var(--card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--line)!important}
/* آیتمِ فعالِ منو: آبیِ کم‌رنگِ نرم (مثل nicesmm) به‌جای گرادینتِ پررنگ */
.nav-item{font-weight:600;border-radius:11px}
.nav-item:hover{background:rgba(91,84,230,.06)}
.nav-item.active{background:var(--indigo-soft)!important;color:var(--indigo)!important;box-shadow:none!important;font-weight:700}
.nav-item.active .ni-ico{filter:none}
/* اینپوت‌ها: تمیز و بدون بلور */
.input,select,textarea{background:#fafbff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:1.5px solid var(--line)!important;border-radius:12px!important}
.input:focus,select:focus,textarea:focus{background:var(--card)!important;border-color:var(--indigo)!important;box-shadow:0 0 0 4px var(--indigo-soft)!important}
/* دکمه‌ها و چیپ‌ها: تخت (گرادینتِ دکمه می‌ماند چون زنده است) */
.btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.chip,.ptab,.svc-chip,.fav-chip,.cdrop-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.chip{background:var(--card)!important;border:1.5px solid var(--line)!important}
/* جدول‌ها: ردیف‌های سفیدِ تمیز با سایهٔ نرم */
.table tbody tr{background:var(--card)!important;box-shadow:0 2px 10px rgba(28,39,99,.04)!important}
.table tbody tr:hover{box-shadow:0 6px 18px rgba(28,39,99,.08)!important}
.card-h{letter-spacing:-.2px}
/* دارک‌مود: کارت‌ها از همان varها استفاده می‌کنند (تختِ تیره)؛ فقط اینپوتِ تیره را تنظیم می‌کنیم */
html.dark{--bg:#0f1222;--card:#171a2e;--ink:#e7e9f5;--muted:#9aa0bd;--line:#262a44;--indigo-soft:#23264a}
html.dark body{background:var(--bg)!important}
html.dark .input,html.dark select,html.dark textarea{background:#1b1f38!important;border-color:#2d3152!important}

/* ═════════ v17 — Toast notifications (به‌جای alert) ═════════ */
#toastWrap{position:fixed;bottom:22px;inset-inline-end:22px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast{pointer-events:auto;min-width:240px;max-width:360px;display:flex;align-items:center;gap:10px;
  background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:13px 16px;
  box-shadow:0 14px 40px rgba(28,39,99,.18);font-size:13.5px;font-weight:600;
  transform:translateY(14px);opacity:0;transition:transform .25s ease, opacity .25s ease}
.toast.show{transform:translateY(0);opacity:1}
.toast .ti{font-size:18px;flex:none}
.toast.ok{border-inline-start:4px solid #16a34a}
.toast.err{border-inline-start:4px solid #dc2626}
.toast.info{border-inline-start:4px solid var(--indigo)}

/* ═════════ v17 — نوار پیشرفتِ بالای صفحه (route bar) ═════════ */
#routebar{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;z-index:10000;
  background:linear-gradient(90deg,#7c6cff,#2ed5af);box-shadow:0 0 10px rgba(124,108,255,.6);
  opacity:0;transition:width .2s ease, opacity .3s ease;border-end-end-radius:3px}
#routebar.go{opacity:1}

/* ═════════ v17 — کانفتی 🎉 ═════════ */
#confettiWrap{position:fixed;inset:0;z-index:10001;pointer-events:none;overflow:hidden}
.confetti-bit{position:absolute;top:-12px;width:9px;height:14px;opacity:.95;will-change:transform;border-radius:2px;
  animation:confetti-fall linear forwards}
@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg);opacity:.9}}
@media (prefers-reduced-motion:reduce){.confetti-bit{display:none}}

/* ═══════════════════════════════════════════════════════════════════════════
   v18 — SINTELL Premium redesign (مطابقِ طرحِ Reactِ کاربر)
   indigo #4F46E5 + coral #FF6B35 + green #16A34A · فونت Inter · سایدبارِ گروهی
   با نوارِ کناریِ آیتمِ فعال · تاپ‌بارِ شیشه‌ای · کارت‌های نرمِ مدرن.
   روی کلاس‌های موجودِ پنل سوار می‌شود → کلِ پنل یک‌دست. برگشت‌پذیر با تغییر نسخه.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#F4F7FC; --card:#FFFFFF; --surface-2:#F8FAFD;
  --ink:#0F172A; --muted:#64748B; --muted-2:#94A3B8;
  --line:#E8EDF5; --line-strong:#DCE3EE;
  --indigo:#4F46E5; --indigo-2:#6366F1; --indigo-soft:#EEF0FE; --indigo-tint2:#E5E7FD;
  --brand-600:#4338CA; --brand-700:#3730A3;
  --coral:#FF6B35; --coral-2:#FF8A4C; --green:#16A34A; --green-tint:#E7F7EE;
  --radius:18px;
  --sh-xs:0 1px 2px rgba(15,23,42,.05);
  --sh-sm:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --sh-md:0 6px 18px rgba(15,23,42,.06),0 2px 6px rgba(15,23,42,.04);
  --sh-lg:0 16px 40px rgba(15,23,42,.10);
  --sh-brand:0 10px 24px rgba(79,70,229,.28);
  --sh-coral:0 10px 22px rgba(255,107,53,.32);
}
body{background:var(--bg)!important;color:var(--ink);
  font-family:'Inter','Vazirmatn','Segoe UI',system-ui,Tahoma,sans-serif!important;font-feature-settings:"cv11","ss01"}
html[dir="rtl"] body{font-family:'Vazirmatn','Inter','Segoe UI',Tahoma,sans-serif!important}

/* ── سایدبار ── */
.sidebar{background:var(--card)!important;border-color:var(--line)!important;width:248px;backdrop-filter:none!important}
.main{margin-left:248px}
html[dir="rtl"] .sidebar{border-left:1px solid var(--line)!important;border-right:none!important}
html[dir="rtl"] .main{margin-right:248px;margin-left:0}
@media(max-width:860px){.main{margin-left:0}html[dir="rtl"] .main{margin-right:0}}
.brand{font-size:20px;font-weight:800;letter-spacing:-.02em}
.brand b{color:var(--indigo)}
.brand-mark{background:linear-gradient(150deg,var(--indigo),#6366F1)!important;box-shadow:var(--sh-brand);border-radius:9px}
.cta{background:linear-gradient(135deg,var(--coral),var(--coral-2))!important;box-shadow:var(--sh-coral)!important;border-radius:14px;font-weight:700;transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,107,53,.4)!important;filter:none}
.nav-section{color:var(--muted-2)!important;font-size:11px;font-weight:700;letter-spacing:.12em;margin:14px 10px 6px}
.nav-item{color:#475569;font-size:13.5px;font-weight:600;border-radius:11px;padding:10px 12px;position:relative}
.nav-item:hover{background:var(--surface-2)!important;color:var(--ink)!important}
.nav-item.active{background:var(--indigo-soft)!important;color:var(--brand-700)!important;font-weight:700;box-shadow:none!important}
.nav-item.active .ni-ico{color:var(--indigo)}
.nav-item.active::before{content:"";position:absolute;inset-inline-start:-2px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:var(--indigo)}
html[dir="rtl"] .nav-item.active::before{border-radius:4px 0 0 4px}
.ni-ico{color:var(--muted-2)}

/* ── تاپ‌بار (شیشه‌ای) ── */
.topbar{background:rgba(244,247,252,.82)!important;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-color:var(--line)!important;padding:14px 30px}
.hello-t{font-size:16px;font-weight:800;letter-spacing:-.01em}
.hello-s{color:var(--muted);font-size:12.5px}
.balance-pill{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:var(--sh-xs)!important;font-weight:800;padding:7px 14px 7px 8px;border-radius:999px}
.balance-pill .bp-ico{width:28px;height:28px;border-radius:8px;background:var(--green-tint);color:var(--green);display:grid;place-items:center;font-size:14px}
.user-av{border-radius:11px!important;background:linear-gradient(150deg,#4F46E5,#7C84F5)!important;box-shadow:var(--sh-brand)!important}
.tb-addfunds{display:inline-flex;align-items:center;gap:4px;padding:9px 16px;border-radius:999px;background:var(--indigo);color:#fff;font-weight:700;font-size:13px;box-shadow:var(--sh-brand);transition:background .15s,transform .15s;white-space:nowrap}
.tb-addfunds:hover{background:var(--brand-600);transform:translateY(-1px)}
@media(max-width:600px){.tb-addfunds{display:none}}

/* ── کارت‌ها و آمار ── */
.card,.stat{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--sh-sm)!important;backdrop-filter:none!important}
.card:hover{box-shadow:var(--sh-md)!important}
.stat{padding:18px}
.stat:hover{box-shadow:var(--sh-md)!important;transform:translateY(-2px)}
.stat .ic{width:46px;height:46px;border-radius:13px;background:var(--indigo-soft)!important;color:var(--indigo)!important;box-shadow:none!important}
.stat .ic.c-orange{background:#FFF1E6!important;color:var(--coral)!important}
.stat .ic.c-green{background:var(--green-tint)!important;color:var(--green)!important}
.stat .ic.c-blue{background:var(--indigo-soft)!important;color:var(--indigo)!important}
.stat .ic.c-violet{background:var(--indigo-tint2)!important;color:var(--indigo)!important}
.stat .val{font-size:20px;font-weight:800;letter-spacing:-.02em}
.stat-cta{background:linear-gradient(125deg,#4F46E5,#6366F1 55%,#7C5CFC)!important;box-shadow:var(--sh-brand)!important;border-radius:var(--radius)!important}
.stat-cta .ct .go{color:var(--brand-700)}
.card-h{letter-spacing:-.01em}

/* ── دکمه‌ها ── */
.btn{background:var(--indigo)!important;border-radius:14px!important;box-shadow:var(--sh-brand)!important;border:none!important}
.btn:hover{background:var(--brand-600)!important;filter:none;transform:translateY(-1px)}
.btn-ghost{background:var(--surface-2)!important;color:var(--indigo)!important;box-shadow:none!important}

/* ── جدول، پیل، امتیاز ── */
.table tbody tr{background:var(--card)!important;box-shadow:var(--sh-xs)!important}
.table tbody tr:hover{box-shadow:var(--sh-sm)!important}
.badge-ok{background:var(--green-tint)!important;color:var(--green)!important}
.pticker{background:linear-gradient(90deg,var(--indigo),#6366F1)!important;box-shadow:var(--sh-brand)!important}
.pts-ic{background:linear-gradient(135deg,#ffd34d,var(--coral))!important}
.pts-val{color:var(--indigo)!important}
.input,select,textarea{border:1.5px solid var(--line-strong)!important;border-radius:14px!important;background:var(--card)!important}
.input:focus,select:focus,textarea:focus{border-color:var(--indigo)!important;box-shadow:0 0 0 4px var(--indigo-soft)!important}

/* ── دارک‌مود ── */
html.dark{--bg:#0f1222;--card:#171a2e;--surface-2:#1c2040;--ink:#e7e9f5;--muted:#9aa0bd;--muted-2:#8990a6;--line:#262a44;--line-strong:#2d3152;--indigo-soft:#23264a;--indigo-tint2:#23264a;--green-tint:#13351f}
html.dark body{background:var(--bg)!important}
html.dark .topbar{background:rgba(20,23,42,.8)!important}
html.dark .balance-pill{background:#171a2e!important;border-color:#262a44!important;color:var(--ink)!important}
html.dark .nav-item:hover{background:#1c2040!important}