:root{--brand:#D40000;--brand-rgb:212,0,0;--accent:#80100F;--accent-rgb:128,16,15;--ink:#111111;--muted:#6B6B6B;--surface:#F3F3F3;--line:#E3E3E3;--navy:#0A0A0A;--dark:#141414;--sb-w:264px}
*{box-sizing:border-box}
body.panel-body{font-family:"Manrope",system-ui,sans-serif;background:var(--surface);color:var(--ink);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.01em}
a{color:var(--brand);text-decoration:none}
.panel-wrap{display:flex;min-height:100vh}
.sidebar{width:var(--sb-w);background:var(--navy);color:#b3b3b3;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:1040;transition:transform .25s;overflow-y:auto}
.sb-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 14px;color:#fff;font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.sb-brand img{height:40px;background:#fff;border-radius:10px;padding:4px}
.brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(var(--brand-rgb),1)}
.sb-user{display:flex;align-items:center;gap:12px;margin:0 16px 12px;padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:12px}
.sb-user strong{display:block;color:#fff;font-size:.92rem;line-height:1.2}
.sb-user span{font-size:.78rem;color:#8c8c8c}
.sb-nav{padding:6px 12px 20px;display:flex;flex-direction:column;gap:2px;flex:1}
.sb-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:#b3b3b3;border-left:3px solid transparent;font-weight:600;font-size:.93rem;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.sb-link i:first-child{font-size:1.05rem;text-align:center}
.sb-link:hover{background:rgba(255,255,255,.06);color:#fff}
.sb-link.active{background:rgba(var(--brand-rgb),.18);color:#fff;border-left-color:var(--brand)}
.sb-link .caret{margin-left:auto;font-size:.8rem;transition:transform .2s}
.sb-group.open .caret{transform:rotate(180deg)}
.sb-sub{display:none;flex-direction:column;gap:1px;padding:4px 0 6px 22px}
.sb-group.open .sb-sub{display:flex}
.sb-sublink{display:flex;align-items:center;padding:8px 14px;border-radius:8px;color:#9a9a9a;font-size:.88rem;font-weight:500}
.sb-sublink:hover{color:#fff;background:rgba(255,255,255,.06)}
.sb-sublink.active{color:#fff;background:rgba(var(--brand-rgb),.22)}
.sb-foot{padding:12px 20px;font-size:.75rem;color:#6b6b6b;border-top:1px solid rgba(255,255,255,.06)}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1035}
.panel-main{flex:1;margin-left:var(--sb-w);min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:1020;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 28px;display:flex;align-items:center;gap:14px}
.topbar-title{font-size:1.15rem;margin:0;flex:1;color:var(--ink)}
.topbar-right{display:flex;align-items:center;gap:12px}
.btn-icon{background:#fff;border:1px solid var(--line);border-radius:10px;width:40px;height:40px;font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.wallet-chip{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:800;padding:8px 14px;border-radius:999px;font-size:.92rem;box-shadow:0 8px 18px -8px rgba(var(--brand-rgb),1)}
.user-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;font-weight:700;font-size:.9rem;color:var(--ink)}.user-btn:hover{color:var(--brand);border-color:var(--brand)}
.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.avatar-sm{width:34px;height:34px;font-size:.8rem}
.panel-content{padding:28px;flex:1}
@media (max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:none}.sidebar-backdrop.show{display:block}.panel-main{margin-left:0}.topbar{padding:10px 16px}.panel-content{padding:16px}}

/* cards + tables */
.card{border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px -18px rgba(0,0,0,.35)}
.card-header{background:#fff;border-bottom:1px solid var(--line);font-weight:800;padding:14px 20px;border-radius:14px 14px 0 0!important;border-left:3px solid var(--brand)}
.card-body{padding:20px}
.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;height:100%;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(0,0,0,.35)}
.stat-card i{width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));flex:none}
.stat-card.accent i{background:linear-gradient(135deg,#F59E0B,#B45309)}
.stat-card.green i{background:linear-gradient(135deg,#22C55E,#15803D)}
.stat-card.navy i{background:linear-gradient(135deg,#333,#0A0A0A)}
.stat-card strong{display:block;font-size:1.45rem;font-weight:800;line-height:1.1}
.stat-card span{font-size:.86rem;color:var(--muted)}
.table{font-size:.9rem}
.table thead th{font-weight:700;color:#fff;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;border-bottom:0;background:var(--dark);white-space:nowrap}
.table td{vertical-align:middle}
.table-hover tbody tr:hover{background:rgba(var(--brand-rgb),.04)}
.thumb{width:64px;height:44px;object-fit:contain;background:var(--surface);border-radius:8px;padding:3px;border:1px solid var(--line)}
.thumb-lg{max-width:240px;max-height:140px;object-fit:contain;background:var(--surface);border-radius:12px;padding:6px;border:1px solid var(--line)}
.form-label{font-weight:700;font-size:.86rem}
.form-control,.form-select{border-radius:10px;border-color:var(--line);padding:.6rem .85rem}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(var(--brand-rgb),.12)}
.form-text{font-size:.8rem}
.btn{border-radius:10px;font-weight:700}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--accent);border-color:var(--accent)}
.btn-outline-primary{color:var(--brand);border-color:var(--brand)}
.btn-outline-primary:hover{background:var(--brand);border-color:var(--brand)}
.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-accent:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.badge{font-weight:700;border-radius:8px;padding:.4em .6em}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}
.toolbar form{display:flex;flex-wrap:wrap;gap:8px}
.toolbar .form-control,.toolbar .form-select{width:auto;min-width:150px}
.nav-pills .nav-link{border-radius:10px;font-weight:700;color:var(--muted)}
.nav-pills .nav-link.active{background:var(--brand)}
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 14px;text-align:center;position:relative;color:var(--ink);font-weight:700;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s,border-color .15s}
.tile img{height:70px;object-fit:contain}
.tile:hover{transform:translateY(-3px);border-color:var(--brand)}
.tile .soon{position:absolute;top:8px;right:8px;font-size:.66rem;background:var(--brand);color:#fff;border-radius:6px;padding:2px 6px;font-weight:700}
.empty{padding:40px;text-align:center;color:var(--muted)}
.empty i{font-size:2.2rem;display:block;margin-bottom:8px;color:rgba(var(--brand-rgb),.5)}
.color-row{display:flex;gap:8px;align-items:center}
.color-row input[type=color]{width:46px;height:40px;padding:2px;border-radius:10px;border:1px solid var(--line)}
.domain-preview{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:12px 14px;font-weight:700}
.guide{background:#fff5f5;border:1px solid #f5c2c2;border-radius:12px;padding:16px 18px;font-size:.9rem}
.guide ol{margin:8px 0 0;padding-left:18px}
.guide code{background:#fff;padding:1px 6px;border-radius:6px;border:1px solid #f5c2c2;color:var(--brand)}

.badge.text-bg-primary{background:var(--brand)!important}
.list-group-item-action:hover{background:rgba(var(--brand-rgb),.04)}
.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}
.page-link{color:var(--brand)}
.page-item.active .page-link{background:var(--brand);border-color:var(--brand)}

/* ===== v1.2.0 polish ===== */
h1,h2,h3,h4,h5,h6,.topbar-title,.stat-card strong{font-family:"Sora","Manrope",system-ui,sans-serif}
.panel-content > *{animation:panelIn .45s cubic-bezier(.2,.65,.2,1) both}
.panel-content > *:nth-child(2){animation-delay:.06s}
.panel-content > *:nth-child(3){animation-delay:.12s}
.panel-content > *:nth-child(4){animation-delay:.18s}
@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sb-link,.sb-sublink{transition:background .15s,color .15s,transform .15s}
.sb-link:hover,.sb-sublink:hover{transform:translateX(3px)}
.topbar{box-shadow:0 6px 20px -18px rgba(0,0,0,.4)}
.card{transition:box-shadow .2s}
.card:hover{box-shadow:0 14px 30px -20px rgba(0,0,0,.35)}
.btn{transition:transform .12s,box-shadow .12s,background .15s,border-color .15s,color .15s}
.btn-primary{box-shadow:0 10px 22px -12px rgba(var(--brand-rgb),.9)}
.btn-primary:hover{transform:translateY(-1px)}
.stat-card i{transition:transform .2s}
.stat-card:hover i{transform:scale(1.08) rotate(-4deg)}
.alert{animation:alertIn .35s cubic-bezier(.2,.65,.2,1)}
@keyframes alertIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.nav-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--brand);z-index:1060;transition:width .4s ease;pointer-events:none}
.nav-progress.on{width:80%}
.table tbody tr{transition:background .12s}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:10px;border:2px solid #f1f1f1}
::-webkit-scrollbar-thumb:hover{background:var(--brand)}
@media (prefers-reduced-motion:reduce){.panel-content > *{animation:none}.sb-link:hover,.sb-sublink:hover,.btn-primary:hover{transform:none}}

/* ===== v1.3.0 dashboard ===== */
@font-face{font-family:"DSEG7";src:url("../fonts/DSEG7Classic-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
.dash-poster{position:relative;width:100%;aspect-ratio:1650/350;min-height:210px;max-height:350px;border-radius:16px;overflow:hidden;background:#0A0A0A center/cover no-repeat;box-shadow:0 18px 40px -22px rgba(0,0,0,.5);margin-bottom:18px}
.dash-poster-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.05) 70%,rgba(0,0,0,.45) 100%)}
.dash-poster-text{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#fff;max-width:52%}
.dash-poster-text h2{color:#fff;font-size:clamp(1.3rem,2.4vw,2.2rem);margin:10px 0 4px;text-shadow:0 6px 24px rgba(0,0,0,.6)}
.dash-poster-text p{color:rgba(255,255,255,.82);margin:0;font-weight:600}
.dash-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(212,0,0,.85);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.dash-clock{position:absolute;right:24px;bottom:22px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 18px 10px;text-align:right;box-shadow:0 12px 30px -16px rgba(0,0,0,.8)}
.seg-wrap{position:relative;display:inline-block;line-height:1}
.seg,.seg-ghost{font-family:"DSEG7","Orbitron",monospace;font-weight:700;font-size:clamp(1.5rem,3vw,2.8rem);letter-spacing:.04em}
.seg{color:#ff2b2b;text-shadow:0 0 10px rgba(255,43,43,.85),0 0 28px rgba(212,0,0,.55);animation:segGlow 2.4s ease-in-out infinite;position:relative;z-index:1}
.seg-ghost{position:absolute;left:0;top:0;color:rgba(255,255,255,.08);pointer-events:none}
.seg .colon{transition:opacity .15s}
.seg.tick .colon{opacity:.15}
@keyframes segGlow{0%,100%{text-shadow:0 0 10px rgba(255,43,43,.85),0 0 28px rgba(212,0,0,.55)}50%{text-shadow:0 0 16px rgba(255,43,43,1),0 0 44px rgba(212,0,0,.8)}}
.clock-meta{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;font-family:"Orbitron","Sora",sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.clock-meta span{opacity:.92}
.clock-meta .dot{width:5px;height:5px;border-radius:50%;background:#ff2b2b;box-shadow:0 0 8px #ff2b2b;opacity:1}
.clock-meta .flip{animation:flipIn .5s}
@keyframes flipIn{from{transform:rotateX(90deg);opacity:0}to{transform:none;opacity:1}}
@media (max-width:767px){.dash-poster{min-height:240px}.dash-poster-text{max-width:70%;top:24px;transform:none;left:18px}.dash-poster-text h2{font-size:1.15rem}.dash-clock{right:12px;bottom:12px;padding:8px 12px 6px;border-radius:10px}.seg,.seg-ghost{font-size:1.3rem}.clock-meta{font-size:.62rem;gap:6px}}

.biz-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;height:100%;position:relative;overflow:hidden}
.biz-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:rgba(var(--brand-rgb),.07);pointer-events:none}
.biz-today::before{background:rgba(245,158,11,.12)}
.biz-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--ink);margin-bottom:6px}
.biz-head span i{color:var(--brand);margin-right:8px}
.biz-today .biz-head span i{color:#F59E0B}
.biz-head small{color:var(--muted);font-weight:600}
.biz-main .lbl{display:block;font-size:.8rem;color:var(--muted);font-weight:600}
.biz-main strong{display:block;font-family:"Sora",sans-serif;font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:-.02em;color:var(--ink);line-height:1.15;margin:2px 0 12px}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.biz-grid div{background:var(--surface);border-radius:10px;padding:9px 12px}
.biz-grid span{display:block;font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.biz-grid strong{font-size:1rem;color:var(--ink)}
@media (max-width:575px){.biz-grid{grid-template-columns:repeat(2,1fr)}}

.chart-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;height:100%}
.chart-card .chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.chart-card h6{font-weight:800;margin:0}
.chart-card small{color:var(--muted)}
.chart-box{min-height:280px;position:relative}
.chart-box.sm{min-height:250px}
.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;text-align:center;padding:20px;pointer-events:none}
.legend-dots{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--muted)}
.legend-dots i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}

/* ===== v1.4.0 earnings strip + commission grid ===== */
.earn-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.earn-group{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px 16px;position:relative;overflow:hidden}
.earn-group::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.earn-today::after{background:linear-gradient(180deg,#F59E0B,#B45309)}
.earn-title{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--ink);margin-bottom:10px;padding-left:6px}
.earn-title span i{color:var(--brand);margin-right:8px}
.earn-today .earn-title span i{color:#F59E0B}
.earn-title small{color:var(--muted);font-weight:600}
.earn-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-left:6px}
.earn-box{border-radius:12px;padding:12px 12px 12px 14px;color:#fff;position:relative;overflow:hidden;min-height:92px;box-shadow:0 10px 24px -14px rgba(0,0,0,.45)}
.earn-box::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14);right:-40px;top:-50px}
.earn-box i{position:absolute;right:12px;bottom:8px;font-size:1.5rem;opacity:.35}
.earn-box span{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.9}
.earn-box strong{display:block;font-family:"Sora",sans-serif;font-size:clamp(1.05rem,1.6vw,1.45rem);letter-spacing:-.02em;margin-top:6px;line-height:1.15}
.earn-box.gross{background:linear-gradient(135deg,#2563EB,#1E3A8A)}
.earn-box.dist{background:linear-gradient(135deg,#F59E0B,#B45309)}
.earn-box.net{background:linear-gradient(135deg,#16A34A,#14532D)}
@media (max-width:1199px){.earn-strip{grid-template-columns:1fr}}
@media (max-width:575px){.earn-boxes{grid-template-columns:1fr}}
.rate-grid td,.rate-grid th{vertical-align:middle;white-space:nowrap}
.rate-grid .rate-cell{display:flex;gap:4px;align-items:center}
.rate-grid .rate-cell .form-select{width:64px;padding:.3rem .4rem;font-size:.8rem}
.rate-grid .rate-cell .form-control{width:82px;padding:.3rem .5rem;font-size:.85rem;text-align:right}
.rate-grid .sub{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.rate-grid thead th{position:sticky;top:0}
.rate-pill{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-weight:700;font-size:.85rem}
.rate-pill.c{color:#15803D}.rate-pill.ch{color:#B45309}
.rights-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:3px 7px}
.rights-badge.custom{background:rgba(22,163,74,.12);color:#15803D}
.rights-badge.fixed{background:rgba(0,0,0,.06);color:#444}

/* ===== v1.5.0 header controls, mini sidebar, dark mode, language, location ===== */
.topbar-right{gap:10px}
.wallet-chip{border:0;cursor:pointer}
.wallet-menu{min-width:280px;padding:10px 0}
.wallet-menu .wm-row{display:flex;justify-content:space-between;gap:12px;padding:6px 16px;font-size:.88rem}
.wallet-menu .wm-row span{color:var(--muted)}
.wallet-menu .wm-row strong{font-family:"Sora",sans-serif}
.lang-btn{width:auto;padding:0 10px;gap:6px;font-size:1.1rem}
.lang-btn .lang-cur{font-size:.75rem;font-weight:800;letter-spacing:.06em}
.lang-menu{max-height:420px;overflow-y:auto;min-width:240px}
.lang-menu .dropdown-item.active{background:var(--brand)}
#google_translate_element{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
.profile-menu{min-width:300px;padding:8px 0}
.profile-menu .pm-head{padding:6px 16px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.profile-menu .pm-head strong{display:block;font-size:.95rem}
.profile-menu .pm-head span{font-size:.78rem;color:var(--muted)}
.profile-menu .dropdown-item{display:flex;align-items:center}
.profile-menu .pm-loc .dropdown-item-text{font-size:.9rem;font-weight:600;padding:8px 16px}
.pm-loc-text{font-weight:500;font-size:.85rem;color:var(--muted);margin:4px 0 0 26px;line-height:1.35}

/* collapsible (mini) side menu on desktop */
@media (min-width:992px){
  html.sb-mini .sidebar{width:78px;overflow:visible}
  html.sb-mini .sidebar:not(:hover) .sb-brand span:not(.brand-mark),html.sb-mini .sidebar:not(:hover) .sb-user div,html.sb-mini .sidebar:not(:hover) .sb-link span,html.sb-mini .sidebar:not(:hover) .sb-link .caret,html.sb-mini .sidebar:not(:hover) .sb-link .badge,html.sb-mini .sidebar:not(:hover) .sb-sub,html.sb-mini .sidebar:not(:hover) .sb-foot{display:none}
  html.sb-mini .sidebar:not(:hover) .sb-brand{justify-content:center;padding:18px 0 12px}
  html.sb-mini .sidebar:not(:hover) .sb-brand img{height:36px}
  html.sb-mini .sidebar:not(:hover) .sb-user{justify-content:center;margin:0 12px 10px;padding:8px}
  html.sb-mini .sidebar:not(:hover) .sb-link{justify-content:center;padding:12px 0;border-left-width:0}
  html.sb-mini .sidebar:not(:hover) .sb-link i{font-size:1.25rem}
  html.sb-mini .sidebar:hover{width:var(--sb-w);box-shadow:20px 0 40px -20px rgba(0,0,0,.5)}
  html.sb-mini .panel-main{margin-left:78px}
  .sidebar{transition:width .2s,transform .25s}
  .panel-main{transition:margin-left .2s}
}

/* dark mode */
html[data-bs-theme=dark]{--surface:#0F0F0F;--line:#2A2A2A;--ink:#F3F3F3;--muted:#A3A3A3}
html[data-bs-theme=dark] body{background:var(--surface);color:#E5E5E5}
html[data-bs-theme=dark] .topbar{background:rgba(20,20,20,.92);border-bottom-color:#2A2A2A}
html[data-bs-theme=dark] .btn-icon,html[data-bs-theme=dark] .user-btn{background:#1C1C1C;border-color:#333;color:#fff}
html[data-bs-theme=dark] .card,html[data-bs-theme=dark] .stat-card,html[data-bs-theme=dark] .chart-card,html[data-bs-theme=dark] .biz-card,html[data-bs-theme=dark] .earn-group,html[data-bs-theme=dark] .tile,html[data-bs-theme=dark] .card-header{background:#171717;border-color:#2A2A2A;color:#E5E5E5}
html[data-bs-theme=dark] .card-header{background:#1B1B1B}
html[data-bs-theme=dark] .biz-grid div{background:#222}
html[data-bs-theme=dark] .biz-grid strong,html[data-bs-theme=dark] .biz-main strong,html[data-bs-theme=dark] .stat-card strong,html[data-bs-theme=dark] .earn-title,html[data-bs-theme=dark] .biz-head,html[data-bs-theme=dark] .chart-card h6,html[data-bs-theme=dark] .tile{color:#F3F3F3}
html[data-bs-theme=dark] .table{--bs-table-bg:transparent;--bs-table-color:#E5E5E5;--bs-table-hover-bg:rgba(255,255,255,.04);--bs-table-hover-color:#fff;--bs-table-border-color:#2A2A2A}
html[data-bs-theme=dark] .table thead th{background:#0A0A0A}
html[data-bs-theme=dark] .empty{color:#8a8a8a}
html[data-bs-theme=dark] .guide{background:#1f1212;border-color:#4a1f1f;color:#E5E5E5}
html[data-bs-theme=dark] .guide code{background:#111;border-color:#4a1f1f}
html[data-bs-theme=dark] .toolbar .form-control,html[data-bs-theme=dark] .toolbar .form-select{background:#1C1C1C;border-color:#333;color:#fff}
html[data-bs-theme=dark] .rate-pill{background:#222;border-color:#333}
html[data-bs-theme=dark] .rights-badge.fixed{background:rgba(255,255,255,.1);color:#ddd}
html[data-bs-theme=dark] .list-group-item{background:transparent;color:#E5E5E5;border-color:#2A2A2A}
html[data-bs-theme=dark] .text-muted{color:#A3A3A3!important}
html[data-bs-theme=dark] .btn-light{background:#2A2A2A;border-color:#2A2A2A;color:#fff}
html[data-bs-theme=dark] .btn-light:hover{background:#3a3a3a;border-color:#3a3a3a;color:#fff}
html[data-bs-theme=dark] .thumb,html[data-bs-theme=dark] .thumb-lg{background:#fff}
html[data-bs-theme=dark] .dash-poster{box-shadow:0 18px 40px -22px rgba(0,0,0,.9)}
html[data-bs-theme=dark] .wallet-menu .wm-row span,html[data-bs-theme=dark] .pm-loc-text,html[data-bs-theme=dark] .profile-menu .pm-head span{color:#A3A3A3}
html[data-bs-theme=dark] .profile-menu .pm-head{border-bottom-color:#2A2A2A}
html[data-bs-theme=dark] ::-webkit-scrollbar-track{background:#111}
html[data-bs-theme=dark] ::-webkit-scrollbar-thumb{background:#333;border-color:#111}
html[data-bs-theme=dark] .nav-pills .nav-link{color:#ddd}

/* member location on admin pages */
.loc-box{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.loc-box iframe{width:100%;height:220px;border:0;display:block}
.loc-box .loc-meta{padding:10px 14px;font-size:.85rem}

/* Google website translator: hide its top bar, tooltip and spinner completely (new + old class names) */
iframe.skiptranslate,iframe.goog-te-banner-frame,.goog-te-banner-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-ZVi9od-aZ2wEe,.VIpgJd-ZVi9od-aZ2wEe-OiiCO,.VIpgJd-yAWNEb-hvhgNd,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-tooltip:hover{display:none!important;visibility:hidden!important}
html.translated-ltr body,html.translated-rtl body,body{top:0!important;position:static!important;margin-top:0!important}
.goog-text-highlight{background:none!important;box-shadow:none!important;border:0!important}
font[style]{background:transparent!important}

/* side menu scrollbar: invisible until hovered, thin and dark */
.sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent}
.sidebar:hover{scrollbar-color:rgba(255,255,255,.18) transparent}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:6px;border:0}
.sidebar:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18)}
.sb-brand .brand-mark-img{width:36px;height:36px;border-radius:9px;box-shadow:0 8px 18px -8px rgba(var(--brand-rgb),1)}

/* ===== v1.6.0 animated side-menu icons (colour tiles + non-stop loops, pure CSS) ===== */
.sb-link > i:first-child{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;color:#fff;background:linear-gradient(135deg,#D40000,#80100F);flex:none;box-shadow:0 8px 16px -8px rgba(0,0,0,.7);transition:transform .2s,box-shadow .2s}
.sb-link > i:first-child::before{display:inline-block;transform-origin:50% 55%}
.sb-link:hover > i:first-child{transform:scale(1.08)}
.sb-link.active > i:first-child{box-shadow:0 0 0 3px rgba(255,255,255,.14),0 10px 20px -8px rgba(0,0,0,.8)}
.sb-nav > :nth-child(12n+1) > i:first-child,.sb-nav > :nth-child(12n+1) .sb-link > i:first-child{background:linear-gradient(135deg,#FF3B3B,#B00000)}
.sb-nav > :nth-child(12n+2) > i:first-child,.sb-nav > :nth-child(12n+2) .sb-link > i:first-child{background:linear-gradient(135deg,#2563EB,#1E3A8A)}
.sb-nav > :nth-child(12n+3) > i:first-child,.sb-nav > :nth-child(12n+3) .sb-link > i:first-child{background:linear-gradient(135deg,#16A34A,#14532D)}
.sb-nav > :nth-child(12n+4) > i:first-child,.sb-nav > :nth-child(12n+4) .sb-link > i:first-child{background:linear-gradient(135deg,#F59E0B,#B45309)}
.sb-nav > :nth-child(12n+5) > i:first-child,.sb-nav > :nth-child(12n+5) .sb-link > i:first-child{background:linear-gradient(135deg,#7C3AED,#4C1D95)}
.sb-nav > :nth-child(12n+6) > i:first-child,.sb-nav > :nth-child(12n+6) .sb-link > i:first-child{background:linear-gradient(135deg,#0EA5E9,#075985)}
.sb-nav > :nth-child(12n+7) > i:first-child,.sb-nav > :nth-child(12n+7) .sb-link > i:first-child{background:linear-gradient(135deg,#EC4899,#9D174D)}
.sb-nav > :nth-child(12n+8) > i:first-child,.sb-nav > :nth-child(12n+8) .sb-link > i:first-child{background:linear-gradient(135deg,#14B8A6,#115E59)}
.sb-nav > :nth-child(12n+9) > i:first-child,.sb-nav > :nth-child(12n+9) .sb-link > i:first-child{background:linear-gradient(135deg,#F97316,#9A3412)}
.sb-nav > :nth-child(12n+10) > i:first-child,.sb-nav > :nth-child(12n+10) .sb-link > i:first-child{background:linear-gradient(135deg,#84CC16,#3F6212)}
.sb-nav > :nth-child(12n+11) > i:first-child,.sb-nav > :nth-child(12n+11) .sb-link > i:first-child{background:linear-gradient(135deg,#6366F1,#312E81)}
.sb-nav > :nth-child(12n+12) > i:first-child,.sb-nav > :nth-child(12n+12) .sb-link > i:first-child{background:linear-gradient(135deg,#A16207,#713F12)}
/* per-icon motion (loops forever) */
.sb-link > i:first-child::before{animation:icoPulse 2.6s ease-in-out infinite}
.sb-link > i.bi-speedometer2::before{animation:icoGauge 2.4s ease-in-out infinite}
.sb-link > i.bi-people::before,.sb-link > i.bi-person::before,.sb-link > i.bi-diagram-3::before{animation:icoBreathe 2.2s ease-in-out infinite}
.sb-link > i.bi-globe2::before{animation:icoSpin 7s linear infinite}
.sb-link > i.bi-layout-text-window-reverse::before{animation:icoFlip 4.5s ease-in-out infinite}
.sb-link > i.bi-percent::before{animation:icoSwing 2.8s ease-in-out infinite}
.sb-link > i.bi-sliders::before{animation:icoSlide 2.4s ease-in-out infinite}
.sb-link > i.bi-tools::before{animation:icoWiggle 2s ease-in-out infinite}
.sb-link > i.bi-envelope::before{animation:icoBounce 2.2s ease-in-out infinite}
.sb-link > i.bi-clock-history::before{animation:icoSpin 5s linear infinite}
.sb-link > i.bi-box-arrow-up-right::before{animation:icoFly 2.6s ease-in-out infinite}
.sb-link > i.bi-grid::before{animation:icoGrid 3s ease-in-out infinite}
.sb-link > i.bi-wallet2::before{animation:icoSwing 3s ease-in-out infinite}
.sb-link > i.bi-gear::before{animation:icoSpin 6s linear infinite}
.sb-link > i.bi-tags::before,.sb-link > i.bi-shop::before{animation:icoBounce 2.6s ease-in-out infinite}
@keyframes icoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes icoBreathe{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.12) translateY(-1px)}}
@keyframes icoGauge{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
@keyframes icoSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes icoFlip{0%,35%{transform:rotateY(0)}50%,85%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes icoSwing{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@keyframes icoSlide{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}
@keyframes icoWiggle{0%,100%{transform:rotate(-16deg)}25%{transform:rotate(12deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(16deg)}}
@keyframes icoBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}
@keyframes icoFly{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-2px)}}
@keyframes icoGrid{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.12) rotate(90deg)}}
html.sb-mini .sidebar:not(:hover) .sb-link > i:first-child{width:40px;height:40px;font-size:1.2rem}
@media (prefers-reduced-motion:reduce){.sb-link > i:first-child::before{animation:none!important}}

/* ===== v1.10.0 services access + service tiles ===== */
.svc-check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;width:100%;margin:0;font-weight:600;transition:border-color .15s,background .15s}
.svc-check:hover{border-color:var(--brand)}
.svc-check.on,.svc-check:has(input:checked){background:rgba(22,163,74,.08);border-color:#16A34A}
.svc-check i{font-size:1.1rem;color:var(--brand);width:22px;text-align:center}
.svc-check .form-check-input{margin:0}
.tile.svc-tile{position:relative;color:var(--ink)}
.tile.svc-tile .svc-ico{width:56px;height:56px;border-radius:14px;background:rgba(var(--brand-rgb),.09);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 8px}
.tile.svc-tile.locked{opacity:.62;filter:grayscale(.6)}
.tile.svc-tile.locked:hover{opacity:.85;filter:grayscale(.2)}
.tile .soon.on{background:#16A34A}
.svc-modal-ico{width:70px;height:70px;border-radius:50%;background:rgba(var(--brand-rgb),.09);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:var(--brand)}
html[data-bs-theme=dark] .svc-check{border-color:#2A2A2A;color:#E5E5E5}
html[data-bs-theme=dark] .tile.svc-tile{color:#E5E5E5}

/* ===== v1.11.0 reports + complaints ===== */
.report-filter .form-label{font-size:.75rem;margin-bottom:2px;color:var(--muted);font-weight:700}
.report-table td{font-size:.88rem}
@media print{.sidebar,.topbar,.no-print,.report-filter,.wa-float,.to-top,.nav-progress,.scroll-progress{display:none!important}.panel-main{margin-left:0!important}.panel-content{padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}body{background:#fff!important}}

/* ===== v1.12.0 locked profile + documents ===== */
.profile-lock-list .pl-row{display:grid;grid-template-columns:170px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.profile-lock-list .pl-row:last-child{border-bottom:0}
.profile-lock-list .pl-label{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.profile-lock-list .pl-value{font-weight:600}
@media (max-width:575px){.profile-lock-list .pl-row{grid-template-columns:1fr;gap:4px}}
.doc-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;height:100%;display:flex;flex-direction:column;gap:10px}
.doc-card .doc-ico{width:54px;height:54px;border-radius:14px;background:rgba(var(--brand-rgb),.09);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem}
.doc-card h5{margin:0}
.doc-preview{border:1px solid var(--line);border-radius:12px;background:#f5f5f5;padding:16px;overflow:auto}
html[data-bs-theme=dark] .doc-card{background:#171717;border-color:#2A2A2A}

/* ===== v1.13.0 KYC ===== */
.kyc-status{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff}
.kyc-status .kyc-ico{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;background:rgba(245,158,11,.14);color:#B45309}
.kyc-status.approved .kyc-ico{background:rgba(22,163,74,.14);color:#15803D}
.kyc-status.rejected .kyc-ico{background:rgba(212,0,0,.12);color:#B00000}
.kyc-status.submitted .kyc-ico{background:rgba(37,99,235,.12);color:#1E40AF}
html[data-bs-theme=dark] .kyc-status{background:#171717;border-color:#2A2A2A}

/* ===== v1.16.0 recharge screen ===== */
.rc-quote{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;min-height:58px;background:rgba(var(--brand-rgb),.03)}
.rc-plan{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;transition:border-color .15s,background .15s}
.rc-plan:hover{border-color:var(--brand);background:rgba(var(--brand-rgb),.03)}
.rc-plan-rs{font-family:"Sora",sans-serif;font-weight:800;font-size:1.1rem;min-width:70px;color:var(--brand)}
.rc-plan-body{flex:1}
html[data-bs-theme=dark] .rc-plan{border-color:#2A2A2A}

/* ===== v1.18.1 Add balance button (header, next to the wallet) ===== */
.add-bal-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#16A34A,#15803D);color:#fff;font-weight:800;font-size:.85rem;text-decoration:none;box-shadow:0 8px 18px -8px rgba(22,163,74,.9);transition:transform .15s,box-shadow .15s}
.add-bal-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 22px -8px rgba(22,163,74,1)}
.add-bal-btn i{font-size:1.05rem}
@media (max-width:575px){.add-bal-btn{padding:0 10px}}

/* ===== v1.21.1 notice bar above the dashboard hero ===== */
.panel-notice{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--brand),rgba(var(--brand-rgb),.75));color:#fff;border-radius:14px;padding:10px 16px;margin-bottom:16px;box-shadow:0 12px 26px -16px rgba(var(--brand-rgb),1);font-weight:700}
.panel-notice > i{font-size:1.2rem;flex:none;animation:pnShake 2.4s ease-in-out infinite}
.panel-notice .pn-track{flex:1;overflow:hidden;white-space:nowrap}
.panel-notice .pn-track span{display:inline-block;padding-left:100%;animation:pnScroll 18s linear infinite}
.panel-notice .pn-brand{flex:none;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px}
@keyframes pnScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@keyframes pnShake{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@media (max-width:575px){.panel-notice .pn-brand{display:none}}
.ref-card{border-color:rgba(var(--brand-rgb),.35);background:linear-gradient(135deg,rgba(var(--brand-rgb),.05),#fff)}
html[data-bs-theme=dark] .ref-card{background:#171717}

/* ===== v1.27.0 API wallet top-up: bank accounts + request form ===== */
.api-card{flex-wrap:wrap}.api-card > div{min-width:0;flex:1}.api-card .add-fund-btn{flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;padding:.45rem .7rem;border-radius:10px;min-width:0}
.stat-card .add-fund-btn i{width:auto;height:auto;font-size:1rem;background:none;color:inherit;border-radius:0;box-shadow:none;display:inline;flex:none}
.tu-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.tu-num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -8px rgba(var(--brand-rgb),1)}
.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.bank-box{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,rgba(var(--brand-rgb),.05),transparent 60%),#fff}
.bb-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.bb-head > i{width:36px;height:36px;border-radius:10px;background:rgba(var(--brand-rgb),.1);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;flex:none}
.bb-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px dashed var(--line);font-size:.9rem}.bb-row > span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;width:86px;flex:none}.bb-row > strong{flex:1;letter-spacing:.02em;word-break:break-all}
.copy-btn{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer}.copy-btn:hover{background:rgba(var(--brand-rgb),.08)}
.bb-note{font-size:.8rem;color:var(--muted);padding-top:6px;border-top:1px dashed var(--line)}
.fr-details th{font-size:.8rem}.fr-details td{font-size:.9rem}
html[data-bs-theme=dark] .bank-box{background:#171717;border-color:#2A2A2A}html[data-bs-theme=dark] .bb-row,html[data-bs-theme=dark] .bb-note{border-color:#2A2A2A}html[data-bs-theme=dark] .copy-btn{background:#1C1C1C;border-color:#333}

/* ===== v1.29.0 pay by QR / bank chooser ===== */
.pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.pc-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.pc-btn i{font-size:1.6rem;color:var(--muted);margin-bottom:2px}.pc-btn span{font-weight:800;font-size:.92rem}.pc-btn small{font-size:.72rem;color:var(--muted)}
.pc-btn.active{border-color:var(--brand);background:rgba(var(--brand-rgb),.06);box-shadow:0 10px 24px -18px rgba(var(--brand-rgb),1)}.pc-btn.active i{color:var(--brand)}
.pc-btn:active{transform:scale(.98)}
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.qr-box{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.qr-box .qr-img,.qr-box .qr-gen{width:190px;max-width:100%;border-radius:12px;background:#fff;padding:6px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}
.qr-box .qr-gen{min-height:190px}.qr-box .qr-gen canvas,.qr-box .qr-gen img{max-width:100%;height:auto!important}
.qr-box .bb-row{width:100%;text-align:left;margin-top:4px}
html[data-bs-theme=dark] .pc-btn{background:#171717;border-color:#333;color:#eee}html[data-bs-theme=dark] .pc-btn.active{background:rgba(var(--brand-rgb),.15)}
html[data-bs-theme=dark] .qr-box{background:#171717;border-color:#2A2A2A}

/* ===== v1.30.0 payment gateway ===== */
.search-select{position:relative}
.ss-input{position:relative}.ss-input > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.ss-input .form-control{padding-left:40px;padding-right:40px;min-height:48px;font-size:1rem}
.ss-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);width:30px;height:30px;border-radius:50%}.ss-clear:hover{background:rgba(0,0,0,.06)}
.ss-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1050;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 44px -24px rgba(0,0,0,.5);max-height:340px;overflow-y:auto;padding:6px}
.ss-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:10px 12px;border-radius:10px;color:var(--ink)}.ss-item:hover,.ss-item.active{background:rgba(var(--brand-rgb),.07)}.ss-item .ss-badge{flex:none}.ss-empty{padding:12px}
.pg-fields th{font-weight:700;font-size:.85rem;background:transparent;color:var(--ink)}.pg-fields td{padding:.5rem .5rem}
.pay-online{border:2px solid rgba(var(--brand-rgb),.35);box-shadow:0 18px 40px -28px rgba(var(--brand-rgb),1)}.pay-online .card-header{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;border-left:0}.pay-online .card-header .badge{background:#fff!important;color:var(--brand)!important}
html[data-bs-theme=dark] .ss-list{background:#171717;border-color:#2A2A2A}html[data-bs-theme=dark] .ss-item{color:#eee}
.pg-actions{display:inline-flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.pg-actions .btn{white-space:nowrap}