/* =========================================================
   GMDigital V4.6 · Refined Product UI
   Dense, premium, readable, technology-focused.
   ========================================================= */
:root{
  --ui-bg:#070b12;
  --ui-panel:#0d141f;
  --ui-panel-soft:#101824;
  --ui-border:#202c3d;
  --ui-border-strong:#2c3d56;
  --ui-text:#edf3fb;
  --ui-muted:#8b9ab0;
  --ui-subtle:#66758c;
  --ui-blue:#5b82ff;
  --ui-cyan:#55c9ff;
  --ui-green:#46d6a2;
  --ui-red:#ff788c;
  --ui-radius:16px;
  --ui-radius-sm:11px;
  --ui-shadow:0 14px 42px rgba(0,0,0,.22);
}
html{font-size:16px!important}
body{
  font-size:15.5px!important;
  line-height:1.58!important;
  letter-spacing:-.006em;
  background:
    radial-gradient(circle at 30% -10%,rgba(62,109,211,.12),transparent 34%),
    radial-gradient(circle at 94% 2%,rgba(116,83,204,.09),transparent 30%),
    var(--ui-bg)!important;
}
.ambient{opacity:.065!important;filter:blur(120px)!important}

/* Shell */
.sidebar{
  width:236px!important;
  padding:18px 14px!important;
  border-right:1px solid rgba(129,156,192,.13)!important;
  background:linear-gradient(180deg,rgba(8,13,22,.98),rgba(6,10,17,.98))!important;
}
.content{margin-left:236px!important;padding:0 28px 48px!important}
.content:not(.auth-content)>*:not(.topbar):not(.toast-stack):not(#global-modal-root){
  max-width:1460px;
  margin-left:auto;
  margin-right:auto;
}
.brand{gap:10px!important;padding:2px 5px 8px!important}
.brand-mark{width:38px!important;height:38px!important;border-radius:12px!important;box-shadow:none!important}
.brand-mark b{font-size:17px!important}
.brand strong{font-size:13px!important;letter-spacing:.075em!important}
.brand small{font-size:8.5px!important;letter-spacing:.14em!important;color:#6d7b90!important}
.nav-label{margin:24px 9px 7px!important;font-size:9.5px!important;color:#5f6c80!important}
.sidebar nav{gap:4px!important}
.sidebar nav a{
  min-height:43px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  font-size:14px!important;
  color:#8d9bb0!important;
}
.sidebar nav a span{font-size:14px!important}
.sidebar nav a svg{width:17px!important;height:17px!important}
.sidebar nav a:hover{
  transform:none!important;
  background:#101824!important;
  border-color:#1e2b3e!important;
}
.sidebar nav a.active{
  background:linear-gradient(90deg,#121f33,#101724)!important;
  border-color:#2a3b55!important;
  box-shadow:inset 2px 0 0 #5b92ff!important;
}
.sidebar nav em{font-size:8.5px!important;padding:2px 6px!important}
.system-card{padding:10px!important;border-radius:11px!important;margin-bottom:10px!important}
.system-card strong{font-size:12px!important}
.system-card small{font-size:10px!important}
.sidebar-foot{padding:11px 12px!important;border-radius:12px!important}
.sidebar-foot strong{font-size:18px!important;margin-top:2px!important}
.mini-label{font-size:9px!important}
.mini-button{font-size:10.5px!important;padding:6px 8px!important}
.logout-link{font-size:11px!important;margin-top:9px!important}

/* Topbar */
.topbar{
  height:64px!important;
  border-bottom:1px solid rgba(129,156,192,.12)!important;
  background:rgba(7,11,18,.82)!important;
  backdrop-filter:blur(20px)!important;
}
.topbar-title .mini-label{font-size:9px!important}
.topbar-title strong{font-size:14px!important;margin-top:1px!important}
.top-actions{gap:8px!important}
.theme-toggle,.top-balance{min-height:38px!important;border-radius:10px!important}
.theme-toggle{font-size:11px!important}
.top-balance{padding:7px 10px!important}
.top-balance span{font-size:9px!important}
.top-balance strong{font-size:13px!important}
.avatar{width:36px!important;height:36px!important;border-radius:10px!important;font-size:14px!important}

/* Hierarchy */
.page-head{margin:30px 0 20px!important;gap:18px!important;align-items:flex-end!important}
.eyebrow{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  font-weight:760!important;
  color:#65bfff!important;
}
.page-head h1{
  font-size:clamp(32px,3.1vw,42px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  margin:6px 0 8px!important;
  font-weight:780!important;
}
.page-head p{
  font-size:15.5px!important;
  line-height:1.6!important;
  color:var(--ui-muted)!important;
  max-width:780px!important;
}
.panel-title{margin-bottom:15px!important}
.panel-title h2{
  font-size:19px!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  font-weight:740!important;
}
.panel-title .muted,.panel-title span{font-size:12.5px!important}
.panel-title a{font-size:12.5px!important}

/* Surfaces */
.panel,.stat-card,.glass-card,.video-card,.contact-card,.auth-card{
  border-radius:var(--ui-radius)!important;
  border-color:var(--ui-border)!important;
  background:linear-gradient(180deg,rgba(15,23,35,.94),rgba(10,16,25,.94))!important;
  box-shadow:var(--ui-shadow)!important;
  backdrop-filter:blur(14px)!important;
}
.panel{padding:20px!important;margin-bottom:16px!important;animation:none!important}
.stat-card{padding:18px!important}
.stat-card:after{opacity:.45!important}
.stat-card span{font-size:11px!important;letter-spacing:.06em!important}
.stat-card strong{
  font-size:28px!important;
  line-height:1.1!important;
  margin:7px 0 9px!important;
  letter-spacing:-.035em!important;
}
.stat-card a{font-size:12px!important}
.stats-grid,.admin-kpis{gap:12px!important;margin-bottom:16px!important}

/* Controls */
label,.label,.stack label,.form-grid label,.pricing-row label{
  font-size:13.5px!important;
  font-weight:650!important;
  color:#a9b7ca!important;
  gap:6px!important;
}
input,select,textarea{
  font-size:15px!important;
  line-height:1.5!important;
  border-radius:10px!important;
  border-color:#27354a!important;
  background:#080e17!important;
  padding:10px 12px!important;
  box-shadow:none!important;
}
input,select{min-height:46px!important}
textarea{min-height:128px!important}
input:focus,select:focus,textarea:focus{
  border-color:#5f85f6!important;
  box-shadow:0 0 0 3px rgba(91,130,255,.12)!important;
}
.hint,.muted,.form-help,.field-help,.helper-text{
  font-size:12.5px!important;
  line-height:1.55!important;
  color:var(--ui-muted)!important;
}
.form-grid,.stack{gap:13px!important}
.btn{
  min-height:42px!important;
  padding:9px 13px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-weight:720!important;
  box-shadow:none!important;
}
.btn:hover{transform:translateY(-1px)!important}
.btn.primary{
  background:linear-gradient(105deg,#356df3,#6957ec)!important;
  box-shadow:0 8px 22px rgba(60,98,225,.22)!important;
}
.btn.secondary{background:#111a27!important;border-color:#2a394f!important}
.btn.ghost{border-color:#2a374b!important}
.btn.small{min-height:36px!important;padding:7px 10px!important;font-size:12px!important}
.btn.large{min-height:48px!important;font-size:14px!important}
.balance-pill.big{font-size:16px!important;padding:9px 13px!important}
.alert{padding:11px 13px!important;border-radius:11px!important;font-size:13px!important;line-height:1.5!important}
.status{font-size:10.5px!important;padding:5px 8px!important}
.queue-badge{font-size:12px!important}
.queue-badge i{width:6px!important;height:6px!important}

/* Create */
.create-layout,.create-grid{gap:16px!important}
.mode-cards{gap:9px!important}
.mode-card{padding:14px!important;border-radius:12px!important;background:#0a111b!important}
.mode-card strong{font-size:14px!important;line-height:1.35!important}
.mode-card p{font-size:12px!important;line-height:1.5!important;margin-top:5px!important}
.mode-card.active,.mode-card:hover{
  background:linear-gradient(180deg,#101c30,#0b1421)!important;
  box-shadow:0 8px 26px rgba(53,109,255,.08)!important;
}
.conditional,.price-box,.guide-item,.template-card{border-radius:12px!important}
.conditional{padding:13px!important}
.price-box{padding:13px!important}
.price-box span{font-size:12px!important}
.price-box strong{font-size:22px!important}
.guide-item{padding:13px!important}
.guide-item strong{font-size:14px!important}
.guide-item p{font-size:12.5px!important;line-height:1.55!important}
.reference-row{border-radius:11px!important;padding:11px!important}

/* Batch */
.batch-top-grid{gap:14px!important;margin-bottom:16px!important}
.batch-drop{min-height:180px!important;border-radius:14px!important;padding:18px!important}
.batch-drop-icon{width:46px!important;height:46px!important;border-radius:14px!important;font-size:24px!important}
.batch-drop strong{font-size:15px!important}
.batch-drop small{font-size:12px!important}
.batch-summary>div{padding:8px 0!important}
.batch-summary span{font-size:12.5px!important}
.batch-summary strong{font-size:16px!important}
.batch-empty{min-height:220px!important}
.batch-empty-icon{width:52px!important;height:52px!important;border-radius:15px!important}
.batch-empty h2{font-size:20px!important}
.batch-empty p{font-size:13px!important}
.batch-run-kpis{gap:10px!important}
.batch-run-kpis>div{padding:13px!important}
.batch-run-kpis span{font-size:12px!important}
.batch-run-kpis strong{font-size:22px!important}
.batch-recalc-bar{border-radius:14px!important;padding:12px 14px!important}
.batch-recalc-bar strong{font-size:14px!important}
.batch-recalc-bar span{font-size:12px!important}

/* Tables / library */
.table-wrap{
  border:1px solid rgba(126,151,184,.1);
  border-radius:13px!important;
  overflow:auto!important;
}
table{font-size:13px!important}
th{
  font-size:10.5px!important;
  text-transform:uppercase;
  letter-spacing:.075em;
  color:#708198!important;
  font-weight:720!important;
}
th,td{padding:11px 12px!important;border-bottom-color:#1d2938!important}
td{font-size:13px!important;line-height:1.5!important}
.video-grid{gap:13px!important}
.video-card{overflow:hidden!important}
.video-card-body{padding:14px!important}
.video-card-body h3,.video-card h3{font-size:14px!important;line-height:1.45!important}
.video-meta span,.video-meta strong,.video-card p{font-size:12px!important}
.video-card-actions{gap:7px!important}

/* Wallet / Account / Contact */
.wallet-grid,.account-grid,.contact-grid{gap:16px!important}
.wallet-preset{gap:7px!important}
.wallet-chip{font-size:13px!important;padding:8px 11px!important}
.qr-meta>div{padding:9px 11px!important;border-radius:9px!important}
.qr-meta span{font-size:11.5px!important}
.qr-meta strong{font-size:13.5px!important}
.contact-card{padding:18px!important;gap:14px!important}
.contact-icon{
  width:48px!important;height:48px!important;flex-basis:48px!important;
  border-radius:14px!important;font-size:20px!important;
}
.contact-card h2{font-size:20px!important;margin:4px 0 5px!important}
.contact-card p{font-size:13px!important;line-height:1.55!important;margin-bottom:8px!important}
.contact-card strong{font-size:12px!important}
.verify-card{padding:12px!important;border-radius:11px!important}
.verify-card strong{font-size:13.5px!important}
.verify-card p{font-size:12px!important}
.contact-mini-list a{padding:11px 12px!important;border-radius:10px!important}

/* Admin */
.model-admin-grid{gap:12px!important}
.model-admin-card{padding:15px!important;border-radius:13px!important}
.model-admin-head strong{font-size:14px!important}
.model-admin-head span{font-size:11px!important}
.pricing-row{border-radius:12px!important;padding:13px!important;gap:10px!important}
.pricing-model-name strong{font-size:14px!important}
.pricing-model-name span{font-size:11px!important}
.admin-save-dock{
  right:22px!important;bottom:18px!important;
  min-width:min(560px,calc(100vw - 290px))!important;
  border-radius:14px!important;padding:11px 12px!important;
}
.admin-save-dock strong{font-size:13.5px!important}
.admin-save-dock span{font-size:11.5px!important}
.pricing-policy-card{
  display:grid;gap:7px;margin:12px 0 18px;padding:15px 16px;
  border:1px solid #2d466a;border-radius:13px;
  background:linear-gradient(135deg,#0e1a2c,#0c1420)
}
.pricing-policy-card strong{font-size:15px}
.pricing-policy-card p{margin:2px 0;font-size:12.5px;line-height:1.55;color:#9baac0}
.pricing-policy-card b{color:#b7d1ff}
.pricing-policy-card small{font-size:11.5px;color:#778aa5}

/* Auth & modal */
.auth-card{padding:24px!important}
.auth-card h1{font-size:31px!important;letter-spacing:-.04em!important}
.auth-card>p{font-size:14px!important}
.modal-card{border-radius:16px!important;padding:16px!important}
.modal-head h2,.modal-head h3{font-size:19px!important}
.toast{border-radius:11px!important;padding:11px 13px!important}
.toast strong{font-size:13px!important}
.toast span,.toast p{font-size:11.5px!important}

/* Light mode */
html[data-theme="light"]{
  --ui-bg:#f4f7fb;
  --ui-panel:#ffffff;
  --ui-panel-soft:#f8fafc;
  --ui-border:#dbe4ef;
  --ui-border-strong:#c8d6e7;
  --ui-text:#182338;
  --ui-muted:#64748b;
  --ui-subtle:#8390a3;
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 28% -10%,rgba(83,143,235,.12),transparent 34%),
    radial-gradient(circle at 96% 2%,rgba(141,100,222,.08),transparent 28%),
    #f4f7fb!important;
  color:#182338!important;
}
html[data-theme="light"] .sidebar{background:rgba(255,255,255,.97)!important;border-right-color:#dbe4ef!important}
html[data-theme="light"] .sidebar nav a{color:#607087!important}
html[data-theme="light"] .sidebar nav a:hover{background:#f3f6fa!important;border-color:#e0e7f0!important;color:#1d2a3f!important}
html[data-theme="light"] .sidebar nav a.active{background:linear-gradient(90deg,#edf3ff,#f7f9fd)!important;border-color:#cbdaf0!important;color:#1e3a70!important}
html[data-theme="light"] .topbar{background:rgba(248,250,253,.87)!important;border-bottom-color:#dde5ef!important}
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .glass-card,
html[data-theme="light"] .video-card,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .auth-card{
  background:#fff!important;
  border-color:#dbe4ef!important;
  box-shadow:0 10px 30px rgba(44,66,98,.07)!important
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#fbfcfe!important;border-color:#d4deea!important;color:#1c2940!important
}
html[data-theme="light"] .mode-card,
html[data-theme="light"] .guide-item,
html[data-theme="light"] .template-card,
html[data-theme="light"] .model-admin-card{
  background:#f8fafc!important;border-color:#dbe4ef!important
}
html[data-theme="light"] .btn.secondary{background:#f7f9fc!important;border-color:#d3deea!important;color:#33445c!important}
html[data-theme="light"] .table-wrap{border-color:#e0e7f0!important}
html[data-theme="light"] th,html[data-theme="light"] td{border-bottom-color:#e8edf3!important}
html[data-theme="light"] .pricing-policy-card{
  background:linear-gradient(135deg,#f2f6ff,#fbfcff)!important;border-color:#cbdaf0!important
}
html[data-theme="light"] .pricing-policy-card p{color:#607089!important}
html[data-theme="light"] .pricing-policy-card b{color:#234f9c!important}
html[data-theme="light"] .pricing-policy-card small{color:#74839a!important}
html[data-theme="light"] .admin-save-dock{
  background:rgba(255,255,255,.95)!important;border-color:#ccd8e7!important;
  box-shadow:0 12px 34px rgba(48,70,100,.15)!important
}

@media(max-width:1180px){
  .sidebar{width:220px!important}
  .content{margin-left:220px!important;padding-left:20px!important;padding-right:20px!important}
  .step-guide{grid-template-columns:repeat(3,1fr)!important}
  .admin-save-dock{min-width:min(520px,calc(100vw - 260px))!important}
}
@media(max-width:900px){
  .sidebar{width:236px!important}
  .content{margin-left:0!important;padding:0 15px 38px!important}
  .topbar{height:60px!important}
  .page-head{margin-top:24px!important;align-items:flex-start!important}
  .page-head h1{font-size:32px!important}
  .page-head p{font-size:14px!important}
  .admin-save-dock{left:12px!important;right:12px!important;bottom:12px!important;min-width:0!important}
  .stats-grid,.admin-kpis{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:620px){
  body{font-size:15px!important}
  .content{padding-left:12px!important;padding-right:12px!important}
  .page-head h1{font-size:29px!important}
  .panel{padding:15px!important;border-radius:14px!important}
  .stats-grid,.admin-kpis,.step-guide{grid-template-columns:1fr!important}
  .panel-title{align-items:flex-start!important}
  .panel-title h2{font-size:17px!important}
  .btn{font-size:13px!important}
  .top-actions{gap:6px!important}
  .top-balance{padding:6px 8px!important}
  .theme-label{display:none}
  .contact-card{padding:15px!important}
}


/* =========================================================
   GMDigital V4.6.1 · Wallet refinement
   ========================================================= */
.wallet-grid{align-items:start!important}
.wallet-grid>.panel{align-self:start!important}
.wallet-minimum-badge{
  display:inline-flex!important;align-items:center!important;
  min-height:28px;padding:5px 9px;border-radius:999px;
  border:1px solid #294265;background:#0d1a2c;
  color:#9cbcff!important;font-size:11.5px!important;font-weight:700!important
}
.wallet-preset{margin-top:2px!important}
.wallet-chip{
  min-height:38px!important;
  padding:7px 12px!important;
  font-weight:650!important
}
.wallet-note{
  display:flex;align-items:flex-start;gap:7px;
  padding:10px 11px;border:1px solid #24344a;border-radius:10px;
  background:#0a111b;color:#7f90a8
}
.wallet-note strong{
  flex:0 0 auto;font-size:11.5px!important;color:#b9c9de
}
.wallet-note span{
  font-size:11.5px!important;line-height:1.5
}
#topup-form{gap:11px!important}
#topup-form .price-box{
  min-height:60px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important
}
#topup-form .price-box strong{font-size:21px!important}
#topup-submit{margin-top:1px!important}
html[data-theme="light"] .wallet-minimum-badge{
  border-color:#cbdaf0;background:#f3f7ff;color:#315a9e!important
}
html[data-theme="light"] .wallet-note{
  border-color:#dbe4ef;background:#f8fafc;color:#687991
}
html[data-theme="light"] .wallet-note strong{color:#34445b}


/* =========================================================
   GMDigital V4.6.3 · Bulk pricing & cost control
   ========================================================= */
.bulk-pricing-panel{overflow:hidden}
.bulk-pricing-formula{
  display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;
  border:1px solid #2c4160;border-radius:999px;background:#0b1422;
  font-size:11.5px!important;font-weight:750;color:#9ab8e9!important
}
.bulk-pricing-toolbar{
  display:grid;grid-template-columns:190px minmax(0,1fr) 90px;
  gap:14px;align-items:end;margin-bottom:14px;padding:13px;
  border:1px solid #24354c;border-radius:12px;background:#09111c
}
.bulk-profit-input,.bulk-select-tools{display:grid;gap:7px}
.bulk-profit-input>span,.bulk-select-tools>span,.bulk-selected-counter>span{
  font-size:11.5px!important;font-weight:750!important;color:#7f91aa!important
}
.bulk-profit-input>div{display:flex;align-items:center;gap:7px}
.bulk-profit-input input{min-height:40px!important;font-size:15px!important;font-weight:800!important}
.bulk-profit-input b{font-size:14px;color:#91a9cb}
.bulk-select-tools>div{display:flex;flex-wrap:wrap;gap:6px}
.bulk-selected-counter{
  display:grid;gap:2px;align-content:center;justify-items:end;
  min-height:50px;padding:8px 10px;border-left:1px solid #26384f
}
.bulk-selected-counter strong{font-size:23px;line-height:1;color:#9ec0ff}
.bulk-price-table-wrap{border:1px solid #223249;border-radius:12px;overflow:auto}
.bulk-price-table{min-width:1030px}
.bulk-price-table th{white-space:nowrap;background:#0a121e}
.bulk-price-table td{vertical-align:middle}
.bulk-check-col{width:42px;text-align:center!important}
.bulk-check-col input{width:17px!important;height:17px!important;min-height:0!important}
.bulk-price-row{transition:background .16s ease,box-shadow .16s ease}
.bulk-price-row.selected td{background:#10203a66}
.bulk-price-model{display:grid;gap:2px;min-width:170px}
.bulk-price-model strong{font-size:14px!important}
.bulk-price-model span{font-size:11px!important;color:#7588a3}
.bulk-mode-badge{
  display:inline-flex;padding:4px 7px;border:1px solid #2b405e;border-radius:7px;
  background:#0c1726;font-size:10.5px;font-weight:750;color:#9bb4d8
}
.bulk-price-row td>small{display:block;margin-top:4px;font-size:10px!important;color:#71839c}
.bulk-cost-input{
  width:92px!important;min-height:36px!important;padding:7px 8px!important;
  font-size:13px!important;font-weight:750!important
}
.bulk-current-price,.bulk-new-price{display:grid;gap:2px;white-space:nowrap}
.bulk-current-price strong,.bulk-new-price strong{font-size:13px!important}
.bulk-current-price span,.bulk-new-price span{font-size:10.5px;color:#7f92ac}
.bulk-new-price strong{color:#94b8ff}
.bulk-profit-now{
  display:inline-flex;padding:5px 7px;border-radius:7px;
  background:#0d2b22;color:#72d8ad;font-size:11.5px!important
}
.bulk-profit-now.negative{background:#30151a;color:#ff9ca7}
.bulk-no-cost{
  display:inline-flex;padding:5px 7px;border-radius:7px;
  background:#2c2310;color:#e4c16e;font-size:10.5px
}
.bulk-pricing-submit{
  display:flex;align-items:center;gap:18px;justify-content:space-between;
  margin-top:13px;padding:12px 13px;border:1px solid #294566;border-radius:12px;
  background:linear-gradient(135deg,#0b1422,#0d1729)
}
.bulk-pricing-submit>div{display:grid;gap:3px}
.bulk-pricing-submit strong{font-size:12.5px}
.bulk-pricing-submit span{font-size:11.5px;color:#7e90aa}
.bulk-pricing-submit .btn{min-width:230px}

html[data-theme="light"] .bulk-pricing-formula{background:#f5f8fd;border-color:#d2deee;color:#40628e!important}
html[data-theme="light"] .bulk-pricing-toolbar{background:#f7f9fc;border-color:#dce4ee}
html[data-theme="light"] .bulk-selected-counter{border-left-color:#d8e1ec}
html[data-theme="light"] .bulk-price-table-wrap{border-color:#d9e2ed}
html[data-theme="light"] .bulk-price-table th{background:#f6f8fb}
html[data-theme="light"] .bulk-price-row.selected td{background:#edf4ff}
html[data-theme="light"] .bulk-mode-badge{background:#f4f7fb;border-color:#d2deed;color:#536d91}
html[data-theme="light"] .bulk-profit-now{background:#e9f8f1;color:#28775c}
html[data-theme="light"] .bulk-no-cost{background:#fff7df;color:#92701e}
html[data-theme="light"] .bulk-pricing-submit{background:#f8fafc;border-color:#d5e0ee}

@media(max-width:980px){
  .bulk-pricing-toolbar{grid-template-columns:1fr}
  .bulk-selected-counter{justify-items:start;border-left:0;border-top:1px solid #26384f}
  .bulk-pricing-submit{align-items:stretch;flex-direction:column}
  .bulk-pricing-submit .btn{width:100%;min-width:0}
}


/* =========================================================
   GMDigital V4.6.4 · Account levels & per-user pricing
   ========================================================= */
.account-level-panel{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:14px!important;
  border-color:#2b4466!important;
  background:linear-gradient(135deg,#0a1320,#0c1829)!important
}
.account-level-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1}
.account-level-main h2{margin:2px 0 3px!important;font-size:22px!important}
.account-level-main p{margin:0;color:#8294ad;font-size:12px}
.account-level-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 12px;border:1px solid #365a87;border-radius:999px;
  background:#10223a;color:#9ec0ff;font-size:11px;font-weight:800;letter-spacing:.06em
}
.account-level-meta{
  min-width:240px;padding-left:18px;border-left:1px solid #253a55;
  display:grid;gap:3px
}
.account-level-meta span{font-size:10.5px;color:#7487a2;text-transform:uppercase;letter-spacing:.08em}
.account-level-meta strong{font-size:13px}
.account-level-meta em{font-size:10.5px;font-style:normal;color:#7f93af}

.account-pricing-admin{overflow:hidden}
.account-pricing-formula{
  display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;
  border:1px solid #2b4160;background:#0b1422;color:#8faedf!important;
  font-size:10.5px!important;font-weight:750!important
}
.account-pricing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.account-pricing-block{
  border:1px solid #24364e;border-radius:12px;background:#09111c;padding:13px
}
.subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}
.subhead>div{display:grid;gap:2px}
.subhead strong{font-size:13.5px}
.subhead span{font-size:10.8px;color:#71849e}

.level-admin-table{display:grid;gap:7px}
.level-admin-row{
  display:grid;grid-template-columns:minmax(145px,1.4fr) minmax(135px,1fr) 85px 78px 68px 54px;
  gap:8px;align-items:end;padding:9px;border:1px solid #23354c;border-radius:10px;background:#0b1421
}
.level-admin-row label{font-size:10.5px!important}
.level-admin-row input,.level-admin-row select{min-height:35px!important;padding:7px 8px!important;font-size:12px!important}
.level-admin-name{display:grid;gap:4px}
.level-admin-name input{font-weight:750!important}
.level-admin-name code{font-size:9.5px;color:#6f83a0}
.level-enabled{align-self:center!important;padding-top:15px}
.level-user-count{display:grid;justify-items:end;gap:0;padding-bottom:5px}
.level-user-count strong{font-size:16px;color:#9cbcff}
.level-user-count span{font-size:9.5px;color:#6f8199}
.add-level-form{margin-top:11px;padding-top:11px;border-top:1px solid #213148}
.add-level-form .form-grid{grid-template-columns:1.15fr 1fr 1fr .65fr}

.user-pricing-form{display:grid;gap:11px}
.user-pricing-explain{
  min-height:38px;padding:9px 10px;border:1px solid #253b58;border-radius:9px;
  background:#0b1726;color:#7f93ae;font-size:11.5px;line-height:1.5
}
.disabled-field{opacity:.5}
.user-pricing-list{margin-top:14px;padding-top:14px;border-top:1px solid #213149}
.account-tier-chip{
  display:inline-flex;padding:5px 8px;border:1px solid #2d4565;border-radius:8px;
  background:#0d1726;color:#9cb7df;font-size:10.5px;font-weight:750
}
.mini-admin-tag{
  display:inline-flex;margin-left:6px;padding:2px 5px;border-radius:5px;
  background:#533083;color:#d9bdff;font-size:8.5px;font-weight:800
}

html[data-theme="light"] .account-level-panel{
  background:linear-gradient(135deg,#f7faff,#f1f6ff)!important;border-color:#d3dfef!important
}
html[data-theme="light"] .account-level-meta{border-left-color:#d5dfec}
html[data-theme="light"] .account-level-badge{background:#edf4ff;border-color:#c9d9ee;color:#315d9f}
html[data-theme="light"] .account-pricing-formula{background:#f5f8fd;border-color:#d3dfed;color:#496b97!important}
html[data-theme="light"] .account-pricing-block{background:#f8fafc;border-color:#dce4ee}
html[data-theme="light"] .level-admin-row{background:#fff;border-color:#dce4ee}
html[data-theme="light"] .user-pricing-explain{background:#f5f8fc;border-color:#d7e1ed;color:#5f718b}
html[data-theme="light"] .account-tier-chip{background:#f1f6ff;border-color:#cbd9eb;color:#416489}

@media(max-width:1180px){
  .account-pricing-grid{grid-template-columns:1fr}
  .level-admin-row{grid-template-columns:1.4fr 1fr 90px 80px 70px 55px}
}
@media(max-width:760px){
  .account-level-panel{align-items:stretch;flex-direction:column}
  .account-level-meta{min-width:0;padding-left:0;padding-top:12px;border-left:0;border-top:1px solid #253a55}
  .level-admin-row{grid-template-columns:1fr 1fr}
  .level-user-count{justify-items:start}
  .add-level-form .form-grid{grid-template-columns:1fr}
}


/* =========================================================
   GMDigital V4.6.5 · Admin UX cleanup
   ========================================================= */
.admin-quick-nav{
  position:sticky;top:74px;z-index:20;
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;
  padding:10px 12px;border:1px solid #22344b;border-radius:14px;
  background:rgba(9,14,22,.88);backdrop-filter:blur(14px)
}
.admin-quick-nav a{
  display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;
  border:1px solid #263a52;border-radius:999px;background:#0d1623;
  color:#9db1cb;text-decoration:none;font-size:12px;font-weight:700
}
.admin-quick-nav a:hover{border-color:#456392;color:#e8f1ff;transform:translateY(-1px)}
.admin-ops-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}
.admin-collapsible-panel .panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-collapse-toggle{
  appearance:none;border:1px solid #2d4566;background:#0c1725;color:#a7c0e7;
  min-height:34px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer
}
.admin-collapse-toggle:hover{border-color:#4c71a5;color:#fff}
.admin-collapsible-panel.is-collapsed{padding-bottom:18px!important}
.admin-collapsible-panel.is-collapsed .panel-title{margin-bottom:0!important}
.admin-collapsible-panel.is-collapsed{box-shadow:0 8px 26px rgba(0,0,0,.18)!important}
.admin-filterbar{
  display:grid;grid-template-columns:minmax(280px,1.6fr) 200px 200px auto;
  gap:10px;align-items:center;margin-bottom:14px;padding:12px;
  border:1px solid #21354b;border-radius:12px;background:#09111c
}
#model-config .admin-filterbar{grid-template-columns:minmax(280px,1.8fr) auto auto}
.admin-filter-count{
  justify-self:end;display:inline-flex;align-items:center;min-height:38px;padding:0 12px;
  border-radius:999px;background:#0d1726;border:1px solid #28405d;color:#9cbcff;
  font-size:11.5px;font-weight:800;white-space:nowrap
}
.compact-check{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap}
.compact-check input{min-height:0!important;width:16px!important;height:16px!important}
.model-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.model-admin-card{background:#0b1320!important;border:1px solid #22344b!important}
.pricing-admin{display:grid;gap:10px!important}
.pricing-row{
  grid-template-columns:minmax(220px,1.3fr) 130px repeat(4,minmax(100px,1fr)) 70px!important;
  align-items:end!important;background:#0b1320;border:1px solid #22344b!important
}
.pricing-row:hover,.model-admin-card:hover{border-color:#36527a!important;box-shadow:0 10px 26px rgba(18,31,49,.22)}
#recent-jobs table,#pending-topups .list{margin-top:2px}
#pending-topups .list{display:grid;gap:10px}
#pending-topups .list-row{padding:12px 13px;border:1px solid #213349;border-radius:12px;background:#0b1320}
#models-hub .inline-actions{flex-wrap:wrap}
#models-hub .model-manual-add{margin-bottom:0!important;background:#0a111b!important;border-color:#22364d!important}

html[data-theme="light"] .admin-quick-nav{background:rgba(255,255,255,.9);border-color:#d7e2ee}
html[data-theme="light"] .admin-quick-nav a{background:#f8fafd;border-color:#d6e1ed;color:#547099}
html[data-theme="light"] .admin-quick-nav a:hover{color:#1b3869;border-color:#a9c0e3}
html[data-theme="light"] .admin-collapse-toggle{background:#f6f9fd;border-color:#d4dfed;color:#456389}
html[data-theme="light"] .admin-filterbar{background:#f8fafc;border-color:#dbe4ef}
html[data-theme="light"] .admin-filter-count{background:#f1f6ff;border-color:#cfdded;color:#3a629e}
html[data-theme="light"] .model-admin-card,
html[data-theme="light"] .pricing-row,
html[data-theme="light"] #pending-topups .list-row{background:#fff!important;border-color:#dbe4ef!important}

@media(max-width:1180px){
  .admin-ops-grid{grid-template-columns:1fr}
  .admin-filterbar{grid-template-columns:1fr 1fr}
  .admin-filter-count{justify-self:start}
  #model-config .admin-filterbar{grid-template-columns:1fr 1fr}
  .model-admin-grid{grid-template-columns:1fr!important}
  .pricing-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .admin-quick-nav{top:66px;padding:9px 10px}
  .admin-filterbar,#model-config .admin-filterbar{grid-template-columns:1fr}
  .admin-filter-count{justify-self:start}
}


/* V4.6.6 · Bulk pricing 500-safe status */
.bulk-pricing-status{
  margin-top:12px;padding:10px 12px;border:1px solid #2b405c;border-radius:10px;
  background:#0a1320;color:#91a6c2;font-size:12px;line-height:1.5
}
.bulk-pricing-status.loading{border-color:#355a91;color:#9fc0f5;background:#0c1728}
.bulk-pricing-status.success{border-color:#2d745c;color:#77deb7;background:#0b221c}
.bulk-pricing-status.error{border-color:#843d49;color:#ff9eaa;background:#281116}
html[data-theme="light"] .bulk-pricing-status{background:#f7f9fc;border-color:#d6e0ec;color:#61738d}
html[data-theme="light"] .bulk-pricing-status.loading{background:#f1f6ff;border-color:#c5d8f0;color:#426897}
html[data-theme="light"] .bulk-pricing-status.success{background:#effaf5;border-color:#b6decf;color:#33755e}
html[data-theme="light"] .bulk-pricing-status.error{background:#fff3f5;border-color:#efbec6;color:#a33f50}