/* خدمات مجازی اورال — پایه‌ی مشترک سایت، مینی‌اپ و پنل */
@import url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css");
:root{
  --bg:#070818; --bg2:#0D0F26; --card:rgba(255,255,255,.045); --card2:rgba(255,255,255,.08);
  --line:rgba(160,175,255,.13); --line-hot:rgba(140,120,255,.55);
  --fg:#F1F2FF; --muted:#9097C6; --dim:#5C628F;
  --cyan:#2CC8FF; --violet:#8B6CFF; --magenta:#FF2E93; --gold:#FFC53D; --orange:#FF8A1F;
  --ok:#3BE3AE; --warn:#FFB547; --bad:#FF5C7C;
  --grad:linear-gradient(120deg,#2CC8FF 0%,#8B6CFF 50%,#FF2E93 100%);
  --font:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;
  --r-lg:22px; --r-md:16px; --r-sm:12px;
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.7;direction:rtl;min-height:100vh}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 45% at 100% 0%,rgba(44,200,255,.14),transparent 65%),radial-gradient(60% 40% at 0% 18%,rgba(255,46,147,.11),transparent 65%),radial-gradient(80% 50% at 50% 110%,rgba(139,108,255,.14),transparent 70%)}
a{color:var(--cyan);text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
h1,h2,h3{text-wrap:balance;margin:0}
.num{font-variant-numeric:tabular-nums}
.ltr{direction:ltr;unicode-bidi:isolate}
.muted{color:var(--muted)} .dim{color:var(--dim)} .okc{color:var(--ok)} .badc{color:var(--bad)} .warnc{color:var(--warn)}
.glass{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:14px;font-weight:800;font-size:13.5px;transition:transform .15s,filter .15s,background .15s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--grad);color:#fff;box-shadow:0 10px 28px -10px rgba(139,108,255,.8)}
.btn.ok{background:rgba(59,227,174,.16);color:var(--ok);border:1px solid rgba(59,227,174,.35)}
.btn.bad{background:rgba(255,92,124,.12);color:var(--bad);border:1px solid rgba(255,92,124,.35)}
.btn.ghost{background:var(--card);border:1px solid var(--line)}
.btn.sm{padding:7px 12px;font-size:12px;border-radius:11px}
.btn.block{width:100%}

.inp,select.inp,textarea.inp{width:100%;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--fg);font:inherit;font-size:14px}
textarea.inp{resize:vertical;min-height:84px}
.inp:focus{border-color:var(--line-hot);outline:none}
.inp::placeholder{color:var(--dim)}
.inp.ltr{text-align:left}
label.f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}

.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.pill.ok{background:rgba(59,227,174,.14);color:var(--ok)}
.pill.run{background:rgba(44,200,255,.13);color:var(--cyan)}
.pill.wait{background:rgba(255,181,71,.14);color:var(--warn)}
.pill.bad{background:rgba(255,92,124,.14);color:var(--bad)}
.pill.off{background:rgba(255,255,255,.07);color:var(--muted)}
.pill.hot{background:var(--grad);color:#fff}

.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;max-width:min(92vw,420px);padding:11px 16px;border-radius:14px;background:#1A1D3D;border:1px solid var(--line-hot);font-size:13px;box-shadow:0 18px 40px -12px #000;text-align:center}
.toast.err{border-color:rgba(255,92,124,.6)}
.spin{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--violet);animation:sp .8s linear infinite;margin:30px auto}
@keyframes sp{to{transform:rotate(360deg)}}
.empty{padding:34px 16px;text-align:center;color:var(--muted);border-radius:var(--r-md);border:1px dashed var(--line)}
.empty b{display:block;font-size:26px;margin-bottom:4px}

.mask{position:fixed;inset:0;z-index:60;background:rgba(3,4,12,.66);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:#0E1030;border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:10px max(18px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));animation:up .22s ease-out}
.sheet .grab{width:42px;height:5px;border-radius:9px;background:rgba(255,255,255,.18);margin:2px auto 12px}
.sheet h3{font-size:16px;font-weight:900;margin-bottom:10px}
@media (min-width:760px){.mask{align-items:center}.sheet{border-radius:24px;border-bottom:1px solid var(--line)}}
@keyframes up{from{transform:translateY(30px);opacity:0}}

.kv{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-md)}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:13px}
.kv div:last-child{border-bottom:0}
.kv span{color:var(--muted);white-space:nowrap}
.kv b{text-align:left;min-width:0;overflow-wrap:anywhere}
.copy{cursor:pointer;border-bottom:1px dotted var(--muted)}
.cardno{font-size:20px;font-weight:900;letter-spacing:.06em;direction:ltr;text-align:center;padding:14px;border-radius:14px;background:linear-gradient(120deg,rgba(44,200,255,.12),rgba(139,108,255,.14),rgba(255,46,147,.1));border:1px solid var(--line-hot)}