@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/2.5.0/uicons-solid-rounded/css/uicons-solid-rounded.css');
@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-brands/css/uicons-brands.css');

/* ══════════════════════════════════════════════════
   TOKENS
   ══════════════════════════════════════════════════ */
:root,html{
  --n-accent:#EA1E63;--n-accent-2:#c2185b;
  --n-accent-grad:linear-gradient(135deg,#EA1E63,#c2185b);
  --n-accent-a12:rgba(234,30,99,.12);--n-accent-a20:rgba(234,30,99,.20);
  --fsk-site-color:#EA1E63;--fsk-site-border:5px;
  --n-red:#ef4444;--n-green:#22c55e;--n-emerald:#10b981;
  --n-amber:#f59e0b;--n-blue:#3b82f6;--n-sky:#0ea5e9;
  --fsk-red:#ef4444;--fsk-emerald:#10b981;--fsk-amber:#f59e0b;--fsk-blue:#3b82f6;
  --bg:#f1f3f8;
  --surface-0:#fff;--surface-1:#f7f8fc;--surface-2:#edf0f7;
  --border:#e2e6f0;--text:#0e1117;--text-2:#5a6178;--text-3:#9ea8c2;
  --tp-bg:var(--bg);--tp-surface:var(--surface-0);--tp-surface2:var(--surface-1);
  --tp-border:var(--border);--tp-text:var(--text);--tp-text-2:var(--text-2);--tp-text-3:var(--text-3);
  --tp-accent:var(--n-accent);--tp-accent-soft:var(--n-accent-a12);--tp-accent-mid:var(--n-accent-a20);
  --tp-shadow:0 1px 3px rgba(0,0,0,.06);--tp-shadow-md:0 4px 20px rgba(0,0,0,.10);
  --tp-radius:10px;--tp-radius-lg:15px;--tp-radius-xl:20px;
  --tp-sidebar-w:68px;--tp-header-h:60px;
  --tp-font:'IBM Plex Sans Arabic',sans-serif;
  --fsk-50:#f7f8fc;--fsk-100:#edf0f7;--fsk-200:#e2e6f0;--fsk-300:#d0d5e4;
  --fsk-400:#9ea8c2;--fsk-500:#5a6178;--fsk-600:#3e4560;--fsk-700:#272f4a;
  --fsk-800:#161c34;--fsk-900:#0e1117;
}
html.dark{
  --bg:#0c0e14;--surface-0:#12161f;--surface-1:#181d28;--surface-2:#1f2535;
  --border:#252d40;--text:#e8ecf5;--text-2:#8b97b5;--text-3:#5a6580;
  --tp-shadow:0 1px 4px rgba(0,0,0,.35);--tp-shadow-md:0 6px 28px rgba(0,0,0,.50);
  --fsk-50:#0c0e14;--fsk-100:#12161f;--fsk-200:#181d28;--fsk-300:#1f2535;
  --fsk-400:#5a6580;--fsk-500:#8b97b5;--fsk-600:#b4bedb;--fsk-700:#cdd5ea;
  --fsk-800:#dfe5f3;--fsk-900:#e8ecf5;
}

/* ══ RESET ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--tp-font);font-size:13px;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%}
input,textarea,select,button{font-family:var(--tp-font)}
p,ul{margin:0;padding:0;list-style:none}
[class^="fi-"],[class*=" fi-"]{vertical-align:-.2em;line-height:1;display:inline-block}

/* ══ UTILITIES ══ */
.hidden{display:none!important}
.mt10{margin-top:10px}.mb-0{margin-bottom:0!important}.m-0{margin:0!important}
.pb-0{padding-bottom:0!important}.text-center{text-align:center}.nowrap{white-space:nowrap}
.color-green{color:var(--n-emerald)}.color-red{color:var(--n-red)}
.bg-primary{background:var(--n-accent)!important;color:#fff!important}
.staric{letter-spacing:3px}.marginTop{margin-top:20px}.noneAuth{padding-top:90px}
.border-10{border-radius:10px!important}.d-none-ph{display:none}

/* ══ GRID ══ */
.container{width:100%;margin:0 auto;padding:0 20px}
@media(min-width:1024px){.container{max-width:980px}}
@media(min-width:1280px){.container{max-width:1180px}}
.container-fluid{width:100%;padding:22px 26px}
.grid-container{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}
.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}
.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}
.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}
@media(max-width:640px){
  .container-fluid{padding:14px 12px 90px}
  .grid-container{grid-template-columns:repeat(6,1fr);gap:12px}
  [class*="col-span-"]{grid-column:span 6}
}
@media(min-width:641px) and (max-width:900px){
  .grid-container{grid-template-columns:repeat(8,1fr)}
  [class*="col-span-"]{grid-column:span 8}
}
.row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%}
#fields .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0!important}
#fields .row>*{padding:0}
#fields{display:flex;flex-direction:column;gap:10px}
.depend-fields{display:flex;flex-direction:column;gap:10px}
.col-md-6{display:flex;flex-direction:column;gap:5px}

/* ══ LOADER ══ */
.hevo-simple-loader{position:fixed;inset:0;background:var(--surface-0);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s;pointer-events:none}
.hevo-simple-loader.active{pointer-events:all}.hevo-simple-loader.hiding{opacity:0}
.hevo-loader-logo{width:50px;height:50px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--n-accent);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════════════
   SIDEBAR  v3 — flat left rail, accent active line
   ══════════════════════════════════════════════════ */
.page-container{display:flex;min-height:100vh}

.sidebar{
  width:var(--tp-sidebar-w);
  background:var(--surface-0);
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  position:fixed;top:0;left:0;bottom:0;z-index:100;
  transition:width .2s ease;overflow:hidden;
}
.fsk-rtl .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border)}

/* ── Expand on desktop hover / .expanded ── */
@media(min-width:901px){
  .sidebar:hover,.sidebar.expanded{width:240px}
  .sidebar:hover .sb-label,.sidebar.expanded .sb-label,
  .sidebar:hover .sb-new-badge,.sidebar.expanded .sb-new-badge,
  .sidebar:hover .sb-theme-label,.sidebar.expanded .sb-theme-label,
  .sidebar:hover .sb-user-text,.sidebar.expanded .sb-user-text,
  .sidebar:hover .sb-ch-label,.sidebar.expanded .sb-ch-label,
  .sidebar:hover .sb-logout-label,.sidebar.expanded .sb-logout-label,
  .sidebar:hover .sb-logo-text,.sidebar.expanded .sb-logo-text
  {opacity:1;max-width:160px;pointer-events:auto}
  .sb-close-btn{display:none!important}
}

/* ── Mobile: hidden, slide in with .active ── */
@media(max-width:900px){
  .sidebar{transform:translateX(-100%);width:240px}
  .fsk-rtl .sidebar{transform:translateX(100%)}
  .sidebar.active{transform:translateX(0)}
  .sidebar.active .sb-label,.sidebar.active .sb-new-badge,
  .sidebar.active .sb-theme-label,.sidebar.active .sb-user-text,
  .sidebar.active .sb-ch-label,.sidebar.active .sb-logout-label,
  .sidebar.active .sb-logo-text{opacity:1;max-width:160px;pointer-events:auto}
  .page-content{margin-left:0!important}
  .fsk-rtl .page-content{margin-right:0!important}
}

/* ── Collapsible text base ── */
.sb-label,.sb-new-badge,.sb-theme-label,.sb-user-text,
.sb-ch-label,.sb-logout-label,.sb-logo-text{
  opacity:0;max-width:0;overflow:hidden;white-space:nowrap;
  transition:opacity .15s .05s, max-width .15s;pointer-events:none;
}

/* ── Logo strip ── */
.sidebar-top{
  height:var(--tp-header-h);
  padding:0 0 0 20px;
  display:flex;align-items:center;gap:10px;
  border-bottom:1px solid var(--border);
  flex-shrink:0;overflow:hidden;
}
.fsk-rtl .sidebar-top{padding:0 20px 0 0}
.sidebar .logo{height:26px;flex-shrink:0}
.sb-logo-text{font-size:15px;font-weight:800;color:var(--n-accent)}

/* ── Navigation ── */
.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0;scrollbar-width:none}
.sidebar-menu::-webkit-scrollbar{display:none}

/* Section divider label */
.sb-section{
  height:0;overflow:hidden;
  font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
  color:var(--text-3);padding:0 0 0 22px;
  transition:height .15s,padding .15s;
}
.fsk-rtl .sb-section{padding:0 22px 0 0}
@media(min-width:901px){.sidebar:hover .sb-section,.sidebar.expanded .sb-section{height:28px;padding:14px 0 4px 22px}}
@media(max-width:900px){.sidebar.active .sb-section{height:28px;padding:14px 0 4px 22px}}

.sidebar-menu-item{
  display:flex;align-items:center;
  height:44px;padding:0 0 0 18px;
  gap:14px;color:var(--text-3);
  font-size:13px;font-weight:500;
  cursor:pointer;white-space:nowrap;
  position:relative;overflow:hidden;
  transition:color .13s,background .13s;
  border-radius:0;
}
.fsk-rtl .sidebar-menu-item{padding:0 18px 0 0}
.sidebar-menu-item>.sb-icon{
  font-size:17px;width:26px;flex-shrink:0;text-align:center;
  transition:color .13s;
}
.sidebar-menu-item:hover{color:var(--text);background:var(--surface-1)}

/* Active state: accent left bar + tinted bg */
.sidebar-menu-item.active{
  color:var(--n-accent);
  background:linear-gradient(90deg,rgba(234,30,99,.08) 0%,transparent 100%);
  font-weight:600;
}
.sidebar-menu-item.active::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;
  width:3px;border-radius:0 3px 3px 0;
  background:var(--n-accent);
}
.fsk-rtl .sidebar-menu-item.active::before{left:auto;right:0;border-radius:3px 0 0 3px}
.sidebar-menu-item.active .sb-icon{color:var(--n-accent)}

.sb-new-badge{
  font-size:9px;background:var(--n-accent);color:#fff;
  padding:2px 6px;border-radius:20px;font-weight:700;flex-shrink:0;
}

/* ── Bottom strip ── */
.sidebar-bottom{
  padding:8px 10px 10px;border-top:1px solid var(--border);
  display:flex;flex-direction:column;gap:7px;flex-shrink:0;overflow:hidden;
}

/* Theme switcher — 3 compact buttons */
.color-change-box{display:flex;gap:4px}
.color-btn{
  flex:1;height:32px;border-radius:8px;cursor:pointer;
  border:1.5px solid var(--border);
  display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:14px;font-weight:600;color:var(--text-3);
  transition:all .13s;overflow:hidden;
}
.color-btn .n-theme-icon{font-size:15px;flex-shrink:0}
.sb-theme-label{font-size:10px}
.color-btn:hover{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.color-btn.active{border-color:var(--n-accent);background:var(--n-accent);color:#fff}

/* User card */
.sidebar-user-box{
  display:flex;align-items:center;gap:10px;padding:8px;
  border-radius:10px;cursor:pointer;
  background:var(--surface-1);border:1px solid var(--border);
  transition:background .13s;overflow:hidden;white-space:nowrap;
}
.sidebar-user-box:hover{background:var(--surface-2)}
.user-avatar-container{position:relative;flex-shrink:0}
.user-image{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:var(--n-accent-a12);color:var(--n-accent);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;border:2px solid var(--n-accent-a20);
}
.sb-user-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.userbox-text-container{flex:1;min-width:0}
.userbox-username{font-size:12px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis}
.userbox-username i{color:var(--n-accent);font-size:11px;flex-shrink:0}
.userbox-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}
.level-badge,.balance-badge{font-size:9px;display:flex;align-items:center;gap:2px;background:var(--border);padding:2px 6px;border-radius:20px;color:var(--text-3)}
.balance-badge{color:var(--n-accent);font-weight:700}

/* Channel row */
.sidebar-channels{display:flex;gap:5px}
.sidebar-ch-btn{
  flex:1;height:30px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;gap:5px;
  font-size:14px;font-weight:600;cursor:pointer;
  border:1.5px solid var(--border);color:var(--text-3);
  transition:all .13s;overflow:hidden;padding:0 3px;
}
.sb-ch-label{font-size:10px}
.sidebar-ch-btn.tg:hover{border-color:#0088cc;background:rgba(0,136,204,.1);color:#0088cc}
.sidebar-ch-btn.wa:hover{border-color:#25d366;background:rgba(37,211,102,.1);color:#25d366}

/* Logout */
.btn.red-btn{
  background:rgba(239,68,68,.07)!important;color:var(--n-red)!important;
  border:1.5px solid rgba(239,68,68,.18)!important;
  width:100%;justify-content:center;display:flex;align-items:center;gap:6px;
  height:34px;border-radius:8px;font-size:12px;font-weight:600;
  overflow:hidden;white-space:nowrap;cursor:pointer;
}
.btn.red-btn:hover{background:var(--n-red)!important;color:#fff!important;border-color:var(--n-red)!important}
.sb-logout-label{font-size:12px}

.sidebar-content{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99}
.sidebar-content.active{display:block}
/* compat aliases */
.sidebar-menu-title{opacity:inherit;max-width:inherit}
.new-badge{display:none} /* replaced by sb-new-badge */

/* ══ PAGE CONTENT ══ */
.page-content{margin-left:var(--tp-sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}
.fsk-rtl .page-content{margin-left:0;margin-right:var(--tp-sidebar-w)}

/* ══════════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════════ */
.page-header{height:var(--tp-header-h);background:var(--surface-0);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:50}
.header-left{display:flex;align-items:center;gap:10px}
.header-left .logo{height:24px}
.logo-text-header{font-size:15px;font-weight:800;color:var(--n-accent)}
.header-right,.header-btn-box{display:flex;align-items:center;gap:4px}
.hdr-btn,.header-btn-box>i,.header-btn-box>.far,.header-btn-box>.fad,.sidebar-btn{width:36px;height:36px;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:15px;transition:all .15s;background:transparent;border:none}
.hdr-btn:hover,.header-btn-box>i:hover,.header-btn-box>.far:hover,.header-btn-box>.fad:hover,.sidebar-btn:hover{background:var(--surface-1);color:var(--text)}
/* Balance */
.user-balance{position:relative}
.balance-box{display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:9px;background:var(--n-accent-a12);cursor:pointer;color:var(--n-accent);font-size:12px;font-weight:700;border:1.5px solid var(--n-accent-a20);transition:all .15s}
.balance-box:hover,.balance-box.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.balance-info{font-size:12px}
.currencyBtnShowHide,.currencyHidder,.currencyHider_btn_phn,.currencyHidder_btn_phn{background:none;border:none;cursor:pointer;color:var(--text-3);padding:0 3px;display:inline-flex;align-items:center}
/* Currency */
.currency-bg{display:none;position:fixed;inset:0;z-index:200}.currency-bg.active{display:block}
.currency-list{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-0);border:1px solid var(--border);border-radius:14px;box-shadow:var(--tp-shadow-md);min-width:240px;z-index:201;padding:10px}.currency-list.active{display:block}
.fsk-rtl .currency-list{right:auto;left:0}
.currency-top{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 10px;font-weight:700;font-size:13px;color:var(--text)}
.currency-top i{cursor:pointer;font-size:17px;color:var(--text-3)}
.currencies-box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.currency-box{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--surface-1);cursor:pointer;font-size:12px;transition:background .12s}
.currency-box:hover{background:var(--border)}
.currency-box b{color:var(--n-accent);font-weight:700;background:var(--n-accent-a12);padding:2px 7px;border-radius:5px}
.curency-pagination{display:flex;gap:5px;margin-top:8px;justify-content:center}
.curency-pagination button{border:none;background:var(--surface-2);color:var(--text-3);border-radius:6px;padding:3px 8px;cursor:pointer;font-size:11px;transition:all .12s}
.curency-pagination button.active{background:var(--n-accent);color:#fff}
/* Language */
.language-box{position:relative}
.language-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:9px;background:var(--surface-1);cursor:pointer;font-size:12px;font-weight:500;border:1.5px solid var(--border);white-space:nowrap;transition:all .12s}
.language-btn.active,.language-btn:hover{border-color:var(--n-accent);color:var(--n-accent)}
.language-bg{display:none;position:fixed;inset:0;z-index:49}.language-bg.active{display:block}
.language-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-0);border:1px solid var(--border);border-radius:12px;min-width:170px;z-index:50;overflow:hidden;box-shadow:var(--tp-shadow-md)}.language-dropdown.active{display:block}
.fsk-rtl .language-dropdown{right:auto;left:0}
.language-list{display:flex;flex-direction:column}
.language-item{padding:10px 14px;font-size:12px;display:flex;justify-content:space-between;align-items:center;transition:background .12s;cursor:pointer}
.language-item:hover{background:var(--surface-1)}.language-item.selected{background:var(--n-accent-a12);color:var(--n-accent)}
.language-item b{font-size:10px;color:var(--text-3);background:var(--surface-2);padding:2px 6px;border-radius:5px}
/* Announcements */
.announcements-box{position:absolute;top:calc(100% + 8px);right:10px;width:320px;background:var(--surface-0);border:1px solid var(--border);border-radius:14px;box-shadow:var(--tp-shadow-md);z-index:300;display:none;max-height:420px;overflow:hidden;flex-direction:column}
.announcements-box.active{display:flex}
.announcements-top{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px}
.announcements-top i{cursor:pointer;color:var(--text-3)}
.notify-list{overflow-y:auto;padding:8px}
.announcements-item{padding:10px;border-radius:10px;margin-bottom:6px;background:var(--surface-1);border:1px solid var(--border)}
.announcements-title{font-size:12px;font-weight:700;color:var(--text);display:block;margin-bottom:3px}
.announcements-bottom{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:var(--text-3)}
.announcements-stats{background:var(--n-accent-a12);color:var(--n-accent);padding:2px 8px;border-radius:5px;font-weight:600}
/* Bottom nav */
.bottom-navigaiton{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface-0);border-top:1px solid var(--border);z-index:100;height:62px;align-items:stretch}
@media(max-width:640px){.bottom-navigaiton{display:flex}}
.bottom-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:11px;font-weight:500;transition:color .12s;cursor:pointer}
.bottom-item>[class^="fi-"],.bottom-item>i{font-size:20px}
.bottom-item.active{color:var(--n-accent)}
.bottom-item-name{font-size:10px}
.main-header-mobile{display:none}
/* Popups */
#popupModal.disable{display:none!important}
#popupModal:not(.disable){position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
#notification{position:fixed;bottom:20px;right:20px;z-index:999;display:none;padding:10px 16px;background:var(--surface-0);border:1px solid var(--border);border-radius:12px;box-shadow:var(--tp-shadow-md);font-size:13px;font-weight:600;color:var(--text)}
.notify-box{display:inline-flex;align-items:center;gap:8px}

/* ══ BUTTONS ══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;line-height:1}
.btn-main{background:var(--n-accent);color:#fff}.btn-main:hover{background:var(--n-accent-2);color:#fff}
.btn-border{background:transparent;border:1.5px solid var(--border);color:var(--text-2)}.btn-border:hover{border-color:var(--n-accent);color:var(--n-accent)}
.btn-sm{padding:6px 13px;font-size:12px}.btn-block{width:100%;justify-content:center}
.btn-primary{background:var(--n-accent);color:#fff;border:none}.btn-primary:hover{background:var(--n-accent-2)}
.btn-default{background:var(--surface-1);color:var(--text-2);border:1px solid var(--border)}.btn-default:hover{background:var(--surface-2)}
.btn-xs{padding:4px 10px;font-size:11px;border-radius:7px}

/* ══ FORMS ══ */
.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:0}
.control-label{font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:4px;display:block}
.form-control{width:100%;padding:9px 13px;border-radius:9px;background:var(--surface-1);border:1.5px solid var(--border);color:var(--text);font-size:13px;outline:none;transition:border-color .15s}
.form-control:focus{border-color:var(--n-accent);background:var(--surface-0)}
.form-control::placeholder{color:var(--text-3)}
textarea.form-control{resize:vertical;min-height:100px}
select.form-control{cursor:pointer;-webkit-appearance:none;appearance:none}
.input-group{display:flex;gap:0}
.input-group .form-control{border-radius:9px 0 0 9px;flex:1}
.fsk-rtl .input-group .form-control{border-radius:0 9px 9px 0}
.input-group-btn .btn{border-radius:0 9px 9px 0;height:100%}
.fsk-rtl .input-group-btn .btn{border-radius:9px 0 0 9px}
.is-invalid{border-color:var(--n-red)!important}
.invalid-feedback{display:none;font-size:11px;color:var(--n-red);margin-top:3px}

/* ══ ALERTS ══ */
.alert{padding:12px 14px;border-radius:10px;font-size:13px;display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;position:relative}
.alert .close{position:absolute;right:10px;top:10px;background:none;border:none;font-size:16px;cursor:pointer;color:inherit;opacity:.7}
.fsk-rtl .alert .close{right:auto;left:10px}
.alert-success{background:rgba(16,185,129,.1);color:var(--n-emerald);border:1px solid rgba(16,185,129,.2)}
.alert-danger{background:rgba(239,68,68,.1);color:var(--n-red);border:1px solid rgba(239,68,68,.2)}

/* ══ CARD / WELL ══ */
.well{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:18px}
.nova-card{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--tp-shadow)}
.nova-card:hover{box-shadow:var(--tp-shadow-md)}
.nova-card-header{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;color:var(--text)}
.nova-card-header i{color:var(--n-accent);font-size:17px}
.page-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:var(--text)}
.page-title i{color:var(--n-accent)}

/* ══ TABLE ══ */
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th{font-size:11px;font-weight:700;color:var(--text-2);padding:9px 13px;text-align:left;background:var(--surface-1);border-bottom:1px solid var(--border)}
.fsk-rtl .table th{text-align:right}
.table td{padding:10px 13px;font-size:12px;border-bottom:1px solid var(--border);color:var(--text)}
.table tbody tr:last-child td{border-bottom:none}
.table tbody tr:hover td{background:var(--surface-1)}
.table-bordered{border-radius:12px;overflow:hidden;border:1px solid var(--border)}
.table-responsive{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}
/* Badges */
.badge-status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}
.status-completed,.status-complete{background:rgba(16,185,129,.1);color:var(--n-emerald)}
.status-pending,.status-inprogress{background:rgba(245,158,11,.1);color:var(--n-amber)}
.status-partial{background:rgba(14,165,233,.1);color:var(--n-sky)}
.status-canceled,.status-cancelled,.status-refunded{background:rgba(239,68,68,.1);color:var(--n-red)}
/* Pagination */
.pagination{display:flex;gap:4px;list-style:none;flex-wrap:wrap;margin:14px 0 0}
.pagination li a{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:600;background:var(--surface-1);border:1px solid var(--border);color:var(--text-2);transition:all .12s}
.pagination li a:hover,.pagination li.active a{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}

/* ══ MODAL ══ */
.modal{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
.modal.disable{display:none!important}
.modal-content{background:var(--surface-0);border:1px solid var(--border);border-radius:16px;max-width:460px;width:90%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--tp-shadow-md)}
.modal-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}
.modal-title{font-size:14px;font-weight:700;color:var(--text)}
.modal-close{cursor:pointer;font-size:18px;color:var(--text-3);transition:color .12s;background:none;border:none}.modal-close:hover{color:var(--n-red)}
.modal-center{padding:16px 18px;overflow-y:auto;flex:1;font-size:13px;color:var(--text-2);line-height:1.7}
.modal-bottom{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}
.modal-bottom .btn{flex:1}

/* ══ ORDER ALERT ══ */
.order-alert-content{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800}
.order-alert-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:801;background:var(--surface-0);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:420px;width:90%;box-shadow:var(--tp-shadow-md)}
.order-alert-box.close,.order-alert-content.close{display:none}
.alert-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-3)}
.fsk-rtl .alert-close{right:auto;left:14px}
.alert-box-top{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-bottom:16px}
.alert-box-bottom{display:flex;flex-direction:column;gap:6px;background:var(--surface-1);border-radius:10px;padding:12px}
.alert-box-bottom span{font-size:12px;display:flex;justify-content:space-between;align-items:center}

/* ══ STATS BOXES ══ */
.stats-box-content{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media(max-width:640px){.stats-box-content{grid-template-columns:repeat(2,1fr)}}
.stats-box{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s}
.stats-box:hover{box-shadow:var(--tp-shadow-md)}
.stats-box-title{display:flex;align-items:center;justify-content:space-between}
.title-content{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-2)}
.title-content i{color:var(--n-accent);font-size:13px}
.stats-box-text{font-size:20px;font-weight:700;color:var(--text);pointer-events:none;user-select:none}
.stat-number-new{font-size:20px;font-weight:700;color:var(--text)}
.discount-badge{font-size:10px;background:var(--n-accent-a12);color:var(--n-accent);padding:2px 7px;border-radius:5px;font-weight:700;vertical-align:middle}
.stats-box-balance{display:flex;align-items:center;justify-content:space-between}
.stats-balance{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:700}
.balance-dot{width:10px;height:10px;border-radius:50%;background:var(--dot-color,var(--n-emerald));flex-shrink:0;display:inline-block}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.blinking-dot{animation:blink 1.4s ease-in-out infinite}
.stats-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:5px 11px;border-radius:7px;background:var(--n-accent-a12);color:var(--n-accent);transition:all .12s}
.stats-btn:hover{background:var(--n-accent);color:#fff}

/* ══ SUPPORT CARDS ══ */
.support-cards-mini{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.support-card-mini{display:flex;align-items:center;gap:7px;padding:8px 14px;border:1.5px solid var(--border);border-radius:9px;font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-0);transition:all .15s;cursor:pointer}
.support-card-mini:hover{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}

/* ══════════════════════════════════════════════════
   NEWORDER
   ══════════════════════════════════════════════════ */
.service-search-box{position:relative;margin-bottom:14px}
.search-service-list{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--surface-0);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--tp-shadow-md);display:none}
.search-service-list.active{display:block}
.search-service-box{max-height:320px;overflow-y:auto}
.settings-content,.link-content{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:400;width:380px;max-width:92vw;background:var(--surface-0);border:1px solid var(--border);border-radius:16px;box-shadow:var(--tp-shadow-md);overflow:hidden}
.settings-content.active,.link-content.active{display:block}
.settings-bg,.link-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:399}
.settings-bg.active,.link-bg.active{display:block}
.neworder-settings-box{padding:18px}
.close-settings{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:14px}
.close-settings i{cursor:pointer;font-size:16px;color:var(--text-3)}
.settings-title{font-size:11px;font-weight:700;color:var(--text-2);display:block;margin:12px 0 8px;text-transform:uppercase;letter-spacing:.5px}
.neworder-size{display:flex;gap:8px;margin-bottom:4px}
.size-select-box{border:1.5px solid var(--border);border-radius:9px;padding:8px;cursor:pointer;transition:all .15s;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--text-2)}
.size-select-box.active,.size-select-box:hover{border-color:var(--n-accent);color:var(--n-accent)}
.size-img img{width:100%;max-width:56px}
.theme-type{display:flex;gap:8px}
.theme-select-btn{flex:1;padding:8px;border:1.5px solid var(--border);border-radius:9px;text-align:center;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);transition:all .15s}
.theme-select-btn:hover,.theme-select-btn.active{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.link_action{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
.all_links{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}
.link_item{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;position:relative;transition:background .12s}
.link_item:hover{background:var(--surface-2)}
.link_item h6{font-size:12px;font-weight:600;color:var(--text);margin-bottom:3px}
.link_item p{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.deleteLinkBtn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--n-red);cursor:pointer;opacity:0;transition:opacity .12s;font-size:13px}
.fsk-rtl .deleteLinkBtn{right:auto;left:8px}
.link_item:hover .deleteLinkBtn{opacity:1}
.neworder-form{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:18px}
.neworder-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.settings-btn,.link-opener{width:36px;height:36px;border-radius:9px;background:var(--surface-1);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);font-size:15px;transition:all .15s}
.settings-btn:hover,.link-opener:hover{border-color:var(--n-accent);color:var(--n-accent)}
/* Filter bar */
.filter_wraper{display:flex;gap:7px;flex-wrap:nowrap;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filter_wraper::-webkit-scrollbar{display:none}
.filter_item{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface-0);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}
.filter_item:hover,.filter_item.active{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.filter_item .icons{display:flex;align-items:center}
/* Dropdowns */
.dropdwon-box{position:relative}
.dropdown-select-box{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface-1);cursor:pointer;transition:border-color .15s;min-height:42px;gap:8px}
.dropdown-select-box:hover{border-color:var(--n-accent)}
.dropdown-select-name{flex:1;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text);overflow:hidden}
.category-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-0);border:1.5px solid var(--border);border-radius:12px;z-index:101;box-shadow:var(--tp-shadow-md);overflow:hidden}
.category-dropdown.active{display:block}
.category-dropdown-bg{display:none;position:fixed;inset:0;z-index:100}.category-dropdown-bg.active{display:block}
.category-dropdown-header,.service-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700}
.category-dropdown-header i,.service-dropdown-header i{cursor:pointer;color:var(--text-3)}
.category-dropdown-box{max-height:300px;overflow-y:auto;padding:6px}
.category-dropdown-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-2);transition:background .12s}
.category-dropdown-item:hover,.category-dropdown-item.active{background:var(--n-accent-a12);color:var(--n-accent)}
.service-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-0);border:1.5px solid var(--border);border-radius:12px;z-index:101;box-shadow:var(--tp-shadow-md);overflow:hidden}
.service-dropdown.active{display:block}
.service-dropdown-bg{display:none;position:fixed;inset:0;z-index:100}.service-dropdown-bg.active{display:block}
.service-dropdown-box{max-height:360px;overflow-y:auto}
.service-list{padding:6px}
.service-dropdown-item{padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--border)}
.service-dropdown-item:last-child{border-bottom:none}
.service-dropdown-item:hover,.service-dropdown-item.active{background:var(--n-accent-a12)}
.service-dropdown-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.service-dropdown-name{display:flex;align-items:center;gap:7px;flex:1;min-width:0}
.service-dropdown-name span{font-size:12px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.service-dropdown-price{font-size:12px;font-weight:700;color:var(--n-accent);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}
.service-dropdown-price small{font-size:10px;color:var(--text-3);font-weight:400}
.serivce-dropdown-bottom,.service-dropdown-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.service-dropdown-info-item{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:3px}
.service-dropdown-info-item.avg{color:var(--n-amber)}
.service-dropdown-minmax{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}
.service-features{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}
.service-features-item{font-size:10px;padding:2px 7px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:3px}
.service-features-item.guaranteed{background:rgba(16,185,129,.1);color:var(--n-emerald)}
.service-features-item.recommended{background:rgba(245,158,11,.1);color:var(--n-amber)}
.service-features-item.faster{background:rgba(14,165,233,.1);color:var(--n-sky)}
.service-features-item.newservice{background:var(--n-accent-a12);color:var(--n-accent)}
.service-features-item.canceled,.service-features-item.timed,.service-features-item.discounted,.service-features-item.slow{background:var(--surface-2);color:var(--text-3)}
.master-select{display:none}
.all-dropdown{width:100%}
.master-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.master-form-mobile{display:none}
.master-form-bg{display:none}
.buy-btn{display:none}
/* Service detail sidebar */
.select-service-detail-box{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:16px;position:sticky;top:80px}
.select-service-title{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}
.select-service-item{background:var(--surface-1);border-radius:10px;padding:12px;margin-bottom:12px}
.select-service-name{font-size:13px;font-weight:600;color:var(--text);display:block;margin-bottom:8px}
.select-service-feature-item{display:flex;flex-wrap:wrap;gap:6px}
.select-id,.select-price,.select-avg,.select-minmax{font-size:11px;padding:5px 9px;border-radius:7px;background:var(--surface-0);border:1px solid var(--border);display:flex;flex-direction:column;gap:2px}
.select-id small,.select-price small,.select-avg small{font-size:9px;color:var(--text-3);font-weight:600;text-transform:uppercase}
.select-id b,.select-price b,.select-avg b,.select-minmax b{font-size:12px;font-weight:700;color:var(--text)}
.select-price b{color:var(--n-accent)}
.select-service-description{font-size:12px;color:var(--text-2);line-height:1.7;background:var(--surface-1);border-radius:9px;padding:10px}
/* Mobile overrides */
@media(max-width:900px){
  .buy-btn{display:flex;position:fixed;bottom:70px;right:16px;flex-direction:column;gap:8px;z-index:200}
  .fsk-rtl .buy-btn{right:auto;left:16px}
  .buy-btn-item{width:46px;height:46px;border-radius:50%;background:var(--n-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 4px 16px rgba(234,30,99,.4)}
  .select-service-detail-box{display:none}
  #size-1{grid-column:span 12!important}
  #size-2{display:none!important}
}
@media(max-width:768px){
  .category-dropdown.active,.service-dropdown.active{position:fixed!important;bottom:0;left:0;right:0;top:auto;border-radius:18px 18px 0 0;max-height:70vh;overflow-y:auto;z-index:300}
}

/* ══════════════════════════════════════════════════
   SERVICES PAGE
   ══════════════════════════════════════════════════ */
.services-search-box{margin-bottom:16px}
.services-category-box{padding:8px 14px;border-radius:9px;background:var(--surface-1);border:1.5px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);transition:all .15s;display:flex;align-items:center;gap:7px}
.services-category-box:hover,.services-category-box.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.services-list-item{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s;margin-bottom:6px}
.services-list-item:hover{box-shadow:var(--tp-shadow-md);border-color:var(--n-accent-a20)}
.services-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.services-item-id{font-size:10px;font-weight:700;color:var(--text-3);background:var(--surface-2);padding:2px 7px;border-radius:5px;flex-shrink:0}
.services-item-name{font-size:13px;font-weight:600;color:var(--text);flex:1;line-height:1.4}
.services-item-price{font-size:13px;font-weight:700;color:var(--n-accent);white-space:nowrap;flex-shrink:0}
.services-item-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.services-item-feature{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}
.services-item-feature.avg{background:var(--surface-1);padding:3px 9px;border-radius:7px;border:1px solid var(--border)}
.btn-description{background:var(--surface-1);color:var(--text-2);border:1px solid var(--border);padding:4px 10px;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}
.btn-description:hover{border-color:var(--n-accent);color:var(--n-accent)}
.select-service{cursor:pointer}
[data-filter-table-category-id].hidden{display:none}

/* ══════════════════════════════════════════════════
   TICKET VIEW
   ══════════════════════════════════════════════════ */
.ticket-view-page{display:flex;flex-direction:column;background:var(--surface-0);border:1px solid var(--border);border-radius:14px;overflow:hidden;height:calc(100vh - 110px);max-height:900px}
.ticket-view-top{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-1);flex-shrink:0}
.ticket-view-id{font-size:11px;font-weight:700;background:var(--n-accent-a12);color:var(--n-accent);padding:3px 9px;border-radius:6px;flex-shrink:0}
.ticket-view-subject{font-size:13px;font-weight:600;color:var(--text);flex:1}
.ticket-view-message-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.ticket-view-bottom{padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-1);flex-shrink:0}
.message-left{max-width:78%;align-self:flex-start;display:flex;flex-direction:column;gap:4px}
.message-right{max-width:78%;align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.fsk-rtl .message-left{align-self:flex-end;align-items:flex-end}
.fsk-rtl .message-right{align-self:flex-start;align-items:flex-start}
.message-left .message-text{background:var(--surface-1);border:1px solid var(--border);border-radius:0 12px 12px 12px;padding:10px 14px;font-size:13px;color:var(--text);line-height:1.6}
.message-right .message-text{background:var(--n-accent-a12);border:1px solid var(--n-accent-a20);border-radius:12px 0 12px 12px;padding:10px 14px;font-size:13px;color:var(--text);line-height:1.6}
.fsk-rtl .message-left .message-text{border-radius:12px 0 12px 12px}
.fsk-rtl .message-right .message-text{border-radius:0 12px 12px 12px}
.message-bottom{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-3)}
.message-author{display:flex;align-items:center;gap:4px;font-weight:600;font-size:11px}
.message-author i{color:var(--n-accent)}
.ticket-image{border-radius:10px;max-width:240px;cursor:pointer;transition:all .25s;border:1px solid var(--border)}
.ticket-image.enlarged{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;z-index:999;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.verification-code{display:inline-flex;align-items:center;background:var(--surface-1);border:1px solid var(--border);border-radius:7px;padding:3px 9px;font-size:12px;font-weight:700;letter-spacing:.8px;cursor:pointer;position:relative;transition:all .15s;user-select:none;color:var(--text)}
.verification-code:hover{border-color:var(--n-accent);color:var(--n-accent);transform:translateY(-1px)}
.verification-code.copied{background:var(--n-emerald);color:#fff;border-color:var(--n-emerald)}
.ticket-actions-grid{display:flex;gap:8px;flex-wrap:wrap}
.ticket-action{flex:1;min-width:80px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-1);color:var(--text-2)}
.ticket-action:hover{border-color:var(--n-accent);color:var(--n-accent);transform:translateY(-2px)}
.ticket-action.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}

/* ══ TICKETS FORM ══ */
.nova-support-notice{border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:18px;background:var(--surface-0)}
.nova-support-row{display:flex;align-items:center;gap:12px;padding:13px 16px;transition:background .15s;border-bottom:1px solid var(--border);cursor:pointer}
.nova-support-row:last-child{border-bottom:none}
.nova-support-row:hover{background:var(--surface-1)}
.nova-support-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.nova-support-icon.ai{background:var(--n-accent-a12);color:var(--n-accent)}
.nova-support-icon.human{background:rgba(7,94,84,.1);color:#075E54}
.nova-support-text{flex:1;display:flex;flex-direction:column;gap:2px}
.nova-support-text strong{font-size:13px;font-weight:600;color:var(--text)}
.nova-support-text small{font-size:11px;color:var(--text-2)}
.nova-support-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.nova-support-btn.green{background:#25d366;color:#fff}
.nova-support-btn.pink{background:var(--n-accent);color:#fff}
.nova-ticket-form-card{background:var(--surface-0);border:1px solid var(--border);border-radius:16px;padding:20px}
.nova-subject-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.nova-subject-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--surface-1);color:var(--text-2);font-size:12px;font-weight:600;position:relative}
.nova-subject-tab i{font-size:20px;margin-bottom:2px}
.nova-subject-tab:hover{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.nova-subject-tab.active{border-color:var(--n-accent);background:var(--n-accent);color:#fff}
.nova-ai-tag{font-size:9px;padding:1px 5px;background:rgba(255,255,255,.25);border-radius:4px;font-weight:700;position:absolute;top:6px;right:6px}
.nova-pay-methods-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.nova-pm-item{padding:6px 12px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:500;cursor:pointer;background:var(--surface-1);color:var(--text-2);transition:all .15s}
.nova-pm-item:hover{border-color:var(--n-accent);color:var(--n-accent)}
.nova-pm-item.active{border-color:var(--n-accent);background:var(--n-accent);color:#fff}
.nova-action-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.nova-action-btn{flex:1;min-width:90px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-1);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}
.nova-action-btn:hover{border-color:var(--n-accent);color:var(--n-accent);transform:translateY(-2px)}
.nova-action-btn.active{border-color:var(--n-accent);background:var(--n-accent);color:#fff}
.nova-ticket-list-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px}
.nova-ticket-list-header i{color:var(--n-accent);font-size:16px}
.nova-ticket-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--surface-0);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;transition:all .15s}
.nova-ticket-item:hover{border-color:var(--n-accent);box-shadow:0 2px 12px rgba(234,30,99,.1)}
.nova-ticket-item.unread{border-left:3px solid var(--n-accent)}
.fsk-rtl .nova-ticket-item.unread{border-left:none;border-right:3px solid var(--n-accent)}
.nova-ticket-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nova-ticket-id{font-size:11px;font-weight:700;background:var(--n-accent-a12);color:var(--n-accent);padding:2px 8px;border-radius:6px;flex-shrink:0}
.nova-ticket-subject{font-size:13px;font-weight:500;color:var(--text);flex:1}
.nova-ticket-status{font-size:11px;padding:3px 8px;border-radius:20px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);flex-shrink:0}
.nova-ticket-bottom{display:flex;align-items:center;justify-content:space-between}
.nova-ticket-date{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}
.nova-unread-dot{width:8px;height:8px;background:var(--n-accent);border-radius:50%;animation:blink 1.5s infinite}
/* Ticket status colors */
.nova-ts-open{background:rgba(59,130,246,.1)!important;color:var(--fsk-blue)!important;border-color:rgba(59,130,246,.2)!important}
.nova-ts-closed,.nova-ts-answered{background:rgba(16,185,129,.1)!important;color:var(--fsk-emerald)!important;border-color:rgba(16,185,129,.2)!important}
.nova-ts-pending{background:rgba(245,158,11,.1)!important;color:var(--fsk-amber)!important;border-color:rgba(245,158,11,.2)!important}

/* ══ ADDFUNDS ══ */
.nova-payment-card,.nova-history-card{background:var(--surface-0);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--tp-shadow)}
.nova-payment-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);font-size:15px;font-weight:700;color:var(--text)}
.nova-payment-header i{color:var(--n-accent);font-size:18px}
.nova-label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:8px}
.nova-method-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:18px}
@media(max-width:640px){.nova-method-grid{grid-template-columns:repeat(2,1fr)}}
.nova-method-item{border:1.5px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;position:relative;background:var(--surface-1)}
.nova-method-item:hover{border-color:var(--n-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(234,30,99,.12)}
.nova-method-item.active{border-color:var(--n-accent);background:var(--n-accent-a12);box-shadow:0 0 0 3px var(--n-accent-a20)}
.nova-method-icon{width:40px;height:40px;border-radius:10px;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-2);transition:all .2s}
.nova-method-item.active .nova-method-icon,.nova-method-item:hover .nova-method-icon{background:var(--n-accent);color:#fff}
.nova-method-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.2}
.nova-method-desc{font-size:10px;color:var(--text-3)}
.nova-method-badge{font-size:9px;padding:2px 7px;border-radius:20px;font-weight:700}
.nova-method-badge.auto{background:rgba(16,185,129,.12);color:var(--n-emerald)}
.nova-method-badge.manual{background:rgba(245,158,11,.12);color:var(--n-amber)}
.nova-amount-section{margin-bottom:16px}
.nova-quick-amounts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.nova-qa{padding:5px 12px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:600;cursor:pointer;color:var(--text-2);transition:all .15s}
.nova-qa:hover,.nova-qa.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.nova-amount-input-wrap{position:relative;display:flex;align-items:center}
.nova-currency-symbol{position:absolute;left:12px;font-size:14px;font-weight:700;color:var(--text-2);z-index:1;pointer-events:none}
.fsk-rtl .nova-currency-symbol{left:auto;right:12px}
.nova-amount-input{padding-left:30px!important}
.fsk-rtl .nova-amount-input{padding-left:13px!important;padding-right:30px!important}
.nova-currency-select{border:1.5px solid var(--border);border-left:none;border-radius:0 9px 9px 0;background:var(--surface-2);color:var(--text);padding:9px 10px;font-size:12px;font-weight:600;cursor:pointer;outline:none;height:42px}
.fsk-rtl .nova-currency-select{border-left:1.5px solid var(--border);border-right:none;border-radius:9px 0 0 9px}
.nova-conversion-info{display:flex;align-items:center;gap:6px;margin-top:6px;padding:7px 12px;background:var(--n-accent-a12);border-radius:8px;font-size:12px;color:var(--n-accent)}
.nova-history-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}
.nova-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-1);border-radius:10px;border:1px solid var(--border);transition:background .15s}
.nova-history-item:hover{background:var(--surface-2)}
.nova-history-left{display:flex;align-items:center;gap:10px}
.nova-history-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.nova-history-icon.plus{background:rgba(16,185,129,.12);color:var(--n-emerald)}
.nova-history-icon.minus{background:rgba(239,68,68,.12);color:var(--n-red)}
.nova-history-name{font-size:13px;font-weight:600;color:var(--text);display:block}
.nova-history-date{font-size:11px;color:var(--text-3)}
.nova-history-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nova-history-amount{font-size:14px;font-weight:700}
.nova-history-amount.positive{color:var(--n-emerald)}
.nova-history-amount.negative{color:var(--n-red)}
.nova-invoice-btn{width:30px;height:30px;border-radius:8px;background:var(--border);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:13px;transition:all .15s}
.nova-invoice-btn:hover{background:var(--n-accent);color:#fff}
.nova-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:var(--text-3)}
.nova-empty-state i{font-size:36px}
.nova-empty-state span{font-size:13px}
.nova-payment-card form{display:flex;flex-direction:column;gap:14px}

/* ══ PROGRESS BAR ══ */
.progress{height:7px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.progress-bar{height:100%;background:var(--n-accent-grad);border-radius:4px;transition:width .4s}
.progress span{display:none}
.steps-progress{margin-top:8px}
.progress-fill{height:100%;background:rgba(255,255,255,.6);border-radius:4px}
.progress-info{display:flex;justify-content:space-between;font-size:10px;margin-top:3px;opacity:.8}

/* ══ FOOTER ══ */
.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 0}
.footer-brand{display:flex;flex-direction:column;gap:8px}
.footer-logo-img{height:28px}
.footer-logo-text{font-size:16px;font-weight:800;color:var(--n-accent)}
.footer-description{font-size:12px;color:var(--text-3)}
.footer-social{display:flex;gap:8px;margin-top:4px}
.social-icon{width:34px;height:34px;border-radius:8px;background:var(--surface-1);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--text-2);transition:all .15s}
.social-icon:hover{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}
.footer-quick-links{display:flex;gap:12px}
.footer-quick-link{font-size:12px;color:var(--text-3);transition:color .12s}
.footer-quick-link:hover{color:var(--n-accent)}

/* ══ SELECT2 ══ */
.select2-container--default .select2-selection--single{background:var(--surface-1)!important;border:1.5px solid var(--border)!important;border-radius:9px!important;height:42px!important;display:flex!important;align-items:center!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--text)!important;font-size:13px!important;line-height:42px!important;padding:0 13px!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px!important}
.select2-dropdown{background:var(--surface-0)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:var(--tp-shadow-md)!important}
.select2-results__option{font-size:12px!important;padding:8px 12px!important;border-radius:6px!important;color:var(--text)!important}
.select2-results__option--highlighted{background:var(--n-accent-a12)!important;color:var(--n-accent)!important}
html.dark .select2-container--default .select2-selection--single{background:var(--surface-1)!important}
html.dark .select2-results__option{color:var(--text)!important}

/* ══ VOICE ══ */
.voice-animation{position:fixed;bottom:100px;right:20px;z-index:500;width:80px;height:80px;border-radius:50%;background:var(--n-accent);display:none;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(234,30,99,.4)}
.voice-animation.active{display:flex}
.voice-animation-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
#voice-text{position:fixed;bottom:190px;right:10px;background:var(--surface-0);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;z-index:500;display:none;box-shadow:var(--tp-shadow-md);max-width:200px}
#voice-text.show{display:block}

/* ══ MISC ══ */
pre code.hljs{border-radius:10px!important;font-size:12px!important}
.page-header{position:relative}

/* ══ AUTH PAGES ══ */
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}
.auth-card{background:var(--surface-0);border:1px solid var(--border);border-radius:18px;padding:32px;width:100%;max-width:420px;box-shadow:var(--tp-shadow-md)}
.auth-logo{text-align:center;margin-bottom:24px}
.auth-logo img{height:36px}
.auth-logo-text{font-size:22px;font-weight:800;color:var(--n-accent)}
.auth-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px;text-align:center}
.auth-subtitle{font-size:13px;color:var(--text-3);text-align:center;margin-bottom:24px}

/* ══ TERMS / CONTENT ══ */
.terms-content,.newpage-content{font-size:13px;color:var(--text-2);line-height:1.9}
.terms-content h1,.terms-content h2,.terms-content h3{color:var(--text);font-weight:700;margin:18px 0 8px}
.terms-content p{margin-bottom:10px}
.terms-content a{color:var(--n-accent)}
.terms-content ul{padding-inline-start:20px;margin-bottom:10px}

/* ══ FAQ ══ */
.faq-item{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:8px}
.faq-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);transition:background .12s;user-select:none}
.faq-header:hover{background:var(--surface-1)}
.faq-icon{width:24px;height:24px;border-radius:6px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text-2);flex-shrink:0;transition:all .15s}
.faq-item.active .faq-icon{background:var(--n-accent-a12);color:var(--n-accent)}
.faq-body{padding:0 16px;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .2s}
.faq-item.active .faq-body{max-height:500px;padding:0 16px 14px}
.faq-body p{font-size:13px;color:var(--text-2);line-height:1.7}

/* ══ BLOG ══ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.blog-card{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .15s}
.blog-card:hover{box-shadow:var(--tp-shadow-md)}
.blog-card-img{width:100%;height:160px;object-fit:cover}
.blog-card-body{padding:14px}
.blog-card-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.4}
.blog-card-date{font-size:11px;color:var(--text-3);margin-bottom:8px}
.blog-card-excerpt{font-size:12px;color:var(--text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ══ ACCOUNT ══ */
.account-profile-box{background:var(--n-accent-grad);border-radius:16px;padding:24px;color:#fff;margin-bottom:18px;position:relative;overflow:hidden}
.account-profile-box::before{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;background:rgba(255,255,255,.08);border-radius:50%}
.account-avatar{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;border:3px solid rgba(255,255,255,.3);margin-bottom:12px}
.account-username{font-size:18px;font-weight:700;margin-bottom:4px}
.account-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.account-stat-item{background:rgba(255,255,255,.15);border-radius:10px;padding:10px;text-align:center}
.account-stat-value{font-size:16px;font-weight:700;display:block}
.account-stat-label{font-size:10px;opacity:.8;display:block}

/* ══ UPDATES / REFILL ══ */
.update-type-badge{display:inline-flex;padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700}
.update-new{background:rgba(16,185,129,.1);color:var(--n-emerald)}
.update-increase{background:rgba(239,68,68,.1);color:var(--n-red)}
.update-decrease{background:rgba(16,185,129,.1);color:var(--n-emerald)}
.update-enabled{background:rgba(59,130,246,.1);color:var(--n-blue)}
.update-disabled{background:rgba(245,158,11,.1);color:var(--n-amber)}
.status-active-row{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)!important}

/* ══ AFFILIATES ══ */
.affiliate-ref-box{display:flex;align-items:center;gap:8px;background:var(--n-accent-a12);border:1.5px solid var(--n-accent-a20);border-radius:10px;padding:11px 14px;margin-bottom:16px}
.affiliate-ref-url{flex:1;font-size:12px;color:var(--n-accent);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.affiliate-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
@media(max-width:640px){.affiliate-stats-grid{grid-template-columns:repeat(2,1fr)}}
.affiliate-stat{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}
.affiliate-stat-val{font-size:18px;font-weight:700;color:var(--n-accent);display:block;margin-bottom:2px}
.affiliate-stat-lbl{font-size:11px;color:var(--text-3)}

/* ══ ORDERS ══ */
.order-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.order-filter-tab{padding:5px 13px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .12s}
.order-filter-tab:hover,.order-filter-tab.active{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.order-row-link{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:11px;color:var(--text-3)}
.order-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}
.order-actions-group{display:flex;gap:5px}
.order-checkbox{width:15px;height:15px;accent-color:var(--n-accent);cursor:pointer}
#selectionBottomBar{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:10px 18px;z-index:200;box-shadow:var(--tp-shadow-md);display:none;align-items:center;gap:12px;white-space:nowrap;font-size:12px;font-weight:600}

/* ══ 2FA / RESET ══ */
.twofa-card{max-width:480px;margin:60px auto;padding:32px;background:var(--surface-0);border:1px solid var(--border);border-radius:18px;box-shadow:var(--tp-shadow-md)}
.twofa-icon{width:64px;height:64px;border-radius:50%;background:var(--n-accent-a12);color:var(--n-accent);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}
.twofa-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:6px;color:var(--text)}
.twofa-subtitle{font-size:13px;text-align:center;color:var(--text-3);margin-bottom:20px}

/* ══ MAIN HEADER (guest) ══ */
.main-header{background:var(--surface-0);border-bottom:1px solid var(--border);padding:0 20px;height:60px;display:flex;align-items:center}
.main-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}
.main-header-right{display:flex;align-items:center;gap:10px}
.main-header-link{display:flex;gap:14px}
.main-header-link-item{font-size:13px;font-weight:500;color:var(--text-2);transition:color .12s}
.main-header-link-item:hover{color:var(--n-accent)}
.main-header-btn-item{padding:8px 18px;border-radius:9px;background:var(--n-accent);color:#fff;font-size:13px;font-weight:600;transition:all .15s}
.main-header-btn-item:hover{background:var(--n-accent-2);color:#fff}

/* ══════════════════════════════════════════════════
   MILESTONE BANNER
   ══════════════════════════════════════════════════ */
.milestone-banner{
  background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);
  border-radius:18px;padding:28px 24px;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;position:relative;overflow:hidden;
}
.milestone-banner::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 20% 50%,rgba(234,30,99,.3) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 20%,rgba(100,80,240,.25) 0%,transparent 55%);
  pointer-events:none;
}
.milestone-banner-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.milestone-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 2.5s infinite}
@keyframes twinkle{0%,100%{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
.milestone-left{position:relative;z-index:1}
.milestone-greeting{font-size:11px;font-weight:600;color:rgba(255,255,255,.6);margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase}
.milestone-headline{font-size:22px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:8px}
.milestone-headline span{color:var(--n-accent)}
.milestone-sub{font-size:13px;color:rgba(255,255,255,.75);line-height:1.6;max-width:420px}
.milestone-counters{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;position:relative;z-index:1}
.milestone-count-item{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 18px;text-align:center;min-width:110px}
.milestone-count-num{font-size:20px;font-weight:800;color:#fff;display:block;line-height:1.1}
.milestone-count-num span{color:var(--n-accent)}
.milestone-count-lbl{font-size:10px;color:rgba(255,255,255,.65);display:block;margin-top:3px;font-weight:500}
.milestone-right{position:relative;z-index:1;text-align:center;flex-shrink:0}
.milestone-emoji{font-size:56px;line-height:1;display:block;filter:drop-shadow(0 0 20px rgba(234,30,99,.6));animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:640px){
  .milestone-banner{flex-direction:column;text-align:center}
  .milestone-sub{max-width:100%}
  .milestone-counters{justify-content:center}
  .milestone-right{display:none}
}

/* ══ GLOBAL RESPONSIVE ══ */
@media(max-width:640px){
  .nova-card{padding:14px}
  .table th,.table td{padding:8px 10px;font-size:11px}
  .page-header{padding:0 14px}
  .ticket-view-page{height:calc(100vh - 140px)}
}

/* ══ Services redesign ══ */
.svc-item{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:all .15s;margin-bottom:6px}
.svc-item:hover{border-color:rgba(234,30,99,.3);box-shadow:0 2px 14px rgba(234,30,99,.08)}
.svc-item-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.svc-item-left{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.svc-item-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.svc-item-id{font-size:10px;font-weight:700;background:var(--surface-2);color:var(--text-3);padding:2px 7px;border-radius:5px;flex-shrink:0}
.svc-item-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}
.svc-fav{color:var(--text-3);cursor:pointer;font-size:13px;flex-shrink:0}
.svc-fav.active{color:#f59e0b}
.svc-item-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.svc-meta-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-3);background:var(--surface-1);border:1px solid var(--border);padding:3px 8px;border-radius:6px}
.svc-meta-pill.avg{color:var(--n-amber);border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.06)}
.svc-item-price{font-size:15px;font-weight:800;color:var(--n-accent)}
.svc-item-actions{display:flex;gap:5px}
/* category box */
.services-category-box{padding:9px 16px;border-radius:9px;background:var(--surface-1);border:1.5px solid var(--border);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);transition:all .15s;display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;margin-inline-end:6px}
.services-category-box:hover,.services-category-box.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.services-top-box{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.services-top-box .form-control{flex:1;min-width:180px;max-width:280px}
.services-list{display:flex;flex-direction:column;gap:0}

/* ══ Neworder stats bar ══ */
.nob-statsbar{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:10px 18px;flex-wrap:wrap}
.nob-stat{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}
.nob-stat i{font-size:14px}
.nob-sep{width:1px;height:18px;background:var(--border)}
@media(max-width:640px){.nob-sep{display:none}.nob-statsbar{gap:8px;justify-content:flex-start}}

/* ══ Balance show/hide ══ */
.currencyBtnShowHide .hide,
.currencyHider_btn_phn .hide { display:none }
.currencyBtnShowHide .show,
.currencyHider_btn_phn .show { display:inline-flex;align-items:center }

/* ══ PAGE CONTENT margin fix ══ */
.page-content{margin-left:var(--tp-sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .2s}
.fsk-rtl .page-content{margin-left:0;margin-right:var(--tp-sidebar-w)}

/* ══ ACCOUNT PAGE ══ */
.account-form-section{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}
.account-form-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px}
.account-form-title i{color:var(--n-accent)}
.account-api-box{display:flex;align-items:center;gap:8px;background:var(--surface-1);border:1.5px solid var(--border);border-radius:10px;padding:10px 14px}
.account-api-key{flex:1;font-size:12px;font-family:monospace;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ══ MASSORDER ══ */
.massorder-wrap{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:20px}
.massorder-area{width:100%;min-height:200px;resize:vertical;background:var(--surface-1);border:1.5px solid var(--border);border-radius:9px;padding:12px;font-size:12px;font-family:monospace;color:var(--text);outline:none;transition:border-color .14s}
.massorder-area:focus{border-color:var(--n-accent)}
.massorder-hint{font-size:11px;color:var(--text-3);margin-bottom:8px}
.massorder-hint code{background:var(--surface-2);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--text-2)}

/* ══ CHILD PANEL ══ */
.child-panel-card{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}
.child-panel-price{font-size:24px;font-weight:800;color:var(--n-accent);margin-bottom:4px}
.child-panel-item{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.child-panel-domain{font-size:13px;font-weight:600;color:var(--text)}
.child-panel-dates{font-size:11px;color:var(--text-3)}

/* ══ SUBSCRIPTIONS ══ */
.sub-status-active{background:rgba(16,185,129,.08);color:var(--n-emerald);border-color:rgba(16,185,129,.2)!important}
.sub-status-stopped{background:rgba(239,68,68,.06);color:var(--n-red);border-color:rgba(239,68,68,.18)!important}
.sub-status-finished{background:rgba(245,158,11,.06);color:var(--n-amber);border-color:rgba(245,158,11,.18)!important}

/* ══ DRIP FEED ══ */
.drip-status-badge{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}

/* ══ NOTIFICATIONS ══ */
.notif-grid{width:100%;border-collapse:collapse;font-size:12px}
.notif-grid th{background:var(--surface-1);padding:9px 12px;font-size:11px;font-weight:700;color:var(--text-2);border-bottom:1px solid var(--border)}
.notif-grid td{padding:9px 12px;border-bottom:1px solid var(--border)}
.notif-grid tr:last-child td{border-bottom:none}
.notif-name{font-size:13px;font-weight:500;color:var(--text)}

/* ══ REFUNDS ══ */
.refund-type-1{background:rgba(239,68,68,.08);color:var(--n-red);padding:2px 8px;border-radius:5px;font-size:11px;font-weight:600}
.refund-type-2{background:rgba(245,158,11,.08);color:var(--n-amber);padding:2px 8px;border-radius:5px;font-size:11px;font-weight:600}

/* ══ API PAGE ══ */
.api-key-wrap{display:flex;align-items:center;gap:8px;background:var(--surface-1);border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:16px}
.api-key-txt{flex:1;font-size:12px;font-family:monospace;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.api-method-card{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:10px}
.api-method-header{padding:12px 14px;cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.api-method-header:hover{background:var(--surface-1)}
.api-verb{padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700;background:var(--n-emerald);color:#fff;flex-shrink:0}
.api-body{padding:14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-2)}

/* ══ SIGNIN / SIGNUP ══ */
.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}
.auth-box{background:var(--surface-0);border:1px solid var(--border);border-radius:18px;padding:32px;width:100%;max-width:420px;box-shadow:var(--tp-shadow-md)}
.auth-logo{text-align:center;margin-bottom:22px}
.auth-logo img{height:36px}
.auth-logo-text{font-size:22px;font-weight:800;color:var(--n-accent)}
.auth-title{font-size:18px;font-weight:700;color:var(--text);text-align:center;margin-bottom:5px}
.auth-sub{font-size:13px;color:var(--text-3);text-align:center;margin-bottom:22px}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--text-3);font-size:11px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border)}

/* ══ 2FA ══ */
.twofa-wrap{max-width:440px;margin:60px auto 0}
.twofa-box{background:var(--surface-0);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:var(--tp-shadow-md)}
.twofa-icon{width:60px;height:60px;border-radius:50%;background:var(--n-accent-a12);color:var(--n-accent);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}
.twofa-title{font-size:17px;font-weight:700;text-align:center;margin-bottom:5px;color:var(--text)}
.twofa-sub{font-size:13px;text-align:center;color:var(--text-3);margin-bottom:20px}

/* ══ BLOG ══ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.blog-card{background:var(--surface-0);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .15s}
.blog-card:hover{box-shadow:var(--tp-shadow-md)}
.blog-card-img{width:100%;height:160px;object-fit:cover}
.blog-card-body{padding:14px}
.blog-card-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:5px;line-height:1.4}
.blog-card-date{font-size:11px;color:var(--text-3);margin-bottom:8px}
.blog-card-excerpt{font-size:12px;color:var(--text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blogpost-img{border-radius:12px;width:100%;max-height:400px;object-fit:cover;margin-bottom:18px}
.blogpost-title{font-size:22px;font-weight:700;color:var(--text);margin-bottom:6px}
.blogpost-date{font-size:12px;color:var(--text-3);margin-bottom:16px}
.blogpost-body{font-size:13px;color:var(--text-2);line-height:1.9}
.blogpost-body h1,.blogpost-body h2,.blogpost-body h3{color:var(--text);font-weight:700;margin:16px 0 8px}
.blogpost-body p{margin-bottom:10px}
.blogpost-body a{color:var(--n-accent)}

/* ══ FAQ ══ */
.faq-wrap{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text);transition:background .12s;user-select:none}
.faq-header:hover{background:var(--surface-1)}
.faq-icon{width:24px;height:24px;border-radius:6px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text-2);flex-shrink:0;transition:all .14s}
.faq-item.active .faq-icon{background:var(--n-accent-a12);color:var(--n-accent)}
.faq-body{max-height:0;overflow:hidden;padding:0 16px;transition:max-height .25s ease,padding .2s}
.faq-item.active .faq-body{max-height:600px;padding:0 16px 14px}
.faq-body p,.faq-body div{font-size:13px;color:var(--text-2);line-height:1.7}

/* ══ TERMS / NEWPAGE ══ */
.terms-wrap,.newpage-wrap{font-size:13px;color:var(--text-2);line-height:1.9;background:var(--surface-0);border:1px solid var(--border);border-radius:14px;padding:24px}
.terms-wrap h1,.terms-wrap h2,.terms-wrap h3,.newpage-wrap h1{color:var(--text);font-weight:700;margin:16px 0 8px}
.terms-wrap p,.newpage-wrap p{margin-bottom:10px}
.terms-wrap a,.newpage-wrap a{color:var(--n-accent)}
.terms-wrap ul,.newpage-wrap ul{padding-inline-start:20px;margin-bottom:10px}
.terms-wrap li,.newpage-wrap li{margin-bottom:5px}

/* ══ UPDATES ══ */
.update-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.update-tab{padding:5px 13px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .12s}
.update-tab:hover,.update-tab.active{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.update-badge{display:inline-flex;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:700}
.update-new-svc{background:rgba(16,185,129,.1);color:var(--n-emerald)}
.update-rate-up{background:rgba(239,68,68,.1);color:var(--n-red)}
.update-rate-down{background:rgba(16,185,129,.1);color:var(--n-emerald)}
.update-enabled{background:rgba(59,130,246,.1);color:var(--n-blue)}
.update-disabled{background:rgba(245,158,11,.1);color:var(--n-amber)}

/* ══ AFFILIATES ══ */
.aff-ref-box{display:flex;align-items:center;gap:8px;background:var(--n-accent-a12);border:1.5px solid var(--n-accent-a20);border-radius:10px;padding:11px 14px;margin-bottom:16px}
.aff-ref-url{flex:1;font-size:12px;color:var(--n-accent);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aff-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
@media(max-width:640px){.aff-stats{grid-template-columns:repeat(2,1fr)}}
.aff-stat{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}
.aff-stat-val{font-size:18px;font-weight:700;color:var(--n-accent);display:block;margin-bottom:2px}
.aff-stat-lbl{font-size:11px;color:var(--text-3)}

/* ══ ORDERS TABLE ══ */
.orders-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.order-filter-tab{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .12s}
.order-filter-tab:hover,.order-filter-tab.active{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}
.order-link-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:11px;color:var(--text-3)}
#selectionBottomBar{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:10px 18px;z-index:200;box-shadow:var(--tp-shadow-md);display:none;align-items:center;gap:12px;font-size:12px;font-weight:600;white-space:nowrap}

/* ══ REFILL ══ */
.refill-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.refill-filter-tab{padding:5px 12px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .12s}
.refill-filter-tab:hover,.refill-filter-tab.active{border-color:var(--n-accent);color:var(--n-accent);background:var(--n-accent-a12)}

/* ══ GLOBAL RESPONSIVE ══ */
@media(max-width:640px){
  .nova-card,.nova-payment-card,.nova-history-card{padding:14px}
  .page-header{padding:0 14px}
  .ticket-view-page{height:calc(100vh - 140px)}
  .stats-box-content{grid-template-columns:repeat(2,1fr)}
}

/* ══════════════════════════════════════════════════
   ADDFUNDS - payment box style (from example)
   ══════════════════════════════════════════════════ */
.payment-box{background:var(--surface-0);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}
.payment-title{font-size:14px;font-weight:700;color:var(--text);display:block;margin-bottom:8px}
.select-amount{display:flex;gap:6px;flex-wrap:wrap}
.amount-item{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;cursor:pointer;background:var(--surface-1);color:var(--text-2);transition:all .14s}
.amount-item:hover{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
/* Payment dropdown */
.payment-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-0);border:1.5px solid var(--border);border-radius:12px;z-index:101;box-shadow:var(--tp-shadow-md);overflow:hidden}
.payment-dropdown.active{display:block}
.payment-dropdown-bg{display:none;position:fixed;inset:0;z-index:100}.payment-dropdown-bg.active{display:block}
.payment-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700}
.payment-dropdown-header i{cursor:pointer;color:var(--text-3)}
.payment-dropdown-box{max-height:300px;overflow-y:auto;padding:6px}
.payment-method{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-2);transition:background .12s;border-bottom:1px solid var(--border)}
.payment-method:last-child{border-bottom:none}
.payment-method:hover,.payment-method.active{background:var(--n-accent-a12);color:var(--n-accent)}
.payment-method i{font-size:18px;width:24px;text-align:center;flex-shrink:0}
/* History */
.payment-history{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto}
.history-box{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:10px 14px;transition:background .12s}
.history-box:hover{background:var(--surface-2)}
.history-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.history-payment-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}
.history-amount{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}
.history-bottom{display:flex;align-items:center;justify-content:space-between}
.history-date{font-size:11px;color:var(--text-3)}
.invoice_btn{background:var(--n-accent-a12);color:var(--n-accent);border:1px solid var(--n-accent-a20);padding:3px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}
.invoice_btn:hover{background:var(--n-accent);color:#fff}

/* ══ SIGNIN PAGE - full redesign ══ */
.signin-page,.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}
.signin-box,.signup-box{background:var(--surface-0);border:1px solid var(--border);border-radius:20px;padding:36px;width:100%;max-width:440px;box-shadow:var(--tp-shadow-md)}
.signin-logo,.signup-logo{text-align:center;margin-bottom:26px;display:flex;flex-direction:column;align-items:center;gap:10px}
.signin-logo img,.signup-logo img{height:40px}
.signin-logo-txt,.signup-logo-txt{font-size:24px;font-weight:800;color:var(--n-accent)}
.signin-title,.signup-title{font-size:20px;font-weight:700;color:var(--text);text-align:center;margin-bottom:5px}
.signin-sub,.signup-sub{font-size:13px;color:var(--text-3);text-align:center;margin-bottom:24px}
.signin-footer,.signup-footer{text-align:center;margin-top:18px;font-size:13px;color:var(--text-3)}
.signin-footer a,.signup-footer a{color:var(--n-accent);font-weight:600}
.signin-form-group,.signup-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.signin-form-group label,.signup-form-group label{font-size:11px;font-weight:600;color:var(--text-2)}
/* Captcha */
.captcha-wrap{margin-bottom:14px;border-radius:9px;overflow:hidden;border:1.5px solid var(--border)}

/* ══ ORDERS PAGE CSS ══ */
.orders-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.orders-top .all-dropdown{max-width:200px;min-width:150px}
.orders-top form{flex:1;min-width:200px;max-width:320px}
.order-actions{display:flex;gap:5px;flex-wrap:wrap}
.order-progress{height:5px;background:var(--surface-2);border-radius:3px;overflow:hidden;margin-top:3px}
.order-progress-fill{height:100%;background:var(--n-accent-grad);border-radius:3px;transition:width .4s}

/* ══ SERVICES PAGE - complete ══ */
.services-top-box{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.services-top-box select.all-dropdown{max-width:240px;flex-shrink:0}
.services-top-box input{flex:1;min-width:160px;max-width:300px}
.services-category-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--n-accent-a12);border-radius:10px;margin:18px 0 8px;font-size:13px;font-weight:700;color:var(--n-accent)}
.services-category-header i{font-size:16px}
/* Override svc-item for RTL */
.fsk-rtl .svc-item-right{text-align:right}
.fsk-rtl .svc-item-left{text-align:left}
.fsk-rtl .svc-item-name-row{flex-direction:row-reverse;justify-content:flex-end}

/* ══ BALANCE HIDE/SHOW ICONS STATE ══ */
/* Default: show "show" icon (eye-crossed = currently visible) */
.currencyBtnShowHide .hide,
.currencyHider_btn_phn .hide{display:none}
.currencyBtnShowHide .show,
.currencyHider_btn_phn .show{display:inline-flex;align-items:center;vertical-align:middle}

/* ══ MOBILE - bottom nav fix ══ */
@media(max-width:640px){
  .bottom-navigaiton{display:flex!important}
  /* hide desktop-only elements on mobile */
  .sb-desktop-toggle{display:none!important}
}
/* ══ DESKTOP - hide mobile-only ══ */
@media(min-width:641px){
  .bottom-navigaiton{display:none!important}
}

/* ══ RTL sidebar ══ */
.fsk-rtl .sidebar-menu-item{padding:0 18px 0 0}
.fsk-rtl .sidebar-menu-item>.sb-icon{order:-1}
.fsk-rtl .sidebar-bottom{direction:rtl}
.fsk-rtl .color-change-box{flex-direction:row-reverse}
.fsk-rtl .sidebar-user-box{flex-direction:row-reverse}
.fsk-rtl .sidebar-channels{flex-direction:row-reverse}

/* ══ PAGE CONTENT RTL ══ */
.fsk-rtl .page-header{direction:rtl}
.fsk-rtl .header-left{margin-right:0;margin-left:auto}
.fsk-rtl .announcements-box{right:auto;left:10px}
.fsk-rtl .currency-list{right:auto;left:0}

/* ══ Responsive page-content ══ */
@media(max-width:900px){
  .page-content{margin-left:0!important}
  .fsk-rtl .page-content{margin-left:0!important;margin-right:0!important}
}

/* ══ Sidebar scroll lock ══ */
body.sidebar-open{overflow:hidden}

/* ══════════════════════════════════════════════════
   RTL COMPREHENSIVE FIXES
   ══════════════════════════════════════════════════ */

/* ── Global RTL text & layout ── */
.fsk-rtl{direction:rtl;text-align:right}
.fsk-rtl .container-fluid,
.fsk-rtl .grid-container{direction:rtl}
.fsk-rtl .page-title{flex-direction:row-reverse}
.fsk-rtl .page-title i{margin-left:9px;margin-right:0}
.fsk-rtl .nova-card-header{flex-direction:row-reverse}
.fsk-rtl .nova-card-header i{margin-left:9px;margin-right:0}

/* ── Header RTL ── */
.fsk-rtl .page-header{flex-direction:row-reverse}
.fsk-rtl .header-left{flex-direction:row-reverse}
.fsk-rtl .header-right,.fsk-rtl .header-btn-box{flex-direction:row-reverse}
.fsk-rtl .balance-box{flex-direction:row-reverse}
.fsk-rtl .language-dropdown{left:0;right:auto}
.fsk-rtl .announcements-box{right:auto;left:10px}
.fsk-rtl .currency-list{right:auto;left:0}
.fsk-rtl .language-item{flex-direction:row-reverse}

/* ── Sidebar RTL ── */
.fsk-rtl .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border)}
.fsk-rtl .sidebar-top{padding:0 20px 0 0;flex-direction:row-reverse}
.fsk-rtl .sidebar-menu-item{padding:0 18px 0 0;flex-direction:row;justify-content:flex-end}
.fsk-rtl .sidebar-menu-item .sb-label{text-align:right;flex:1}
.fsk-rtl .sidebar-menu-item.active::before{left:auto;right:0;border-radius:3px 0 0 3px}
.fsk-rtl .sidebar-menu-item.active{background:linear-gradient(270deg,rgba(234,30,99,.08) 0%,transparent 100%)}
.fsk-rtl .sidebar-user-box{flex-direction:row-reverse}
.fsk-rtl .sidebar-channels{flex-direction:row-reverse}
.fsk-rtl .page-content{margin-left:0;margin-right:var(--tp-sidebar-w)}

/* ── Forms RTL ── */
.fsk-rtl .form-control{text-align:right;direction:rtl}
.fsk-rtl .control-label{text-align:right;display:block}
.fsk-rtl .input-group .form-control{border-radius:0 9px 9px 0}
.fsk-rtl .input-group-btn .btn{border-radius:9px 0 0 9px}
.fsk-rtl .alert .close{right:auto;left:10px}
.fsk-rtl .checkbox label,.fsk-rtl .form-group .terms{direction:rtl;text-align:right}

/* ── Tables RTL ── */
.fsk-rtl .table th,.fsk-rtl .table td{text-align:right}
.fsk-rtl .table-responsive{direction:rtl}

/* ── Cards & Stats RTL ── */
.fsk-rtl .stats-box-title{flex-direction:row-reverse}
.fsk-rtl .title-content{flex-direction:row-reverse}
.fsk-rtl .stats-box-balance{flex-direction:row-reverse}
.fsk-rtl .stats-balance{flex-direction:row-reverse}

/* ── Neworder RTL ── */
.fsk-rtl .neworder-top{flex-direction:row-reverse}
.fsk-rtl .filter_wraper{flex-direction:row-reverse}
.fsk-rtl .filter_item{flex-direction:row-reverse}
.fsk-rtl .dropdown-select-box{flex-direction:row-reverse}
.fsk-rtl .dropdown-select-name{flex-direction:row-reverse}
.fsk-rtl .category-dropdown,.fsk-rtl .service-dropdown{direction:rtl}
.fsk-rtl .category-dropdown-item{flex-direction:row-reverse}
.fsk-rtl .service-dropdown-item{direction:rtl}
.fsk-rtl .service-dropdown-top{flex-direction:row-reverse}
.fsk-rtl .service-dropdown-price{align-items:flex-start}
.fsk-rtl .service-features{flex-direction:row-reverse}
.fsk-rtl .link_item .deleteLinkBtn{right:auto;left:8px}
.fsk-rtl .settings-content,.fsk-rtl .link-content{direction:rtl}
.fsk-rtl .close-settings{flex-direction:row-reverse}

/* ── Services page RTL ── */
.fsk-rtl .svc-item{flex-direction:row-reverse}
.fsk-rtl .svc-item-right{text-align:right}
.fsk-rtl .svc-item-left{text-align:left;align-items:flex-start}
.fsk-rtl .svc-item-name-row{flex-direction:row-reverse}
.fsk-rtl .svc-item-meta{flex-direction:row-reverse}
.fsk-rtl .services-top-box{flex-direction:row-reverse}

/* ── Addfunds RTL ── */
.fsk-rtl .payment-box{direction:rtl}
.fsk-rtl .payment-dropdown{direction:rtl}
.fsk-rtl .payment-method{flex-direction:row-reverse}
.fsk-rtl .history-top{flex-direction:row-reverse}
.fsk-rtl .history-bottom{flex-direction:row-reverse}
.fsk-rtl .select-amount{flex-direction:row-reverse}

/* ── Tickets RTL ── */
.fsk-rtl .nova-ticket-top{flex-direction:row-reverse}
.fsk-rtl .nova-ticket-bottom{flex-direction:row-reverse}
.fsk-rtl .nova-support-row{flex-direction:row-reverse}
.fsk-rtl .nova-subject-tab{direction:rtl}
.fsk-rtl .nova-ticket-item.unread{border-left:none;border-right:3px solid var(--n-accent)}
.fsk-rtl .ticket-view-top{flex-direction:row-reverse}
.fsk-rtl .message-left{align-self:flex-end}
.fsk-rtl .message-right{align-self:flex-start}
.fsk-rtl .message-left .message-text{border-radius:12px 0 12px 12px}
.fsk-rtl .message-right .message-text{border-radius:0 12px 12px 12px}
.fsk-rtl .message-bottom{flex-direction:row-reverse}

/* ── Dashboard RTL ── */
.fsk-rtl .milestone-banner{flex-direction:row-reverse}
.fsk-rtl .milestone-counters{flex-direction:row-reverse}
.fsk-rtl .db-hero-card{direction:rtl}
.fsk-rtl .db-stat-card{direction:rtl;text-align:right}
.fsk-rtl .db-quick-links{direction:rtl}
.fsk-rtl .quick-link-item{flex-direction:row-reverse}

/* ── Pagination RTL ── */
.fsk-rtl .pagination,.rtl-pagination{direction:rtl}

/* ── Modal RTL ── */
.fsk-rtl .modal-top{flex-direction:row-reverse}
.fsk-rtl .modal-bottom{flex-direction:row-reverse}
.fsk-rtl .modal-center{text-align:right;direction:rtl}

/* ── Bottom nav RTL ── */
.fsk-rtl .bottom-navigaiton{direction:rtl}

/* ══════════════════════════════════════════════════
   ADDFUNDS COMPLETE STYLES
   ══════════════════════════════════════════════════ */
/* Override previous payment-box colors */
.payment-box{background:var(--surface-0);border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--tp-shadow)}
.payment-title{font-size:15px;font-weight:700;color:var(--text);display:block;margin-bottom:2px}
.select-amount{display:flex;gap:6px;flex-wrap:wrap}
.amount-item{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;cursor:pointer;background:var(--surface-1);color:var(--text-2);transition:all .14s;user-select:none}
.amount-item:hover,.amount-item.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
/* payment dropdown */
.payment-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-0);border:1.5px solid var(--border);border-radius:12px;z-index:200;box-shadow:var(--tp-shadow-md);overflow:hidden;min-width:240px}
.payment-dropdown.active{display:block}
.payment-dropdown-bg{display:none;position:fixed;inset:0;z-index:199}.payment-dropdown-bg.active{display:block}
.payment-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text)}
.payment-dropdown-header i{cursor:pointer;color:var(--text-3);font-size:16px}
.payment-dropdown-box{max-height:320px;overflow-y:auto}
.payment-categories-tabs{padding:8px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.payment-search-wrapper{display:flex;align-items:center;gap:6px;flex:1;min-width:120px;border:1px solid var(--border);border-radius:8px;padding:5px 10px;background:var(--surface-1)}
.payment-search-wrapper i{color:var(--text-3);font-size:13px;flex-shrink:0}
.payment-search-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:var(--text)}
.category-tab{padding:5px 10px;border-radius:7px;border:1px solid var(--border);font-size:11px;font-weight:600;cursor:pointer;background:var(--surface-1);color:var(--text-2);transition:all .12s;white-space:nowrap}
.category-tab.active,.category-tab:hover{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.payment-categories-content{padding:6px}
.payment-method{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--border)}
.payment-method:last-child{border-bottom:none}
.payment-method:hover,.payment-method.active{background:var(--n-accent-a12)}
.payment-name-container{display:flex;align-items:center;gap:9px}
.payment-name-container i{font-size:18px;color:var(--text-2);width:24px;text-align:center;flex-shrink:0}
.payment-text{font-size:13px;font-weight:500;color:var(--text)}
.payment-description{font-size:11px;color:var(--text-3)}
#payment-dropdown-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
#payment-dropdown-select i{font-size:17px;color:var(--text-3);flex-shrink:0}
.selected-payment-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* history */
.payment-history{display:flex;flex-direction:column;gap:8px;max-height:540px;overflow-y:auto;padding-right:2px}
.history-box{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:10px 14px;transition:all .12s}
.history-box:hover{border-color:var(--n-accent-a20);background:var(--surface-2)}
.history-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:8px}
.history-payment-name{font-size:12px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}
.history-payment-name i{color:var(--n-accent);font-size:14px}
.history-amount{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px;flex-shrink:0}
.history-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.history-date{font-size:11px;color:var(--text-3)}
.history-invoice{flex-shrink:0}
.invoice_btn{background:var(--n-accent-a12);color:var(--n-accent);border:1px solid var(--n-accent-a20);padding:3px 11px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}
.invoice_btn:hover{background:var(--n-accent);color:#fff}
.nova-empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:var(--text-3);text-align:center}
.nova-empty-state i{font-size:36px;color:var(--border)}
.nova-empty-state span{font-size:13px}
/* RTL addfunds */
.fsk-rtl .payment-name-container{flex-direction:row-reverse}
.fsk-rtl .history-payment-name{flex-direction:row-reverse}
.fsk-rtl #payment-dropdown-select{flex-direction:row-reverse}

/* ══════════════════════════════════════════════════
   SIGNIN / SIGNUP COMPLETE
   ══════════════════════════════════════════════════ */
.signin-wrap,.signup-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}
.signin-card,.signup-card{background:var(--surface-0);border:1px solid var(--border);border-radius:20px;padding:38px;width:100%;max-width:440px;box-shadow:0 8px 30px rgba(0,0,0,.1)}
.signin-hero,.signup-hero{text-align:center;margin-bottom:28px}
.signin-hero img,.signup-hero img{height:44px;margin-bottom:10px}
.signin-hero-text,.signup-hero-text{font-size:26px;font-weight:800;color:var(--n-accent);margin-bottom:4px}
.signin-hero-sub,.signup-hero-sub{font-size:13px;color:var(--text-3)}
.signin-form,.signup-form{display:flex;flex-direction:column;gap:14px}
.signin-footer,.signup-footer{text-align:center;margin-top:18px;font-size:13px;color:var(--text-3);display:flex;align-items:center;justify-content:center;gap:5px}
.signin-footer a,.signup-footer a{color:var(--n-accent);font-weight:600}
.signin-footer a:hover,.signup-footer a:hover{text-decoration:underline}
.signin-divider,.signup-divider{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:11px}
.signin-divider::before,.signin-divider::after,.signup-divider::before,.signup-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.fsk-rtl .signin-card,.fsk-rtl .signup-card{direction:rtl}
.fsk-rtl .signin-form,.fsk-rtl .signup-form{direction:rtl}

/* ══ Captcha ══ */
.captcha-form-group{border:1.5px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface-1)}
.captcha-form-group img{width:100%;max-height:60px;object-fit:contain;background:#fff}

/* ══════════════════════════════════════════════════
   ORDERS PAGE COMPLETE
   ══════════════════════════════════════════════════ */
.orders-top-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.orders-top-bar select{max-width:200px;min-width:130px}
.orders-top-bar form{flex:1;min-width:160px;max-width:320px}
.order-sel-bar{display:none;align-items:center;justify-content:space-between;background:var(--n-accent-a12);border:1.5px solid var(--n-accent-a20);border-radius:10px;padding:8px 14px;margin-bottom:12px;gap:10px}
.order-sel-bar.active{display:flex}
.order-sel-count{font-size:13px;font-weight:600;color:var(--n-accent)}
.order-sel-actions{display:flex;gap:6px}
.order-actions-cell{display:flex;gap:4px;flex-wrap:nowrap}
.progress-wrap{margin-top:3px}
.order-progress{height:4px;background:var(--surface-2);border-radius:3px;overflow:hidden}
.order-progress-fill{height:100%;background:var(--n-accent-grad);border-radius:3px}
/* RTL orders */
.fsk-rtl .orders-top-bar{flex-direction:row-reverse}
.fsk-rtl .order-actions-cell{flex-direction:row-reverse}
.fsk-rtl .order-sel-bar{flex-direction:row-reverse}

/* ══════════════════════════════════════════════════
   SERVICES PAGE COMPLETE
   ══════════════════════════════════════════════════ */
.services-top-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.services-top-bar select{max-width:260px;flex-shrink:0}
.services-top-bar input{flex:1;min-width:160px}
.services-category-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.services-cat-btn{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);font-size:12px;font-weight:600;cursor:pointer;background:var(--surface-1);color:var(--text-2);transition:all .13s;display:flex;align-items:center;gap:6px}
.services-cat-btn:hover,.services-cat-btn.active{background:var(--n-accent);color:#fff;border-color:var(--n-accent)}
.services-section-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--n-accent-a12);border-radius:10px;margin:16px 0 8px;font-size:13px;font-weight:700;color:var(--n-accent)}
.services-section-head i{font-size:15px}
/* service item */
.svc-item{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .14s;margin-bottom:5px}
.svc-item:hover{border-color:rgba(234,30,99,.3);box-shadow:0 2px 12px rgba(234,30,99,.08)}
.svc-item-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.svc-item-left{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:100px}
.svc-item-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.svc-item-id{font-size:10px;font-weight:700;background:var(--surface-2);color:var(--text-3);padding:2px 7px;border-radius:5px;flex-shrink:0}
.svc-item-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.4}
.svc-fav{color:var(--text-3);cursor:pointer;font-size:13px;flex-shrink:0;transition:color .12s}
.svc-fav.active,.svc-fav:hover{color:#f59e0b}
.svc-item-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.svc-meta-pill{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-3);background:var(--surface-1);border:1px solid var(--border);padding:2px 7px;border-radius:5px}
.svc-meta-pill.avg{color:var(--n-amber);border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.06)}
.svc-item-price{font-size:15px;font-weight:800;color:var(--n-accent);white-space:nowrap}
.svc-item-actions{display:flex;gap:5px}
/* RTL services */
.fsk-rtl .svc-item{flex-direction:row-reverse}
.fsk-rtl .svc-item-right{text-align:right}
.fsk-rtl .svc-item-left{align-items:flex-start}
.fsk-rtl .svc-item-name-row{flex-direction:row-reverse}
.fsk-rtl .svc-item-meta{flex-direction:row-reverse}
.fsk-rtl .services-top-bar,.fsk-rtl .services-category-list,.fsk-rtl .services-section-head{flex-direction:row-reverse}

/* ══ support-cards-mini RTL ══ */
.fsk-rtl .support-cards-mini{flex-direction:row-reverse}
.fsk-rtl .support-card-mini{flex-direction:row-reverse}

/* ══ stats-box RTL ══ */
.fsk-rtl .stats-box{direction:rtl}
.fsk-rtl .stats-box-title{flex-direction:row-reverse}
.fsk-rtl .title-content{flex-direction:row-reverse}
.fsk-rtl .stats-box-balance{flex-direction:row-reverse}
.fsk-rtl .stats-balance{flex-direction:row-reverse}

/* ══ nob-statsbar RTL ══ */
.fsk-rtl .nob-statsbar{flex-direction:row-reverse}
.fsk-rtl .nob-stat{flex-direction:row-reverse}

/* ══ Nova card header RTL ══ */
.fsk-rtl .nova-card-header{flex-direction:row-reverse}
.fsk-rtl .page-title{flex-direction:row-reverse}
.fsk-rtl .page-title i{margin-left:9px;margin-right:0}