/* رساتو · سامانهٔ طراحی مشترک همهٔ صفحه‌ها: شب سرمه‌ای، شیشهٔ ظریف، لهجهٔ کهربایی.
   روی <html class="live"> فعال می‌شود تا صفحه‌های قدیمی بدون بازنویسی کامل یکدست شوند. */
@font-face{font-family:Vazirmatn;src:url('/static/fonts/Vazirmatn-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/static/fonts/Vazirmatn-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
html.live{
 color-scheme:dark;--bg:#0b1424;--bg-2:#0b1428;--navy:#18283F;--amber:#D6AD55;--amber-2:#e6c983;--violet:#8b74ff;--cyan:#4fd8ef;
 --ink:#f6f0e5;--muted:#a3aec6;--faint:#76829e;--hair:rgba(255,255,255,.09);--hair-2:rgba(255,255,255,.16);
 --glass:rgba(255,255,255,.045);--glass-2:rgba(255,255,255,.075);--ok:#45d9a0;--err:#ff8a94;--r:20px;--ease:cubic-bezier(.23,1,.32,1);--spring:cubic-bezier(.34,1.56,.64,1);
 --beat:0;background:var(--bg)}
html.live body{background:radial-gradient(1200px 700px at 85% -10%,rgba(214,173,85,.10),transparent 60%),radial-gradient(900px 600px at -10% 30%,rgba(139,116,255,.10),transparent 60%),radial-gradient(800px 600px at 60% 110%,rgba(79,216,239,.07),transparent 60%),var(--bg)!important;background-attachment:fixed!important;color:var(--ink)!important;font-family:Vazirmatn,Tahoma,sans-serif!important;-webkit-font-smoothing:antialiased;min-height:100vh}
.live-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}
html.live body>*:not(.live-canvas):not(script){position:relative;z-index:1}
html.live ::selection{background:var(--amber);color:var(--navy)}

/* سطح‌های شیشه‌ای */
html.live :is(.card,.form-card,.download-panel,.table-wrap,.feature,.package,.pricing-table,.phone,.wall,.notice,.stage,.sidebar,.toolbar,.me-wrap>section,.login-shell .form-side,details.help){
 background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:.5px solid var(--hair-2)!important;border-radius:var(--r);
 backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 60px -30px rgba(0,0,0,.7)!important;color:var(--ink)}
html.live :is(.topbar,header.top){background:rgba(8,14,30,.5)!important;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:.5px solid var(--hair)!important;border-radius:16px}
html.live .sidebar{border-radius:0 0 0 var(--r)}

/* تایپوگرافی */
html.live :is(h1,h2,h3,h4,strong,b,legend,th){color:var(--ink)!important}
html.live :is(p,small,.muted,.hint,.sub,.lead,.label,.small,.eyebrow,td,li,label,.who,.sync-note,.pricing-note){color:var(--muted)}
html.live h1{letter-spacing:-.5px;font-weight:700}
html.live .eyebrow{color:var(--amber-2)!important}
html.live a{color:inherit}
html.live :is(p,li,td,.hint) a,html.live a.navlink:hover{color:var(--amber-2)}

/* فرم‌ها */
html.live :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:rgba(3,7,16,.5)!important;color:var(--ink)!important;border:.5px solid var(--hair-2)!important;border-radius:12px!important;min-height:46px;transition:border-color .2s,box-shadow .3s}
html.live :is(input,select,textarea):focus{outline:none;border-color:rgba(230,201,131,.65)!important;box-shadow:0 0 0 3px rgba(214,173,85,.14)!important}
html.live input::placeholder{color:var(--faint)!important}
html.live select option{background:#0d1730;color:var(--ink)}
html.live :is(input[type=checkbox],input[type=radio]){accent-color:var(--amber)}

/* دکمه‌ها: اصلی کهربایی ظریف، فرعی شیشه‌ای */
html.live :is(.btn,.primary,.submit,button[type=submit]):not(.ghost):not(.secondary):not(.text-button):not(.sm.ghost){position:relative;overflow:hidden;color:#18283F!important;background:linear-gradient(135deg,#ecd59a,var(--amber) 60%,#b8913f)!important;border:0!important;border-radius:12px!important;min-height:46px;font-weight:700;box-shadow:0 10px 26px -12px rgba(214,173,85,.8),inset 0 1px 0 rgba(255,255,255,.45)!important;transition:transform .25s var(--spring),filter .2s}
html.live :is(.btn,.primary,.submit,button[type=submit]):hover{filter:brightness(1.05)}
html.live :is(.btn,.primary,.submit,button):active{transform:scale(.97)}
html.live :is(.ghost,.secondary,.btn.ghost){background:var(--glass)!important;color:var(--ink)!important;border:.5px solid var(--hair-2)!important;border-radius:12px!important;box-shadow:none!important}
html.live :is(.ghost,.secondary):hover{background:var(--glass-2)!important}

/* جدول و نشان */
html.live table{border-collapse:separate;border-spacing:0;width:100%}
html.live :is(th,td){border-bottom:.5px solid var(--hair)!important;background:transparent!important}
html.live tr:hover td{background:rgba(255,255,255,.025)!important}
html.live :is(.badge,.tag){background:rgba(255,255,255,.06)!important;border:.5px solid var(--hair-2);color:var(--ink)!important;border-radius:999px}
html.live :is(.badge,.tag).green{color:var(--ok)!important;border-color:rgba(69,217,160,.4)}
html.live :is(.badge,.tag).red,html.live .error{color:var(--err)!important}
html.live .num{font-variant-numeric:tabular-nums}

/* ناوبری پنل */
html.live :is(.navlink){color:var(--muted)!important;border-radius:12px;transition:background .2s,color .2s}
html.live :is(.navlink:hover,.navlink.active){color:var(--ink)!important;background:var(--glass-2)!important}

/* نقطهٔ زنده و ضربان مشترک */
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 calc(var(--beat) * 7px) rgba(69,217,160,calc(.35 - var(--beat) * .3))}
html.live [data-pulse]{box-shadow:0 0 0 calc(var(--beat) * 1.5px) rgba(214,173,85,calc(var(--beat) * .25)),0 1px 0 rgba(255,255,255,.06) inset,0 30px 70px -30px rgba(0,0,0,.75)!important}
html.live [data-live=working] [data-pulse]{box-shadow:0 0 0 calc(var(--beat) * 3px) rgba(230,201,131,calc(var(--beat) * .4)),0 30px 70px -30px rgba(0,0,0,.75)!important}

/* ورود تدریجی */
html.live .reveal{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}
html.live .reveal.in{opacity:1;transform:none;filter:none}
html.live :focus-visible{outline:1.5px solid var(--amber-2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html.live *{animation:none!important;transition:none!important}html.live .reveal{opacity:1;transform:none;filter:none}}
html.live,html.live body{overflow-x:clip}

/* بازتعریف متغیرهای تم قدیمی (unified/app/dashboard/login) روی شب سرمه‌ای */
html.live{--card:rgba(255,255,255,.045);--line:rgba(255,255,255,.1);--text:#edf1fa;--green:#45d9a0;--red:#ff8a94;--navy-3:#18283F;--amber-dark:#e6c983;--paper:rgba(255,255,255,.04);--shadow:0 24px 60px -30px rgba(0,0,0,.7)}
html.live body :is(.page-intro,.hero-card,.intro-card){background:linear-gradient(120deg,rgba(214,173,85,.10),rgba(139,116,255,.08) 60%,rgba(255,255,255,.02))!important;border:.5px solid rgba(230,201,131,.28)!important;color:var(--ink)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html.live body :is(.value,.stat strong,.kpi strong){color:var(--ink)!important}
html.live body .card.stat .value{background:linear-gradient(135deg,#fff,var(--amber-2));-webkit-background-clip:text;background-clip:text;color:transparent!important}
html.live body :is(.sidebar,aside.nav){background:rgba(6,11,23,.6)!important;border-inline-start:.5px solid var(--hair)!important}

/* پانویس مشترک: خط ضربان متحرک، ستون‌های مینیمال، حقوق */
.site-footer{position:relative;margin-top:72px;padding:0 0 28px;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%)}
.site-footer .ekg{position:absolute;top:-20px;left:0;width:100%;height:40px;stroke-dasharray:1400;stroke-dashoffset:1400;animation:ekg 4.5s cubic-bezier(.65,0,.35,1) infinite}
@keyframes ekg{0%{stroke-dashoffset:1400;opacity:0}10%{opacity:1}60%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1400;opacity:0}}
.sf-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-top:44px}
.sf-brand p{font-size:13px;color:var(--muted);margin:10px 0 14px;max-width:280px;line-height:1.9}
.sf-brand .brand{font-size:19px;min-height:auto}
.sf-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:5px 10px;border:1px solid rgba(255,255,255,.08);border-radius:4px}
.sf-col{display:flex;flex-direction:column;gap:2px}
.sf-col b{font-size:12px;font-weight:500;color:var(--faint);letter-spacing:.02em;margin-bottom:8px}
.sf-col a{min-height:34px;display:inline-flex;align-items:center;font-size:13px;color:var(--muted);transition:color .2s,transform .25s cubic-bezier(.23,1,.32,1);width:fit-content}
.sf-col a:hover{color:var(--ink);transform:translateX(-3px)}
html[dir=ltr] .sf-col a:hover{transform:translateX(3px)}
.sf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--faint)}
.sf-legal{flex:1;text-align:center}
.sf-admin{min-height:34px;display:inline-flex;align-items:center;color:var(--faint)}
.sf-admin:hover{color:var(--ink)}
@media(max-width:760px){.sf-grid{grid-template-columns:1fr 1fr;gap:22px}.sf-brand{grid-column:1/-1}.sf-bottom{flex-direction:column;align-items:flex-start}.sf-legal{text-align:start}}
@media(prefers-reduced-motion:reduce){.site-footer .ekg{stroke-dashoffset:0;opacity:.6}}

/* واژه‌نشان برند رساتو (نسخهٔ زمینهٔ تیره) */
html.live .brand img.wordmark{width:auto;height:44px;border-radius:0!important;box-shadow:none!important;background:none}
html.live .site-footer .brand img.wordmark{height:52px}
@media(max-width:480px){html.live .topbar .brand img.wordmark{height:36px}}

.sf-studio{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 ui-monospace,'Segoe UI',monospace;letter-spacing:.32em;color:#9a9a9a;direction:ltr}
.sf-studio i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#2e3b4d 58%,transparent 60%),linear-gradient(160deg,transparent 40%,#C99B32 41% 52%,transparent 53%);box-shadow:0 0 0 1px rgba(201,155,50,.5)}
.sf-rights{color:var(--muted)}