/* =====================================================================
   GetMeFollowers theme for Perfect Panel
   Goes in: Appearance > Themes > Edit theme > CSS > style.css
   Colors live in the :root block; the dark theme overrides them below.
   ===================================================================== */

:root{
  --brand:#6A0DAD; --brand-2:#8E3FD1; --brand-ink:#2B0648; --brand-soft:#EFE1FA; --brand-hot:#6D14F5;
  --amber:#F5A623; --amber-deep:#B86E00; --amber-soft:#FFF1D6; --on-amber:#3D2500;
  --bg:#F7F2FC; --surface:#FFFFFF; --surface-2:#F4EEFB;
  --ink:#1A0930; --ink-2:#5B4A72; --ink-3:#8C7AA6; --line:#E7DCF3;
  --side-bg:#2B0648; --side-ink:#E9DCF8; --side-ink-2:#B89BD9; --side-line:rgba(255,255,255,.1);
  --top-bg:#F3ECFB; --top-ink:#1A0930; --top-ink-2:#5B4A72; --top-line:#E4D6F2;
  --field:#EEE4FC; --field-line:#D2BDF3; --field-ink:#2B0648; --field-ph:#6E5A8E;
  --dd-bg:#FFFFFF; --dd-sel:#7B2FF7;
  --ok:#16794B; --ok-soft:#E3F4EA; --warn:#B86E00; --warn-soft:#FFF1D6; --bad:#B42318; --bad-soft:#FDE8E6; --info:#1F5FBF; --info-soft:#E6EFFC;
  --shadow:0 10px 28px rgba(43,6,72,.07);
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-head:'Sora','Inter',system-ui,sans-serif;
  --font-field:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --brand:#A45BE8; --brand-soft:#33184F; --amber-deep:#F5A623; --amber-soft:#3F2B06;
  --bg:#120920; --surface:#1C1030; --surface-2:#24153D;
  --ink:#F2EAFB; --ink-2:#BCA8D6; --ink-3:#8C7AA6; --line:#33204E;
  --side-bg:#170A2B; --side-line:rgba(255,255,255,.08);
  --top-bg:#2B0648; --top-ink:#FFFFFF; --top-ink-2:#C9A6EA; --top-line:rgba(255,255,255,.12);
  --field:#2A1846; --field-line:#4A2C78; --field-ink:#F2EAFB; --field-ph:#B6A0D8;
  --dd-bg:#1F1235; --dd-sel:#C08CFF;
  --ok:#5FD39A; --ok-soft:#10301F; --warn:#F5B84C; --warn-soft:#3A2708; --bad:#F48A80; --bad-soft:#3A1412; --info:#8DB8FF; --info-soft:#15243F;
  --shadow:0 10px 28px rgba(0,0,0,.35);
}

/* ---------- base ---------- */
html,body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{font-family:var(--font-head);color:var(--ink);font-weight:700}
a{color:var(--brand)}
a:hover,a:focus{color:var(--brand-2);text-decoration:none}
hr{border-color:var(--line)}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.nowrap{white-space:nowrap}
::selection{background:var(--brand);color:#fff}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- bootstrap reskin: buttons ---------- */
.btn{border-radius:10px;font-weight:600;padding:9px 18px;border:1px solid transparent;transition:filter .15s,background .15s,color .15s,border-color .15s;box-shadow:none!important}
.btn-xs{padding:4px 10px;font-size:12px;border-radius:8px}
.btn-sm{padding:6px 12px;font-size:13px;border-radius:8px}
.btn-lg{padding:12px 24px;font-size:16px}
.btn-primary,.btn-primary:focus,.btn-primary.focus{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;filter:brightness(1.1)}
.btn-default,.btn-default:focus{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn-default:hover,.btn-default:active,.open>.dropdown-toggle.btn-default{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.btn-amber{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}
.btn-amber:hover,.btn-amber:focus{background:var(--amber);color:var(--on-amber);filter:brightness(1.05)}
.btn.disabled,.btn[disabled]{opacity:.55}

/* ---------- forms ---------- */
.control-label,label{font-weight:600;font-size:13px;color:var(--ink)}
.form-control{height:auto;min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 14px;box-shadow:none;font-size:14px}
.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(106,13,173,.15)}
.form-control::placeholder{color:var(--ink-3)}
.form-control[readonly],.form-control[disabled]{background:var(--surface-2);color:var(--ink-2)}
textarea.form-control{min-height:110px}
.help-block{color:var(--ink-3);font-size:12px;margin-top:6px}
.input-group .form-control{border-radius:10px 0 0 10px}
.input-group-btn .btn{min-height:44px;border-radius:0 10px 10px 0}
.checkbox label,.radio label{font-weight:500}

/* ---------- panels, wells, alerts, tables ---------- */
.well{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:22px;color:var(--ink)}
.well-float{padding:0;overflow:hidden}
.panel{background:var(--surface);border-color:var(--line);border-radius:14px;box-shadow:none}
.panel-body{color:var(--ink)}
.alert{border:0;border-radius:10px;font-size:14px}
.alert-success{background:var(--ok-soft);color:var(--ok)}
.alert-danger{background:var(--bad-soft);color:var(--bad)}
.alert-warning{background:var(--warn-soft);color:var(--warn)}
.alert-info{background:var(--info-soft);color:var(--info)}
.alert .close{color:inherit;opacity:.6;text-shadow:none}
.table{margin:0;color:var(--ink)}
.table>thead>tr>th{background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600;border-bottom:1px solid var(--line);padding:11px 14px;white-space:nowrap}
.table>tbody>tr>td{border-top:1px solid var(--line);padding:11px 14px;vertical-align:middle;font-size:14px}
.table-responsive{border:0}
.badge{background:var(--brand);font-weight:700}
.label{border-radius:100px;padding:.3em .8em}

/* pills used as tabs across pages */
.nav-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0}
.nav-pills::before,.nav-pills::after{display:none}
.nav-pills>li{float:none;margin:0}
.nav-pills>li>a{border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line)}
.nav-pills>li>a:hover{background:var(--surface-2);color:var(--ink)}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background:var(--brand);border-color:var(--brand);color:#fff}
.nav-pills>li.search{margin-left:auto;min-width:240px}
.nav-tabs{border-color:var(--line)}
.nav-tabs>li>a{color:var(--ink-2);border-radius:10px 10px 0 0}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{background:var(--surface);color:var(--ink);border-color:var(--line) var(--line) transparent}

/* dropdowns, modals, pagination */
.dropdown-menu{background:var(--dd-bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(43,6,72,.18);padding:6px}
.dropdown-menu>li>a{border-radius:6px;padding:8px 12px;color:var(--ink);font-weight:500}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background:var(--brand-hot);color:#fff}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover{background:var(--brand);color:#fff}
.dropdown-max-height{max-height:320px;overflow-y:auto}
.modal-content{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);color:var(--ink)}
.modal-header,.modal-footer{border-color:var(--line)}
.modal-header .close{color:var(--ink);opacity:.6}
.pagination{display:flex;flex-wrap:wrap;gap:6px}
.pagination>li>a,.pagination>li>span{border-radius:8px!important;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);margin:0;font-weight:600}
.pagination>li>a:hover{background:var(--surface-2);color:var(--ink)}
.pagination>.active>a,.pagination>.active>a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.tooltip-inner{background:var(--brand-ink);border-radius:8px}

/* ---------- guest navigation ---------- */
.gnav{background:var(--top-bg);border-bottom:1px solid var(--top-line)}
.gnav-in{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;font:800 19px var(--font-head);color:var(--top-ink)}
.brand:hover{color:var(--top-ink)}
.brand img{max-height:38px;width:auto}
.gnav-menu{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.gnav-menu>li>a{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;color:var(--top-ink-2);font-size:14px;font-weight:500}
.gnav-menu>li>a:hover{color:var(--top-ink)}
.gnav-menu>li.active>a{color:var(--top-ink);background:color-mix(in srgb,var(--brand) 14%,transparent)}
.gnav-right{margin-left:auto;display:flex;gap:8px;align-items:center}
.gnav-burger{display:none}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--top-line);color:var(--top-ink-2);background:transparent;border-radius:100px;padding:6px 12px;font-size:13px;cursor:pointer;white-space:nowrap}
.pill:hover{color:var(--top-ink)}
.gnav .dropdown-menu{min-width:180px}

/* ---------- guest hero (signin) ---------- */
.hero{background:radial-gradient(900px 420px at 88% -10%,color-mix(in srgb,#8E3FD1 30%,transparent),transparent 60%),var(--top-bg);border-bottom:1px solid var(--top-line)}
.hero-in{max-width:1180px;margin:0 auto;padding:56px 20px 64px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(30px,4.4vw,46px);line-height:1.18;margin:0 0 16px;color:var(--top-ink);letter-spacing:-.02em;text-wrap:balance}
.hero .lede{color:var(--top-ink-2);font-size:16px;max-width:52ch;margin:0 0 26px}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.hero-chip{border:1px solid var(--top-line);color:var(--top-ink-2);border-radius:100px;padding:5px 12px;font-size:13px}
.hero-chip.hot{background:var(--amber-soft);border-color:transparent;color:var(--amber-deep);font-weight:600}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:560px;font-variant-numeric:tabular-nums}
.hero-stats b{display:block;font:700 24px var(--font-head);color:var(--top-ink)}
.hero-stats small{color:var(--top-ink-2);font-size:12px}
.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}
.auth-card h2{margin:0 0 4px;font-size:20px}
.auth-card .sub{color:var(--ink-2);font-size:13px;margin:0 0 20px}
.auth-card .form-group{margin-bottom:16px}
.auth-card .btn-primary{width:100%;padding:12px}
.form-group__password{position:relative}
.forgot-password{display:inline-block;margin-top:6px;font-size:13px}
.auth-foot{text-align:center;font-size:13px;color:var(--ink-2);margin:16px 0 0}
.g_id_signin{display:flex;justify-content:center;margin-top:12px}
.g-block{max-width:1180px;margin:0 auto;padding:56px 20px 0}
.g-head{max-width:640px;margin:0 0 24px}
.g-head h2{font-size:26px;margin:0 0 8px}
.g-head p{color:var(--ink-2);margin:0}
.tiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);font-variant-numeric:tabular-nums}
.tier{padding:18px 12px;text-align:center;border-left:1px solid var(--line)}
.tier:first-child{border-left:0}
.tier b{display:block;font-size:13px;letter-spacing:.06em}
.tier strong{display:block;font:700 24px var(--font-head);color:var(--brand);margin:6px 0 2px}
.tier small{color:var(--ink-3);font-size:12px}
.tier.top{background:#6A0DAD}
.tier.top b,.tier.top strong,.tier.top small{color:#fff}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.step{padding:18px;border-top:2px solid var(--brand);background:var(--surface)}
.step::before{counter-increment:s;content:counter(s);font:800 18px var(--font-head);color:var(--amber-deep)}
.step h3{font-size:15px;margin:6px 0 4px}
.step p{font-size:13px;color:var(--ink-2);margin:0}
.g-text{padding-bottom:56px}
.g-footer{background:var(--top-bg);border-top:1px solid var(--top-line);color:var(--top-ink-2);font-size:13px;margin-top:56px}
.g-footer-in{max-width:1180px;margin:0 auto;padding:24px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.g-footer a{color:var(--top-ink-2)}
.g-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.guest-page{max-width:1180px;margin:0 auto;padding:40px 20px 0}
.guest-page .container{width:auto;max-width:100%;padding:0}

/* ---------- app shell (signed in) ---------- */
.app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{background:var(--side-bg);color:var(--side-ink);padding:18px 14px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:70}
.side .brand{color:#fff;padding:4px 8px 10px}
.side .brand:hover{color:#fff}
.side-nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.side-nav a{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--side-ink);font-size:14px;font-weight:500;transition:background .18s,color .18s,padding-left .18s}
.side-nav a::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--amber);transform:scaleY(0);transition:transform .18s}
.side-nav a .navbar-icon,.side-nav a .si{width:18px;text-align:center;color:var(--side-ink-2);transition:color .18s,transform .18s}
.side-nav a:hover,.side-nav a:focus{background:linear-gradient(90deg,rgba(245,166,35,.16),rgba(255,255,255,.04));color:#fff;padding-left:16px}
.side-nav a:hover::before{transform:scaleY(1)}
.side-nav a:hover .navbar-icon,.side-nav a:hover .si{color:var(--amber);transform:scale(1.12)}
.side-nav li.active a{background:#fff;color:#2B0648;font-weight:700;padding-left:12px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.side-nav li.active a::before{transform:scaleY(1)}
.side-nav li.active a .navbar-icon,.side-nav li.active a .si{color:#6A0DAD;transform:none}
.side-logout{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(244,138,128,.35);color:#F7B2AA!important;font-weight:600;font-size:14px}
.side-logout:hover{background:rgba(244,138,128,.12)}
.side-scrim{display:none}

.main{min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 28px;background:var(--top-bg);border-bottom:1px solid var(--top-line)}
.topbar-burger{display:none;background:transparent;border:1px solid var(--top-line);border-radius:10px;width:40px;height:40px;color:var(--top-ink);cursor:pointer}
.topbar h1{margin:0;font-size:20px;color:var(--top-ink)}
.topbar-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.topbar-right>.dropdown>a,.topbar-right .balance{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:var(--on-amber);border-radius:100px;padding:6px 14px;font-weight:700;font-size:13px;cursor:pointer}
.topbar-right .balance .badge{background:transparent;color:inherit;padding:0;font-size:13px}
.topbar-right .balance .caret{border-top-color:currentColor}
.iconbtn{width:38px;height:38px;border-radius:50%;border:1px solid var(--top-line);background:transparent;color:var(--top-ink-2);display:inline-grid;place-items:center;cursor:pointer}
.iconbtn:hover{color:var(--top-ink)}
.acc-link{color:var(--top-ink-2);font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px}
.acc-link:hover,.acc-link.active{color:var(--top-ink);background:color-mix(in srgb,var(--brand) 12%,transparent)}
.user-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--top-line);border-radius:100px;padding:4px 14px 4px 4px}
.user-chip .av{width:30px;height:30px;border-radius:50%;background:#6A0DAD;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;text-transform:uppercase}
.user-chip b{display:block;font-size:13px;color:var(--top-ink);line-height:1.2}
.user-chip small{font-size:11px;color:var(--top-ink-2)}
.app-content{padding:24px 28px 56px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start}
.app-content .container,.app-content .container-fluid{width:auto;max-width:100%;padding:0;margin:0}
.app-content .row{margin-left:-10px;margin-right:-10px}
.app-content [class*="col-"]{padding-left:10px;padding-right:10px}
.app-content .col-md-offset-2{margin-left:0}
.app-content .col-md-8{width:100%}

/* stat cards */
.statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;font-variant-numeric:tabular-nums}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:14px;align-items:center;min-width:0}
.stat-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;font-size:18px}
.ic-purple{background:linear-gradient(145deg,#8E3FD1,#6A0DAD)}
.ic-green{background:linear-gradient(145deg,#2FBF7A,#16794B)}
.ic-amber{background:linear-gradient(145deg,#F7BC4D,#E08E0B)}
.ic-pink{background:linear-gradient(145deg,#E85D9C,#B8327A)}
.stat small{display:block;color:var(--ink-2);font-size:12px}
.stat b{display:block;font:700 20px/1.25 var(--font-head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat-grow{flex:1;min-width:0}
.lvlbar{height:6px;border-radius:100px;background:var(--brand-soft);overflow:hidden;margin-top:6px}
.lvlbar span{display:block;height:100%;background:linear-gradient(90deg,#8E3FD1,var(--amber))}
.stat .tiny{font-size:11px;color:var(--ink-3);margin-top:3px}

/* cards used by the page templates */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.card-h{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-h h2{font-size:15px;margin:0}
.card-b{padding:20px}
.cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.page-text{font-size:14px;color:var(--ink-2)}
.page-text h1,.page-text h2,.page-text h3,.page-text h4{font-size:15px;margin:14px 0 4px}
.page-text p{margin:0 0 8px}
.page-text img{max-width:100%;height:auto}

/* ---------- new order ---------- */
.plat{display:flex;flex-wrap:wrap;gap:8px}
.plat button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink);transition:background .15s,border-color .15s}
.plat button:hover{border-color:var(--brand)}
.plat button .pd{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:11px}
.plat button .n{font-weight:500;font-size:11px;opacity:.7}
.plat button[aria-pressed="true"]{background:#6A0DAD;border-color:#6A0DAD;color:#fff}
.plat[hidden]{display:none}
.p-all{background:#6A0DAD}.p-telegram{background:#229ED9}.p-instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}.p-youtube{background:#FF0000}.p-tiktok,.p-twitter{background:#111}.p-whatsapp{background:#25D366}.p-facebook{background:#1877F2}.p-other{background:#8C7AA6}

.oform .form-group{margin-bottom:18px}
.oform .control-label{font:700 14px var(--font-field);color:var(--field-ink)}
.oform .form-control{background:var(--field);border:0;border-bottom:2px solid var(--field-line);border-radius:10px;font:700 14px var(--font-field);color:var(--field-ink);padding:12px 16px;min-height:48px}
.oform .form-control::placeholder{color:var(--field-ph)}
.oform .form-control:focus{border-bottom-color:var(--brand-hot);box-shadow:0 0 0 3px rgba(109,20,245,.15)}
.oform .form-control[readonly]{color:var(--field-ph)}
.oform .panel-body{background:var(--field);border:0!important;border-bottom:2px solid var(--field-line)!important;border-radius:10px;font:700 14px/1.6 var(--font-field);color:var(--field-ink);padding:14px 16px}
.oform .help-block,.oform .min-max{font:600 12px var(--font-field);color:var(--field-ph)}
.oform #new-order-search .input-wrapper button{color:var(--field-ink)}
.oform #new-order-search .form-control{padding-left:40px}
.oform .terms{font:600 13px var(--font-field)}
.oform .btn-primary{width:100%;padding:13px;font-size:15px;background:var(--brand-hot);border-color:var(--brand-hot)}

/* Select2 used by the panel for category and service */
.select2-container{width:100%!important}
.select2-container--default .select2-selection--single,.oform .select2-selection--single.form-control{display:flex;align-items:center;min-height:48px;height:auto;background:var(--field);border:0;border-bottom:2px solid var(--field-line);border-radius:10px;padding:10px 40px 10px 16px}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.45;font:700 14px var(--font-field);color:var(--field-ink);white-space:normal}
.select2-selection__rendered>span{display:flex;align-items:center;gap:10px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:12px;top:0}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--field-ph) transparent transparent}
.select2-container--open .select2-selection--single{box-shadow:0 0 0 3px rgba(109,20,245,.15)}
.select2-selection__icon{width:18px;flex:none;text-align:center;font-size:16px;color:var(--brand-hot)}
.select2-selection__icon img{max-width:18px;max-height:18px}
.select2-selection__id{background:var(--brand-hot)!important;color:#fff!important;border-radius:6px!important;font:700 11px var(--font-field)!important;padding:2px 7px!important;margin-right:4px}
.select2-dropdown,.select2-dropdown.dropdown-menu{background:var(--dd-bg);border:1px solid var(--field-line)!important;border-radius:8px!important;box-shadow:0 14px 34px rgba(43,6,72,.18);padding:4px 0;margin-top:4px}
.select2-results__options.dropdown-menu{position:static;display:block;float:none;border:0;box-shadow:none;margin:0;padding:0;max-height:360px!important;overflow-y:auto;background:transparent;min-width:0}
.select2-results__option{padding:0!important;background:transparent}
.select2-results__option>a{display:flex;align-items:center;gap:10px;padding:6px 14px;font:700 14px/1.45 var(--font-field);color:var(--field-ink);white-space:normal;border-radius:0}
.select2-results__option[aria-selected="true"]>a{color:var(--dd-sel)}
.select2-results__option.active>a,.select2-results__option>a:hover,.select2-results__option>a:focus{background:transparent!important;color:var(--field-ink)!important}
.select2-results__option[aria-selected],.select2-results__option[aria-selected="true"]{background:transparent!important}
.select2-results__option[aria-selected="true"]>a{color:var(--dd-sel)!important;background:rgba(124,58,237,.14)!important;box-shadow:inset 3px 0 0 var(--brand-hot)}
.select2-results__options .select2-results__option.select2-results__option--highlighted>a{background:var(--brand-hot)!important;color:#fff!important}
.select2-results__option--highlighted .select2-selection__icon{color:#fff}
.select2-results__option--highlighted .select2-selection__id{background:#fff!important;color:var(--brand-hot)!important}
.select2-search--dropdown{padding:8px}
.select2-search__field-wrapper{position:relative}
.select2-search__field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);margin:0;color:var(--ink-3)}
.select2-search--dropdown .select2-search__field{padding-left:34px;background:var(--field);border:0;border-radius:8px;font:600 14px var(--font-field);color:var(--field-ink)}
.select2-results__options::-webkit-scrollbar{width:8px}
.select2-results__options::-webkit-scrollbar-thumb{background:var(--field-line);border-radius:8px}
#new-order-search .dropdown-menu,.search-dropdown .dropdown-menu{border-radius:8px}

/* ---------- services ---------- */
.svc-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.svc-toolbar .dropdown>.btn{display:inline-flex;align-items:center;gap:8px}
.svc-toolbar .search{flex:1;min-width:220px}
.svc-toolbar .search .input-group{width:100%}
#service-table tr.cat-row td{background:color-mix(in srgb,var(--brand) 7%,var(--surface));cursor:pointer;font-size:14px;padding:13px 16px;user-select:none}
#service-table tr.cat-row td>*{vertical-align:middle}
#service-table tr.cat-row .cat-count{float:right;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface);border-radius:100px;padding:2px 10px;margin-left:10px}
#service-table tr.cat-row .cat-chev{float:right;transition:transform .2s;color:var(--ink-3);margin-top:3px}
#service-table tr.cat-row.is-open .cat-chev{transform:rotate(90deg)}
#service-table tr.cat-row img{display:inline-block;margin-right:6px}
#service-table tr.svc-collapsed{display:none!important}
#service-table tr.plat-hide{display:none!important}
#service-table td.svc-rate{font-weight:700;color:var(--brand);white-space:nowrap}
#service-table .service-name{min-width:260px}
[data-favorite-service-id]{cursor:pointer;color:var(--ink-3)}
.favorite-active,[data-favorite-service-id] .fas{color:var(--amber-deep)}
.service-description{color:var(--ink-2);font-size:13px}

/* ---------- orders ---------- */
.o-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.o-toolbar .sel-all{display:flex;gap:8px;align-items:center;margin:0;font-size:13px}
.o-toolbar form{flex:1;min-width:220px;margin-left:auto}
.olist{display:grid;gap:12px;font-variant-numeric:tabular-nums}
.ocard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:18px;align-items:start}
.ocard .o-id{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.ocard .o-id input{margin:0}
.ocard .o-svc{font-size:13px;font-weight:600;margin:6px 0 4px;overflow-wrap:anywhere}
.ocard .o-link{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand)}
.ocard .o-date{font-size:12px;color:var(--ink-3);margin-top:6px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.kv small{display:block;font-size:11px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.kv b{font-size:14px}
.ocard .o-act{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right;font-size:12px;color:var(--ink-2)}
.ocard .order-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--brand-soft);color:var(--brand)}
.st-completed{background:var(--ok-soft);color:var(--ok)}
.st-inprogress,.st-processing{background:var(--warn-soft);color:var(--warn)}
.st-partial,.st-canceled,.st-cancelled,.st-error,.st-fail{background:var(--bad-soft);color:var(--bad)}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:32px;text-align:center;color:var(--ink-2)}

/* ---------- theme toggle icon swap ---------- */
.theme-toggle .ic-moon{display:none}
html[data-theme="dark"] .theme-toggle .ic-sun{display:none}
html[data-theme="dark"] .theme-toggle .ic-moon{display:inline-block}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .statgrid{grid-template-columns:1fr 1fr}
  .cols{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .app{grid-template-columns:minmax(0,1fr)}
  .main{width:100%;max-width:100vw}
  .side{position:fixed;left:0;top:0;bottom:0;width:264px;transform:translateX(-100%);transition:transform .2s}
  body.side-open .side{transform:none}
  body.side-open .side-scrim{display:block;position:fixed;inset:0;background:rgba(10,4,20,.45);z-index:65}
  .topbar-burger{display:inline-grid;place-items:center}
  .topbar,.app-content{padding-left:16px;padding-right:16px}
  .hero-in{grid-template-columns:1fr}
  .tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tier:nth-child(4){border-left:0}
  .tier:nth-child(n+4){border-top:1px solid var(--line)}
  .steps{grid-template-columns:1fr 1fr}
  .ocard{grid-template-columns:1fr}
  .ocard .o-act{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}
  .gnav-burger{display:inline-grid;place-items:center;margin-left:auto}
  .gnav-collapse{display:none;width:100%}
  .gnav.open .gnav-collapse{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  .gnav-collapse .gnav-menu{flex-direction:column}
  .gnav-collapse .gnav-right{margin-left:0}
  .nav-pills>li.search{margin-left:0;width:100%}
  .app-content>.container-fluid .nav-pills:not(.svc-toolbar){flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .app-content>.container-fluid .nav-pills:not(.svc-toolbar)>li{flex:none}
  #service-table .service-name{min-width:180px}
  .well-float{overflow-x:auto}
}
@media (min-width:901px){
  .gnav-collapse{display:flex;align-items:center;gap:18px;flex:1}
}
@media (max-width:560px){
  .steps{grid-template-columns:1fr}
  .statgrid{grid-template-columns:1fr 1fr;gap:10px}
  .stat{padding:12px;gap:10px;align-items:flex-start;flex-direction:column}
  .stat-ic{width:34px;height:34px;border-radius:10px;font-size:14px}
  .stat b{font-size:17px}
  .hero-stats{grid-template-columns:1fr 1fr}
  .user-chip div{display:none}
  .user-chip{padding-right:4px}
  .topbar h1{font-size:18px;flex:1;min-width:0}
  .topbar-right{margin-left:0;width:100%;justify-content:space-between}
  .acc-link{padding:6px 4px}
}

/* guest pages that keep the stock markup (signup, reset password, terms, blog...) */
.guest-main>.container:first-child,.guest-main>.container-fluid:first-child{margin-top:40px}
.guest-main .well{box-shadow:var(--shadow)}
.o-toolbar .input-group{width:100%}
.gnav .gnav-burger{display:none}
@media (max-width:900px){.gnav .gnav-burger{display:inline-grid;place-items:center;margin-left:auto}}
.side{overflow-x:hidden}
.side .brand{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oform #gmf-plat{margin-bottom:20px}

/* ===== remaining pages (stock markup, restyled) ===== */
/* guest forms: sign up, reset password, new password, 2FA, confirm email */
.guest-main .col-md-8.col-md-offset-2,.guest-main .col-lg-8.col-lg-offset-2{float:none;width:100%;max-width:480px;margin:0 auto;padding:0 16px}
.guest-main .col-md-8.col-md-offset-2>.well{padding:28px;border-radius:18px}
.guest-main .well h3,.guest-main .well h4{margin-top:0;font-size:20px}
.guest-main form .row{margin:0}
.guest-main form .row>[class*="col-"]{float:none;width:100%;padding:0}
.guest-main form .form-inline .form-group{display:block;margin:0 0 12px}
.guest-main form .btn-primary{width:100%;padding:12px}
.guest-main .pull-right-middle{display:block;text-align:center;font-size:13px;color:var(--ink-2);margin-top:4px}
.guest-main .text-md-right{text-align:center}
.confirm-email__description{color:var(--ink-2);margin:10px 0 20px}
.confirm-email__action{display:flex;flex-direction:column;gap:8px}
.btn-link{color:var(--brand);font-weight:600}

/* signed-in pages that use a centered column: keep a comfortable width */
.app-content .col-md-8.col-md-offset-2,.app-content .col-lg-8.col-lg-offset-2,.app-content .col-md-10.col-md-offset-1{float:none;width:100%;max-width:920px;margin:0}
.app-content .well>h3:first-child,.app-content .well>h4:first-child{margin-top:0}
.well:not(.well-float)>.table:only-child{margin:-22px;width:calc(100% + 44px);max-width:none}
.well:has(>.table){overflow-x:auto}
.well-float>.table{margin:0;width:100%}
.panel-border-top{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
.help-block a{font-weight:600}
.m-t{margin-top:12px}.m-t-md{margin-top:20px}.m-b-md{margin-bottom:16px}

/* tickets */
.titcket-title{font:700 18px var(--font-head);padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.ticket-message-block{display:flex;margin:0 0 14px}
.ticket-message-block>[class*="col-md-1"]:empty{display:none}
.ticket-message-block>.col-md-11{width:auto;max-width:85%;float:none;padding:0}
.ticket-message-right{justify-content:flex-end}
.ticket-message{border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.ticket-message-right .ticket-message{background:var(--brand);color:#fff;border-bottom-right-radius:4px}
.ticket-message-right .ticket-message a{color:#fff;text-decoration:underline}
.ticket-message-left .ticket-message{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px}
.ticket-message-block .info{font-size:12px;margin-top:4px;color:var(--ink-3)}
.ticket-message-block .info strong{color:var(--ink-2)}
.text-muted{color:var(--ink-3)}
.tickets-uploader .btn{border-radius:10px}

/* account + notifications */
.app-content .nav-pills+.alert,.app-content .nav-pills+.well{margin-top:0}
#api_key{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
.btn-block{width:100%}
.table input[type="checkbox"]{width:18px;height:18px;accent-color:var(--brand)}

/* API docs */
.well.api{padding:24px}
.center-big-content-block h2{font-size:24px}
.center-big-content-block h4{font-size:16px}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{border-color:var(--line)!important}
.table-bordered{border-radius:10px;overflow:hidden;border-collapse:separate;border-spacing:0}
.well.api .table{margin:0 0 16px;width:100%}
.well pre,pre{background:var(--brand-ink);color:#EADCF9;border:0;border-radius:10px;padding:16px;font-size:12.5px;overflow-x:auto}
html[data-theme="dark"] pre{background:#0C0518}

/* blog */
.blog-wrap{max-width:1100px;margin:0 auto;display:grid;gap:22px}
.guest-main .blog-wrap{padding:40px 20px 0}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.post-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.post-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.post-card:hover .post-img img{transform:scale(1.04)}
.post-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-body h2{font-size:17px;margin:0;line-height:1.35}
.post-body h2 a{color:var(--ink)}
.post-body h2 a:hover{color:var(--brand)}
.post-excerpt{font-size:14px;color:var(--ink-2);flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.post-body .btn{align-self:flex-start}
.post-full{max-width:780px;width:100%;margin:0 auto;overflow:hidden}
.post-hero{width:100%;max-height:420px;object-fit:cover;display:block}
.post-full h1{font-size:clamp(24px,3.4vw,34px);line-height:1.2;margin:12px 0 6px}
.post-back{font-size:13px;font-weight:600}
.post-date{display:block;font-size:13px;color:var(--ink-3);margin-bottom:18px}
.post-content{font-size:16px;line-height:1.8;color:var(--ink)}
.post-content img{max-width:100%;height:auto;border-radius:10px}
.post-content h2,.post-content h3{margin:24px 0 8px}
@media (max-width:560px){.ticket-message-block>.col-md-11{max-width:100%}}
.app-content .ticket-message-block{margin-left:0;margin-right:0}

/* new order: important notice box */
.notice-card{position:sticky;top:20px;border:0!important;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 1.5px rgba(245,166,35,.6),0 18px 40px rgba(106,13,173,.16)}
.notice-card::before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--brand-hot),var(--brand-2),var(--amber))}
.notice-badge{display:flex;align-items:center;gap:9px;margin:16px 20px 0;padding:9px 13px;border-radius:10px;background:var(--amber-soft);color:var(--amber-deep);font:700 12px/1.3 var(--font-body);letter-spacing:.04em;text-transform:uppercase}
.notice-badge i{font-size:14px;transform-origin:50% 0;animation:gmf-ring 3s ease-in-out infinite}
@keyframes gmf-ring{0%,70%,100%{transform:rotate(0)}74%{transform:rotate(16deg)}80%{transform:rotate(-13deg)}86%{transform:rotate(8deg)}92%{transform:rotate(-4deg)}}
.notice-body{padding-top:14px!important;font-size:14px;line-height:1.7;color:var(--ink);max-height:calc(100vh - 150px);overflow-y:auto;overscroll-behavior:contain}
.notice-body::-webkit-scrollbar{width:6px}
.notice-body::-webkit-scrollbar-thumb{background:var(--field-line);border-radius:6px}
.notice-body h1,.notice-body h2,.notice-body h3,.notice-body h4{font:800 18px/1.35 var(--font-head);color:var(--brand);margin:0 0 6px}
.notice-body p{margin:0 0 13px}
.notice-body em,.notice-body i:not([class]){color:var(--ink-3)}
.notice-body strong,.notice-body b{color:var(--ink);font-weight:700}
.notice-body a{color:var(--brand-hot);font-weight:700;text-decoration:underline;text-underline-offset:3px}
html[data-theme="dark"] .notice-body a{color:var(--dd-sel)}
@media (max-width:1100px){
  .notice-card{position:static}
  .notice-body{max-height:none}
}
/* platform filter: logos only */
.plat{gap:8px}
.plat button{width:46px;height:46px;padding:0;justify-content:center;gap:0;border-radius:12px;position:relative}
.plat button .pn,.plat button .n{display:none}
.plat button .pd{width:28px;height:28px;border-radius:8px;font-size:15px}
.plat button[data-plat="all"]{width:auto;padding:0 16px;gap:8px}
.plat button[data-plat="all"] .pn{display:inline;font-weight:700}
.plat button[data-plat="all"] .pd{width:auto;height:auto;background:none!important;font-size:14px}
.plat button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(106,13,173,.18)}
.plat button[aria-pressed="true"]:not([data-plat="all"]){background:var(--brand-soft);border-color:var(--brand-hot);box-shadow:0 0 0 2px var(--brand-hot)}
.plat button{transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}

/* new order: help box with link buttons (links come from the new order text) */
.notice-body{max-height:max(220px,calc(100vh - 400px))}
.help-box{padding:18px 20px 20px;border-top:1px solid var(--line)}
.notice-card>.help-box:first-child{border-top:0}
.help-h{display:flex;align-items:flex-start;gap:10px;font:700 16px/1.35 var(--font-head);color:var(--ink)}
.help-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-hot);font-size:15px}
.help-sub{margin:8px 0 14px;font-size:13.5px;color:var(--ink-2)}
.nb-links{display:grid;gap:10px}
.nb-links:empty{display:none}
.nb-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink)!important;font:700 14px/1.3 var(--font-field);text-decoration:none!important;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s}
.nb-btn:hover{border-color:var(--brand-hot);transform:translateY(-1px);box-shadow:0 8px 18px rgba(106,13,173,.14);background:var(--surface)}
.nb-t{flex:1;min-width:0}
.nb-ic{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;background:var(--brand-hot)}
.nb-tg{background:#229ED9}.nb-wa{background:#25D366}.nb-ig{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}.nb-ticket{background:var(--amber);color:var(--on-amber)}
.nb-go{color:var(--ink-3);font-size:13px;transition:transform .15s,color .15s}
.nb-btn:hover .nb-go{color:var(--brand-hot);transform:translateX(3px)}
/* topbar: language switcher + clickable account chip */
.lang-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:100px;border:1px solid var(--top-line);background:transparent;color:var(--top-ink);font:600 13px var(--font-body);cursor:pointer;transition:border-color .15s,background .15s}
.lang-btn:hover,.lang-dd.open .lang-btn{border-color:var(--brand-hot);background:color-mix(in srgb,var(--brand) 10%,transparent)}
.lang-btn .fa-globe{color:var(--brand-hot);font-size:14px}
html[data-theme="dark"] .lang-btn .fa-globe{color:var(--dd-sel)}
.lang-btn .caret{border-top-color:currentColor;opacity:.6}
.lang-dd .dropdown-menu{max-height:320px;overflow-y:auto}
a.user-chip{color:inherit;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}
a.user-chip:hover,a.user-chip:focus{border-color:var(--brand-hot);background:color-mix(in srgb,var(--brand) 10%,transparent);box-shadow:0 4px 12px rgba(106,13,173,.14);text-decoration:none}
@media (max-width:560px){.lang-btn span:not(.caret){display:none}.lang-btn{padding:0 11px}}
@media (max-width:1100px){.notice-body{max-height:none}}
/* balance pill links to add funds */
a.balance{text-decoration:none!important;transition:filter .15s,transform .15s,box-shadow .15s}
a.balance:hover,a.balance:focus{color:var(--on-amber);filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 14px rgba(245,166,35,.35)}
.bal-plus{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--on-amber);color:var(--amber);font-size:9px;margin-left:2px}
.dropdown-currencies{display:inline-flex;align-items:center;gap:4px}
.topbar-right>.dropdown>a.bal-cur{padding:6px 10px}
/* styled dropdown replacing plain selects */
.gsel{position:relative}
.gsel-native{position:absolute!important;inset:0;width:100%!important;height:100%!important;opacity:0;pointer-events:none}
.gsel-btn{display:flex!important;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font:700 14px/1.4 var(--font-field)!important;color:var(--field-ink)!important}
.gsel-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gsel-chev{font-size:11px;color:var(--ink-3);transition:transform .2s}
.gsel.open .gsel-btn{border-color:var(--brand-hot)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-hot) 18%,transparent)!important}
.gsel.open .gsel-chev{transform:rotate(180deg);color:var(--brand-hot)}
.gsel-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;margin:0;padding:6px;list-style:none;background:var(--dd-bg);border:1px solid var(--field-line);border-radius:12px;box-shadow:0 16px 36px rgba(43,6,72,.18);max-height:300px;overflow-y:auto}
.gsel-list[hidden]{display:none}
.gsel-list li{padding:10px 14px;border-radius:8px;font:700 14px/1.4 var(--font-field);color:var(--field-ink);cursor:pointer;transition:background .12s,color .12s}
.gsel-list li[aria-selected="true"]{color:var(--dd-sel);background:rgba(124,58,237,.12);box-shadow:inset 3px 0 0 var(--brand-hot)}
.gsel-list li:hover{background:var(--brand-hot);color:#fff;box-shadow:none}
.gsel-list li.dis{opacity:.45;cursor:not-allowed}
.gsel-list li.dis:hover{background:none;color:var(--field-ink)}
.gsel-list::-webkit-scrollbar{width:8px}
.gsel-list::-webkit-scrollbar-thumb{background:var(--field-line);border-radius:8px}
/* topbar: currency switcher + notifications bell */
.cur-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:100px;border:1px solid var(--top-line);background:transparent;color:var(--top-ink);font:700 13px var(--font-body);cursor:pointer;transition:border-color .15s,background .15s}
.cur-btn .fa-money-bill-wave{color:#16A34A;font-size:14px}
.cur-btn .caret{border-top-color:currentColor;opacity:.6}
.cur-btn:hover,.cur-dd.open .cur-btn{border-color:var(--brand-hot);background:color-mix(in srgb,var(--brand) 10%,transparent)}
.cur-dd .dropdown-menu{max-height:320px;overflow-y:auto}
.bell-btn{text-decoration:none!important;transition:color .15s,border-color .15s,background .15s}
.bell-btn:hover,.bell-btn:focus,.bell-btn.active{color:var(--brand-hot);border-color:var(--brand-hot);background:color-mix(in srgb,var(--brand) 10%,transparent)}
html[data-theme="dark"] .bell-btn:hover,html[data-theme="dark"] .bell-btn.active{color:var(--dd-sel)}
.bell-btn:hover i{animation:gmf-ring 1s ease-in-out;transform-origin:50% 0}
@media (max-width:560px){.cur-btn span:not(.caret){display:none}.cur-btn{padding:0 11px}}
/* ===== landing (sign in page) ===== */
.lp-hero{position:relative;overflow:hidden;background:radial-gradient(700px 380px at 85% 10%,color-mix(in srgb,#8E3FD1 34%,transparent),transparent 65%),radial-gradient(520px 300px at 8% 100%,color-mix(in srgb,#F5A623 14%,transparent),transparent 70%),var(--top-bg)}
.lp-hero .hero-in{position:relative;z-index:1;padding-top:64px;padding-bottom:76px}
.lp-float{position:absolute;inset:0;pointer-events:none;z-index:0}
.lp-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.lp-orb.o1{width:320px;height:320px;background:#7B2FF7;right:6%;top:-80px;animation:lp-drift 14s ease-in-out infinite}
.lp-orb.o2{width:240px;height:240px;background:#C026D3;right:30%;bottom:-120px;opacity:.35;animation:lp-drift 18s ease-in-out infinite reverse}
.lp-orb.o3{width:200px;height:200px;background:#F5A623;left:-60px;top:40%;opacity:.22;animation:lp-drift 16s ease-in-out infinite}
@keyframes lp-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,24px)}}
.lp-float .fl{position:absolute;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 14px 30px rgba(20,4,40,.35),inset 0 1px 0 rgba(255,255,255,.25);animation:lp-bob 7s ease-in-out infinite;opacity:.95}
.lp-float .fl b{font-weight:inherit}
.lp-float .p-star{background:linear-gradient(135deg,#F5A623,#F97316)}
.lp-float .f1{right:44%;top:12%;animation-delay:-1s;width:58px;height:58px;font-size:25px}
.lp-float .f2{right:3%;top:16%;animation-delay:-3s}
.lp-float .f3{right:40%;bottom:12%;animation-delay:-5s;width:46px;height:46px;font-size:19px}
.lp-float .f4{right:2%;bottom:18%;animation-delay:-2s}
.lp-float .f5{right:47%;top:48%;animation-delay:-4s;width:40px;height:40px;font-size:16px;border-radius:12px;opacity:.8}
.lp-float .f6{right:20%;top:3%;animation-delay:-6s;width:42px;height:42px;font-size:18px;border-radius:13px}
.lp-float .f7{right:22%;bottom:3%;animation-delay:-2.5s;width:42px;height:42px;font-size:17px;border-radius:13px}
.lp-float .f8{left:44%;bottom:4%;animation-delay:-3.5s;width:38px;height:38px;font-size:15px;border-radius:12px;opacity:.75}
@keyframes lp-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(5deg)}}
.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:var(--amber-soft);color:var(--amber-deep);font-size:12.5px;font-weight:700;letter-spacing:.02em;margin-bottom:18px}
.lp-grad{background:linear-gradient(90deg,#B77CFF,#F5A623);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="dark"]) .lp-grad{background-image:linear-gradient(90deg,#6D14F5,#D97706)}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 32px}
.lp-cta .btn{display:inline-flex;align-items:center;gap:9px;border-radius:12px}
.lp-cta .btn-amber{box-shadow:0 10px 24px rgba(245,166,35,.35)!important}
.lp-ghost{background:transparent;border:1px solid var(--top-line);color:var(--top-ink)}
.lp-ghost:hover,.lp-ghost:focus{border-color:var(--brand-hot);color:var(--top-ink);background:color-mix(in srgb,var(--brand) 12%,transparent)}
.lp-hero .hero-stats{padding-top:22px;border-top:1px solid var(--top-line)}
.lp-hero .auth-card{position:relative;backdrop-filter:blur(8px);box-shadow:0 24px 60px rgba(20,4,40,.28);border-color:color-mix(in srgb,var(--brand-hot) 30%,var(--line))}
.lp-hero .auth-card::before{content:"";position:absolute;inset:-1px;border-radius:19px;padding:1px;background:linear-gradient(135deg,rgba(183,124,255,.7),transparent 40%,transparent 60%,rgba(245,166,35,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

.lp-head{text-align:center;margin:0 auto 30px}
.lp-head-2{margin-top:56px}
.lp-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;max-width:none;text-align:left}
.lp-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-hot);margin-bottom:8px}
html[data-theme="dark"] .lp-kicker{color:var(--dd-sel)}
.lp-head h2{font-size:clamp(24px,3vw,32px)}

.lp-plats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-plat{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}
.lp-plat::after{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:var(--pc,#7B2FF7);opacity:0;filter:blur(40px);transition:opacity .25s}
.lp-plat:hover{transform:translateY(-4px);border-color:var(--brand-hot);box-shadow:0 18px 36px rgba(43,6,72,.16)}
.lp-plat:hover::after{opacity:.35}
.lp-pi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:22px;margin-bottom:10px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.lp-plat b{font:700 16px var(--font-head)}
.lp-plat .lp-n{color:var(--ink-2);font-size:13px}
.lp-plat .lp-n strong{color:var(--brand-hot)}
html[data-theme="dark"] .lp-plat .lp-n strong{color:var(--dd-sel)}
.lp-go{position:absolute;right:18px;top:22px;color:var(--ink-3);transition:transform .18s,color .18s}
.lp-plat:hover .lp-go{color:var(--brand-hot);transform:translateX(4px)}
.lp-plat[data-plat="telegram"]{--pc:#229ED9}.lp-plat[data-plat="instagram"]{--pc:#DD2A7B}.lp-plat[data-plat="youtube"]{--pc:#FF0000}.lp-plat[data-plat="tiktok"]{--pc:#25F4EE}.lp-plat[data-plat="twitter"]{--pc:#1D9BF0}.lp-plat[data-plat="whatsapp"]{--pc:#25D366}.lp-plat[data-plat="facebook"]{--pc:#1877F2}

.lp-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-feat{padding:22px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color .18s,transform .18s}
.lp-feat:hover{border-color:var(--brand-hot);transform:translateY(-3px)}
.lp-fi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#7B2FF7,#6A0DAD);margin-bottom:14px;box-shadow:0 8px 18px rgba(106,13,173,.3)}
.lp-feat:nth-child(2) .lp-fi{background:linear-gradient(135deg,#22C55E,#15803D);box-shadow:0 8px 18px rgba(21,128,61,.3)}
.lp-feat:nth-child(3) .lp-fi{background:linear-gradient(135deg,#3B82F6,#1D4ED8);box-shadow:0 8px 18px rgba(29,78,216,.3)}
.lp-feat:nth-child(4) .lp-fi{background:linear-gradient(135deg,#F5A623,#D97706);box-shadow:0 8px 18px rgba(217,119,6,.3)}
.lp-feat h3{font-size:16px;margin:0 0 6px}
.lp-feat p{font-size:13.5px;color:var(--ink-2);margin:0}

.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.lp-steps::before{content:"";position:absolute;left:12%;right:12%;top:23px;height:2px;background:linear-gradient(90deg,var(--brand-hot),var(--amber));opacity:.45}
.lp-steps li{position:relative;text-align:center;padding:0 10px}
.lp-sn{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--surface);border:2px solid var(--brand-hot);color:var(--brand-hot);font:800 18px var(--font-head);box-shadow:0 0 0 6px var(--bg)}
html[data-theme="dark"] .lp-sn{color:var(--dd-sel)}
.lp-steps li:last-child .lp-sn{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}
.lp-steps h3{font-size:15px;margin:0 0 4px}
.lp-steps p{font-size:13px;color:var(--ink-2);margin:0}

.lp-sec .tiers{border-radius:16px}
.lp-sec .tier{transition:background .18s}
.lp-sec .tier:not(.top):hover{background:var(--surface-2)}

.lp-blog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.lp-blog-grid .post-excerpt{-webkit-line-clamp:3}

.lp-faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.lp-faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .18s}
.lp-faq details[open]{border-color:var(--brand-hot)}
.lp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font:700 15px var(--font-head);color:var(--ink)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-hot);font:700 18px/1 var(--font-body);transition:transform .2s}
.lp-faq details[open] summary::after{content:"\2212";background:var(--brand-hot);color:#fff}
.lp-faq p{margin:0;padding:0 20px 18px;color:var(--ink-2);font-size:14px}

.lp-band{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:36px 40px;border-radius:22px;color:#fff;background:radial-gradient(400px 200px at 90% 0%,rgba(245,166,35,.45),transparent 70%),linear-gradient(120deg,#4B0A8C,#6D14F5 60%,#8E3FD1);box-shadow:0 24px 50px rgba(106,13,173,.3)}
.lp-band h2{color:#fff;margin:0 0 6px;font-size:clamp(22px,2.6vw,28px)}
.lp-band p{margin:0;color:rgba(255,255,255,.8)}
.lp-band .btn{display:inline-flex;align-items:center;gap:9px;border-radius:12px}

@media (max-width:1100px){
  .lp-plats,.lp-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-float .f1,.lp-float .f3,.lp-float .f5{display:none}
}
@media (max-width:900px){
  .lp-steps{grid-template-columns:1fr 1fr;row-gap:28px}
  .lp-steps::before{display:none}
  .lp-float .fl{opacity:.35}
  .lp-float .f2,.lp-float .f4{top:auto;bottom:auto}
}
@media (max-width:560px){
  .lp-plats{grid-template-columns:1fr 1fr;gap:10px}
  .lp-plat{padding:16px}
  .lp-go{display:none}
  .lp-feats,.lp-steps{grid-template-columns:1fr}
  .lp-band{padding:26px 22px}
  .lp-head-row{flex-direction:column;align-items:flex-start}
  .lp-float .f6,.lp-float .f7,.lp-float .f8{display:none}
}
.post-excerpt img,.post-excerpt figure,.post-excerpt iframe{display:none!important}
html[data-theme="dark"] .lp-faq summary::after{color:var(--dd-sel)}
html[data-theme="dark"] .lp-faq details[open] summary::after{color:#fff}
@media (max-width:900px){.lp-float .fl{display:none}}
/* landing: hero stat cards */
.lp-hero .hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:620px;padding-top:0;border-top:0}
.lp-hero .hero-stats>div{position:relative;padding:14px 14px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--top-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(20,4,40,.12);transition:transform .18s,border-color .18s}
.lp-hero .hero-stats>div:hover{transform:translateY(-3px);border-color:var(--brand-hot)}
.hs-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:13px;margin-bottom:10px}
.hs-1{background:linear-gradient(135deg,#7B2FF7,#6A0DAD)}.hs-2{background:linear-gradient(135deg,#22C55E,#15803D)}.hs-3{background:linear-gradient(135deg,#3B82F6,#1D4ED8)}.hs-4{background:linear-gradient(135deg,#F5A623,#D97706)}
.lp-hero .hero-stats b{font:800 24px/1.1 var(--font-head);font-variant-numeric:tabular-nums}
.lp-hero .hero-stats small{display:block;margin-top:3px;font-size:12px}
@media (max-width:900px){
  .lp-hero .hero-in{gap:0;padding-top:40px;padding-bottom:40px}
  .lp-copy{display:contents}
  .lp-copy>.lp-eyebrow{justify-self:start}
  .lp-hero .auth-card{order:1}
  .lp-hero .hero-stats{order:2;margin-top:16px;gap:8px;max-width:none}
}
@media (max-width:560px){
  .lp-hero .hero-stats>div{padding:10px 6px;text-align:center;border-radius:12px}
  .hs-ic{width:26px;height:26px;font-size:11px;border-radius:8px;margin:0 auto 6px}
  .lp-hero .hero-stats b{font-size:16px}
  .lp-hero .hero-stats small{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* lighter hero: static glow, no blur on cards */
.lp-orb{animation:none!important}
.lp-hero .hero-stats>div,.lp-hero .auth-card{backdrop-filter:none;-webkit-backdrop-filter:none}
/* landing: compact platform chips */
.lp-plats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:980px;margin:0 auto}
.lp-plat{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:0;align-items:center;padding:12px 14px;border-radius:14px}
.lp-plat .lp-pi{grid-row:1/3;width:40px;height:40px;border-radius:12px;font-size:18px;margin:0;box-shadow:none}
.lp-plat b{font-size:14.5px;line-height:1.2;align-self:end}
.lp-plat .lp-n{font-size:12px;line-height:1.3;align-self:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-go{top:50%;right:14px;margin-top:-7px;font-size:12px;opacity:0;transition:opacity .18s,transform .18s,color .18s}
.lp-plat:hover .lp-go{opacity:1}
.lp-plat:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(43,6,72,.14)}
.lp-plat::after{width:110px;height:110px;inset:auto -40px -60px auto}
@media (max-width:900px){.lp-plats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lp-plat{padding:10px 12px;column-gap:10px}.lp-plat .lp-pi{width:34px;height:34px;font-size:15px;border-radius:10px}.lp-plat b{font-size:13.5px}}
/* landing: muted platform logos, brand colour on hover */
.lp-plat .lp-pi{background:var(--surface-2)!important;color:var(--ink-3);border:1px solid var(--line);transition:background .2s,color .2s,border-color .2s}
.lp-plat:hover .lp-pi{color:#fff;border-color:transparent}
.lp-plat[data-plat="telegram"]:hover .lp-pi{background:#229ED9!important}
.lp-plat[data-plat="instagram"]:hover .lp-pi{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)!important}
.lp-plat[data-plat="youtube"]:hover .lp-pi{background:#FF0000!important}
.lp-plat[data-plat="tiktok"]:hover .lp-pi,.lp-plat[data-plat="twitter"]:hover .lp-pi{background:#111!important}
.lp-plat[data-plat="whatsapp"]:hover .lp-pi{background:#25D366!important}
.lp-plat[data-plat="facebook"]:hover .lp-pi{background:#1877F2!important}
.lp-plat[data-plat="other"]:hover .lp-pi{background:#8C7AA6!important}
/* add funds: quick amounts, pay button, payment instruction block (.gmf-pay, pasted into the method's instruction) */
.qamt{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.qamt button{min-width:64px;padding:9px 14px;border-radius:10px;border:1px solid var(--field-line);background:var(--field);color:var(--field-ink);font:700 14px var(--font-field);cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}
.qamt button:hover{border-color:var(--brand-hot);transform:translateY(-1px)}
.qamt button.on{background:var(--brand-hot);border-color:var(--brand-hot);color:#fff}
.btn-pay{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border-radius:12px;background:linear-gradient(90deg,#6D14F5,#8E3FD1)!important;border:0!important;box-shadow:0 12px 26px rgba(109,20,245,.3)!important}
.btn-pay:hover{filter:brightness(1.08)}
.gmf-pay{padding:18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);margin:4px 0 6px}
.gmf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.gmf-chips span{padding:6px 14px;border-radius:100px;background:var(--surface);border:1px solid var(--line);font:600 13px var(--font-body);color:var(--ink)}
.gmf-note{margin:10px 0 0!important;text-align:center;font-size:13px;color:var(--ink-3)}
.gmf-bonus-h{display:flex;align-items:center;gap:10px;margin:16px 0 12px;font:700 11.5px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.gmf-bonus-h::before,.gmf-bonus-h::after{content:"";flex:1;height:1px;background:var(--line)}
.gmf-bonus{--bc:#3B82F6;display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;margin-top:8px;border-radius:12px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s,transform .2s}
.gmf-bonus:nth-of-type(2n){--bc:#A855F7}
.gmf-bonus.best{--bc:#16A34A;background:color-mix(in srgb,#16A34A 8%,var(--surface));border-color:color-mix(in srgb,#16A34A 40%,transparent)}
.gmf-bonus .rng{display:flex;align-items:center;gap:8px;font:600 14px var(--font-field);color:var(--ink-2);white-space:nowrap}
.gmf-bonus.best .rng{color:#16A34A}
.gmf-bonus .rng em{font-style:normal;padding:2px 8px;border-radius:100px;background:#16A34A;color:#fff;font:800 10px var(--font-body);letter-spacing:.06em}
.gmf-bonus .bar{position:relative;height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.gmf-bonus .bar::before{content:"";position:absolute;inset:0 auto 0 0;width:30%;border-radius:6px;background:var(--bc)}
.gmf-bonus .bar.w2::before{width:65%}.gmf-bonus .bar.w3::before{width:100%}
.gmf-bonus b{font:800 20px var(--font-head);color:var(--bc)}
.gmf-bonus.on{border-color:var(--bc);box-shadow:0 0 0 3px color-mix(in srgb,var(--bc) 22%,transparent);transform:translateX(3px)}
@media (max-width:560px){.gmf-bonus{grid-template-columns:auto minmax(40px,1fr) auto;gap:10px;padding:10px 12px}.gmf-bonus .rng{font-size:12.5px}.gmf-bonus b{font-size:17px}}
/* payment method instruction box (rendered by the panel) */
.instruction .panel-body{background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:14px!important;color:var(--ink);padding:16px}
.instruction .panel-body [style]{color:inherit!important;font-family:inherit!important;background-color:transparent!important}
.instruction .panel-body h4{font-size:14px!important;margin:0 0 6px!important}
.instruction .panel-body:has(.gmf-pay){padding:0;border:0!important;background:none!important;text-align:left}
.instruction .panel-body:has(.gmf-pay) .gmf-pay{margin:0}
/* add funds: page header, form header, side info cards */
.af-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 30px;border-radius:18px;background:radial-gradient(420px 200px at 100% 0%,color-mix(in srgb,var(--brand-hot) 22%,transparent),transparent 70%),var(--surface)}
.af-hero h2{margin:0 0 6px;font:800 clamp(24px,3vw,32px)/1.15 var(--font-head)}
.af-hero p{margin:0;color:var(--ink-2);font-size:14.5px}
.af-hero-ic{flex:none;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:26px;color:#fff;background:linear-gradient(135deg,#7B2FF7,#6A0DAD);box-shadow:0 14px 30px rgba(106,13,173,.35);transform:rotate(-6deg)}
.af-head{display:flex;align-items:center;gap:14px}
.af-head h2{margin:0;font-size:17px}
.af-head small{color:var(--ink-2);font-size:13px}
.af-head small b{color:var(--brand-hot)}
html[data-theme="dark"] .af-head small b{color:var(--dd-sel)}
.af-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:19px;background:linear-gradient(135deg,#7B2FF7,#6D14F5);box-shadow:0 10px 22px rgba(109,20,245,.3)}
.af-side{display:grid;gap:12px;align-content:start}
.af-feat{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color .18s,transform .18s}
.af-feat:hover{border-color:var(--brand-hot);transform:translateY(-2px)}
.af-fi{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:16px;color:var(--brand-hot);background:var(--brand-soft)}
html[data-theme="dark"] .af-fi{color:var(--dd-sel)}
.af-feat b{display:block;font:700 15px var(--font-head);margin-bottom:3px}
.af-feat p{margin:0;font-size:13px;color:var(--ink-2)}
@media (max-width:560px){.af-hero{padding:20px}.af-hero-ic{width:48px;height:48px;font-size:20px;border-radius:14px}}
.card-h.af-head{justify-content:flex-start}
/* page header with H1 on every page; topbar shows the dashboard label */
.af-hero h1{margin:0 0 6px;font:800 clamp(24px,3vw,32px)/1.15 var(--font-head);color:var(--ink)}
.pg-wrap{max-width:1180px;margin:0 auto;padding:28px 20px 0}
.guest-main .pg-wrap+*{margin-top:0}
.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}
.tb-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:16px;background:linear-gradient(135deg,#7B2FF7,#6D14F5);box-shadow:0 8px 18px rgba(109,20,245,.3)}
.topbar-title b{display:block;font:700 16px/1.2 var(--font-head);color:var(--top-ink)}
.topbar-title small{display:block;font-size:12px;color:var(--top-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-title div{min-width:0}
@media (max-width:900px){.topbar-title{flex:1}.topbar-title small{display:none}.tb-ic{width:34px;height:34px;font-size:14px;border-radius:10px}}
/* orders: roomier cards with hover */
.olist{gap:16px}
.ocard{transition:border-color .18s,box-shadow .18s,transform .18s}
.ocard:hover{border-color:var(--brand-hot);box-shadow:0 12px 28px rgba(43,6,72,.14);transform:translateY(-2px)}
html[data-theme="dark"] .ocard:hover{box-shadow:0 12px 28px rgba(0,0,0,.4)}
#gmf-copy-ids.copied{background:#16A34A!important;border-color:#16A34A!important;color:#fff!important}
/* services: space between categories */
#service-table{border-collapse:separate;border-spacing:0}
#service-table tbody tr.cat-row td{border-top:10px solid var(--surface)!important;border-bottom:0}
#service-table tbody tr.cat-row:first-child td{border-top-width:0!important}
#service-table tbody tr.cat-row td:first-child{box-shadow:inset 3px 0 0 var(--brand-hot)}
#service-table tbody tr.cat-row td{background-clip:padding-box;transition:background .15s}
#service-table tbody tr.cat-row:hover td{background:color-mix(in srgb,var(--brand) 14%,var(--surface))}
/* order status: progress fill for in progress / processing / partial */
.ocard .o-act .st{min-width:150px;justify-content:center;padding:7px 14px;border-radius:10px;font-size:12.5px}
.st-pending{background:var(--amber-soft);color:var(--amber-deep)}
.st-bar{position:relative;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--brand-hot) 12%,var(--surface))!important;color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--brand-hot) 30%,transparent)}
.st-bar::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);z-index:-1;background:linear-gradient(90deg,rgba(123,47,247,.55),rgba(109,20,245,.75));transition:width .6s}
.st-partial.st-bar{background:var(--bad-soft)!important;border-color:color-mix(in srgb,var(--bad) 35%,transparent)}
.st-partial.st-bar::before{background:linear-gradient(90deg,rgba(220,38,38,.35),rgba(220,38,38,.55))}
/* space under page headers */
.pg-wrap{padding-bottom:26px}
.app-content>.pg-hero{margin-bottom:6px}
/* stat cards: level hint + username */
.stat .tiny{font-size:11.5px;line-height:1.45;color:var(--ink-2);margin-top:5px}
.stat .tiny b{color:var(--brand-hot);font-weight:700}
html[data-theme="dark"] .stat .tiny b{color:var(--dd-sel)}
.stat .stat-user{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat-grow{min-width:0}
.stat .tiny b{display:inline;font:inherit;font-weight:700;margin:0}
/* compact, wide stat cards */
.statgrid{gap:12px}
.stat{padding:10px 14px;gap:12px;border-radius:12px;align-items:center}
.stat-ic{width:36px;height:36px;border-radius:10px;font-size:15px}
.stat small{font-size:11px;line-height:1.3}
.stat b{font-size:17px;line-height:1.25}
.stat .lvlbar{height:5px;margin-top:4px}
.stat .tiny{font-size:10.5px;line-height:1.35;margin-top:3px}
@media (min-width:901px) and (max-width:1100px){.statgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.stat{padding:9px 11px;gap:10px}.stat-ic{width:30px;height:30px;font-size:13px;border-radius:9px}.stat b{font-size:15px}}


/* ==== UI fixes (2026-09-25) ==== */
/* 1) Sidebar: no gap under the sticky sidebar at page bottom */
body.is-auth{padding-bottom:0!important}
body.is-auth .main::after{content:"";display:block;height:50px}

/* 5) Notice box: fade at bottom when more text is below */
.notice-body::after{content:"";position:sticky;bottom:0;display:block;height:48px;margin-top:-48px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--surface,#fff) 85%);transition:opacity .2s}
.notice-body.is-end::after{opacity:0}

/* 6) "Other" platform button: show its label */
.plat button[data-plat="other"]{width:auto!important;padding:0 14px 0 6px!important;gap:8px}
.plat button[data-plat="other"] .pn{display:inline!important;font-weight:700}

/* Orders: service ID badge next to service name */
.o-svc-id{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;margin-right:8px;border-radius:6px;background:var(--brand,#6a0dad);color:#fff;font-size:12px;font-weight:700;line-height:1;vertical-align:1px}
.rtl-content .o-svc-id,[dir="rtl"] .o-svc-id{margin-right:0;margin-left:8px}

/* ==== Lists polish: orders / drip-feed / subscriptions (2026-09-25) ==== */
.olist{gap:10px}
.ocard{position:relative;overflow:hidden;padding:12px 16px 12px 20px;gap:14px;align-items:center;background:var(--surface);background:linear-gradient(135deg,var(--surface) 55%,color-mix(in srgb,var(--surface) 90%,var(--brand-hot,#8a2be2)));box-shadow:0 1px 2px rgba(43,6,72,.05),0 4px 14px rgba(43,6,72,.04)}
.ocard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand,#6a0dad);opacity:.85}
[dir="rtl"] .ocard::before,.rtl-content .ocard::before{left:auto;right:0}
.oc-completed::before,.oc-finished::before,.oc-active::before{background:var(--ok)}
.oc-pending::before,.oc-awaiting::before,.oc-paused::before,.oc-inprogress::before,.oc-processing::before{background:var(--warn)}
.oc-partial::before,.oc-canceled::before,.oc-cancelled::before,.oc-stopped::before,.oc-expired::before,.oc-error::before,.oc-fail::before{background:var(--bad)}
.ocard .o-id{font-size:13px}
.ocard .o-svc{margin:3px 0 2px}
.ocard .o-date{margin-top:3px;font-size:11.5px}
.kv{gap:6px 10px}
.kv > div{padding:5px 10px;border-radius:9px;background:color-mix(in srgb,var(--brand,#6a0dad) 5%,transparent)}
.kv small{font-size:10px}
.kv b{font-size:13.5px}
.kv b a{color:var(--brand);text-decoration:none}
@media (min-width:992px){.ocard .kv{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ocard .o-act{gap:6px}
.st-active{background:var(--ok-soft);color:var(--ok)}
.st-awaiting,.st-paused,.st-pending{background:var(--warn-soft);color:var(--warn)}
.st-expired,.st-stopped,.st-finished{background:var(--bad-soft);color:var(--bad)}
.st-finished{background:var(--ok-soft);color:var(--ok)}
.o-runs{width:150px;max-width:100%}
.o-runs-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.o-runs-top small{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.o-runs-top b{font-size:13px;color:var(--ink)}
.o-runs-top a{color:var(--brand);text-decoration:none}
.o-runs-bar{height:6px;margin-top:4px;border-radius:6px;background:var(--line);overflow:hidden}
.o-runs-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--brand,#6a0dad),var(--brand-hot,#8a2be2));transition:width .4s}
.o-dates{font-size:11px;color:var(--ink-3);line-height:1.5}
.o-dates small{font-size:10px;text-transform:uppercase;letter-spacing:.04em}
@media (max-width:991px){.ocard .o-act{flex-wrap:wrap}.o-runs{width:140px}}
/* compact: ID + date on one line */
.ocard > div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-width:0}
.ocard > div:first-child > *{grid-column:1 / -1}
.ocard > div:first-child > .o-id{grid-column:1;grid-row:1}
.ocard > div:first-child > .o-date{grid-column:2;grid-row:1;margin:0}
.kv small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:992px){.ocard{grid-template-columns:minmax(0,1fr) auto auto}.ocard .kv{grid-template-columns:repeat(4,minmax(96px,auto))}}
.kv b:empty::after{content:"\2014";color:var(--ink-3);font-weight:500}

/* ==== Action buttons with icon chip: cancel / refill / resume / reorder (2026-09-25) ==== */
.o-act .btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 5px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:700;line-height:1;box-shadow:none;text-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.o-act .btn::before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:10px;display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:7px;color:#fff;content:"\f00d";background:var(--bad);transition:transform .18s}
.o-act .btn:hover::before{transform:scale(1.08) rotate(-6deg)}
.o-act .btn:hover{transform:translateY(-1px)}
.o-act .btn:active{transform:none}
/* cancel / stop */
.o-act a.btn[href*="/cancel"],.o-act a.btn[href*="/stop/"]{background:var(--bad-soft);color:var(--bad);border-color:color-mix(in srgb,var(--bad) 22%,transparent)}
.o-act a.btn[href*="/cancel"]:hover,.o-act a.btn[href*="/stop/"]:hover{border-color:var(--bad);box-shadow:0 6px 14px color-mix(in srgb,var(--bad) 22%,transparent)}
/* refill */
.o-act .btn[href*="/refill"],.o-act button.btn.disabled{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 22%,transparent)}
.o-act .btn[href*="/refill"]::before{content:"\f2f9";background:linear-gradient(135deg,var(--brand,#6a0dad),var(--brand-hot,#8a2be2))}
.o-act .btn[href*="/refill"]:hover{border-color:var(--brand);box-shadow:0 6px 14px color-mix(in srgb,var(--brand) 25%,transparent)}
/* refill not yet available (tooltip with time) */
.o-act button.btn.disabled{opacity:.65;cursor:not-allowed}
.o-act button.btn.disabled::before{content:"\f017";background:var(--ink-3)}
.o-act button.btn.disabled:hover{transform:none}
/* subscriptions: resume / reorder */
.o-act a.btn[href*="/resume/"],.o-act a.btn[href*="/reorder/"]{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 22%,transparent)}
.o-act a.btn[href*="/resume/"]::before{content:"\f04b";background:var(--ok)}
.o-act a.btn[href*="/reorder/"]::before{content:"\f01e";background:linear-gradient(135deg,var(--brand,#6a0dad),var(--brand-hot,#8a2be2))}
.o-act a.btn[href*="/resume/"]:hover,.o-act a.btn[href*="/reorder/"]:hover{border-color:var(--brand);box-shadow:0 6px 14px color-mix(in srgb,var(--brand) 25%,transparent)}

/* ==== Icon-only action buttons (2026-09-25) ==== */
.o-act .btn{font-size:0!important;gap:0;width:30px;height:30px;padding:0!important;justify-content:center;border:0!important;border-radius:9px;color:#fff!important;background:var(--bad)!important}
.o-act .btn::before{font-size:13px;width:auto;height:auto;background:none!important;border-radius:0}
.o-act .btn[href*="/refill"],.o-act a.btn[href*="/reorder/"]{background:linear-gradient(135deg,var(--brand,#6a0dad),var(--brand-hot,#8a2be2))!important}
.o-act .btn[href*="/refill"]::before{content:"\f2f1"}
.o-act a.btn[href*="/resume/"]{background:var(--ok)!important}
.o-act button.btn.disabled{background:var(--ink-3)!important}
.o-act .btn:hover{box-shadow:0 6px 14px rgba(43,6,72,.22)}
@media (min-width:992px){.olist:not(.olist-x) .ocard .o-act{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap}}
@media (min-width:992px){.olist:not(.olist-x) .ocard .o-act{justify-content:flex-start;min-width:136px}.olist:not(.olist-x) .ocard .o-act .st{min-width:96px;justify-content:center}}
@media (min-width:992px){.olist:not(.olist-x) .ocard .o-act{width:158px;min-width:158px}.olist:not(.olist-x) .ocard .o-act .st{width:118px;min-width:118px;padding-left:6px;padding-right:6px}}

/* ==== Cancel / Refill feedback (2026-09-25) ==== */
.gmf-done{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--ok-soft);color:var(--ok);cursor:default}
.gmf-done::before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:13px;content:"\f00c"}
#gmf-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.gmf-toast-item{pointer-events:auto;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700;background:var(--surface,#fff);color:var(--ink,#1c0b2e);box-shadow:0 12px 30px rgba(43,6,72,.2);border-left:4px solid var(--ok);animation:gmfIn .25s ease-out;transition:opacity .4s,transform .4s}
.gmf-toast-item.is-bad{border-left-color:var(--bad)}
.gmf-toast-item.is-hide{opacity:0;transform:translateY(-8px)}
@keyframes gmfIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* Pending stripe: blue (2026-09-25) */
.ocard.oc-pending::before{background:#3b82f6}

/* ==== API page: not squeezed by the guest-form width (2026-09-25) ==== */
.guest-main .col-lg-8.col-lg-offset-2:has(> .well.api),.guest-main .col-md-8.col-md-offset-2:has(> .well.api){max-width:920px}
.well.api .center-big-content-block{width:100%;max-width:none}
.well.api .table{table-layout:fixed}
.well.api .table td,.well.api .table th{overflow-wrap:anywhere;word-break:break-word}
.well.api .table td:first-child,.well.api .table th:first-child{width:38%}
.well.api pre{white-space:pre;overflow-x:auto;max-width:100%}

/* ==== Logo image (2026-09-25) ==== */
.brand img{display:block;height:36px;max-height:none;width:auto;max-width:100%;object-fit:contain}
/* dark sidebar: logo has dark lettering, so sit it on a light chip */
.side .brand:has(img){display:flex;justify-content:center;background:#fff;border-radius:12px;padding:8px 12px;margin:0 2px 8px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.side .brand img{height:32px}
html[data-theme="dark"] .brand:has(img){background:#fff;border-radius:10px;padding:5px 10px}
@media (max-width:767px){.brand img{height:30px}}

/* ==== Sign-in card: dark style (2026-09-25) ==== */
.auth-card .ic-wrap{position:relative}
.auth-card .ic-wrap>.ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;transition:color .2s}
.auth-card .ic-wrap>input.form-control{padding-left:40px!important}
.auth-card .eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;padding:4px;line-height:1}
.auth-card .form-group__password{position:relative}
.auth-card .form-group__password .ic-wrap>input.form-control{padding-right:40px!important}
.auth-card .form-group__password .forgot-password{position:absolute!important;right:0;top:0;left:auto;bottom:auto;transform:none;float:none;margin:0;font-size:12px}
.auth-card .trust{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12px}
.auth-card .trust i{margin-right:5px}
.auth-card .btn-primary i{margin-left:8px;transition:transform .2s}
.auth-card .btn-primary:hover i{transform:translateX(4px)}
.auth-card.auth-dark{background:linear-gradient(160deg,#2b0648,#1a0330)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 30px 70px rgba(43,6,72,.45)!important;color:#fff}
.auth-card.auth-dark h2{color:#fff}
.auth-card.auth-dark .sub,.auth-card.auth-dark .control-label,.auth-card.auth-dark .trust,.auth-card.auth-dark .auth-foot{color:rgba(255,255,255,.7)!important}
.auth-card.auth-dark .form-control{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;height:48px}
.auth-card.auth-dark .form-control:focus{border-color:#f5a623!important;box-shadow:0 0 0 4px rgba(245,166,35,.18)!important}
.auth-card.auth-dark .form-control:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #2f0c4d inset!important;caret-color:#fff}
.auth-card.auth-dark .ic-wrap>.ic,.auth-card.auth-dark .eye{color:rgba(255,255,255,.5)}
.auth-card.auth-dark .eye:hover{color:#fff}
.auth-card.auth-dark .ic-wrap:focus-within>.ic{color:#f5a623}
.auth-card.auth-dark a{color:#f5a623!important}
.auth-card.auth-dark .btn-primary{background:linear-gradient(135deg,#f5a623,#ff7a18)!important;color:#1a0330!important;border:0!important;height:48px;font-weight:800;box-shadow:0 12px 26px rgba(245,166,35,.35);transition:transform .18s,box-shadow .18s}
.auth-card.auth-dark .btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(245,166,35,.45)}
.auth-card.auth-dark .alert{border:0}
[dir="rtl"] .auth-card .ic-wrap>.ic{left:auto;right:14px}
[dir="rtl"] .auth-card .ic-wrap>input.form-control{padding-left:12px!important;padding-right:40px!important}
[dir="rtl"] .auth-card .eye{right:auto;left:12px}
[dir="rtl"] .auth-card .form-group__password .forgot-password{right:auto;left:0}

/* ==== Sign-up card: same dark style as sign-in (2026-09-25) ==== */
.auth-card.auth-signup{padding:28px;border-radius:20px;margin:8px auto 48px}
.auth-card.auth-signup h2{margin:0 0 4px;font-size:24px}
.auth-card.auth-signup .sub{margin:0 0 20px;font-size:13px}
.auth-card.auth-signup .form-group{margin-bottom:16px}
.auth-card.auth-signup .btn-primary{width:100%;margin-top:4px}
.auth-card.auth-signup .checkbox label{color:rgba(255,255,255,.75)}
.auth-card.auth-signup .auth-foot{text-align:center;margin:10px 0 0;font-size:13px}
.auth-card.auth-signup .g_id_signin{margin-top:14px}

/* ==== Sign-up card: gradient header style (2026-09-25) ==== */
.auth-card.auth-grad{background:var(--surface,#fff)!important;padding:0!important;overflow:hidden;border:0!important;box-shadow:0 24px 60px rgba(76,20,140,.22)!important}
.auth-card.auth-grad form{padding:0 28px 26px}
.auth-card.auth-grad .auth-head{margin:0 -28px 22px;padding:22px 28px 20px 90px;background:linear-gradient(135deg,#6a0dad,#9b3cf0 65%,#c86dd7);position:relative;overflow:hidden}
.auth-card.auth-grad .auth-head::before{content:"\f234";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;position:absolute;left:28px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.auth-card.auth-grad .auth-head::after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.08)}
.auth-card.auth-grad .auth-head h2{margin:0;font-size:21px;color:#fff}
.auth-card.auth-grad .auth-head .sub{margin:3px 0 0;font-size:12.5px;color:rgba(255,255,255,.85)}
.auth-card.auth-grad .form-control{height:46px}
.auth-card.auth-grad .ic-wrap>.ic,.auth-card.auth-grad .eye{color:var(--ink-3,#8a7fa0)}
.auth-card.auth-grad .ic-wrap:focus-within>.ic{color:var(--brand,#6a0dad)}
.auth-card.auth-grad .form-control:focus{border-color:#9b3cf0!important;box-shadow:0 0 0 4px rgba(155,60,240,.15)!important}
.auth-card.auth-grad .btn-primary{background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;border:0!important;color:#fff!important;height:48px;font-weight:800;box-shadow:0 10px 22px rgba(106,13,173,.35);transition:transform .18s,box-shadow .18s}
.auth-card.auth-grad .btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(106,13,173,.42)}
.auth-card.auth-grad .trust,.auth-card.auth-grad .auth-foot{color:var(--ink-3,#8a7fa0)}
[dir="rtl"] .auth-card.auth-grad .auth-head{padding:22px 90px 20px 28px}
[dir="rtl"] .auth-card.auth-grad .auth-head::before{left:auto;right:28px}

/* ==== Services page: livelier category rows (2026-09-25) ==== */
#service-table{border-collapse:separate!important;border-spacing:0 8px!important;margin-top:-8px}
.well.well-float:has(> #service-table),.well:has(#service-table){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#service-table thead th{background:transparent!important;border:0!important;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)!important;padding:6px 14px!important}
#service-table tr.cat-row td{--pc:#6a0dad;position:relative;background:var(--surface,#fff)!important;border:1px solid var(--line,#ece6f5)!important;border-left:0!important;border-radius:14px!important;padding:12px 16px 12px 70px!important;box-shadow:0 1px 2px rgba(43,6,72,.05),0 6px 16px rgba(43,6,72,.05);cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;overflow:hidden}
#service-table tr.cat-row td::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc)}
#service-table tr.cat-row td::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 9%,transparent),transparent 55%);pointer-events:none;opacity:.8;transition:opacity .18s}
#service-table tr.cat-row:hover td{transform:translateY(-1px);box-shadow:0 12px 26px rgba(43,6,72,.12)}
#service-table tr.cat-row:hover td::after{opacity:1.4}
#service-table tr.cat-row[aria-expanded="true"] td{background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 14%,var(--surface,#fff)),var(--surface,#fff) 70%)!important;border-color:color-mix(in srgb,var(--pc) 35%,transparent)!important}
#service-table tr.cat-row .cat-ic{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;background:var(--pc);box-shadow:0 6px 14px color-mix(in srgb,var(--pc) 35%,transparent);z-index:1}
#service-table tr.cat-row strong{position:relative;z-index:1;font-size:14.5px}
#service-table tr.cat-row .cat-count{position:relative;z-index:1;background:color-mix(in srgb,var(--pc) 12%,transparent)!important;color:var(--pc)!important;border:0!important;font-weight:700}
#service-table tr.cat-row .cat-chev{position:relative;z-index:1;color:var(--pc)!important}
#service-table tr.cat-row.p-telegram td{--pc:#229ED9}
#service-table tr.cat-row.p-instagram td{--pc:#E1306C}
#service-table tr.cat-row.p-youtube td{--pc:#FF0000}
#service-table tr.cat-row.p-tiktok td{--pc:#111111}
#service-table tr.cat-row.p-twitter td{--pc:#1D9BF0}
#service-table tr.cat-row.p-whatsapp td{--pc:#25D366}
#service-table tr.cat-row.p-facebook td{--pc:#1877F2}
#service-table tr.cat-row.p-google td{--pc:#EA4335}
#service-table tr.cat-row.p-spotify td{--pc:#1DB954}
#service-table tr.cat-row.p-other td{--pc:#8C7AA6}
#service-table tr.cat-row.p-instagram .cat-ic{background:linear-gradient(135deg,#F58529,#DD2A7B 50%,#8134AF)}
/* service rows inside an open category */
#service-table tbody tr:not(.cat-row) td{background:var(--surface,#fff)!important;border-top:1px solid var(--line,#ece6f5)!important;border-bottom:1px solid var(--line,#ece6f5)!important;vertical-align:middle}
#service-table tbody tr:not(.cat-row) td:first-child{border-left:1px solid var(--line,#ece6f5)!important;border-radius:12px 0 0 12px;color:var(--ink-3);font-weight:700}
#service-table tbody tr:not(.cat-row) td:last-child{border-right:1px solid var(--line,#ece6f5)!important;border-radius:0 12px 12px 0}
#service-table tbody tr:not(.cat-row):hover td{background:color-mix(in srgb,var(--brand,#6a0dad) 4%,var(--surface,#fff))!important}
#service-table .svc-rate{font-weight:800;color:var(--brand,#6a0dad)}
#service-table .btn-primary{background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;border:0!important;border-radius:8px;box-shadow:0 4px 10px rgba(106,13,173,.25)}
#service-table .btn-default{border-radius:8px}
[dir="rtl"] #service-table tr.cat-row td{padding:12px 70px 12px 16px!important}
[dir="rtl"] #service-table tr.cat-row td::before{left:auto;right:0}
[dir="rtl"] #service-table tr.cat-row .cat-ic{left:auto;right:18px}

/* ==== Services page: smaller icons + X logo (2026-09-25) ==== */
#service-table tr.cat-row td{padding-left:56px!important}
#service-table tr.cat-row .cat-ic{left:16px;width:28px;height:28px;border-radius:8px;font-size:13px;box-shadow:0 3px 8px color-mix(in srgb,var(--pc) 30%,transparent)}
#service-table tr.cat-row.p-twitter td{--pc:#000000}
#service-table tr.cat-row.p-twitter .cat-ic{background:#000}
#service-table tr.cat-row.p-twitter .cat-ic i{display:none}
#service-table tr.cat-row.p-twitter .cat-ic::after{content:"";width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E") center/contain no-repeat}
[dir="rtl"] #service-table tr.cat-row td{padding-left:16px!important;padding-right:56px!important}
[dir="rtl"] #service-table tr.cat-row .cat-ic{left:auto;right:16px}

/* ==== Services page: dark, smaller icons (2026-09-25) ==== */
#service-table tr.cat-row td{padding-left:48px!important}
#service-table tr.cat-row .cat-ic,#service-table tr.cat-row.p-instagram .cat-ic,#service-table tr.cat-row.p-twitter .cat-ic{left:16px;width:22px;height:22px;border-radius:6px;font-size:11px;background:#1c1230!important;color:#fff;box-shadow:none}
#service-table tr.cat-row.p-twitter .cat-ic::after{width:10px;height:10px}
[dir="rtl"] #service-table tr.cat-row td{padding-left:16px!important;padding-right:48px!important}

/* ==== Services page: no icons, more spacing (2026-09-25) ==== */
#service-table tr.cat-row .cat-ic{display:none!important}
#service-table tr.cat-row td{padding:16px 18px 16px 22px!important}
[dir="rtl"] #service-table tr.cat-row td{padding:16px 22px 16px 18px!important}
#service-table{border-spacing:0 12px!important;margin-top:-12px}
#service-table tbody tr:not(.cat-row) td{padding-top:12px!important;padding-bottom:12px!important}
/* category icons set in the panel: keep visible, small gap before the name */
#service-table tr.cat-row td > span:not(.cat-count){margin-right:6px}
[dir="rtl"] #service-table tr.cat-row td > span:not(.cat-count){margin-right:0;margin-left:6px}

/* ==== Services page: minimal modern (2026-09-25) ==== */
#service-table tr.cat-row td::before,#service-table tr.cat-row td::after{display:none!important}
#service-table tr.cat-row td{background:#fff!important;border:1px solid rgba(106,13,173,.08)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(20,10,40,.04),0 4px 14px rgba(20,10,40,.04)!important;padding:16px 18px 16px 22px!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}
#service-table tr.cat-row:hover td{border-color:rgba(106,13,173,.22)!important;box-shadow:0 10px 24px rgba(76,20,140,.10)!important;transform:translateY(-1px)!important;background:#fff!important}
#service-table tr.cat-row[aria-expanded="true"] td{background:#fff!important;border-color:#6a0dad!important;box-shadow:0 0 0 4px rgba(106,13,173,.08),0 10px 24px rgba(76,20,140,.08)!important}
#service-table tr.cat-row strong{font-size:15px;font-weight:700;color:#1c1230;letter-spacing:-.005em}
#service-table tr.cat-row .cat-count{background:#f4f1f9!important;color:#5b4f6b!important;border:0!important;border-radius:999px!important;padding:4px 11px!important;font-size:12px!important;font-weight:600!important;transition:background .2s,color .2s}
#service-table tr.cat-row:hover .cat-count,#service-table tr.cat-row[aria-expanded="true"] .cat-count{background:rgba(106,13,173,.1)!important;color:#6a0dad!important}
#service-table tr.cat-row .cat-chev{display:inline-flex!important;align-items:center;justify-content:center;width:26px;height:26px;margin-left:8px;border-radius:50%;background:#f4f1f9;color:#6a0dad!important;font-size:11px;transition:transform .25s,background .2s,color .2s}
#service-table tr.cat-row:hover .cat-chev{background:#6a0dad;color:#fff!important}
#service-table tr.cat-row[aria-expanded="true"] .cat-chev{background:#6a0dad;color:#fff!important}
[dir="rtl"] #service-table tr.cat-row td{padding:16px 22px 16px 18px!important}
[dir="rtl"] #service-table tr.cat-row .cat-chev{margin-left:0;margin-right:8px}
html[data-theme="dark"] #service-table tr.cat-row td,html[data-theme="dark"] #service-table tr.cat-row:hover td,html[data-theme="dark"] #service-table tr.cat-row[aria-expanded="true"] td{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] #service-table tr.cat-row strong{color:var(--ink)}
html[data-theme="dark"] #service-table tr.cat-row .cat-count,html[data-theme="dark"] #service-table tr.cat-row .cat-chev{background:rgba(255,255,255,.06)!important}
#service-table tr.cat-row .cat-chev{position:relative;top:-3px}

/* ==== Services page: stable columns + clean open state (2026-09-25) ==== */
html body #service-table tbody tr.cat-row td{border-width:1px!important;border-style:solid!important}
html body #service-table tbody tr.cat-row,html body #service-table tbody tr.cat-row:focus{background:transparent!important;outline:none!important;box-shadow:none!important}
html body #service-table tbody tr.cat-row:focus-visible td{box-shadow:0 0 0 3px rgba(106,13,173,.25)!important}
@media (min-width:768px){
  #service-table{table-layout:auto;width:100%}
  #service-table thead th:nth-child(1){width:70px}
  #service-table thead th:nth-child(3){width:150px}
  #service-table thead th:nth-child(4){width:120px}
  #service-table thead th:nth-child(5){width:120px}
  #service-table thead th:last-child{width:160px}
  #service-table td.service-name{overflow-wrap:anywhere}
}

/* ==== Service description modal: minimal modern (2026-09-25) ==== */
.modal-backdrop.in,.modal-backdrop.show{opacity:1!important;background:rgba(28,18,48,.38)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.service-description-modal .modal-dialog{max-width:560px;width:calc(100% - 32px);margin:8vh auto}
.service-description-modal.in .modal-dialog,.service-description-modal.show .modal-dialog{animation:gmfPop .22s ease-out}
@keyframes gmfPop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.service-description-modal .modal-content{border:0!important;border-radius:20px!important;overflow:hidden;box-shadow:0 30px 80px rgba(28,18,48,.28)!important;background:var(--surface,#fff)}
.service-description-modal .modal-header{padding:20px 64px 18px 22px!important;border-bottom:1px solid rgba(106,13,173,.08)!important;background:#fff}
.service-description-modal .modal-title{font-size:16px!important;font-weight:800!important;line-height:1.4;color:#1c1230;padding-right:0!important}
.service-description-modal .modal-header .gmf-sid{display:inline-flex;align-items:center;height:22px;padding:0 9px;margin-bottom:8px;border-radius:999px;background:#f4f1f9;color:#6a0dad;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.service-description-modal .close{width:32px;height:32px;border-radius:50%!important;background:#f4f1f9!important;opacity:1!important;color:#5b4f6b!important;text-shadow:none!important;font-size:20px!important;line-height:32px!important;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s}
.service-description-modal .close:hover{background:#6a0dad!important;color:#fff!important;transform:translateY(-50%) rotate(90deg)!important}
.service-description-modal .modal-body{padding:18px 22px 22px!important}
.service-description-modal .gmf-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.service-description-modal .gmf-meta div{background:#f8f6fb;border:1px solid rgba(106,13,173,.06);border-radius:12px;padding:9px 12px}
.service-description-modal .gmf-meta small{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#8b7fa0;margin-bottom:2px}
.service-description-modal .gmf-meta b{font-size:15px;color:#1c1230}
.service-description-modal .gmf-meta div:first-child b{color:#6a0dad}
.service-description-modal .service-description-text{background:#f8f6fb;border:1px solid rgba(106,13,173,.06);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.85;color:#2d2340;max-height:48vh;overflow:auto}
.service-description-modal .service-description-order{margin-top:16px}
.service-description-modal .service-description-order .btn{width:100%;height:48px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important;font-weight:800;box-shadow:0 10px 22px rgba(106,13,173,.3);transition:transform .18s,box-shadow .18s;display:flex;align-items:center;justify-content:center;gap:8px}
.service-description-modal .service-description-order .btn::after{content:"\f061";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:13px;transition:transform .2s}
.service-description-modal .service-description-order .btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(106,13,173,.38)}
.service-description-modal .service-description-order .btn:hover::after{transform:translateX(4px)}
[dir="rtl"] .service-description-modal .modal-header{padding:20px 22px 18px 64px!important}
@media (max-width:480px){.service-description-modal .gmf-meta{grid-template-columns:1fr 1fr}.service-description-modal .gmf-meta div:first-child{grid-column:1 / -1}}
html[data-theme="dark"] .service-description-modal .modal-header{background:var(--surface)}
html[data-theme="dark"] .service-description-modal .modal-title,html[data-theme="dark"] .service-description-modal .gmf-meta b{color:var(--ink)}
html[data-theme="dark"] .service-description-modal .service-description-text,html[data-theme="dark"] .service-description-modal .gmf-meta div{background:rgba(255,255,255,.04);color:var(--ink)}

/* ==== Service modal: average time box (2026-09-25) ==== */
.service-description-modal .gmf-meta{grid-template-columns:repeat(4,1fr)}
.service-description-modal .gmf-avg b{font-size:13.5px}
.service-description-modal .gmf-avg b::before{content:"\f017";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:11px;margin-right:5px;color:#6a0dad}
.service-description-modal .gmf-avg.is-empty b{font-size:12px;font-weight:600;color:#8b7fa0}
.service-description-modal .gmf-avg.is-empty b::before{color:#b3a9c2}
@media (max-width:560px){.service-description-modal .gmf-meta{grid-template-columns:1fr 1fr}.service-description-modal .gmf-meta div:first-child{grid-column:auto}}

/* ==== New order form: minimal modern (2026-09-25) ==== */
.oform .control-label{font-size:13px!important;font-weight:700!important;color:#2d2340!important;margin-bottom:7px!important;letter-spacing:.005em}
.oform .form-control,.oform .select2-container--default .select2-selection--single{background-color:#fff!important;border:1px solid rgba(106,13,173,.14)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(20,10,40,.04)!important;min-height:48px;transition:border-color .2s,box-shadow .2s}
.oform .form-control:hover,.oform .select2-container--default .select2-selection--single:hover{border-color:rgba(106,13,173,.32)!important}
.oform .form-control:focus,.oform .select2-container--open .select2-selection--single,.oform .select2-container--focus .select2-selection--single{border-color:#6a0dad!important;box-shadow:0 0 0 4px rgba(106,13,173,.12)!important;outline:none}
.oform .search-dropdown .form-control{padding-left:44px!important}
.oform .search-dropdown .input-wrapper__prepend{color:#9a8fb0!important}
.oform #field-orderform-fields-link,.oform #field-orderform-fields-quantity,.oform #charge{padding-left:44px!important;background-repeat:no-repeat!important;background-position:16px 50%!important;background-size:17px 17px!important}
.oform #field-orderform-fields-link{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E")!important}
.oform #field-orderform-fields-quantity{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='9' x2='20' y2='9'/%3E%3Cline x1='4' y1='15' x2='20' y2='15'/%3E%3Cline x1='10' y1='3' x2='8' y2='21'/%3E%3Cline x1='16' y1='3' x2='14' y2='21'/%3E%3C/svg%3E")!important}
.oform #charge{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8fb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")!important;background-color:#faf8fd!important;font-weight:800!important;color:#6a0dad!important;font-size:16px!important}
[dir="rtl"] .oform #field-orderform-fields-link,[dir="rtl"] .oform #field-orderform-fields-quantity,[dir="rtl"] .oform #charge{padding-left:12px!important;padding-right:44px!important;background-position:calc(100% - 16px) 50%!important}
.oform #service_description .panel-body{position:relative;background:linear-gradient(180deg,#faf8fd,#f4f0fa)!important;border:1px solid rgba(106,13,173,.1)!important;border-radius:14px!important;padding:14px 16px 14px 46px!important;font-weight:500!important;line-height:1.85;color:#2d2340!important;box-shadow:none!important}
.oform #service_description .panel-body::before{content:"\f05a";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;position:absolute;left:17px;top:15px;font-size:15px;color:#6a0dad}
[dir="rtl"] .oform #service_description .panel-body{padding:14px 46px 14px 16px!important}
[dir="rtl"] .oform #service_description .panel-body::before{left:auto;right:17px}
.oform .help-block.min-max{display:inline-flex!important;align-items:center;gap:6px;margin-top:8px!important;padding:3px 11px;border-radius:999px;background:#f4f1f9;color:#5b4f6b!important;font-size:11.5px!important;font-weight:600}
.oform .form-group__checkbox-label{display:inline-flex!important;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#2d2340}
.oform .form-group__checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;width:38px;height:22px;margin:0!important;border-radius:999px;background:#ddd3ea;position:relative;cursor:pointer;transition:background .2s;flex:0 0 auto}
.oform .form-group__checkbox input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.oform .form-group__checkbox input[type=checkbox]:checked{background:#6a0dad}
.oform .form-group__checkbox input[type=checkbox]:checked::before{transform:translateX(16px)}
.oform .form-group__checkbox input[type=checkbox]:focus-visible{box-shadow:0 0 0 4px rgba(106,13,173,.18)}
.oform button[type=submit].btn,.oform .btn-primary[type=submit]{height:52px;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important;font-weight:800!important;font-size:15px!important;letter-spacing:.01em;box-shadow:0 12px 26px rgba(106,13,173,.32)!important;transition:transform .18s,box-shadow .18s}
.oform button[type=submit].btn::after{content:"\f061";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:13px;margin-left:10px;display:inline-block;transition:transform .2s}
.oform button[type=submit].btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(106,13,173,.4)!important}
.oform button[type=submit].btn:hover::after{transform:translateX(4px)}
html[data-theme="dark"] .oform .form-control,html[data-theme="dark"] .oform .select2-container--default .select2-selection--single{background-color:var(--surface)!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] .oform .control-label,html[data-theme="dark"] .oform #service_description .panel-body,html[data-theme="dark"] .oform .form-group__checkbox-label{color:var(--ink)!important}
html[data-theme="dark"] .oform #service_description .panel-body{background:rgba(255,255,255,.04)!important}
.oform .form-group__checkbox{display:flex!important;align-items:center;gap:10px}
.oform .form-group__checkbox .checkmark{display:none!important}
.oform .form-group__checkbox > *{margin-top:0!important;margin-bottom:0!important}
.oform .form-group__checkbox label{margin:0!important}

/* ==== New order form: tighter spacing (2026-09-25) ==== */
.oform .form-group{margin-bottom:12px!important}
.oform .control-label{margin-bottom:5px!important}
.oform .form-control,.oform .select2-container--default .select2-selection--single{min-height:44px}
.oform #service_description .panel-body{line-height:1.6!important;padding:11px 14px 11px 42px!important}
.oform #service_description .panel-body::before{top:12px;left:15px}
.oform .help-block.min-max{margin-top:6px!important;margin-bottom:0!important}
.oform #order_check{margin:4px 0 12px!important}

/* ==== Add funds: payment history (2026-09-25) ==== */
.pay-hist{background:#fff;border:1px solid rgba(106,13,173,.08);border-radius:18px;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05);padding:18px 18px 10px;margin-top:4px}
.pay-hist__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 12px;border-bottom:1px solid rgba(106,13,173,.07);margin-bottom:6px}
.pay-hist__head h3{margin:0;font-size:16px;font-weight:800;color:#1c1230;display:flex;align-items:center;gap:10px}
.pay-hist__head h3 i{width:30px;height:30px;border-radius:9px;background:#f4f1f9;color:#6a0dad;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.pay-hist__count{font-size:12px;font-weight:600;color:#5b4f6b;background:#f4f1f9;border-radius:999px;padding:4px 11px}
.pay-list{display:flex;flex-direction:column}
.pay-row{display:flex;align-items:center;gap:14px;padding:12px 6px;border-radius:12px;transition:background .18s}
.pay-row + .pay-row{border-top:1px solid rgba(106,13,173,.06)}
.pay-row:hover{background:#faf8fd}
.pay-ic{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(106,13,173,.08);color:#6a0dad;font-size:15px}
.pay-row.is-bonus .pay-ic{background:rgba(245,166,35,.14);color:#d98a06}
.pay-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pay-main b{font-size:14px;color:#1c1230;font-weight:700}
.pay-main small{font-size:12px;color:#8b7fa0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pay-id{padding:1px 7px;border-radius:6px;background:#f4f1f9;color:#5b4f6b;font-weight:600;font-size:11px}
.pay-amt{font-size:15px;font-weight:800;color:#16a34a;white-space:nowrap;font-variant-numeric:tabular-nums}
.pay-inv{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#f4f1f9;color:#6a0dad;transition:background .2s,color .2s}
.pay-inv:hover{background:#6a0dad;color:#fff;text-decoration:none}
html[data-theme="dark"] .pay-hist{background:var(--surface);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .pay-hist__head h3,html[data-theme="dark"] .pay-main b{color:var(--ink)}
html[data-theme="dark"] .pay-row:hover{background:rgba(255,255,255,.04)}

/* ==== Orders: reorder button (2026-09-25) ==== */
.o-act .btn.gmf-reorder{background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important}
.o-act .btn.gmf-reorder::before{content:"\f01e"}
@media (min-width:992px){.olist:not(.olist-x) .ocard .o-act{width:196px;min-width:196px;gap:6px}}

/* ==== Tickets page: minimal modern (2026-09-25) ==== */
.well.tk-form{border:1px solid rgba(106,13,173,.08)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05)!important;padding:22px!important}
.tk-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(106,13,173,.07)}
.tk-head__ic{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a0dad,#9b3cf0);color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(106,13,173,.28)}
.tk-head h3{margin:0 0 2px;font-size:17px;font-weight:800;color:#1c1230}
.tk-head p{margin:0;font-size:13px;color:#8b7fa0}
#ticketsend .form-group{margin-bottom:14px}
#ticketsend .control-label{font-size:13px;font-weight:700;color:#2d2340;margin-bottom:6px}
#ticketsend .form-control{background-color:#fff!important;border:1px solid rgba(106,13,173,.14)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(20,10,40,.04)!important;min-height:44px;transition:border-color .2s,box-shadow .2s}
#ticketsend .form-control:hover{border-color:rgba(106,13,173,.32)!important}
#ticketsend .form-control:focus{border-color:#6a0dad!important;box-shadow:0 0 0 4px rgba(106,13,173,.12)!important;outline:none}
#ticketsend textarea.form-control{min-height:140px;line-height:1.6;padding-top:12px;resize:vertical}
#ticketsend .tickets-uploader .files-wrapper{border:1.5px dashed rgba(106,13,173,.25);border-radius:12px;background:#faf8fd;padding:10px 14px;transition:border-color .2s,background .2s}
#ticketsend .tickets-uploader .files-wrapper:hover{border-color:#6a0dad;background:#f4f0fa}
#ticketsend .tickets-uploader .files-label{font-weight:600;color:#5b4f6b;font-size:13px}
#ticketsend .tickets-uploader .paperclip svg{color:#6a0dad;fill:currentColor}
#ticketsend button[type=submit]{height:46px;padding:0 22px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important;font-weight:800;box-shadow:0 10px 22px rgba(106,13,173,.3);transition:transform .18s,box-shadow .18s;display:inline-flex;align-items:center;gap:9px}
#ticketsend button[type=submit]::before{content:"\f1d8";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:13px}
#ticketsend button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(106,13,173,.38)}
.tk-hist{background:#fff;border:1px solid rgba(106,13,173,.08);border-radius:18px;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05);padding:18px 18px 10px;margin-top:4px}
.tk-list{display:flex;flex-direction:column}
.tk-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-radius:12px;color:inherit;text-decoration:none!important;transition:background .18s}
.tk-row + .tk-row{border-top:1px solid rgba(106,13,173,.06)}
.tk-row:hover{background:#faf8fd}
.tk-ic{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(106,13,173,.08);color:#6a0dad;font-size:15px}
.tk-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tk-main b{font-size:14px;color:#1c1230;font-weight:700;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-main small{font-size:12px;color:#8b7fa0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tk-new{font-size:10.5px;font-weight:700;color:#fff;background:#6a0dad;border-radius:999px;padding:2px 8px}
.tk-row.is-new .tk-ic{background:#6a0dad;color:#fff}
.tk-st{font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px;background:#f4f1f9;color:#5b4f6b;white-space:nowrap}
.tk-answered .tk-st{background:var(--ok-soft,#e7f7ee);color:var(--ok,#16a34a)}
.tk-pending .tk-st,.tk-open .tk-st,.tk-inprogress .tk-st{background:var(--warn-soft,#fff4de);color:var(--warn,#c27c0e)}
.tk-closed .tk-st{background:#eeeaf3;color:#8b7fa0}
.tk-go{color:#b3a9c2;font-size:12px;transition:transform .2s,color .2s}
.tk-row:hover .tk-go{color:#6a0dad;transform:translateX(3px)}
html[data-theme="dark"] .tk-hist,html[data-theme="dark"] #ticketsend .form-control{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .tk-head h3,html[data-theme="dark"] .tk-main b,html[data-theme="dark"] #ticketsend .control-label{color:var(--ink)}
html[data-theme="dark"] .tk-row:hover,html[data-theme="dark"] #ticketsend .tickets-uploader .files-wrapper{background:rgba(255,255,255,.04)}

/* ==== View ticket: chat style (2026-09-25) ==== */
.well:has(.ticket-message-block){border:1px solid rgba(106,13,173,.08)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05)!important;padding:0!important;overflow:hidden}
.well:has(.ticket-message-block) .titcket-title{display:flex;align-items:center;gap:12px;margin:0!important;padding:18px 22px!important;font-size:17px;font-weight:800;color:#1c1230;border-bottom:1px solid rgba(106,13,173,.07)!important;background:#fff}
.well:has(.ticket-message-block) .titcket-title::before{content:"\f3ff";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#f4f1f9;color:#6a0dad;font-size:14px;flex:0 0 36px}
.well:has(.ticket-message-block) .ticket-message-block{margin:0!important;padding:14px 22px 0!important;display:flex;background:#faf8fd}
.well:has(.ticket-message-block) .ticket-message-block:first-of-type{padding-top:20px!important}
.well:has(.ticket-message-block) .ticket-message-block .col-md-1{display:none}
.well:has(.ticket-message-block) .ticket-message-block .col-md-11{width:auto!important;max-width:78%;float:none!important;padding:0 0 0 46px!important;position:relative}
.well:has(.ticket-message-block) .ticket-message-right .col-md-11{padding:0 46px 0 0!important}
[dir="rtl"] .well:has(.ticket-message-block) .ticket-message-block .col-md-11{padding:0 46px 0 0!important}
[dir="rtl"] .well:has(.ticket-message-block) .ticket-message-right .col-md-11{padding:0 0 0 46px!important}
.ticket-message-right{justify-content:flex-end}
.ticket-message-block .col-md-11{padding-left:46px!important}
.ticket-message-right .col-md-11{padding-left:0!important;padding-right:46px!important}
.ticket-message-block .col-md-11::before{position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:13px;content:"\f590";background:linear-gradient(135deg,#f5a623,#ff7a18);color:#fff;box-shadow:0 4px 10px rgba(245,166,35,.3)}
.ticket-message-right .col-md-11::before{left:auto;right:0;content:"\f007";background:linear-gradient(135deg,#6a0dad,#9b3cf0);box-shadow:0 4px 10px rgba(106,13,173,.3)}
.ticket-message-block .ticket-message{background:#fff!important;border:1px solid rgba(106,13,173,.1)!important;border-radius:4px 16px 16px 16px!important;padding:11px 15px!important;box-shadow:0 1px 2px rgba(20,10,40,.04);color:#1c1230;display:inline-block;max-width:100%}
.ticket-message-right .ticket-message{background:linear-gradient(135deg,#6a0dad,#8a2be2)!important;border:0!important;border-radius:16px 4px 16px 16px!important;color:#fff!important;box-shadow:0 6px 16px rgba(106,13,173,.22)}
.ticket-message-right .col-md-11{text-align:right}
.ticket-message-block .ticket-message .message,.ticket-message-block .ticket-message .message p{margin:0;font-size:14px;line-height:1.6;text-align:left;color:inherit;overflow-wrap:anywhere}
.ticket-message-block .ticket-message .message a{color:inherit;text-decoration:underline}
.ticket-message-block .info{margin-top:5px;font-size:11.5px;display:flex;gap:6px;align-items:center}
.ticket-message-right .info{justify-content:flex-end}
.ticket-message-block .info strong{font-weight:700;color:#5b4f6b;text-transform:capitalize}
.ticket-message-block .info small{color:#a79cb8!important}
.well:has(.ticket-message-block) > .row:last-child,.well:has(.ticket-message-block) form{background:#fff}
.well:has(.ticket-message-block) .panel-border-top{border-top:1px solid rgba(106,13,173,.07)!important;margin:18px 0 0!important;padding:18px 0 0!important}
.well:has(.ticket-message-block) form{padding:0 22px 22px}
.well:has(.ticket-message-block) .row:has(> .col-md-12 > form){margin:0;background:linear-gradient(#faf8fd 0 22px,#fff 22px)}
.well:has(.ticket-message-block) .row > .col-md-12{padding:0}
.well:has(.ticket-message-block) .control-label{font-size:13px;font-weight:700;color:#2d2340;margin-bottom:6px}
.well:has(.ticket-message-block) textarea.form-control{background:#fff!important;border:1px solid rgba(106,13,173,.14)!important;border-radius:12px!important;min-height:110px;line-height:1.6;box-shadow:0 1px 2px rgba(20,10,40,.04)!important;transition:border-color .2s,box-shadow .2s}
.well:has(.ticket-message-block) textarea.form-control:focus{border-color:#6a0dad!important;box-shadow:0 0 0 4px rgba(106,13,173,.12)!important;outline:none}
.well:has(.ticket-message-block) .tickets-uploader .files-wrapper{border:1.5px dashed rgba(106,13,173,.25);border-radius:12px;background:#faf8fd;padding:10px 14px;transition:border-color .2s,background .2s}
.well:has(.ticket-message-block) .tickets-uploader .files-wrapper:hover{border-color:#6a0dad;background:#f4f0fa}
.well:has(.ticket-message-block) .tickets-uploader .files-label{font-weight:600;color:#5b4f6b;font-size:13px}
.well:has(.ticket-message-block) button[type=submit]{height:46px;padding:0 22px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important;font-weight:800;box-shadow:0 10px 22px rgba(106,13,173,.3);display:inline-flex;align-items:center;gap:9px;transition:transform .18s,box-shadow .18s}
.well:has(.ticket-message-block) button[type=submit]::before{content:"\f1d8";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:13px}
.well:has(.ticket-message-block) button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(106,13,173,.38)}
[dir="rtl"] .ticket-message-block .col-md-11{padding-left:0!important;padding-right:46px!important}
[dir="rtl"] .ticket-message-block .col-md-11::before{left:auto;right:0}
[dir="rtl"] .ticket-message-right .col-md-11{padding-right:0!important;padding-left:46px!important}
[dir="rtl"] .ticket-message-right .col-md-11::before{right:auto;left:0}
html[data-theme="dark"] .well:has(.ticket-message-block) .ticket-message-block{background:rgba(255,255,255,.02)}
html[data-theme="dark"] .ticket-message-left .ticket-message,html[data-theme="dark"] .well:has(.ticket-message-block) .titcket-title,html[data-theme="dark"] .well:has(.ticket-message-block) form{background:var(--surface)!important;color:var(--ink)}
.well:has(.ticket-message-block) .tickets-uploader{margin-top:10px}

/* ==== Remaining pages (account, mass order, notifications, refunds): minimal modern (2026-09-25) ==== */
.main .well:not(.tk-form):not(:has(.ticket-message-block)):not(:has(#service-table)){border:1px solid rgba(106,13,173,.08)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05)!important}
.main .well .control-label{font-size:13px;font-weight:700;color:#2d2340;margin-bottom:6px}
.main .well .form-control:not(select.select2-hidden-accessible){background-color:#fff!important;border:1px solid rgba(106,13,173,.14)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(20,10,40,.04)!important;min-height:44px;transition:border-color .2s,box-shadow .2s}
.main .well .form-control:hover{border-color:rgba(106,13,173,.32)!important}
.main .well .form-control:focus{border-color:#6a0dad!important;box-shadow:0 0 0 4px rgba(106,13,173,.12)!important;outline:none}
.main .well .form-control[readonly],.main .well .form-control[disabled]{background-color:#faf8fd!important;color:#5b4f6b!important;cursor:default}
.main .well .btn-primary{min-height:42px;padding:0 20px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important;font-weight:800;box-shadow:0 8px 18px rgba(106,13,173,.26);transition:transform .18s,box-shadow .18s}
.main .well .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(106,13,173,.34)}
.main .well .btn-default{min-height:42px;border-radius:12px!important;border:1px solid rgba(106,13,173,.16)!important;background:#fff!important;font-weight:700;color:#2d2340}
.main .well .btn-default:hover{border-color:#6a0dad!important;color:#6a0dad}
.main .well textarea.form-control{line-height:1.7;padding-top:12px}
.main .well textarea[name*="MassOrder"],.main .well textarea#mass-order,.main .well form[action*="massorder"] textarea,.main .well textarea[placeholder*="service_id"]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13.5px!important;background:#fcfbfe!important;min-height:240px}
.main .well .table{margin:0}
.main .well .table > thead > tr > th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8b7fa0;border-bottom:1px solid rgba(106,13,173,.08)!important;background:transparent!important;padding:10px 12px}
.main .well .table > tbody > tr > td{border-top:1px solid rgba(106,13,173,.06)!important;padding:12px;vertical-align:middle}
.main .well .table > tbody > tr:hover > td{background:#faf8fd}
.main .well .table input[type=checkbox]{-webkit-appearance:none;appearance:none;width:38px;height:22px;margin:0;border-radius:999px;background:#ddd3ea;position:relative;cursor:pointer;transition:background .2s;vertical-align:middle}
.main .well .table input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.main .well .table input[type=checkbox]:checked{background:#6a0dad}
.main .well .table input[type=checkbox]:checked::before{transform:translateX(16px)}
.main .well .table input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
/* refunds list */
.rf-hist{padding:10px 18px}
.rf-hist .pay-main b a{color:#6a0dad;text-decoration:none}
.rf-hist .pay-main b a:hover{text-decoration:underline}
.rf-st{font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px;background:#f4f1f9;color:#5b4f6b;white-space:nowrap}
.rf-partial .rf-st{background:var(--warn-soft,#fff4de);color:var(--warn,#c27c0e)}
.rf-canceled .rf-st,.rf-cancelled .rf-st{background:var(--bad-soft,#fdecec);color:var(--bad,#d23b3b)}
.rf-hist .pay-ic{background:rgba(22,163,74,.1);color:#16a34a}
.rf-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:26px 0;color:#8b7fa0;font-weight:600}
html[data-theme="dark"] .main .well .form-control{background-color:var(--surface)!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] .main .well .form-control[readonly]{background-color:rgba(255,255,255,.04)!important}
html[data-theme="dark"] .main .well .control-label{color:var(--ink)}

/* ==== Mass order: compact box (2026-09-25) ==== */
.main .well:has(#links){padding:18px!important}
.main .well #links{height:180px;min-height:130px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;line-height:1.7;background:#fcfbfe!important;resize:vertical}
.main .well:has(#links) .form-group{margin-bottom:12px}
.main .well label[for="links"]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.main .well label[for="links"]::after{content:"e.g.  12 | https://t.me/channel | 1000";font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;color:#6a0dad;background:#f4f1f9;border-radius:8px;padding:3px 9px;white-space:pre}
.main .well:has(#links) form{display:flex;flex-direction:column}
.main .well:has(#links) button[type=submit]{align-self:flex-end;display:inline-flex;align-items:center;gap:8px}
.main .well:has(#links) button[type=submit]::after{content:"\f061";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:12px}
[dir="rtl"] .main .well:has(#links) button[type=submit]{align-self:flex-start}

/* ==== Mass order: Simple / Classic tabs (2026-09-25) ==== */
.mo-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:16px;border-radius:12px;background:#f4f1f9}
.mo-tabs button{border:0;background:transparent;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:700;color:#5b4f6b;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.mo-tabs button.on{background:#fff;color:#6a0dad;box-shadow:0 2px 8px rgba(76,20,140,.12)}
form.mo-mode-simple > .form-group:has(#links),form.mo-mode-simple > button[type=submit]{display:none!important}
form.mo-mode-classic .mo-simple{display:none}
.mo-simple .form-group{margin-bottom:12px}
.mo-simple select.form-control{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b7fa0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - 14px) 50%!important;background-size:14px!important;font-weight:600}
.mo-simple .mo-links{min-height:140px;height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:13px!important;background:#fcfbfe!important}
.mo-hint{font-weight:500;color:#8b7fa0;margin-left:6px;font-size:11.5px}
.mo-chips{display:flex;gap:6px;margin-top:6px}
.mo-chips span{font-size:11.5px;font-weight:600;color:#6a0dad;background:#f4f1f9;border-radius:999px;padding:3px 10px}
.mo-sum{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;margin:4px 0 14px}
.mo-sum div{background:#faf8fd;border:1px solid rgba(106,13,173,.07);border-radius:12px;padding:10px 12px}
.mo-sum small{display:block;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:#8b7fa0;margin-bottom:2px}
.mo-sum b{font-size:16px;color:#1c1230;font-variant-numeric:tabular-nums}
.mo-sum .mo-price{background:linear-gradient(135deg,rgba(106,13,173,.08),rgba(155,60,240,.06));border-color:rgba(106,13,173,.14)}
.mo-sum .mo-price b{color:#6a0dad;font-size:18px}
.mo-err{margin:-4px 0 12px;padding:9px 12px;border-radius:10px;background:var(--bad-soft,#fdecec);color:var(--bad,#d23b3b);font-size:13px;font-weight:600}
.mo-simple .mo-go{width:100%;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:15px}
@media (max-width:560px){.mo-sum{grid-template-columns:1fr 1fr}.mo-sum .mo-price{grid-column:1 / -1}}
html[data-theme="dark"] .mo-tabs{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .mo-tabs button.on{background:var(--surface)}
html[data-theme="dark"] .mo-sum div{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .mo-sum b{color:var(--ink)}

/* Mass order: result message sits at the top of the card */
.main .well:has(#links) form > .alert{margin:0 0 14px!important;border-radius:12px!important;border:0!important}
.main .well:has(#links) form > .alert h4{margin:0 0 6px;font-weight:800}
.main .well:has(#links) form > .alert a{font-weight:700;text-decoration:underline}

/* ==== Orders: refill-wait button = refill icon + small clock badge (2026-09-25) ==== */
.o-act button.btn.disabled.gmf-refill-wait{position:relative;overflow:visible;background:linear-gradient(135deg,#b9a6d6,#c9b8e3)!important;opacity:1!important}
.o-act button.btn.disabled.gmf-refill-wait::before{content:"\f2f1"!important}
.o-act button.btn.disabled.gmf-refill-wait::after{content:"\f017";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;position:absolute;right:-5px;bottom:-5px;width:15px;height:15px;border-radius:50%;background:#f5a623;color:#fff;font-size:8.5px;line-height:15px;text-align:center;box-shadow:0 0 0 2px #fff}

/* ==== Dropdowns (category / service): "Bold select" style (2026-09-25) ==== */
html body .select2-container .select2-dropdown{border:1px solid rgba(106,13,173,.1)!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(28,18,48,.14)!important;padding:6px!important;overflow:hidden}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option{border:0!important;margin:1px 0!important;border-radius:10px!important;padding:9px 12px!important;background:transparent!important;color:#1c1230!important;position:relative;transition:background .15s,color .15s}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option > a,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[class] > a:hover,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[class] > a:focus,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[class] > a{background:transparent!important;background-image:none!important;color:inherit!important;padding:0!important;border:0!important;box-shadow:none!important;display:flex;align-items:center;gap:6px}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[class]{background:#f7f6f9!important;color:#1c1230!important}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class]{background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important;font-weight:700;box-shadow:0 6px 14px rgba(106,13,173,.25);padding-right:34px!important}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class] > a *{color:inherit!important}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]::after{content:"\f00c";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#fff}
[dir="rtl"] html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class]{padding-right:12px!important;padding-left:34px!important}
[dir="rtl"] html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]::after{right:auto;left:12px}
html[data-theme="dark"] body .select2-container .select2-dropdown{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] html body .select2-container .select2-dropdown .select2-results__options .select2-results__option{color:var(--ink)!important}
html[data-theme="dark"] html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover,html[data-theme="dark"] html body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[class]{background:rgba(255,255,255,.06)!important;color:var(--ink)!important}

/* ==== Updates page: change log list (2026-09-26) ==== */
.up-hist{padding:10px 18px}
.up-row .pay-main b{font-weight:600;font-size:13.5px;white-space:normal;line-height:1.45}
.up-row .o-svc-id{margin-right:8px}
.up-tag{font-size:12px;font-weight:700;border-radius:999px;padding:5px 12px;white-space:nowrap;background:#f4f1f9;color:#5b4f6b;max-width:48%;overflow:hidden;text-overflow:ellipsis}
.up-down .pay-ic,.up-on .pay-ic{background:rgba(22,163,74,.1);color:#16a34a}
.up-down .up-tag,.up-on .up-tag{background:var(--ok-soft,#e7f7ee);color:var(--ok,#16a34a)}
.up-up .pay-ic{background:rgba(210,59,59,.1);color:#d23b3b}
.up-up .up-tag{background:var(--bad-soft,#fdecec);color:var(--bad,#d23b3b)}
.up-new .pay-ic{background:linear-gradient(135deg,#6a0dad,#9b3cf0);color:#fff}
.up-new .up-tag{background:rgba(106,13,173,.1);color:#6a0dad}
.up-off .pay-ic,.up-off .up-tag{background:#eeeaf3;color:#8b7fa0}
@media (max-width:767px){.up-row{flex-wrap:wrap}.up-tag{max-width:100%;margin-left:52px}}

/* ==== Fix: compact Buy/View buttons in services list + aligned status column in lists (2026-09-26) ==== */
.main .well #service-table .btn,#service-table .btn{min-height:0!important;height:32px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;font-size:12.5px!important;border-radius:9px!important;vertical-align:middle}
.main .well #service-table .btn-primary,#service-table .btn-primary{box-shadow:0 4px 10px rgba(106,13,173,.22)!important;transform:none}
#service-table td:last-child{white-space:nowrap}
.rf-st,.tk-st{min-width:96px;text-align:center;display:inline-block}
.pay-amt{min-width:92px;text-align:right}
.up-tag{min-width:120px;text-align:center}
[dir="rtl"] .pay-amt{text-align:left}

/* ==== Dark mode fixes for the new components + mobile rules-box scroll (2026-09-26) ==== */
html[data-theme="dark"] body .select2-container .select2-dropdown{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 18px 40px rgba(0,0,0,.45)!important}
html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option{color:var(--ink)!important}
html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover,html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted[class]{background:rgba(255,255,255,.07)!important;color:#fff!important}
html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class][role]{background:linear-gradient(135deg,#6a0dad,#9b3cf0)!important;color:#fff!important}
html[data-theme="dark"] .oform #field-orderform-fields-link,html[data-theme="dark"] .oform #field-orderform-fields-quantity,html[data-theme="dark"] .oform #charge,html[data-theme="dark"] .mo-simple .form-control,html[data-theme="dark"] .mo-simple .mo-links{background-color:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important;color:var(--ink)!important}
html[data-theme="dark"] .oform #charge{color:#c79bff!important}
html[data-theme="dark"] .oform .help-block.min-max,html[data-theme="dark"] .mo-chips span,html[data-theme="dark"] .pay-id,html[data-theme="dark"] .pay-hist__count,html[data-theme="dark"] .rf-st,html[data-theme="dark"] .tk-st,html[data-theme="dark"] .up-tag{background:rgba(255,255,255,.08)!important;color:var(--ink-2,#cfc6de)!important}
html[data-theme="dark"] .main .well:not(:has(#service-table)),html[data-theme="dark"] .pay-hist,html[data-theme="dark"] .tk-hist,html[data-theme="dark"] .well.tk-form,html[data-theme="dark"] .ocard{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html[data-theme="dark"] .ocard{background:linear-gradient(135deg,var(--surface) 55%,rgba(155,60,240,.08))!important}
html[data-theme="dark"] .kv > div,html[data-theme="dark"] .mo-sum div,html[data-theme="dark"] .service-description-modal .gmf-meta div,html[data-theme="dark"] .service-description-modal .service-description-text,html[data-theme="dark"] .oform #service_description .panel-body{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.06)!important;color:var(--ink)!important}
html[data-theme="dark"] .kv b,html[data-theme="dark"] .pay-main b,html[data-theme="dark"] .tk-main b,html[data-theme="dark"] .ocard .o-svc,html[data-theme="dark"] .ocard .o-id,html[data-theme="dark"] .mo-sum b,html[data-theme="dark"] .pay-hist__head h3,html[data-theme="dark"] .tk-head h3,html[data-theme="dark"] #service-table tr.cat-row strong,html[data-theme="dark"] .main .well .control-label,html[data-theme="dark"] #ticketsend .control-label,html[data-theme="dark"] .oform .control-label{color:var(--ink)!important}
html[data-theme="dark"] .main .well .form-control,html[data-theme="dark"] #ticketsend .form-control,html[data-theme="dark"] .well:has(.ticket-message-block) textarea.form-control{background-color:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important;color:var(--ink)!important}
html[data-theme="dark"] .main .well .btn-default,html[data-theme="dark"] #service-table .btn-default{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;color:var(--ink)!important}
html[data-theme="dark"] #service-table tr.cat-row td,html[data-theme="dark"] #service-table tbody tr:not(.cat-row) td{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important;color:var(--ink)}
html[data-theme="dark"] #service-table tr.cat-row .cat-count,html[data-theme="dark"] #service-table tr.cat-row .cat-chev{background:rgba(255,255,255,.07)!important;color:#c79bff!important}
html[data-theme="dark"] .service-description-modal .modal-content,html[data-theme="dark"] .service-description-modal .modal-header{background:var(--surface)!important}
html[data-theme="dark"] .service-description-modal .close{background:rgba(255,255,255,.08)!important;color:var(--ink)!important}
html[data-theme="dark"] .well:has(.ticket-message-block) .titcket-title,html[data-theme="dark"] .well:has(.ticket-message-block) form,html[data-theme="dark"] .well:has(.ticket-message-block) .row:has(> .col-md-12 > form){background:var(--surface)!important;color:var(--ink)}
html[data-theme="dark"] .ticket-message-left .ticket-message{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.08)!important;color:var(--ink)!important}
html[data-theme="dark"] .tickets-uploader .files-wrapper{background:rgba(255,255,255,.04)!important;border-color:rgba(199,155,255,.3)!important}
html[data-theme="dark"] .pay-row:hover,html[data-theme="dark"] .tk-row:hover{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .mo-tabs{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .mo-tabs button{color:var(--ink-2,#cfc6de)}
html[data-theme="dark"] .mo-tabs button.on{background:var(--surface);color:#c79bff}
/* phones/tablets: rules box scrolls with the page instead of trapping the finger */
@media (max-width:991px){
  .notice-body,.notice-card .notice-body{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
  .notice-body::after{display:none!important}
  .notice-card{position:static!important}
}

/* ==== Mobile: sidebar fits the visible screen so Logout isn't hidden under the browser bar (2026-09-26) ==== */
.side{height:100vh;height:100dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}
@media (max-width:991px){
  .side{top:0!important;bottom:0!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  @supports not (height:100dvh){ .side{height:100%!important;max-height:100%!important} }
}

/* ==== Dropdowns: dividers between options + clearer outer border (2026-09-26) ==== */
html body .select2-container .select2-dropdown{border:1.5px solid rgba(106,13,173,.28)!important}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option + .select2-results__option::before{content:"";position:absolute;left:12px;right:12px;top:-1px;height:1px;background:rgba(106,13,173,.09);pointer-events:none}
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover::before,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover + .select2-results__option::before,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"]::before,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] + .select2-results__option::before,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted::before,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted + .select2-results__option::before{opacity:0}
html[data-theme="dark"] body .select2-container .select2-dropdown{border:1.5px solid rgba(199,155,255,.35)!important;box-shadow:0 0 0 4px rgba(155,60,240,.10),0 18px 40px rgba(0,0,0,.5)!important}
html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option + .select2-results__option::before{background:rgba(255,255,255,.09)}

/* ==== Dropdowns: keep the service ID badge readable on the selected (purple) option (2026-09-26) ==== */
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class] .badge,html body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class] [class*="select2-selection__id"],html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"][class][role] .badge{background:rgba(255,255,255,.24)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important}
html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option .badge{color:#fff!important}

/* ==== Dropdowns: ID badge on hovered / highlighted (not selected) options stays purple (2026-09-26) ==== */
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option:not([aria-selected="true"]):hover .badge,
html body .select2-container .select2-dropdown .select2-results__options .select2-results__option--highlighted:not([aria-selected="true"])[class] .badge,
html[data-theme="dark"] body .select2-container .select2-dropdown .select2-results__options .select2-results__option:not([aria-selected="true"])[class][role] .badge{background:#6a0dad!important;color:#fff!important;box-shadow:none!important}

/* ==== Audit fixes 2026-09-26: mobile layout + dark contrast ==== */
/* dark: links inside list rows */
html[data-theme="dark"] .rf-hist .pay-main b a,html[data-theme="dark"] .pay-main a,html[data-theme="dark"] .tk-main a{color:#c79bff!important}
/* long service name in the selected-service box: ellipsis instead of overflowing */
.oform .select2-selection__rendered{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%}
.oform .select2-selection__rendered > span{white-space:nowrap}
.oform .select2-selection__text{white-space:nowrap}
/* bootstrap row gutters pushing cards past the screen edge on phones */
@media (max-width:767px){
  .app-content .container > .row,.app-content .container-fluid > .row{margin-left:0!important;margin-right:0!important}
  .app-content .container > .row > [class*="col-"],.app-content .container-fluid > .row > [class*="col-"]{padding-left:0!important;padding-right:0!important}
  .app-content .well{max-width:100%}
  .well.api pre,.well.api code{white-space:pre-wrap!important;word-break:break-word}
}
/* blog: platform JS sets a fixed pixel width on post headers */
.block-blog__header{width:auto!important;max-width:100%!important}
/* status tabs + search on phones: tabs scroll sideways, search gets its own full-width row */
@media (max-width:767px){
  .nav-pills:has(> li.search){flex-wrap:wrap!important;overflow:visible!important;row-gap:10px}
  .nav-pills > li.search,.nav-pills > li.pull-right.search{float:none!important;flex:1 0 100%!important;width:100%!important;margin-left:0!important;order:99}
  .nav-pills > li.search .input-group{width:100%!important}
}
/* services list on phones: each service is a compact card instead of a wide table row */
@media (max-width:767px){
  #service-table,#service-table tbody{display:block!important;width:100%!important;margin:0!important}
  #service-table thead{display:none!important}
  #service-table tr.cat-row{display:block;margin:0 0 10px}
  #service-table tr.cat-row td{display:flex!important;align-items:center;gap:8px;width:100%!important}
  #service-table tr.cat-row td > *{float:none!important;position:relative}
  #service-table tr.cat-row td > span:not(.cat-count){order:0;flex:0 0 auto}
  #service-table tr.cat-row td > strong{order:1;flex:1 1 auto;min-width:0;line-height:1.4;white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;text-overflow:clip!important}
  #service-table tr.cat-row td{white-space:normal!important}
  #service-table tr.cat-row td > .cat-count{order:2;flex:0 0 auto;white-space:nowrap}
  #service-table tr.cat-row td > .cat-chev{order:3;flex:0 0 auto;margin-left:0!important;top:0!important}
  html body #service-table tbody tr:not(.cat-row){display:grid!important;grid-template-columns:34px 1fr 1fr 1fr;grid-template-areas:"fav name name name" "id rate min max" "act act act act";gap:6px 8px;align-items:center;background:var(--surface,#fff);border:1px solid rgba(106,13,173,.1);border-radius:14px;padding:12px 12px 10px;margin:0 0 8px}
  html body #service-table tbody tr:not(.cat-row).svc-collapsed{display:none!important}
  html body #service-table tbody tr:not(.cat-row) td{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-width:0}
  #service-table tbody tr:not(.cat-row) td:nth-child(1){grid-area:fav;text-align:center}
  #service-table tbody tr:not(.cat-row) td:nth-child(2){grid-area:id;font-size:12px;text-align:center}
  #service-table tbody tr:not(.cat-row) td:nth-child(3){grid-area:name;font-weight:600;line-height:1.45}
  #service-table tbody tr:not(.cat-row) td:nth-child(4){grid-area:rate}
  #service-table tbody tr:not(.cat-row) td:nth-child(5){grid-area:min}
  #service-table tbody tr:not(.cat-row) td:nth-child(6){grid-area:max}
  #service-table tbody tr:not(.cat-row) td:last-child{grid-area:act;display:flex!important;justify-content:flex-end;gap:6px;margin-top:2px}
  #service-table tbody tr:not(.cat-row) td:nth-child(4)::before,#service-table tbody tr:not(.cat-row) td:nth-child(5)::before,#service-table tbody tr:not(.cat-row) td:nth-child(6)::before{display:block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8b7fa0;margin-bottom:1px}
  #service-table tbody tr:not(.cat-row) td:nth-child(4)::before{content:"Rate / 1000"}
  #service-table tbody tr:not(.cat-row) td:nth-child(5)::before{content:"Min"}
  #service-table tbody tr:not(.cat-row) td:nth-child(6)::before{content:"Max"}
  html[data-theme="dark"] body #service-table tbody tr:not(.cat-row){background:var(--surface)!important;border-color:rgba(255,255,255,.08)}
}

/* Audit fix: Add funds feature titles readable in dark mode */
html[data-theme="dark"] .af-feat b,html[data-theme="dark"] .af-feat strong{color:var(--ink,#f1ecf8)!important}
html[data-theme="dark"] .af-feat small,html[data-theme="dark"] .af-feat p{color:var(--ink-2,#cfc6de)!important}

/* ==== Terms + FAQ pages (2026-09-26) ==== */
.lg-wrap{max-width:880px;margin:0 auto}
.lg-intro{display:flex;gap:16px;align-items:flex-start;background:var(--surface,#fff);border:1px solid rgba(106,13,173,.08);border-radius:18px;padding:22px;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05);margin-bottom:14px}
.lg-intro__ic{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a0dad,#9b3cf0);color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(106,13,173,.28)}
.lg-intro h2{margin:2px 0 8px;font-size:19px;font-weight:800;color:#1c1230}
.lg-intro__text{font-size:13.5px;line-height:1.75;color:#4b4060}
.lg-intro__text p{margin:0 0 8px}
.lg-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.lg-nav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--surface,#fff);border:1px solid rgba(106,13,173,.12);font-size:13px;font-weight:700;color:#2d2340;text-decoration:none;transition:border-color .2s,color .2s,transform .2s}
.lg-nav a i{color:#6a0dad;font-size:12px}
.lg-nav a:hover{border-color:#6a0dad;color:#6a0dad;transform:translateY(-1px);text-decoration:none}
.lg-sec{background:var(--surface,#fff);border:1px solid rgba(106,13,173,.08);border-radius:18px;padding:8px 10px 10px;box-shadow:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.05);margin-bottom:14px;scroll-margin-top:90px}
.lg-sec h3{display:flex;align-items:center;gap:12px;margin:0;padding:12px 10px 12px;font-size:16px;font-weight:800;color:#1c1230;border-bottom:1px solid rgba(106,13,173,.07)}
.lg-sec h3 small{margin-left:auto;font-size:11.5px;font-weight:600;color:#5b4f6b;background:#f4f1f9;border-radius:999px;padding:3px 10px}
.lg-sec__ic{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f4f1f9;color:#6a0dad;font-size:13px}
.lg-item{border-radius:12px;margin:4px 0;transition:background .2s}
.lg-item + .lg-item{border-top:1px solid rgba(106,13,173,.06)}
.lg-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px;font-size:14px;font-weight:700;color:#1c1230;border-radius:12px;transition:background .15s,color .15s}
.lg-item summary::-webkit-details-marker{display:none}
.lg-item summary::after{content:"\f078";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:900;font-size:11px;width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4f1f9;color:#6a0dad;transition:transform .25s,background .2s,color .2s}
.lg-item summary:hover{background:#faf8fd}
.lg-item[open]{background:#faf8fd}
.lg-item[open] summary{color:#6a0dad}
.lg-item[open] summary::after{transform:rotate(180deg);background:#6a0dad;color:#fff}
.lg-item__body{padding:2px 14px 14px;font-size:13.5px;line-height:1.8;color:#4b4060;overflow-wrap:anywhere}
.lg-item__body p{margin:0 0 8px}
.lg-item__body ul,.lg-item__body ol{padding-left:20px;margin:0 0 8px}
.lg-item__body a,.lg-intro__text a{color:#6a0dad;font-weight:600}
.lg-faq{padding-top:10px}
[dir="rtl"] .lg-sec h3 small{margin-left:0;margin-right:auto}
@media (max-width:767px){.lg-intro{padding:16px}.lg-intro__ic{display:none}.lg-sec{padding:6px}.lg-item summary{font-size:13.5px}}
html[data-theme="dark"] .lg-intro,html[data-theme="dark"] .lg-sec,html[data-theme="dark"] .lg-nav a{background:var(--surface)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none}
html[data-theme="dark"] .lg-intro h2,html[data-theme="dark"] .lg-sec h3,html[data-theme="dark"] .lg-item summary,html[data-theme="dark"] .lg-nav a{color:var(--ink)!important}
html[data-theme="dark"] .lg-intro__text,html[data-theme="dark"] .lg-item__body{color:var(--ink-2,#cfc6de)!important}
html[data-theme="dark"] .lg-item[open],html[data-theme="dark"] .lg-item summary:hover{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .lg-item[open] summary,html[data-theme="dark"] .lg-item__body a,html[data-theme="dark"] .lg-intro__text a,html[data-theme="dark"] .lg-nav a i{color:#c79bff!important}
html[data-theme="dark"] .lg-sec__ic,html[data-theme="dark"] .lg-sec h3 small,html[data-theme="dark"] .lg-item summary::after{background:rgba(255,255,255,.08);color:#c79bff}
html[data-theme="dark"] .lg-item + .lg-item,html[data-theme="dark"] .lg-sec h3{border-color:rgba(255,255,255,.07)}

/* ==== Mobile header: icons grouped together, balance stays on the left (2026-09-26) ==== */
@media (max-width:991px){
  .topbar-right{justify-content:flex-end!important;gap:6px!important}
  .topbar-right > .balance{margin-right:auto!important}
  [dir="rtl"] .topbar-right > .balance{margin-right:0!important;margin-left:auto!important}
}

/* Service dropdown: price shown as its own soft label instead of " - $x per 1000" */
.s2-price{margin-left:8px;font-weight:700;color:#6a0dad;white-space:nowrap}
.select2-results__option[aria-selected="true"] .s2-price{color:#fff}
html[data-theme="dark"] .s2-price{color:#c79bff}
html[data-theme="dark"] .select2-results__option[aria-selected="true"] .s2-price{color:#fff}
[dir="rtl"] .s2-price{margin-left:0;margin-right:8px}

/* blank paragraphs from the page editor must not take a grid/flex slot */
.af-side > p:empty,.lg-wrap p:empty,.lp-sec > p:empty{display:none}


/* === Blog cards: excerpt = first paragraph only (2026-09-26) === */
.post-card .post-excerpt{display:block;-webkit-line-clamp:unset;max-height:calc(1.6em * 4);line-height:1.6}
.post-card .post-excerpt>*{margin:0!important;padding:0!important;font-size:14px!important;font-weight:400!important;border:0!important;background:none!important}
.post-card .post-excerpt>*:not(p:first-of-type){display:none!important}
.post-card .post-excerpt>p:first-of-type{display:-webkit-box!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.lp-blog-grid .post-card .post-excerpt{max-height:calc(1.6em * 3)}
.lp-blog-grid .post-card .post-excerpt>p:first-of-type{-webkit-line-clamp:3}


/* === Blog post body: readable typography + image sizes (2026-09-26) === */
.post-content{font-size:16px;line-height:1.75;color:var(--ink-2,#3b3553);word-wrap:break-word}
.post-content>*:first-child{margin-top:0!important}
.post-content p{margin:0 0 16px!important}
.post-content h2{font-size:24px!important;line-height:1.3!important;font-weight:800;margin:40px 0 14px!important;padding-top:4px;color:var(--ink,#1b1433)}
.post-content h3{font-size:19px!important;line-height:1.35!important;font-weight:700;margin:28px 0 10px!important;color:var(--ink,#1b1433)}
.post-content h2+h3{margin-top:14px!important}
.post-content ul,.post-content ol{margin:0 0 18px!important;padding-left:24px!important}
.post-content li{margin:0 0 8px!important;padding-left:4px}
.post-content li>p{margin:0!important}
.post-content blockquote{margin:20px 0 24px!important;padding:14px 18px!important;border-left:4px solid #6a0dad;background:rgba(106,13,173,.06);border-radius:0 12px 12px 0;font-size:15.5px}
.post-content blockquote p:last-child{margin-bottom:0!important}
.post-content code{background:rgba(106,13,173,.08);color:#6a0dad;padding:1px 6px;border-radius:6px;font-size:.9em}
.post-content p:has(>img:only-child),.post-content p.gmf-img{text-align:center;margin:22px 0 30px!important}
.post-content img{display:block;margin:0 auto;width:auto!important;max-width:min(100%,600px)!important;max-height:460px!important;height:auto!important;object-fit:contain;border-radius:14px!important;box-shadow:0 6px 24px rgba(27,20,51,.12);border:1px solid rgba(106,13,173,.12)}
.post-content a{color:#6a0dad;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.post-content hr{margin:32px 0}
html[data-theme="dark"] .post-content{color:#cfc8e6}
html[data-theme="dark"] .post-content h2,html[data-theme="dark"] .post-content h3{color:#fff}
html[data-theme="dark"] .post-content blockquote{background:rgba(167,112,255,.1);border-left-color:#a770ff}
html[data-theme="dark"] .post-content a,html[data-theme="dark"] .post-content code{color:#c9a4ff}
html[data-theme="dark"] .post-content img{border-color:rgba(255,255,255,.1)}
@media (max-width:767px){.post-content{font-size:15.5px}.post-content h2{font-size:21px!important;margin-top:32px!important}.post-content h3{font-size:17.5px!important}.post-content img{max-height:380px!important}}

.post-content p.gmf-line{margin-bottom:6px!important}
.post-content p.gmf-sub{font-size:18px;color:var(--ink,#1b1433);margin:28px 0 10px!important;line-height:1.4}
html[data-theme="dark"] .post-content p.gmf-sub{color:#fff}

/* === Logo: no focus/click outline (2026-09-26) === */
a.brand,a.brand:focus,a.brand:active,a.brand:focus-visible,a.brand img,a.brand img:focus,.navbar-brand,.navbar-brand:focus,.navbar-brand:active{outline:none!important;box-shadow:none!important;border:0!important}
a.brand{-webkit-tap-highlight-color:transparent}
a.brand::-moz-focus-inner{border:0}

/* === Services mobile cards: place cells by class, works with or without the favourite column (2026-09-26) === */
@media (max-width:767px){
  #service-table tbody tr:not(.cat-row) td[data-filter-table-service-id]{grid-area:id!important;font-size:12px;text-align:center}
  #service-table tbody tr:not(.cat-row) td.service-name{grid-area:name!important;font-weight:600;line-height:1.45;min-width:0;word-break:normal;overflow-wrap:anywhere;white-space:normal!important}
  #service-table tbody tr:not(.cat-row) td.svc-rate{grid-area:rate!important}
  #service-table tbody tr:not(.cat-row) td.svc-rate + td{grid-area:min!important}
  #service-table tbody tr:not(.cat-row) td.svc-rate + td + td{grid-area:max!important}
  #service-table tbody tr:not(.cat-row) td:last-child{grid-area:act!important}
  html body #service-table tbody tr:not(.cat-row):has(> td:first-child[data-filter-table-service-id]){grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"name name name name" "id rate min max" "act act act act"!important}
  html body #service-table tbody tr:not(.cat-row) > td{min-width:0}
}
@media (max-width:767px){
  #service-table tbody tr:not(.cat-row) td:nth-child(n)::before{content:none}
  #service-table tbody tr:not(.cat-row) td.svc-rate::before,#service-table tbody tr:not(.cat-row) td.svc-rate + td::before,#service-table tbody tr:not(.cat-row) td.svc-rate + td + td::before,#service-table tbody tr:not(.cat-row) td[data-filter-table-service-id]::before{display:block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8b7fa0;margin-bottom:1px}
  #service-table tbody tr:not(.cat-row) td[data-filter-table-service-id]::before{content:"ID"}
  #service-table tbody tr:not(.cat-row) td.svc-rate::before{content:"Rate / 1000"}
  #service-table tbody tr:not(.cat-row) td.svc-rate + td::before{content:"Min"}
  #service-table tbody tr:not(.cat-row) td.svc-rate + td + td::before{content:"Max"}
}
@media (max-width:767px){ html body #service-table tbody tr:not(.cat-row) td.service-name{text-align:left!important} html[dir="rtl"] body #service-table tbody tr:not(.cat-row) td.service-name{text-align:right!important} }

/* === Mobile header: theme toggle top-right (2026-09-26) === */
.gmf-m-theme{display:none!important}
@media (max-width:900px){
  .gnav .gmf-m-theme{display:inline-grid!important;place-items:center;margin-left:auto;width:38px;height:38px;border-radius:50%}
  .gnav .gmf-m-theme + .gnav-burger{margin-left:8px!important}
}

/* === New logo: no white box around it (the box was only for the old dark-text logo) (2026-09-26) === */
a.brand:has(img[src*="dxd82wxr70n4jia6"]),a.brand:has(img[data-light-src]:not([data-light-src*="c1iwt39qnb9y4rqf"])){background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
@media (max-width:420px){a.brand img{height:30px!important}}
.side a.brand:has(img[src*="dxd82wxr70n4jia6"]){margin:0 0 10px!important;padding:6px 4px 12px!important;justify-content:flex-start}
.side a.brand:has(img[src*="dxd82wxr70n4jia6"]) img{height:auto!important;width:100%!important;max-width:220px;max-height:none!important}

/* === Sidebar: never squeeze the logo when the menu is taller than the screen (iPhone) (2026-09-26) === */
#gmf-side > *, .side > *{flex-shrink:0!important}
#gmf-side .brand{overflow:visible!important;height:auto!important;min-height:0}
@media (max-width:991px){ #gmf-side{padding-top:max(18px, env(safe-area-inset-top))!important;padding-bottom:max(18px, env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain} }

/* === Pagination: centered, rounded, spaced (2026-09-26) === */
html body .pagination{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:26px 0 34px!important;padding:0;border-radius:0;box-shadow:none}
html body .pagination>li{display:block;float:none;margin:0}
html body .pagination>li>a,html body .pagination>li>span{float:none;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;margin:0!important;border-radius:12px!important;border:1px solid var(--line,#e7def6)!important;background:var(--surface,#fff)!important;color:var(--ink,#1b1433)!important;font-weight:700;font-size:14px;line-height:1;text-decoration:none;box-shadow:0 2px 8px rgba(27,20,51,.05);transition:background .15s,color .15s,border-color .15s,transform .15s}
html body .pagination>li>a:hover,html body .pagination>li>a:focus{background:#f3ecff!important;border-color:#c9b0f5!important;color:#6a0dad!important;transform:translateY(-1px);outline:none}
html body .pagination>.active>a,html body .pagination>.active>a:hover,html body .pagination>.active>a:focus,html body .pagination>.active>span{background:linear-gradient(135deg,#7c3aed,#b62ad9)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 16px rgba(124,58,237,.35)}
html body .pagination>.disabled>a,html body .pagination>.disabled>span{opacity:.45;pointer-events:none}
html body .pagination>li>a[aria-label] span{font-size:18px;line-height:1;margin-top:-2px}
html[data-theme="dark"] body .pagination>li:not(.active)>a,html[data-theme="dark"] body .pagination>li:not(.active)>span{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#e6dcff!important;box-shadow:none}
html[data-theme="dark"] body .pagination>li:not(.active)>a:hover{background:rgba(167,112,255,.18)!important;border-color:rgba(167,112,255,.45)!important;color:#fff!important}
@media (max-width:560px){html body .pagination{gap:6px;margin:20px 0 26px!important}html body .pagination>li>a,html body .pagination>li>span{min-width:38px;height:38px;padding:0 11px;border-radius:10px!important}}

/* === Dropdown lists: stand out from the card behind them (2026-09-26) === */
html body .select2-container .select2-dropdown.select2-dropdown{background:#fbf8ff!important;border:1.5px solid #cdb4f3!important;box-shadow:0 18px 40px rgba(76,29,149,.22),0 2px 6px rgba(76,29,149,.12)!important}
html[data-theme="dark"] body .select2-container .select2-dropdown.select2-dropdown{background:#33205a!important;border:1.5px solid rgba(190,150,255,.6)!important;box-shadow:0 20px 48px rgba(0,0,0,.6),0 0 0 4px rgba(139,92,246,.12)!important}
html[data-theme="dark"] body .select2-dropdown .select2-results__option{color:#f3edff!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] body .select2-dropdown .select2-results__option:not([aria-selected=true]):hover,html[data-theme="dark"] body .select2-dropdown .select2-results__option--highlighted:not([aria-selected=true]){background:rgba(190,150,255,.2)!important;color:#fff!important}
html[data-theme="dark"] body .select2-dropdown .select2-search__field{background:#241540!important;border-color:rgba(190,150,255,.4)!important;color:#fff!important}
html[data-theme="dark"] body .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb{background:rgba(190,150,255,.45)}

/* === Service dropdown: price on two lines ($4.88 / per 1000) (2026-09-26) === */
.s2-price:has(.s2-amt){display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.15;text-align:right;flex-shrink:0;vertical-align:middle}
.s2-price .s2-amt{font-weight:800;font-size:14px;white-space:nowrap}
.s2-price .s2-unit{font-weight:600;font-size:11px;opacity:.75;white-space:nowrap;margin-top:1px}
[dir="rtl"] .s2-price:has(.s2-amt){align-items:flex-start;text-align:left}
.select2-selection__rendered .s2-price .s2-unit{font-size:10px}

/* === Topbar: keep the page title readable on tablets 601-900px; the right-side controls wrap to a second row (2026-09-26) === */
@media (min-width:601px) and (max-width:900px){.topbar-title{flex:1 0 auto;min-width:max-content}}

/* ==== Refill + Affiliates redesign (2026-09-26) ==== */
.st-rejected{background:var(--bad-soft);color:var(--bad)}
.oc-rejected::before{background:var(--bad)}
.aff-page{display:grid;gap:16px}
.aff-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}
.aff-ref{display:flex;gap:8px}
.aff-ref .form-control{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.aff-ref .btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.aff-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.aff-meta>div{background:var(--surface-2,rgba(106,13,173,.06));border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.aff-meta small{display:block;font-size:12px;color:var(--ink-2)}
.aff-meta b{display:block;font-size:18px;margin-top:2px;font-variant-numeric:tabular-nums}
.aff-meta .aff-avail{color:var(--ok,#16794B)}
.aff-payout{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.aff-pay-h{font-weight:700;margin:4px 0 -4px}
.aff-text .card-b>*:last-child{margin-bottom:0}
@media (max-width:900px){.aff-cols{grid-template-columns:1fr}}
@media (max-width:480px){.aff-ref{flex-direction:column}.aff-ref .btn{justify-content:center}}

/* affiliate payouts: approved / paid = green, like completed (2026-09-26) */
.st-approved,.st-paid{background:var(--ok-soft,#E3F6EC);color:var(--ok,#16794B)}
.oc-approved::before,.oc-paid::before{background:var(--ok,#16794B)}

/* Add funds history: negative amounts in red (2026-09-26) */
.pay-amt.pay-neg,.pay-amt.pay-neg span{color:var(--bad)!important}

/* ==== Account page redesign (2026-09-26) ==== */
.acc-page{display:grid;gap:16px}
.acc-tabs{margin:0}
.acc-profile .card-b{padding:20px}
.acc-id{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.acc-av{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;flex:none;font:800 28px/1 var(--font-head);color:#fff;background:linear-gradient(145deg,#8E3FD1,#6A0DAD);box-shadow:0 8px 20px rgba(106,13,173,.28)}
.acc-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.acc-who b{font:700 20px/1.2 var(--font-head);color:var(--ink);overflow-wrap:anywhere}
.acc-who span{color:var(--ink-2);font-size:14px;overflow-wrap:anywhere}
.acc-who span i{margin-right:4px;opacity:.8}
.acc-who small{color:var(--ink-2);font-size:12px}
.acc-id .btn{display:inline-flex;align-items:center;gap:8px}
.acc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.acc-card .card-b>form>.btn,.acc-card .card-b>form>button[type=submit]{margin-top:4px}
.acc-card .card-b>.control-label:first-of-type{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--surface-2);color:var(--ink-2);margin-bottom:10px}
.acc-card p{color:var(--ink-2)}
.acc-key{display:flex;gap:8px}
.acc-key .form-control{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.acc-key .btn{flex:none;width:44px;display:grid;place-items:center}
@media (max-width:991px){.acc-grid{grid-template-columns:1fr}}
@media (max-width:480px){.acc-id .btn{width:100%;justify-content:center}}

/* Account: two independent columns (no gaps under short cards) + hide labels that repeat the card title (2026-09-26) */
.acc-col{display:grid;gap:16px;align-content:start;min-width:0}
.acc-card label[for=language],.acc-card label[for=timezone],.acc-card label[for=invoice_details],.acc-card label[for=key]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acc-card textarea#invoice_details{min-height:110px}

/* Styled dropdowns: keep the hidden native select hidden when it is disabled too (bootstrap sets opacity:1 on .form-control[disabled]) - fixes doubled text in Mass order > Service (2026-09-26) */
.gsel-native,.gsel-native.form-control[disabled],.gsel-native.form-control[readonly]{opacity:0!important}

/* Google sign-in block: "or" divider + centered pill button (2026-09-26) */
.gsi-or{display:flex;align-items:center;gap:12px;margin:18px 0 12px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.gsi-or::before,.gsi-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}
.gsi-wrap{display:flex;justify-content:center;min-height:44px;margin-bottom:6px}
.gsi-wrap .g_id_signin{display:flex;justify-content:center;max-width:100%}
.gsi-wrap iframe{margin:0 auto!important;color-scheme:normal}
.gsi-wrap + script + .trust,.gsi-wrap ~ .trust{margin-top:14px}
.auth-signup .gsi-or{color:var(--ink-2)}
.auth-signup .gsi-or::before,.auth-signup .gsi-or::after{background:var(--line)}

/* Signed-in pages with a single narrow column (tickets, API, mass order, notifications...): center it instead of hugging the left edge (2026-09-26) */
.app-content .col-md-8.col-md-offset-2,.app-content .col-lg-8.col-lg-offset-2,.app-content .col-md-10.col-md-offset-1{margin-left:auto!important;margin-right:auto!important}

/* ==== Add funds: payment instructions pasted in the admin come with inline fonts/colors/empty lines - normalize them to the theme; designed .gmf-pay blocks are left alone (2026-09-26) ==== */
.instruction .panel-body:not(:has(.gmf-pay)){text-align:left!important;padding:16px 18px!important;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:14px;line-height:1.6}
.instruction .panel-body:not(:has(.gmf-pay)) *{font-family:inherit!important;font-size:14px!important;line-height:1.6!important;color:inherit!important;background:transparent!important;text-align:left!important;margin:0!important}
.instruction .panel-body:not(:has(.gmf-pay)) :is(h1,h2,h3,h4,h5,h6){font-weight:inherit}
.instruction .panel-body:not(:has(.gmf-pay)) :is(b,strong),.instruction .panel-body:not(:has(.gmf-pay)) span[style*="font-weight: 700"]{font-weight:700!important}
.instruction .panel-body:not(:has(.gmf-pay)) :is(p,h1,h2,h3,h4,h5,h6,li,div)+:is(p,h1,h2,h3,h4,h5,h6,ul,ol,div){margin-top:6px!important}
.instruction .panel-body:not(:has(.gmf-pay)) ul,.instruction .panel-body:not(:has(.gmf-pay)) ol{padding-left:20px!important}
.instruction .panel-body:not(:has(.gmf-pay)) a{color:var(--brand,#6A0DAD)!important;font-weight:600;text-decoration:underline;text-underline-offset:2px}
html[data-theme="dark"] .instruction .panel-body:not(:has(.gmf-pay)) a{color:#C79BFF!important}
/* hide empty lines / empty headings the editor leaves behind */
.instruction .panel-body:not(:has(.gmf-pay)) :is(p,h1,h2,h3,h4,h5,h6,div):empty,
.instruction .panel-body:not(:has(.gmf-pay)) :is(p,h1,h2,h3,h4,h5,h6,div):not(:has(*:not(br))):not(:has(:not(br))):has(> br:only-child),
.instruction .panel-body:not(:has(.gmf-pay)) :is(p,h1,h2,h3,h4,h5,h6):has(> p:only-child > br:only-child){display:none!important}

/* payment instruction: Telegram contact button + chips row spacing, used by the Manual / 1xgate instructions (2026-09-26) */
.gmf-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:12px 16px;border-radius:12px;background:#229ED9;color:#fff!important;font:700 15px var(--font-body);text-decoration:none!important;box-shadow:0 10px 22px rgba(34,158,217,.28);transition:filter .15s,transform .15s}
.gmf-cta:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff!important}
.gmf-cta i{font-size:18px}
.gmf-steps{list-style:none;margin:14px 0 0!important;padding:0!important;display:grid;gap:8px;counter-reset:gs}
.gmf-steps li{counter-increment:gs;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.gmf-steps li::before{content:counter(gs);flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--brand-hot);color:#fff;font:800 12px var(--font-body)}

/* Add funds: quick amount buttons ($50 ... $5,000) centered (2026-09-26) */
.qamt{justify-content:center}

/* Footer: remove the empty strip under the public footer + copyright / "Powered by @abeot" in both footers (2026-09-26) */
body.is-guest{padding-bottom:0!important}
.g-copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.pw-by{opacity:.85}
.pw-by a{color:inherit;font-weight:700;text-decoration:none;border-bottom:1px dashed currentColor}
.pw-by a:hover{opacity:1;border-bottom-style:solid}
.app-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;margin-top:28px;padding:16px 4px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.app-footer .pw-by a{color:var(--brand-hot,#8E3FD1)}
@media (max-width:600px){.app-footer{justify-content:center;text-align:center}.g-copy{justify-content:center;text-align:center}}
.app-content:has(> .app-footer){padding-bottom:18px!important}
.main:has(.app-footer)::after{height:env(safe-area-inset-bottom,0px)!important;min-height:0!important}

/* ==== "What's new" page cards + bell dropdown (2026-09-26) ==== */
.gmf-news{display:grid;gap:14px}
.gmf-news-item{padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}
.gmf-news-item::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#8E3FD1,#6A0DAD)}
.gmf-news-item .nw-meta{display:flex;align-items:center;gap:10px;margin:0 0 8px!important}
.nw-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;background:color-mix(in srgb,#16A34A 14%,transparent);color:#16A34A;font:700 11px var(--font-body,inherit);letter-spacing:.04em;text-transform:uppercase}
.gmf-news-item time,.nw-row time{font-size:12px;color:var(--ink-2)}
.gmf-news-item h3{margin:0 0 6px!important;font:800 18px/1.3 var(--font-head,inherit);color:var(--ink)}
.gmf-news-item p{margin:0 0 12px!important;color:var(--ink-2);font-size:14px;line-height:1.6}
.gmf-news-item .nw-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;background:linear-gradient(90deg,#6D14F5,#8E3FD1);color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important}
.gmf-news-item .nw-btn::after{content:"→"}
.gmf-news-item .nw-btn:hover{filter:brightness(1.08)}
.well:has(> .gmf-news){background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.nw-bell{position:relative;display:inline-flex}
.nw-bell .bell-btn{position:relative}
.nw-dot{position:absolute;top:7px;right:8px;width:9px;height:9px;border-radius:50%;background:#EF4444;box-shadow:0 0 0 2px var(--top-bg,#fff)}
.nw-dot[hidden]{display:none}
.nw-bell.open .bell-btn{border-color:var(--brand-hot,#8E3FD1)}
.nw-pop{position:absolute;right:0;top:calc(100% + 10px);width:340px;max-width:calc(100vw - 24px);z-index:1050;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(30,10,60,.22);overflow:hidden}
.nw-pop[hidden]{display:none}
.nw-pop-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}
.nw-pop-h b{font:800 15px var(--font-head,inherit);color:var(--ink)}
.nw-pop-h a{font-size:13px;font-weight:700;color:var(--brand-hot,#8E3FD1)}
.nw-pop-list{max-height:60vh;overflow:auto}
.nw-row{display:block;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;transition:background .15s}
.nw-row:last-child{border-bottom:0}
.nw-row:hover{background:var(--surface-2)}
.nw-row-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.nw-row b{display:block;font-size:14px;line-height:1.35}
.nw-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:12.5px;color:var(--ink-2);line-height:1.45}
.nw-empty{padding:18px 16px;color:var(--ink-2);font-size:13px;text-align:center}
@media (max-width:600px){.nw-pop{position:fixed;left:12px;right:12px;top:70px;width:auto}}

/* ==== Service tags: from a "~fast~refill~bestseller" line in the service description (2026-09-26) ==== */
.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.stag{--tc:#6A0DAD;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font:700 11.5px/1.3 var(--font-body,inherit);white-space:nowrap;color:var(--tc);background:color-mix(in srgb,var(--tc) 12%,transparent);border:1px solid color-mix(in srgb,var(--tc) 22%,transparent)}
.stag i{font-size:10.5px}
.stag-fast{--tc:#D97706}
.stag-refill,.stag-nodrop,.stag-new{--tc:#16A34A}
.stag-bestseller{--tc:#8E3FD1}
.stag-favorite{--tc:#CA8A04}
.stag-exclusive{--tc:#DB2777}
.stag-support{--tc:#2563EB}
.stag-cancel{--tc:#DC2626}
html[data-theme="dark"] .stag{background:color-mix(in srgb,var(--tc) 20%,transparent);color:color-mix(in srgb,var(--tc) 55%,#fff)}
.svc-pick{display:inline-flex;align-items:center;gap:4px;margin:0 8px 4px 0;padding:2px 9px;border-radius:100px;background:linear-gradient(90deg,#F7BC4D,#E08E0B);color:#3b2600;font:800 10.5px/1.4 var(--font-body,inherit);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.svc-pick::before{content:"★"}
#service-table tr.svc-rec>td{background:color-mix(in srgb,#F7BC4D 10%,var(--surface))!important}
#service-table tr.svc-rec{box-shadow:inset 3px 0 0 #E08E0B}
.no-tags .svc-tags{display:none}
/* New order: tags under the service picker */
.gmf-otags{margin:-4px 0 14px}
.gmf-otags[hidden]{display:none}
.svc-tags .svc-pick{margin:0;padding:3px 9px;font-size:11px;line-height:1.3}

/* Orders: when a card has both Refill and Reorder, the action column grows instead of squeezing the Reorder button (2026-09-26) */
.olist:not(.olist-x) .ocard .o-act{width:auto!important;min-width:158px}
.ocard .o-act .order-actions,.ocard .o-act .order-actions .btn,.ocard .o-act .gmf-reorder{flex:none!important}
.ocard .o-act .order-actions .btn,.ocard .o-act .gmf-reorder{width:30px;min-width:30px;height:30px}
.ocard .o-act .order-actions{width:auto!important;min-width:0!important;flex-basis:auto!important;display:inline-flex;gap:6px;justify-content:flex-start;margin:0!important}

/* Orders: tooltips (cancel reason, refill wait) are attached to <body> so the card no longer cuts them off; a bit wider for long reasons (2026-09-26) */
.tooltip .tooltip-inner{max-width:280px;text-align:left;line-height:1.45;padding:8px 12px;border-radius:10px}

/* Dashboard stat cards on mobile: icon on top, all text centered the same way in every card (2026-09-26) */
@media (max-width:767px){
  .statgrid .stat{align-items:center;justify-content:flex-start;text-align:center;gap:8px;padding:14px 10px}
  .statgrid .stat-grow{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
  .statgrid .stat-grow small{font-size:12px}
  .statgrid .stat-grow b{font-size:17px;line-height:1.2;overflow-wrap:anywhere}
  .statgrid .lvlbar{width:100%;margin:6px 0 4px}
  .statgrid .tiny{text-align:center;font-size:11px;line-height:1.35}
}

/* New order: service picker - long names shrink with "…" so the price on the right is never cut off (2026-09-26) */
.select2-selection__rendered>span:has(.s2-price){display:flex!important;align-items:center;gap:8px;min-width:0;width:100%}
.select2-selection__rendered>span:has(.s2-price) .select2-selection__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-selection__rendered>span:has(.s2-price) .s2-price{flex:none;margin-left:auto}
.select2-selection__rendered>span:has(.s2-price) .select2-selection__id{flex:none}

/* Mobile topbar: the profile avatar sits on the first row next to the title instead of alone on a third row (2026-09-26) */
@media (max-width:600px){
  .topbar{position:relative}
  .topbar .user-chip{position:absolute;top:14px;right:16px;margin:0!important}
  .topbar .topbar-title{padding-right:52px}
  [dir="rtl"] .topbar .user-chip{right:auto;left:16px}
  [dir="rtl"] .topbar .topbar-title{padding-right:0;padding-left:52px}
}

/* Mobile dashboard: hide the "Spend $X more to reach …" line so the 4 stat cards stay compact; the progress bar stays (2026-09-26) */
@media (max-width:767px){
  .statgrid .tiny{display:none!important}
  .statgrid .lvlbar{margin:6px 0 0}
}

/* ==== RTL fixes (2026-09-26) ====
   Panel adds float:right to .rtl-nav in RTL languages; that squeezed the
   Orders toolbar / Subscriptions list and made the page scroll sideways.
   Mobile menu opens from the right in RTL. */
html[dir="rtl"] .rtl-nav{float:none!important}
@media (max-width:900px){
  html[dir="rtl"] .side{left:auto;right:0;transform:translateX(100%)}
  html[dir="rtl"] body.side-open .side{transform:none}
  html[dir="rtl"] .side-nav a::before{left:auto;right:-14px;border-radius:4px 0 0 4px}
}

/* ==== Guest mobile menu: language dropdown stays on screen (2026-09-26) ==== */
@media (max-width:900px){
  .gnav-collapse .dropdown-menu-right{left:0;right:auto}
  html[dir="rtl"] .gnav-collapse .dropdown-menu-right{right:0;left:auto}
}

/* ==== Services mobile cards: average time next to Buy/View (2026-09-26) ==== */
@media (max-width:767px){
  html body #service-table tbody tr:not(.cat-row){grid-template-areas:"fav name name name" "id rate min max" "time time act act"!important}
  html body #service-table tbody tr:not(.cat-row):has(> td:first-child[data-filter-table-service-id]){grid-template-areas:"name name name name" "id rate min max" "time time act act"!important}
  html body #service-table tbody tr:not(.cat-row) > td:nth-last-child(2){grid-area:time!important;display:flex!important;align-items:center;gap:6px;font-size:12px;color:var(--muted,#6b6480);white-space:normal!important;padding:0!important;min-width:0}
  html body #service-table tbody tr:not(.cat-row) > td:nth-last-child(2)::before{content:"\f017";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:400;font-size:13px;opacity:.8;flex:none}
  html body #service-table tbody tr:not(.cat-row) > td:nth-last-child(2):empty{visibility:hidden}
}

/* ==== Services: card layout also on tablet / small laptop, clock-style average time on desktop (2026-09-26) ====
   The table does not fit between 768px and 1279px (Buy/View got cut off),
   so the mobile card rules are repeated for that range. */
@media (min-width:768px) and (max-width:1279px){
#service-table,#service-table tbody{display:block!important;width:100%!important;margin:0!important}
#service-table thead{display:none!important}
#service-table tr.cat-row{display:block;margin:0 0 10px}
#service-table tr.cat-row td{display:flex!important;align-items:center;gap:8px;width:100%!important}
#service-table tr.cat-row td > *{float:none!important;position:relative}
#service-table tr.cat-row td > span:not(.cat-count){order:0;flex:0 0 auto}
#service-table tr.cat-row td > strong{order:1;flex:1 1 auto;min-width:0;line-height:1.4;white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;text-overflow:clip!important}
#service-table tr.cat-row td{white-space:normal!important}
#service-table tr.cat-row td > .cat-count{order:2;flex:0 0 auto;white-space:nowrap}
#service-table tr.cat-row td > .cat-chev{order:3;flex:0 0 auto;margin-left:0!important;top:0!important}
html body #service-table tbody tr:not(.cat-row){display:grid!important;grid-template-columns:34px 1fr 1fr 1fr;grid-template-areas:"fav name name name" "id rate min max" "act act act act";gap:6px 8px;align-items:center;background:var(--surface,#fff);border:1px solid rgba(106,13,173,.1);border-radius:14px;padding:12px 12px 10px;margin:0 0 8px}
html body #service-table tbody tr:not(.cat-row).svc-collapsed{display:none!important}
html body #service-table tbody tr:not(.cat-row) td{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-width:0}
#service-table tbody tr:not(.cat-row) td:nth-child(1){grid-area:fav;text-align:center}
#service-table tbody tr:not(.cat-row) td:nth-child(2){grid-area:id;font-size:12px;text-align:center}
#service-table tbody tr:not(.cat-row) td:nth-child(3){grid-area:name;font-weight:600;line-height:1.45}
#service-table tbody tr:not(.cat-row) td:nth-child(4){grid-area:rate}
#service-table tbody tr:not(.cat-row) td:nth-child(5){grid-area:min}
#service-table tbody tr:not(.cat-row) td:nth-child(6){grid-area:max}
#service-table tbody tr:not(.cat-row) td:last-child{grid-area:act;display:flex!important;justify-content:flex-end;gap:6px;margin-top:2px}
#service-table tbody tr:not(.cat-row) td:nth-child(4)::before,#service-table tbody tr:not(.cat-row) td:nth-child(5)::before,#service-table tbody tr:not(.cat-row) td:nth-child(6)::before{display:block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8b7fa0;margin-bottom:1px}
#service-table tbody tr:not(.cat-row) td:nth-child(4)::before{content:"Rate / 1000"}
#service-table tbody tr:not(.cat-row) td:nth-child(5)::before{content:"Min"}
#service-table tbody tr:not(.cat-row) td:nth-child(6)::before{content:"Max"}
html[data-theme="dark"] body #service-table tbody tr:not(.cat-row){background:var(--surface)!important;border-color:rgba(255,255,255,.08)}
#service-table tbody tr:not(.cat-row) td[data-filter-table-service-id]{grid-area:id!important;font-size:12px;text-align:center}
#service-table tbody tr:not(.cat-row) td.service-name{grid-area:name!important;font-weight:600;line-height:1.45;min-width:0;word-break:normal;overflow-wrap:anywhere;white-space:normal!important}
#service-table tbody tr:not(.cat-row) td.svc-rate{grid-area:rate!important}
#service-table tbody tr:not(.cat-row) td.svc-rate + td{grid-area:min!important}
#service-table tbody tr:not(.cat-row) td.svc-rate + td + td{grid-area:max!important}
#service-table tbody tr:not(.cat-row) td:last-child{grid-area:act!important}
html body #service-table tbody tr:not(.cat-row):has(> td:first-child[data-filter-table-service-id]){grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"name name name name" "id rate min max" "act act act act"!important}
html body #service-table tbody tr:not(.cat-row) > td{min-width:0}
#service-table tbody tr:not(.cat-row) td:nth-child(n)::before{content:none}
#service-table tbody tr:not(.cat-row) td.svc-rate::before,#service-table tbody tr:not(.cat-row) td.svc-rate + td::before,#service-table tbody tr:not(.cat-row) td.svc-rate + td + td::before,#service-table tbody tr:not(.cat-row) td[data-filter-table-service-id]::before{display:block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8b7fa0;margin-bottom:1px}
#service-table tbody tr:not(.cat-row) td[data-filter-table-service-id]::before{content:"ID"}
#service-table tbody tr:not(.cat-row) td.svc-rate::before{content:"Rate / 1000"}
#service-table tbody tr:not(.cat-row) td.svc-rate + td::before{content:"Min"}
#service-table tbody tr:not(.cat-row) td.svc-rate + td + td::before{content:"Max"}
html body #service-table tbody tr:not(.cat-row) td.service-name{text-align:left!important}
html[dir="rtl"] body #service-table tbody tr:not(.cat-row) td.service-name{text-align:right!important}
html body #service-table tbody tr:not(.cat-row){grid-template-areas:"fav name name name" "id rate min max" "time time act act"!important}
html body #service-table tbody tr:not(.cat-row):has(> td:first-child[data-filter-table-service-id]){grid-template-areas:"name name name name" "id rate min max" "time time act act"!important}
html body #service-table tbody tr:not(.cat-row) > td:nth-last-child(2){grid-area:time!important;display:flex!important;align-items:center;gap:6px;font-size:12px;color:var(--muted,#6b6480);white-space:normal!important;padding:0!important;min-width:0}
html body #service-table tbody tr:not(.cat-row) > td:nth-last-child(2)::before{content:"\f017";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:400;font-size:13px;opacity:.8;flex:none}
html body #service-table tbody tr:not(.cat-row) > td:nth-last-child(2):empty{visibility:hidden}
}
@media (min-width:1280px){
  #service-table tbody tr:not(.cat-row) > td:nth-last-child(2){color:var(--muted,#6b6480);font-size:13px;white-space:nowrap}
  #service-table tbody tr:not(.cat-row) > td:nth-last-child(2):not(:empty)::before{content:"\f017";font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-weight:400;margin-inline-end:6px;opacity:.8}
}

/* RTL languages (ar/he/fa): English text written in the admin (service descriptions, instructions, ticket messages, service names)
   keeps its own left-to-right direction line by line instead of getting its punctuation/numbers flipped (2026-09-26) */
[dir="rtl"] #service_description .panel-body,
[dir="rtl"] .instruction .panel-body:not(:has(.gmf-pay)),
[dir="rtl"] .modal .modal-body,
[dir="rtl"] .service-name,
[dir="rtl"] .o-svc,
[dir="rtl"] .o-link,
[dir="rtl"] .tk-msg,
[dir="rtl"] .ticket-message{unicode-bidi:plaintext;text-align:start}

/* RTL: emails, usernames, links and API keys stay left-to-right so "@" and dots are not flipped (2026-09-26) */
[dir="rtl"] span.form-control,[dir="rtl"] input[type="email"],[dir="rtl"] input[name="link"],[dir="rtl"] input[name="email"],[dir="rtl"] .acc-key,[dir="rtl"] code{unicode-bidi:plaintext}
[dir="rtl"] .acc-who span{unicode-bidi:isolate;direction:rtl}[dir="rtl"] .acc-who span bdi{unicode-bidi:isolate;direction:ltr}

/* ==== Contrast fixes to WCAG AA, light + dark (2026-09-26) ==== */
:root{--ink-3:#6E5F86}
html[data-theme="dark"]{--ink-3:#A698BF;--muted:#B3A7C9}
/* sign-up: terms checkbox sentence was white on the white card */
.auth-card.auth-signup .checkbox label{color:var(--ink-2)!important}
.auth-card.auth-dark.auth-signup .checkbox label{color:rgba(255,255,255,.8)!important}
/* add funds payment card */
.gmf-pay .gmf-note,.gmf-pay .gmf-bonus-h{color:var(--ink-2)!important}
.gmf-bonus.best{--bc:#15803D}
.gmf-bonus.best .rng{color:#15803D}
.gmf-bonus .rng em{background:#15803D}
html[data-theme="dark"] .gmf-bonus.best{--bc:#4ADE80}
html[data-theme="dark"] .gmf-bonus.best .rng{color:#4ADE80}
.pay-amt{color:var(--ok)}
/* muted greys that were hard-coded as #8b7fa0 */
.pay-main small,.mo-hint,.mo-sum small,.tk-head p{color:var(--ink-3)}
html:not([data-theme="dark"]) .tk-closed .tk-st,html:not([data-theme="dark"]) .up-off .up-tag{color:#5B4F6B}
/* amber/warn text on the soft amber pill */
html:not([data-theme="dark"]) .st-pending,html:not([data-theme="dark"]) .st-awaiting,html:not([data-theme="dark"]) .st-paused,html:not([data-theme="dark"]) .notice-badge span{color:#8A5300}
/* dark: attach files, mass-order tabs */
html[data-theme="dark"] #ticketsend .tickets-uploader .files-label,html[data-theme="dark"] .well:has(.ticket-message-block) .tickets-uploader .files-label,html[data-theme="dark"] .mo-tabs button:not(.on){color:var(--ink-2)}
/* dark: white text on purple needs a deeper purple fill */
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .nav-pills>li.active>a,html[data-theme="dark"] .nav-pills>li.active>a:hover,html[data-theme="dark"] .nav-pills>li.active>a:focus,html[data-theme="dark"] .o-svc-id{background-color:#8A3FD6;border-color:#8A3FD6}
.tk-main small{color:var(--ink-3)}
html:not([data-theme="dark"]) .lp-eyebrow{color:#8A5300}
.gmf-bonus.best .rng{color:#166534}
html[data-theme="dark"] .auth-card:not(.auth-dark) .checkbox a,html[data-theme="dark"] .notice-body h3{color:var(--dd-sel)}

/* RTL pages: the service-ID badge keeps its gap on the side facing the service name, whether the name is English (LTR) or Persian/Arabic (RTL) (2026-09-26) */
[dir="rtl"] [dir="auto"] > .o-svc-id:dir(ltr){margin-left:0;margin-right:8px}
[dir="rtl"] [dir="auto"] > .o-svc-id:dir(rtl){margin-right:0;margin-left:8px}

/* "What's new" dropdown on RTL pages opens toward the content, not off-screen (2026-09-26) */
[dir="rtl"] .nw-pop{right:auto;left:0}
.gmf-news-fallback{max-width:820px;margin:0 auto}
[dir="rtl"] .nw-row b,[dir="rtl"] .nw-row small{unicode-bidi:plaintext;text-align:start}

/* Updates page, dark mode: each change type keeps its own colour (up = red, down/enabled = green, new = purple, disabled = grey) (2026-09-26) */
html[data-theme="dark"] .up-row.up-up .up-tag{background:rgba(244,138,128,.14)!important;color:#F8A59D!important}
html[data-theme="dark"] .up-row.up-up .pay-ic{background:rgba(244,138,128,.14);color:#F8A59D}
html[data-theme="dark"] .up-row.up-down .up-tag,html[data-theme="dark"] .up-row.up-on .up-tag{background:rgba(95,211,154,.14)!important;color:#6EE7B0!important}
html[data-theme="dark"] .up-row.up-down .pay-ic,html[data-theme="dark"] .up-row.up-on .pay-ic{background:rgba(95,211,154,.14);color:#6EE7B0}
html[data-theme="dark"] .up-row.up-new .up-tag{background:rgba(192,140,255,.16)!important;color:#D2AEFF!important}
html[data-theme="dark"] .up-row.up-off .up-tag{background:rgba(255,255,255,.06)!important;color:#A698BF!important}
html[data-theme="dark"] .up-row.up-off .pay-ic{background:rgba(255,255,255,.06);color:#A698BF}

/* Public header on narrow Android phones (360px and below): smaller logo + tighter padding so logo, night-mode and menu buttons stay on one row (2026-09-26) */
@media (max-width:389px){#gmf-gnav .gnav-in{padding-left:14px;padding-right:14px;column-gap:10px}#gmf-gnav .brand{min-width:0;flex:0 1 auto}#gmf-gnav .brand img{height:26px!important;width:auto!important;max-width:100%!important}}
@media (max-width:339px){#gmf-gnav .brand img{height:22px!important}}

/* History toolbars (Updates, Refill, Drip-feed, Subscriptions): status pills + search in one full-width flex row that wraps cleanly; search fills the rest and drops to its own full row when space is short (2026-09-26) */
ul.nav-pills:has(#history-search){float:none!important;width:100%;display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px}
ul.nav-pills:has(#history-search)>li{float:none!important;margin:0!important;flex:0 0 auto!important}
ul.nav-pills:has(#history-search)>li.search{flex:1 1 240px!important;width:auto!important;max-width:none!important;min-width:0}

/* Panel top bar on 360px phones: balance, currency, language, night mode and bell fit one row (the bell was dropping to a third row) (2026-09-26) */
@media (max-width:389px){.topbar-right{column-gap:6px!important}.topbar-right .balance .bal-plus{display:none!important}.topbar-right .balance{padding-left:10px!important;padding-right:10px!important}}

/* New order, 360px phones: platform buttons fit two rows instead of leaving "Other" alone on a third row (2026-09-26) */
@media (max-width:389px){.plat{gap:6px!important}.plat>button:not(:first-child):not(:last-child){width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}}

/* Add funds history on phones: method name gets the full row, amount + invoice on the line under it (names were squeezed to ~70px) (2026-09-26) */
@media (max-width:480px){.pay-row:not(.up-row){display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:"ic main main" "ic amt inv";column-gap:12px;row-gap:4px;align-items:center}.pay-row:not(.up-row)>.pay-ic{grid-area:ic;align-self:start}.pay-row:not(.up-row)>.pay-main{grid-area:main;min-width:0}.pay-row:not(.up-row)>.pay-amt{grid-area:amt;min-width:0!important;justify-self:start;text-align:start!important}.pay-row:not(.up-row)>.pay-inv{grid-area:inv;justify-self:end}}
[dir="rtl"] .pay-main b{unicode-bidi:plaintext;text-align:start}

/* Updates on phones: service name always gets the full row, the change tag sits under it (short tags like "Service disabled" were squeezing the name to 40px); tag indent follows the text direction (2026-09-26) */
@media (max-width:767px){.up-row>.pay-main{flex:1 1 calc(100% - 60px)!important;min-width:0}.up-row>.up-tag{margin-left:0!important;margin-inline-start:52px!important}}

/* Public footer links on 360px phones: tighter gaps so "Terms" isn't left alone on a second row (2026-09-26) */
@media (max-width:389px){.g-footer-in nav{column-gap:8px!important}}

/* Phones: pagination buttons a bit smaller so "»" stays on the same row; footer link gaps up to 480px (2026-09-26) */
@media (max-width:480px){ul.pagination{gap:3px!important}ul.pagination>li>a,ul.pagination>li>span{min-width:32px!important;width:auto!important;height:32px!important;line-height:32px!important;padding:0 6px!important;font-size:12.5px!important}.g-footer-in nav{column-gap:8px!important}}