:root{
  color-scheme:dark;
  --bg:#071426;
  --bg2:#0b1f38;
  --card:rgba(14,31,54,.86);
  --card2:rgba(20,42,70,.92);
  --stroke:rgba(191,211,255,.14);
  --stroke2:rgba(109,213,255,.34);
  --text:#f6f9ff;
  --muted:#aebdd5;
  --soft:#dbe7ff;
  --brand:#22d3ee;
  --brand2:#3b82f6;
  --ok:#22c55e;
  --warn:#f59e0b;
  --danger:#ef4444;
  --radius:26px;
  --shadow:0 22px 70px rgba(0,0,0,.36);
  font-family:Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;
}
*{box-sizing:border-box}
html,body,#root{min-height:100%;margin:0;direction:rtl;background:var(--bg);color:var(--text);overflow-x:hidden}
body{background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.18),transparent 28%),linear-gradient(180deg,#06101f,#081a31 48%,#06101d)}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:none}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.62;cursor:not-allowed}a{color:inherit}
input,select,textarea{width:100%;min-height:56px;border:1px solid rgba(191,211,255,.17);border-radius:20px;background:rgba(255,255,255,.055);color:var(--text);padding:0 18px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.18s ease}
input:focus,select:focus,textarea:focus{border-color:rgba(34,211,238,.75);box-shadow:0 0 0 4px rgba(34,211,238,.11)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--soft) 50%),linear-gradient(135deg,var(--soft) 50%,transparent 50%);background-position:left 26px center,left 18px center;background-size:8px 8px,8px 8px;background-repeat:no-repeat;padding-left:48px}
textarea{min-height:120px;padding:16px;resize:vertical}label,.field{display:grid;gap:9px;color:var(--muted);font-weight:800}label span,.field span{padding-inline:4px}.top-space{margin-top:18px}.full-width{grid-column:1/-1}
.splash-screen,.auth-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.splash-card,.auth-card{width:min(440px,100%);padding:28px;border:1px solid var(--stroke);border-radius:32px;background:linear-gradient(180deg,rgba(14,31,54,.92),rgba(10,23,42,.95));box-shadow:var(--shadow);text-align:center}.splash-logo,.brand-logo{width:72px;height:72px;object-fit:cover;border-radius:22px}.brand-row{display:flex;align-items:center;gap:16px;margin-bottom:24px}.brand-row.centered{justify-content:center}.brand-row h1,.splash-card h1{margin:0;font-size:32px}.brand-row p,.splash-card p{margin:5px 0 0;color:var(--muted)}
.app-shell{min-height:100vh;padding:18px clamp(14px,3vw,36px) 36px;position:relative}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:12px 0 18px;background:linear-gradient(180deg,#06101f 0%,rgba(6,16,31,.86) 70%,transparent);backdrop-filter:blur(12px)}.topbar h1{margin:0;font-size:clamp(26px,6vw,42px);line-height:1}.topbar small{display:block;color:var(--muted);font-weight:900}.menu-btn{width:64px;height:64px;border-radius:22px;border:1px solid var(--stroke);background:rgba(255,255,255,.07);color:var(--text);display:grid;place-items:center;box-shadow:0 12px 35px rgba(0,0,0,.22)}
.side-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.2s}.side-backdrop.show{opacity:1;pointer-events:auto}.side-nav{position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(360px,86vw);transform:translateX(105%);transition:.24s ease;background:linear-gradient(180deg,#0b1d34,#081426);border-left:1px solid var(--stroke);box-shadow:-28px 0 70px rgba(0,0,0,.45);padding:18px;overflow:auto}.side-nav.open{transform:translateX(0)}.nav-brand{display:flex;align-items:center;gap:12px;padding:10px 6px 18px;border-bottom:1px solid var(--stroke);margin-bottom:12px}.nav-brand img{width:54px;height:54px;border-radius:18px;object-fit:cover}.nav-brand strong{display:block;font-size:22px}.nav-brand span{display:block;color:var(--muted);font-size:14px}.nav-brand button{margin-right:auto;border:0;background:rgba(255,255,255,.08);color:var(--text);width:42px;height:42px;border-radius:14px}.nav-group{display:grid;gap:8px;margin:16px 0}.nav-group p{margin:0 4px 4px;color:#85a2c9;font-size:13px;font-weight:900;letter-spacing:.03em}.nav-group button,.logout-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--soft);padding:0 14px;font-weight:900;text-align:right}.nav-group button.active,.nav-group button:hover{border-color:rgba(34,211,238,.24);background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(59,130,246,.12))}.logout-btn{margin-top:20px;color:#fecaca;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}
.page-content{max-width:1120px;margin:0 auto}.stack-gap{display:grid;gap:22px}.section-card,.hero-card{border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(16,36,62,.9),rgba(9,24,43,.92));border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,4vw,28px);overflow:hidden}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title h2,.hero-card h2{margin:0;font-size:clamp(26px,7vw,44px);line-height:1.15}.section-title p,.hero-card p{margin:8px 0 0;color:var(--muted);line-height:1.8}.section-icon{flex:0 0 62px;width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(59,130,246,.22));border:1px solid rgba(34,211,238,.24)}.hero-card{display:flex;align-items:center;justify-content:space-between}.hero-card span{display:inline-block;color:var(--brand);font-weight:900;margin-bottom:8px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{min-height:130px;border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.045);padding:18px;display:grid;gap:8px;align-content:start}.stat-card svg{color:var(--brand)}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{font-size:22px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-actions button{min-height:84px;border:1px solid var(--stroke);border-radius:24px;background:rgba(255,255,255,.06);color:var(--text);font-weight:950;font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px}.quick-actions button:hover{border-color:var(--stroke2);background:rgba(34,211,238,.11)}
.form-grid{display:grid;gap:16px}.form-grid.two-columns,.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.tight{gap:12px}.action-row{display:flex;gap:10px;align-items:center}.action-row.wrap,.tabs-row{flex-wrap:wrap}.align-end{align-self:end}.btn{min-height:54px;border:1px solid transparent;border-radius:19px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;color:var(--text);transition:.18s ease;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 14px 35px rgba(37,99,235,.28)}.btn-secondary{background:rgba(255,255,255,.07);border-color:var(--stroke)}.btn-danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.35);color:#fecaca}.btn-link{background:transparent;color:var(--soft)}.big-action{width:100%;min-height:64px;font-size:20px;border-radius:22px}
.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.package-card{border:1px solid var(--stroke);border-radius:24px;background:rgba(255,255,255,.06);padding:18px;color:var(--text);text-align:right;display:grid;gap:10px;min-height:118px}.package-card strong{font-size:21px}.package-card span{font-size:22px;font-weight:950;color:var(--text)}.package-card small{color:var(--muted)}.package-card.selected{border-color:rgba(34,211,238,.7);background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(59,130,246,.16));box-shadow:0 0 0 4px rgba(34,211,238,.08)}.public-packages .package-card small{display:none}.order-summary,.selected-customer,.executor-status{border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.055);padding:16px;display:grid;gap:6px}.order-summary span,.selected-customer small{color:var(--muted)}.order-summary strong,.selected-customer strong{font-size:24px}.list-stack{display:grid;gap:14px}.list-card{border:1px solid var(--stroke);border-radius:24px;background:rgba(4,14,29,.46);padding:18px}.list-card.compact{padding:16px}.list-head,.admin-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.list-head strong,.admin-user-head strong{font-size:19px}.list-card p{color:var(--soft);line-height:1.7;margin:12px 0}.list-card small,.admin-user-head small{color:var(--muted)}.status-pill{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 13px;background:rgba(148,163,184,.15);color:#dbeafe;font-weight:900}.status-pill.success,.status-pill.approved,.status-pill.active{background:rgba(34,197,94,.16);color:#86efac}.status-pill.failed,.status-pill.rejected,.status-pill.blocked{background:rgba(239,68,68,.16);color:#fca5a5}.status-pill.processing,.status-pill.pending{background:rgba(245,158,11,.16);color:#fcd34d}.amount-in{color:#86efac;font-weight:950}.amount-out{color:#fca5a5;font-weight:950}.empty-state{border:1px dashed rgba(191,211,255,.22);border-radius:22px;padding:28px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:22px;margin-bottom:6px}
.tabs-row{display:flex;gap:10px;overflow:auto;padding-bottom:2px}.tabs-row button{white-space:nowrap;min-height:50px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.06);color:var(--soft);padding:0 18px;font-weight:950}.tabs-row button.active{background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(59,130,246,.19));border-color:rgba(34,211,238,.45);color:var(--text)}.sim-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sim-card,.admin-user-card{border:1px solid var(--stroke);border-radius:24px;background:rgba(255,255,255,.05);padding:18px}.search-row{display:flex;align-items:center;gap:10px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.055);padding:0 14px}.search-row input{border:0;background:transparent}.mini-input{max-width:210px}.wallet-mini{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);margin-top:12px}.support-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:18px}.ticket-row{width:100%;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.05);color:var(--text);padding:14px;text-align:right;display:grid;gap:4px}.ticket-row.active{border-color:var(--stroke2)}.messages-list{display:grid;gap:12px;max-height:420px;overflow:auto;margin-bottom:14px}.msg{max-width:82%;padding:14px;border-radius:18px;background:rgba(255,255,255,.07)}.msg.staff{margin-right:auto;background:rgba(34,211,238,.13)}.msg p{margin:8px 0;line-height:1.7}.profile-card{text-align:center;margin-bottom:18px}.profile-card img{width:84px;height:84px;border-radius:24px;object-fit:cover}.qr-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:center}.qr-box{background:#fff;border-radius:24px;padding:12px;display:grid;place-items:center;min-height:280px}.qr-box img{width:100%;max-width:260px;border-radius:12px}.qr-meta{display:grid;gap:10px}.qr-meta strong{font-size:30px}.qr-meta code{direction:ltr;text-align:left;background:rgba(255,255,255,.07);border-radius:14px;padding:12px;word-break:break-all}.scanner-box{margin-top:16px;border:1px solid var(--stroke2);border-radius:22px;overflow:hidden}.scanner-box video{display:block;width:100%;max-height:320px;background:#000}.toast{position:fixed;z-index:100;top:20px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 28px));border-radius:22px;padding:18px 20px;text-align:center;font-weight:950;box-shadow:var(--shadow);border:1px solid var(--stroke)}.toast.success{background:#064e3b;color:#d1fae5}.toast.error{background:#7f1d1d;color:#fee2e2}.toast.info{background:#0c4a6e;color:#e0f2fe}
@media (max-width:780px){.app-shell{padding:8px 14px 24px}.topbar{padding:10px 0 14px}.menu-btn{width:56px;height:56px;border-radius:19px}.section-card,.hero-card{border-radius:24px;padding:18px}.section-title{align-items:center}.section-icon{width:54px;height:54px;flex-basis:54px}.grid-4{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr}.form-grid.two-columns,.upload-grid,.sim-settings-grid,.support-layout,.qr-layout{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.list-head,.admin-user-head{flex-direction:column}.action-row{flex-direction:column;align-items:stretch}.action-row.wrap{flex-direction:row}.btn{width:100%}.tabs-row{margin-inline:-4px;padding-inline:4px}.tabs-row button{min-width:max-content}.hero-card{display:block}.stat-card{min-height:110px}.msg{max-width:96%}.qr-box{min-height:220px}.side-nav{width:min(340px,90vw)}}
@media (max-width:420px){.grid-4{grid-template-columns:1fr}.section-title h2,.hero-card h2{font-size:28px}.topbar h1{font-size:30px}input,select,textarea{min-height:52px}.package-card{min-height:104px}.qr-meta strong{font-size:24px}}
.choice-row{display:grid;gap:12px;margin:12px 0}.choice-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-row button{min-height:58px;border:1px solid var(--stroke);border-radius:22px;background:rgba(255,255,255,.055);color:var(--soft);font-size:20px;font-weight:950;cursor:pointer;transition:.18s ease;padding:0 10px}.choice-row button.active{color:#fff;border-color:rgba(34,211,238,.68);background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(59,130,246,.18));box-shadow:0 0 0 4px rgba(34,211,238,.08)}.compact-choice{margin-top:8px}.compact-choice button{font-size:clamp(16px,4vw,20px)}.select-box{appearance:none}.field select.select-box{font-size:18px;font-weight:900;line-height:1.6}.request-flow{display:grid;gap:16px;margin-top:10px}.checkout-summary{margin-top:4px}.checkout-btn{margin-top:2px}.recharge-request-card .order-summary{min-height:unset}@media (max-width:480px){.choice-row button{min-height:54px;font-size:17px}.choice-row{gap:10px}.choice-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-row.three button{font-size:16px}}


.package-picker{position:relative}
.package-picker-trigger{width:100%;min-height:74px;border:1px solid var(--stroke);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.03));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:var(--text);cursor:pointer;text-align:right}
.package-picker-trigger.open,.package-picker-trigger:hover{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 4px rgba(34,211,238,.08)}
.package-picker-meta{display:grid;gap:4px;justify-items:end;flex:1}
.package-picker-meta strong{font-size:22px;line-height:1.4}
.package-picker-meta small{font-size:16px;color:var(--muted);font-weight:800}
.package-picker-arrow{font-size:22px;color:var(--muted)}
.package-modal-backdrop{position:fixed;inset:0;z-index:70;background:rgba(2,10,22,.74);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:20px}
.package-modal{width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;border:1px solid rgba(191,211,255,.16);border-radius:32px;background:linear-gradient(180deg,rgba(14,24,44,.98),rgba(6,14,28,.98));box-shadow:0 28px 80px rgba(0,0,0,.45);padding:22px}
.package-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.package-modal-head h3{margin:0;font-size:28px}
.package-modal-head p{margin:6px 0 0;color:var(--muted);font-size:16px}
.package-modal-close{width:44px;height:44px;border-radius:16px;border:1px solid var(--stroke);background:rgba(255,255,255,.04);color:var(--text);font-size:28px;line-height:1;cursor:pointer;flex:none}
.package-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.package-modal-card{min-height:118px;border-radius:24px;border:1px solid rgba(191,211,255,.12);background:linear-gradient(180deg,rgba(16,107,122,.88),rgba(11,67,101,.88));padding:16px;display:grid;align-content:space-between;gap:10px;color:#fff;text-align:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.package-modal-card strong{font-size:28px;line-height:1.2}
.package-modal-card span{display:block;border-top:1px solid rgba(255,255,255,.16);padding-top:10px;font-size:19px;font-weight:900;color:#e0f2fe}
.package-modal-card.selected{outline:3px solid rgba(34,211,238,.45);transform:translateY(-1px)}
.checkout-summary strong{font-size:36px}
.checkout-summary small{display:none}
@media (max-width:640px){
  .package-modal-backdrop{padding:12px}
  .package-modal{padding:18px;border-radius:26px}
  .package-modal-head h3{font-size:24px}
  .package-modal-grid{gap:10px}
  .package-modal-card{min-height:102px;padding:14px;border-radius:22px}
  .package-modal-card strong{font-size:22px}
  .package-modal-card span{font-size:17px}
  .package-picker-trigger{min-height:68px;padding:14px 16px}
  .package-picker-meta strong{font-size:20px}
  .package-picker-meta small{font-size:15px}
  .checkout-summary strong{font-size:30px}
}


/* ===== Final professional UI pass ===== */
:root{
  --bg:#071323;
  --bg2:#0c2038;
  --card:rgba(10,24,43,.88);
  --card2:rgba(14,32,56,.94);
  --stroke:rgba(190,211,255,.13);
  --stroke2:rgba(34,211,238,.38);
  --text:#f8fbff;
  --muted:#a9b8cf;
  --soft:#d9e7ff;
  --brand:#19c7df;
  --brand2:#357cf3;
  --radius:24px;
  --shadow:0 18px 55px rgba(0,0,0,.30);
}
body{
  background:
    radial-gradient(circle at 82% -10%,rgba(25,199,223,.16),transparent 32%),
    radial-gradient(circle at 10% 20%,rgba(53,124,243,.10),transparent 30%),
    linear-gradient(180deg,#06101d,#081a2f 55%,#06101d);
}
body:before{opacity:.55;background-size:88px 88px}
.app-shell{padding:12px clamp(12px,3vw,30px) 28px}
.page-content{max-width:980px}
.topbar{padding:8px 0 14px;margin-bottom:2px}
.topbar h1{font-size:clamp(28px,7vw,38px);letter-spacing:-.02em}
.topbar small{font-size:15px;color:#91a8c7}
.menu-btn{width:58px;height:58px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}
.section-card,.hero-card{
  border-radius:28px;
  padding:clamp(18px,4vw,26px);
  background:
    linear-gradient(180deg,rgba(17,38,66,.88),rgba(8,22,40,.93)),
    radial-gradient(circle at 90% 0%,rgba(34,211,238,.12),transparent 34%);
  border-color:rgba(190,211,255,.12);
}
.section-title{margin-bottom:18px;align-items:center}
.section-title h2,.hero-card h2{font-size:clamp(25px,6vw,36px);letter-spacing:-.015em}
.section-title p,.hero-card p{font-size:16px;line-height:1.75;color:#a8b8d0}
.section-icon{width:58px;height:58px;flex-basis:58px;border-radius:20px;background:linear-gradient(135deg,rgba(25,199,223,.20),rgba(53,124,243,.18))}
input,select,textarea{
  min-height:58px;
  border-radius:20px;
  background:rgba(255,255,255,.047);
  border-color:rgba(190,211,255,.14);
  font-weight:900;
}
label,.field{gap:8px}
label span,.field span{font-size:16px;color:#aebed7;font-weight:950}
.btn{border-radius:20px}
.big-action{min-height:62px;font-size:22px;border-radius:22px;box-shadow:0 16px 38px rgba(53,124,243,.26)}
/* Recharge page: cleaner, beginner-friendly */
.recharge-request-card{
  max-width:760px;
  margin-inline:auto;
  padding-bottom:24px;
}
.recharge-request-card .section-title{
  padding-bottom:14px;
  border-bottom:1px solid rgba(190,211,255,.10);
  margin-bottom:18px;
}
.recharge-request-card .section-title h2{font-size:clamp(30px,7vw,42px)}
.recharge-request-card .section-icon{background:linear-gradient(135deg,rgba(25,199,223,.24),rgba(53,124,243,.20))}
.request-flow{gap:18px;margin-top:16px}
.choice-row{gap:10px;margin:10px 0}
.choice-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-row button{
  min-height:56px;
  border-radius:20px;
  font-size:clamp(16px,4.2vw,20px);
  background:rgba(255,255,255,.045);
  border-color:rgba(190,211,255,.13);
  color:#c6d5ed;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.choice-row button.active{
  background:linear-gradient(135deg,rgba(25,199,223,.24),rgba(53,124,243,.18));
  border-color:rgba(25,199,223,.55);
  color:#fff;
  box-shadow:0 0 0 3px rgba(25,199,223,.08), inset 0 1px 0 rgba(255,255,255,.10);
}
.package-picker-trigger{
  min-height:74px;
  border-radius:22px;
  border-color:rgba(25,199,223,.24);
  background:linear-gradient(180deg,rgba(15,33,56,.96),rgba(9,22,40,.96));
  padding:16px 18px;
}
.package-picker-trigger.open,.package-picker-trigger:hover{
  border-color:rgba(25,199,223,.62);
  background:linear-gradient(135deg,rgba(25,199,223,.13),rgba(53,124,243,.10));
}
.package-picker-meta strong{font-size:23px}
.package-picker-meta small{font-size:15px;color:#9fb0ca}
.checkout-summary{
  padding:18px 20px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(25,199,223,.10),rgba(53,124,243,.08));
  border-color:rgba(25,199,223,.20);
}
.checkout-summary span{font-size:15px}
.checkout-summary strong{font-size:clamp(32px,9vw,46px);line-height:1.1}
/* Package modal: refined card picker */
.package-modal-backdrop{
  z-index:90;
  background:rgba(1,7,16,.76);
  backdrop-filter:blur(10px);
  align-items:center;
}
.package-modal{
  width:min(760px,calc(100vw - 24px));
  max-height:min(86vh,780px);
  border-radius:30px;
  padding:20px;
  background:
    linear-gradient(180deg,rgba(15,32,56,.98),rgba(6,15,29,.99));
  border-color:rgba(190,211,255,.15);
}
.package-modal-head{
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid rgba(190,211,255,.10);
}
.package-modal-head h3{font-size:clamp(24px,6vw,34px);letter-spacing:-.01em}
.package-modal-head p{font-size:15px;color:#9fb0ca}
.package-modal-close{
  background:rgba(255,255,255,.055);
  border-color:rgba(190,211,255,.15);
}
.package-modal-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding-top:16px;
}
.package-modal-card{
  position:relative;
  min-height:132px;
  overflow:hidden;
  border-radius:24px;
  border-color:rgba(190,211,255,.12);
  background:
    linear-gradient(180deg,rgba(31,139,148,.92) 0 36%,rgba(255,255,255,.96) 36% 68%,rgba(69,77,83,.92) 68% 100%);
  color:#052033;
  padding:0;
  display:grid;
  grid-template-rows:44px 1fr 40px;
  box-shadow:0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.20);
}
.package-modal-card strong{
  grid-row:1;
  display:grid;
  place-items:center;
  color:#f8fdff;
  font-size:24px;
  line-height:1.1;
  padding:0 8px;
}
.package-modal-card span{
  grid-row:3;
  display:grid;
  place-items:center;
  padding:0 8px;
  border:0;
  color:#f8fdff;
  font-size:18px;
  font-weight:950;
}
.package-modal-card:before{
  content:"السعر";
  grid-row:2;
  display:grid;
  place-items:center;
  color:#6b7280;
  font-size:15px;
  font-weight:900;
}
.package-modal-card.selected{
  outline:3px solid rgba(25,199,223,.62);
  box-shadow:0 18px 40px rgba(25,199,223,.12),0 14px 30px rgba(0,0,0,.26);
}
.package-modal-card.selected:after{
  content:"✓";
  position:absolute;
  top:8px;
  left:8px;
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#19c7df;
  color:#00111d;
  font-weight:950;
}
.list-card{border-radius:22px;background:linear-gradient(180deg,rgba(7,20,38,.72),rgba(5,15,29,.82))}
@media (max-width:640px){
  .app-shell{padding:10px 10px 24px}
  .section-card,.hero-card{border-radius:24px;padding:18px}
  .section-title{gap:12px}
  .section-icon{width:54px;height:54px;flex-basis:54px;border-radius:18px}
  .choice-row{gap:8px}
  .choice-row button{min-height:52px;border-radius:18px}
  .package-modal-backdrop{align-items:flex-end;padding:10px}
  .package-modal{border-radius:28px 28px 22px 22px;padding:16px;max-height:84vh}
  .package-modal-grid{gap:10px}
  .package-modal-card{min-height:116px;border-radius:20px;grid-template-rows:40px 1fr 36px}
  .package-modal-card strong{font-size:21px}
  .package-modal-card span{font-size:16px}
  .package-picker-trigger{min-height:68px}
  .package-picker-meta strong{font-size:20px}
}
@media (max-width:380px){
  .choice-row.three button{font-size:14px;padding:0 6px}
  .package-modal-grid{grid-template-columns:1fr 1fr}
  .package-modal-card strong{font-size:19px}
}

/* header simplified */
.topbar-simple{justify-content:space-between;gap:12px}.topbar-balance{min-width:170px;display:grid;justify-items:end;gap:4px;padding:10px 16px;border:1px solid rgba(190,211,255,.14);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));box-shadow:0 12px 32px rgba(0,0,0,.18)}.topbar-balance small{display:block;margin:0;font-size:13px !important;color:#9cb1cc !important;font-weight:900}.topbar-balance strong{font-size:clamp(18px,4.2vw,24px);line-height:1;color:#fff;font-weight:950;letter-spacing:-.01em}@media (max-width:480px){.topbar-simple{padding:8px 0 12px}.topbar-balance{min-width:140px;padding:9px 12px;border-radius:18px}.topbar-balance strong{font-size:18px}}

/* Products module */
.products-page .section-card{overflow:visible}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}
.category-card,.product-card{border:1px solid rgba(190,211,255,.13);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));color:var(--text);padding:16px;min-height:160px;display:grid;gap:10px;align-content:start;text-align:right;transition:.18s ease}
.category-card:hover,.product-card:hover{border-color:rgba(25,199,223,.55);transform:translateY(-1px);box-shadow:0 16px 36px rgba(0,0,0,.22)}
.category-img,.product-img{height:72px;border-radius:20px;background:linear-gradient(135deg,rgba(25,199,223,.18),rgba(53,124,243,.15));border:1px solid rgba(25,199,223,.18);display:grid;place-items:center;overflow:hidden;color:#bff7ff}
.product-img.large{width:82px;height:82px;flex:0 0 82px}
.category-img img,.product-img img{width:100%;height:100%;object-fit:cover}
.category-card strong,.product-card strong{font-size:18px;line-height:1.4}
.category-card small{color:var(--muted);font-weight:800}
.product-card span{display:inline-flex;margin-top:6px;font-size:20px;font-weight:950;color:#e0f2fe}
.back-btn{width:max-content;margin-bottom:14px}
.modal-backdrop{position:fixed;inset:0;z-index:95;background:rgba(1,7,16,.74);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px}
.buy-modal{position:relative;width:min(560px,100%);max-height:86vh;overflow:auto;border:1px solid rgba(190,211,255,.15);border-radius:30px;background:linear-gradient(180deg,rgba(15,32,56,.98),rgba(6,15,29,.99));box-shadow:0 28px 80px rgba(0,0,0,.45);padding:22px}
.modal-close{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:15px;border:1px solid var(--stroke);background:rgba(255,255,255,.06);color:var(--text);font-size:28px;line-height:1}
.buy-modal-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(190,211,255,.11)}
.buy-modal-head h2{margin:0;font-size:26px}.buy-modal-head p{margin:6px 0 0;color:var(--muted);font-weight:900}
.external-import-list{display:grid;gap:8px;max-height:420px;overflow:auto;margin-top:14px;padding-inline-end:4px}
.import-row{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;border:1px solid rgba(190,211,255,.12);border-radius:18px;background:rgba(255,255,255,.04);padding:12px}
.import-row input{width:20px;min-height:20px}.import-row span{color:var(--text);font-size:16px}.import-row small{grid-column:2;color:var(--muted);font-weight:800}
@media(max-width:560px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card,.product-card{min-height:142px;padding:12px;border-radius:20px}.category-img,.product-img{height:62px;border-radius:17px}.category-card strong,.product-card strong{font-size:16px}.product-card span{font-size:17px}.buy-modal{border-radius:26px;padding:18px}.buy-modal-head h2{font-size:22px}}
/* Multi product providers */
.provider-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.provider-card{min-height:118px;border:1px solid rgba(190,211,255,.13);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));color:var(--text);padding:16px;text-align:right;display:grid;gap:6px;align-content:start;transition:.18s ease}
.provider-card strong{font-size:19px}.provider-card span{font-size:13px;color:var(--muted);word-break:break-all}.provider-card small{color:#cfe3ff;font-weight:900}.provider-card.active{border-color:rgba(25,199,223,.58);background:linear-gradient(135deg,rgba(25,199,223,.18),rgba(53,124,243,.12));box-shadow:0 0 0 3px rgba(25,199,223,.08)}
.provider-card.add{border-style:dashed;background:rgba(25,199,223,.06)}
@media(max-width:560px){.provider-cards{grid-template-columns:1fr}.provider-card{min-height:100px}}


.note-card{border:1px solid rgba(34,211,238,.18);border-radius:20px;background:rgba(34,211,238,.07);padding:14px 16px;color:#cfe8ff;font-weight:850;line-height:1.8}
.admin-product-card{border:1px solid rgba(190,211,255,.13);border-radius:24px;background:linear-gradient(180deg,rgba(7,20,38,.72),rgba(5,15,29,.82));padding:18px}
.admin-product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.admin-product-head strong{display:block;font-size:20px}
.admin-product-head small{display:block;margin-top:6px;color:var(--muted);font-weight:800;line-height:1.6}
@media(max-width:780px){.admin-product-head{flex-direction:column}.admin-product-card .btn{width:100%}}

/* Membership pricing and configurable product images */
.membership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.membership-card{border:1px solid rgba(190,211,255,.14);border-radius:24px;background:linear-gradient(180deg,rgba(15,35,60,.88),rgba(7,19,35,.94));padding:18px;display:grid;gap:12px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.membership-card.disabled{opacity:.55}
.membership-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.membership-card strong{font-size:22px}
.membership-card>div:first-child span{padding:7px 11px;border-radius:999px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.22);font-weight:950;color:#d6fbff}
.membership-card p{margin:0;color:var(--soft);font-weight:850}
.membership-card small{color:var(--muted);font-weight:800}
.product-img.shape-square{height:auto;aspect-ratio:1/1}
.product-img.shape-landscape{height:auto;aspect-ratio:16/9}
.product-img.shape-portrait{height:auto;aspect-ratio:3/4}
.product-img.large.shape-square{width:88px;height:88px;aspect-ratio:1/1}
.product-img.large.shape-landscape{width:118px;height:72px;aspect-ratio:16/9}
.product-img.large.shape-portrait{width:72px;height:96px;aspect-ratio:3/4}
.product-card:has(.shape-portrait){grid-row:span 2}
@media(max-width:560px){
  .membership-grid{grid-template-columns:1fr}
  .product-img.shape-square,.product-img.shape-landscape,.product-img.shape-portrait{width:100%}
  .product-card:has(.shape-portrait){grid-row:auto}
}

/* Kokos / S4 provider administration */
.provider-order-note{margin-top:10px;padding:11px 13px;border:1px solid rgba(34,211,238,.17);border-radius:16px;background:rgba(34,211,238,.065);color:#cfe8ff;font-size:14px;font-weight:800;line-height:1.7;overflow-wrap:anywhere}

/* Membership item pricing */
.membership-pricing-modal{position:relative;width:min(760px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(190,211,255,.16);border-radius:30px;background:linear-gradient(180deg,rgba(15,32,56,.99),rgba(6,15,29,.99));box-shadow:0 30px 90px rgba(0,0,0,.5);padding:22px}
.membership-pricing-modal .modal-title{padding:4px 56px 16px 0;border-bottom:1px solid rgba(190,211,255,.1);margin-bottom:16px}
.membership-pricing-modal .modal-title h2{margin:0;font-size:28px}
.membership-pricing-modal .modal-title p{margin:6px 0 0;color:var(--muted);font-weight:800}
.membership-price-list{display:grid;gap:12px}
.membership-price-row{border:1px solid rgba(190,211,255,.12);border-radius:22px;background:rgba(255,255,255,.035);padding:16px}
.membership-price-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.membership-price-head strong{font-size:20px}
.membership-price-head small{color:var(--muted);font-weight:800}
@media(max-width:600px){.membership-pricing-modal{padding:16px;border-radius:26px}.membership-price-head{align-items:flex-start;flex-direction:column}.membership-pricing-modal .modal-title{padding-right:0;padding-left:46px}}
.security-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.security-check-grid>div{border:1px solid rgba(190,211,255,.12);border-radius:20px;background:rgba(255,255,255,.04);padding:16px;display:grid;gap:8px}.security-check-grid strong{font-size:16px}.security-check-grid span{color:#9fe8c7;font-weight:900}

.executor-device-card{border:1px solid var(--stroke);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:18px}

.executor-device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.executor-device-head strong{font-size:22px}.executor-device-head small{display:block;margin-top:6px;color:var(--muted);font-weight:800}

.executor-sims-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.executor-sim-card{border:1px solid rgba(190,211,255,.12);border-radius:22px;background:rgba(4,14,29,.48);padding:16px}.executor-sim-card>small{color:var(--muted);font-weight:800}.sim-last-response{margin-top:14px;border-radius:18px;padding:12px 14px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.15)}.sim-last-response p{margin:7px 0;line-height:1.7}.sim-last-response small{color:var(--muted)}

.executor-order-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.035);color:var(--muted);font-size:14px}.executor-order-meta strong{color:var(--soft)}.ussd-response-box{margin:10px 0;padding:13px 15px;border:1px solid rgba(34,211,238,.22);border-radius:18px;background:rgba(34,211,238,.07)}.ussd-response-box.failed{border-color:rgba(248,113,113,.25);background:rgba(248,113,113,.07)}.ussd-response-box p{margin:7px 0;line-height:1.8;white-space:pre-wrap}.ussd-response-box small{color:var(--muted)}


/* Dual wallets and marketplace admin */
.dual-balance{grid-template-columns:repeat(2,minmax(0,1fr));min-width:min(420px,64vw);justify-items:stretch;text-align:right}
.dual-balance>div{padding-inline:10px}
.dual-balance>div+div{border-inline-start:1px solid rgba(190,211,255,.14)}
.wallet-overview .stat-card strong{direction:ltr;text-align:right}
.category-admin-list{display:grid;gap:10px;margin-top:14px}
.mini-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(190,211,255,.12);border-radius:18px;background:rgba(255,255,255,.035);padding:12px 14px}
.mini-admin-row strong{font-size:16px}
.mini-admin-row small{display:block;margin-top:4px;color:var(--muted);font-weight:800}
@media(max-width:620px){.dual-balance{min-width:0;width:100%;grid-template-columns:1fr 1fr}.dual-balance small{font-size:11px!important}.dual-balance strong{font-size:15px}.mini-admin-row{align-items:flex-start;flex-direction:column}.mini-admin-row .action-row{width:100%}}

/* اشحنلي admin full module upgrade */
.admin-hero-pro {
  min-height: 190px;
}
.admin-module-grid,
.admin-launch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}
.admin-module-card,
.admin-launch-grid > button {
  border: 1px solid rgba(148,163,184,.18);
  background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(2,6,23,.92));
  color: inherit;
  text-align: right;
  border-radius: 22px;
  padding: 18px;
  min-height: 155px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.admin-module-card:hover,
.admin-launch-grid > button:hover {
  transform: translateY(-2px);
  border-color: rgba(34,211,238,.45);
  box-shadow: 0 18px 35px rgba(0,0,0,.22);
}
.admin-module-card > div,
.admin-launch-grid > button > svg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-module-card div span {
  border: 1px solid rgba(34,211,238,.25);
  color: #67e8f9;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: .78rem;
}
.admin-module-card strong,
.admin-launch-grid strong {
  font-size: 1.08rem;
}
.admin-module-card p,
.admin-launch-grid span {
  color: #94a3b8;
  line-height: 1.7;
  margin: 0;
}
.admin-cards-list {
  display: grid;
  gap: 12px;
}
.admin-category-card {
  display: grid;
  grid-template-columns: 82px 1fr auto;
  align-items: center;
  gap: 14px;
  background: rgba(15,23,42,.72);
  border: 1px solid rgba(148,163,184,.16);
  border-radius: 18px;
  padding: 12px;
}
.admin-category-preview {
  width: 82px;
  height: 72px;
  border-radius: 16px;
  background: rgba(15,23,42,.9);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.admin-category-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.admin-category-card strong,
.ordering-row strong {
  display: block;
  margin-bottom: 4px;
}
.admin-category-card small,
.ordering-row small {
  display: block;
  color: #94a3b8;
  margin-bottom: 6px;
}
.admin-two-col {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(320px, 1.15fr);
  gap: 16px;
  align-items: start;
}
.ordering-list {
  display: grid;
  gap: 10px;
  max-height: 620px;
  overflow: auto;
  padding-inline-end: 4px;
}
.ordering-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(15,23,42,.68);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  padding: 12px;
}
.admin-toolbar {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
}
.tabs-row.compact {
  margin: 0;
  padding: 4px;
  gap: 6px;
  overflow-x: auto;
}
.tabs-row.compact button {
  white-space: nowrap;
  padding: 9px 12px;
}
.admin-product-card.wide {
  border: 1px solid rgba(148,163,184,.16);
}
.external-import-list.pro {
  max-height: 680px;
}
.deposit-review-card p {
  margin: 4px 0;
}
@media (max-width: 820px) {
  .admin-two-col,
  .admin-toolbar,
  .admin-category-card {
    grid-template-columns: 1fr;
  }
  .admin-category-preview {
    width: 100%;
    height: 150px;
  }
}

/* ===== Admin Pro Super Professional Pass v6 ===== */
.admin-pro{max-width:1280px;margin-inline:auto;width:100%}.admin-page-header{border:1px solid rgba(190,211,255,.13);border-radius:30px;background:linear-gradient(135deg,rgba(18,43,74,.94),rgba(8,21,39,.96));box-shadow:0 22px 70px rgba(0,0,0,.28);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}.admin-page-header:before{content:"";position:absolute;inset:auto -8% -40% auto;width:360px;height:220px;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 70%);pointer-events:none}.admin-page-title{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.admin-page-title h1{margin:0;font-size:clamp(30px,5vw,46px);letter-spacing:-.025em}.admin-page-title p{margin:8px 0 0;color:#a9bad2;line-height:1.75;font-weight:750}.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric{border:1px solid rgba(190,211,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));padding:18px;display:flex;gap:14px;align-items:flex-start;min-height:118px}.admin-metric svg{color:var(--brand);flex:0 0 auto}.admin-metric span{display:block;color:#9fb2ce;font-weight:900}.admin-metric strong{display:block;font-size:clamp(22px,3vw,30px);margin-top:5px}.admin-metric small{display:block;color:#89a1c0;margin-top:4px;font-weight:800}.pro-grid{display:grid;gap:18px}.pro-grid.two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.pro-filter-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.pro-search{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;border:1px solid rgba(190,211,255,.14);border-radius:20px;background:rgba(255,255,255,.047);padding:0 16px;color:#aebed7}.pro-search svg{flex:0 0 auto;color:#91a8c7}.pro-search input{border:0;background:transparent;min-height:52px;padding:0;box-shadow:none}.pro-search input:focus{box-shadow:none}.pro-table-wrap{width:100%;overflow:auto;border:1px solid rgba(190,211,255,.10);border-radius:24px;background:rgba(3,12,26,.28)}.pro-table{width:100%;border-collapse:separate;border-spacing:0;min-width:880px}.pro-table th{position:sticky;top:0;z-index:2;background:rgba(12,28,50,.98);color:#9fb2ce;text-align:right;font-size:13px;padding:14px 16px;border-bottom:1px solid rgba(190,211,255,.10);white-space:nowrap}.pro-table td{padding:14px 16px;border-bottom:1px solid rgba(190,211,255,.075);vertical-align:middle}.pro-table tr:hover td{background:rgba(34,211,238,.045)}.pro-table strong{display:block;font-size:15.5px;color:#fff}.pro-table small{display:block;color:#94a8c5;margin-top:4px;font-size:12.5px}.products-table{min-width:1040px}.users-table{min-width:1020px}.cell-stack{display:grid;gap:5px}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-btn{width:42px;height:42px;border-radius:15px;border:1px solid rgba(190,211,255,.13);background:rgba(255,255,255,.055);color:#e8f1ff;display:inline-grid;place-items:center;transition:.18s}.icon-btn:hover{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.12);transform:translateY(-1px)}.icon-btn.danger{color:#fecaca;border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.08)}.icon-btn.danger:hover{background:rgba(239,68,68,.16)}.icon-btn.ok{color:#86efac;border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.08)}.pro-badge,.source-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:0 11px;font-size:12px;font-weight:950;white-space:nowrap}.pro-badge.ok{background:rgba(34,197,94,.15);color:#86efac}.pro-badge.off{background:rgba(148,163,184,.13);color:#cbd5e1}.source-badge.manual{background:rgba(34,211,238,.14);color:#67e8f9}.source-badge.api{background:rgba(168,85,247,.14);color:#d8b4fe}.image-thumb{width:52px;height:52px;border-radius:16px;border:1px solid rgba(190,211,255,.13);background:rgba(255,255,255,.055);display:grid;place-items:center;color:#93a6c3;overflow:hidden}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-picker{display:grid;gap:10px}.image-picker>span{font-size:16px;color:#aebed7;font-weight:950}.image-picker-row{display:flex;align-items:center;gap:12px}.image-upload-btn{width:auto;min-width:145px;min-height:48px;border-radius:17px;border:1px solid rgba(34,211,238,.26);background:rgba(34,211,238,.09);color:#dffbff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;cursor:pointer}.image-upload-btn input{display:none}.ordering-layout{align-items:start}.ordering-list{display:grid;gap:10px;max-height:560px;overflow:auto;padding-inline-end:4px}.ordering-row{display:grid;grid-template-columns:52px 1fr 90px 42px 42px;gap:10px;align-items:center;border:1px solid rgba(190,211,255,.10);border-radius:20px;background:rgba(255,255,255,.04);padding:10px}.ordering-row.product{grid-template-columns:52px 1fr 90px 42px 42px}.ordering-row strong{display:block}.ordering-row small{color:#94a8c5}.ordering-row input{min-height:42px;border-radius:14px;padding:0 10px;text-align:center}.provider-card{border:1px solid rgba(190,211,255,.10);border-radius:22px;background:rgba(255,255,255,.04);padding:16px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-bottom:12px}.provider-card strong{display:block;font-size:18px}.provider-card small{display:block;color:#98abc7;margin-top:5px}.provider-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#aebed7;font-weight:850}.check-input{width:22px;min-height:22px;accent-color:#22d3ee}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(1,7,16,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}.admin-modal{width:min(620px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(190,211,255,.16);border-radius:30px;background:linear-gradient(180deg,rgba(15,32,56,.98),rgba(6,15,29,.99));box-shadow:0 30px 90px rgba(0,0,0,.45);padding:22px}.admin-modal.wide{width:min(920px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(190,211,255,.10);padding-bottom:16px;margin-bottom:18px}.modal-head h2{margin:0;font-size:30px}.modal-head p{margin:7px 0 0;color:#9fb2ce;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px;border-top:1px solid rgba(190,211,255,.10);padding-top:16px}.admin-launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.admin-launch-grid button{text-align:right;min-height:130px;border:1px solid rgba(190,211,255,.12);border-radius:24px;background:rgba(255,255,255,.045);color:#fff;padding:18px;display:grid;gap:8px;align-content:start}.admin-launch-grid button:hover{border-color:rgba(34,211,238,.38);background:rgba(34,211,238,.08)}.admin-launch-grid button svg{color:#22d3ee}.admin-launch-grid button strong{font-size:19px}.admin-launch-grid button span{color:#9fb2ce;line-height:1.65}.full-width{width:100%}
@media (max-width:1100px){.admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-grid.two{grid-template-columns:1fr}.pro-filter-grid{grid-template-columns:1fr 1fr}.admin-page-header{align-items:stretch;flex-direction:column}.admin-page-actions{justify-content:flex-start}.provider-card{grid-template-columns:1fr}.ordering-row,.ordering-row.product{grid-template-columns:46px 1fr 76px 38px 38px}.image-thumb{width:46px;height:46px}}
@media (max-width:640px){.admin-metrics-grid{grid-template-columns:1fr}.pro-filter-grid{grid-template-columns:1fr}.admin-page-title{align-items:flex-start}.admin-page-title .section-icon{display:none}.admin-page-header{padding:18px;border-radius:24px}.admin-page-title h1{font-size:30px}.admin-modal{padding:16px;border-radius:24px}.modal-head h2{font-size:24px}.provider-meta{font-size:13px}.pro-table{min-width:760px}.ordering-row,.ordering-row.product{grid-template-columns:42px 1fr 68px;gap:8px}.ordering-row .icon-btn{width:38px;height:38px}.ordering-row .icon-btn:nth-last-child(-n+2){grid-row:2}.form-grid.two-columns{grid-template-columns:1fr}}

/* ===== Admin responsive layout ===== */
.admin-shell.vi-admin-layout{
  min-height:100svh;
  padding:0;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  grid-template-rows:72px minmax(0,1fr);
  grid-template-areas:"sidebar header" "sidebar content";
  background:
    radial-gradient(circle at 80% -10%,rgba(34,211,238,.12),transparent 34%),
    radial-gradient(circle at 8% 15%,rgba(59,130,246,.10),transparent 30%),
    linear-gradient(180deg,#06101d,#08192e 55%,#06101d);
  overflow:hidden;
}
.admin-shell.vi-admin-layout .topbar{
  grid-area:header;
  position:sticky;
  top:0;
  z-index:35;
  height:72px;
  padding:0 20px;
  margin:0;
  background:rgba(8,20,38,.86);
  border-bottom:1px solid rgba(190,211,255,.12);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 40px rgba(0,0,0,.22);
}
.admin-shell.vi-admin-layout .admin-top-title{display:block;margin-inline-end:auto;line-height:1.2}
.admin-shell.vi-admin-layout .admin-top-title strong{display:block;font-size:20px;font-weight:950;color:#fff}
.admin-shell.vi-admin-layout .admin-top-title small{display:block;margin-top:4px;color:#93a8c7;font-size:13px!important;font-weight:850}
.admin-shell.vi-admin-layout .side-backdrop{display:none}
.admin-shell.vi-admin-layout .side-nav{
  grid-area:sidebar;
  position:sticky;
  top:0;
  right:auto;
  bottom:auto;
  transform:none!important;
  width:280px;
  height:100svh;
  padding:14px 12px;
  border-left:1px solid rgba(190,211,255,.12);
  background:linear-gradient(180deg,rgba(13,29,52,.96),rgba(7,17,31,.98));
  box-shadow:-10px 0 40px rgba(0,0,0,.25);
  z-index:42;
}
.admin-shell.vi-admin-layout .nav-brand{height:58px;padding:4px 6px 14px;margin-bottom:10px}
.admin-shell.vi-admin-layout .nav-brand img{width:46px;height:46px;border-radius:14px}
.admin-shell.vi-admin-layout .nav-brand strong{font-size:18px}.admin-shell.vi-admin-layout .nav-brand span{font-size:12px}
.admin-shell.vi-admin-layout .nav-brand button{display:none}
.admin-shell.vi-admin-layout .nav-group{gap:5px;margin:14px 0}
.admin-shell.vi-admin-layout .nav-group p{
  padding:5px 10px 8px;
  border-bottom:1px dashed rgba(190,211,255,.10);
  color:#8ba1c0;
  font-size:12px;
}
.admin-shell.vi-admin-layout .nav-group button,.admin-shell.vi-admin-layout .logout-btn{
  min-height:44px;
  border-radius:14px;
  padding:0 12px;
  font-size:14px;
  color:#d7e5f8;
}
.admin-shell.vi-admin-layout .nav-group button.active{
  border-color:rgba(34,211,238,.36);
  background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(59,130,246,.13));
  color:#fff;
  box-shadow:inset 3px 0 0 rgba(34,211,238,.7);
}
.admin-shell.vi-admin-layout .page-content{
  grid-area:content;
  width:100%;
  max-width:none;
  margin:0;
  overflow:auto;
  height:calc(100svh - 72px);
  padding:22px clamp(16px,2.2vw,30px) 34px;
}
.admin-shell.vi-admin-layout .menu-btn{display:none}
.admin-shell.vi-admin-layout .topbar-balance{grid-auto-flow:column;grid-auto-columns:max-content;display:grid;align-items:center;gap:10px;min-width:auto;padding:8px 12px;border-radius:16px}
.admin-shell.vi-admin-layout .topbar-balance strong{font-size:17px}.admin-shell.vi-admin-layout .topbar-balance small{font-size:11px!important}
.vi-admin-layout .admin-pro{max-width:1540px;margin-inline:auto}
.vi-admin-layout .section-card,.vi-admin-layout .hero-card{border-radius:20px;background:linear-gradient(180deg,rgba(14,31,54,.86),rgba(8,19,36,.94));box-shadow:0 14px 44px rgba(0,0,0,.22)}
.vi-admin-layout .admin-page-header{
  border-radius:20px;
  padding:20px;
  background:
    linear-gradient(135deg,rgba(18,43,74,.92),rgba(8,21,39,.96)),
    radial-gradient(circle at 0% 0%,rgba(34,211,238,.16),transparent 40%);
}
.vi-admin-layout .admin-page-title h1{font-size:clamp(25px,3vw,36px)}
.vi-admin-layout .admin-page-title p{font-size:14px;max-width:820px}
.vi-admin-layout .admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vi-admin-layout .admin-metric{min-height:96px;border-radius:18px;padding:14px}.vi-admin-layout .admin-metric strong{font-size:24px}
.vi-admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vi-admin-shortcuts button{min-height:126px;border:1px solid rgba(190,211,255,.12);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));color:#fff;padding:18px;display:flex;align-items:flex-start;gap:14px;text-align:right;cursor:pointer;transition:.18s}.vi-admin-shortcuts button:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.38);background:rgba(34,211,238,.08)}.vi-admin-shortcuts svg{color:#22d3ee;flex:none}.vi-admin-shortcuts strong{display:block;font-size:18px}.vi-admin-shortcuts span{display:block;margin-top:6px;color:#9fb2ce;line-height:1.65;font-size:14px}
.vi-module-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;border:1px solid rgba(190,211,255,.10);border-radius:20px;background:rgba(3,12,26,.30);padding:10px}.vi-module-tabs button{border:1px solid transparent;border-radius:16px;min-height:64px;background:rgba(255,255,255,.045);color:#dbeafe;display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:10px 12px;cursor:pointer;font-weight:950;text-align:right}.vi-module-tabs button.active{border-color:rgba(34,211,238,.38);background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(59,130,246,.12));box-shadow:0 0 0 3px rgba(34,211,238,.07)}.vi-module-tabs button small{display:block;color:#91a8c7;font-weight:800;font-size:11px;margin-top:3px}.vi-module-tabs button span{display:block}.vi-module-body{display:grid;gap:18px}.vi-module-body>.admin-pro>.admin-page-header{display:none}.vi-module-body>.admin-pro{max-width:none}.vi-module-body>.admin-pro.stack-gap{gap:18px}
.vi-admin-layout .pro-grid.two{grid-template-columns:minmax(360px,.48fr) minmax(0,1fr)}.vi-admin-layout .pro-filter-grid{grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(130px,1fr))}.vi-admin-layout .pro-table-wrap{border-radius:18px}.vi-admin-layout .pro-table th{font-size:12px}.vi-admin-layout .pro-table td{padding:12px 14px}.vi-admin-layout .admin-modal{border-radius:22px}.vi-admin-layout .form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.vi-admin-layout .tabs-row{border:1px solid rgba(190,211,255,.10);border-radius:18px;background:rgba(3,12,26,.30);padding:9px}.vi-admin-layout .tabs-row button{border-radius:14px}
@media (max-width:1180px){.admin-shell.vi-admin-layout{grid-template-columns:240px 1fr}.admin-shell.vi-admin-layout .side-nav{width:240px}.vi-admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-admin-layout .admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vi-admin-layout .pro-grid.two{grid-template-columns:1fr}.vi-admin-layout .pro-filter-grid{grid-template-columns:1fr 1fr}.admin-shell.vi-admin-layout .topbar-balance{display:none}}
@media (max-width:840px){.admin-shell.vi-admin-layout{display:block;overflow:visible;padding:8px 12px 24px}.admin-shell.vi-admin-layout .topbar{height:auto;min-height:62px;padding:10px 0 12px;background:linear-gradient(180deg,#06101f 0%,rgba(6,16,31,.90) 80%,transparent)}.admin-shell.vi-admin-layout .menu-btn{display:grid}.admin-shell.vi-admin-layout .admin-top-title{display:none}.admin-shell.vi-admin-layout .side-backdrop{display:block}.admin-shell.vi-admin-layout .side-nav{position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(360px,88vw);height:auto;transform:translateX(105%)!important}.admin-shell.vi-admin-layout .side-nav.open{transform:translateX(0)!important}.admin-shell.vi-admin-layout .nav-brand button{display:grid}.admin-shell.vi-admin-layout .page-content{height:auto;overflow:visible;padding:0;}.admin-shell.vi-admin-layout .topbar-balance{display:grid}.vi-admin-shortcuts{grid-template-columns:1fr}.vi-module-tabs{grid-template-columns:1fr 1fr}.vi-admin-layout .pro-filter-grid{grid-template-columns:1fr}.vi-admin-layout .form-grid.two-columns{grid-template-columns:1fr}.vi-admin-layout .admin-page-header{display:block}.vi-admin-layout .admin-page-actions{margin-top:14px}.vi-admin-layout .admin-metrics-grid{grid-template-columns:1fr}.vi-admin-layout .section-title{align-items:center}.vi-admin-layout .section-icon{width:50px;height:50px;flex-basis:50px}.vi-module-body>.admin-pro>.admin-page-header{display:none}}
@media (max-width:520px){.vi-module-tabs{grid-template-columns:1fr}.admin-shell.vi-admin-layout .topbar-balance{display:none}.vi-admin-layout .admin-page-title{align-items:flex-start}.vi-admin-layout .admin-page-title .section-icon{display:none}.vi-admin-layout .pro-table{min-width:780px}.vi-admin-shortcuts button{min-height:110px}.vi-admin-layout .section-card{padding:16px}}

/* ===== v9 Financial Audit + SMS Review ===== */
.financial-filter-grid{grid-template-columns:150px 150px 190px minmax(260px,1fr) 150px!important}.finance-table{min-width:1180px}.money-direction{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 12px;font-weight:950;font-size:12px}.money-direction.credit{background:rgba(34,197,94,.14);color:#86efac}.money-direction.debit{background:rgba(239,68,68,.13);color:#fecaca}.money-direction.pending{background:rgba(245,158,11,.14);color:#fde68a}.money-direction.neutral{background:rgba(148,163,184,.14);color:#cbd5e1}.mini-note{margin:10px 0 0;color:#9fb2ce;line-height:1.8;font-weight:800}.mini-note strong{color:#fff}.sms-filter-grid{grid-template-columns:180px minmax(280px,1fr) 150px!important}.sms-message-list{display:grid;gap:12px}.sms-message-card{border:1px solid rgba(190,211,255,.11);border-radius:18px;background:rgba(255,255,255,.045);padding:16px}.sms-message-card p{white-space:pre-wrap;line-height:1.9;margin:10px 0;color:#e8f1ff}.sms-message-card small{color:#91a8c7}.financial-pro .source-badge.api{background:rgba(34,211,238,.12);color:#a5f3fc}.financial-metrics .admin-metric strong{font-size:clamp(18px,2vw,26px)}
@media (max-width:980px){.financial-filter-grid,.sms-filter-grid{grid-template-columns:1fr!important}.finance-table{min-width:980px}}

/* ===== v10 Professional Purple / Neon Green Theme =====
   Inspired by the provided UI reference: deep indigo canvas, violet surfaces,
   clean purple navigation, and neon-green primary CTAs. */
:root{
  color-scheme:dark;
  --bg:#19164b;
  --bg2:#241b61;
  --card:rgba(38,30,93,.88);
  --card2:rgba(48,34,121,.92);
  --stroke:rgba(213,201,255,.20);
  --stroke2:rgba(154,112,255,.48);
  --text:#fbf8ff;
  --muted:#c4bce8;
  --soft:#eee9ff;
  --brand:#8b5cf6;
  --brand2:#6d28d9;
  --brand3:#14e981;
  --cyan:#17c8ff;
  --ok:#16e57d;
  --warn:#fbbf24;
  --danger:#ff4d6d;
  --shadow:0 24px 70px rgba(7,5,32,.42);
}
html,body,#root{background:var(--bg);color:var(--text)}
body{
  background:
    radial-gradient(circle at 15% -8%,rgba(139,92,246,.32),transparent 30%),
    radial-gradient(circle at 94% 5%,rgba(20,233,129,.14),transparent 25%),
    radial-gradient(circle at 50% 105%,rgba(70,37,165,.28),transparent 34%),
    linear-gradient(180deg,#151244 0%,#1f1958 47%,#191448 100%);
}
body:before{
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:74px 74px;
  opacity:.78;
}
input,select,textarea{
  border-color:rgba(221,214,254,.20);
  background:rgba(255,255,255,.075);
  color:#fff;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(20,233,129,.70);
  box-shadow:0 0 0 4px rgba(20,233,129,.12),0 0 28px rgba(139,92,246,.10);
}
.splash-card,.auth-card{
  border-color:rgba(221,214,254,.22);
  background:
    radial-gradient(circle at 100% 0%,rgba(20,233,129,.13),transparent 34%),
    linear-gradient(180deg,rgba(112,38,218,.94),rgba(73,28,161,.96));
  box-shadow:0 30px 90px rgba(25,10,90,.45);
}
.app-shell{
  background:
    radial-gradient(circle at 20% -10%,rgba(139,92,246,.20),transparent 30%),
    radial-gradient(circle at 95% 10%,rgba(20,233,129,.10),transparent 26%);
}
.topbar{
  background:linear-gradient(180deg,rgba(32,25,87,.94) 0%,rgba(32,25,87,.82) 72%,transparent);
}
.topbar-balance{
  border-color:rgba(221,214,254,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));
}
.menu-btn,.nav-brand button{
  border-color:rgba(221,214,254,.22);
  background:rgba(255,255,255,.095);
}
.side-nav{
  background:
    radial-gradient(circle at 0% 0%,rgba(20,233,129,.12),transparent 32%),
    linear-gradient(180deg,#6f2ce2 0%,#3d1b86 48%,#25145f 100%);
  border-left-color:rgba(221,214,254,.20);
}
.nav-group p{color:#d9cffd}
.nav-group button,.logout-btn{color:#f1ebff}
.nav-group button.active,.nav-group button:hover{
  border-color:rgba(255,255,255,.20);
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  box-shadow:inset 4px 0 0 rgba(20,233,129,.88);
}
.section-card,.hero-card{
  border-color:rgba(221,214,254,.18);
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,246,.13),transparent 34%),
    linear-gradient(180deg,rgba(42,33,103,.88),rgba(26,22,75,.94));
  box-shadow:0 22px 68px rgba(6,4,31,.34);
}
.section-icon{
  border-color:rgba(20,233,129,.22);
  background:linear-gradient(135deg,rgba(139,92,246,.30),rgba(20,233,129,.14));
  color:#baf7d4;
}
.stat-card,.package-card,.list-card,.sim-card,.admin-user-card,.order-summary,.selected-customer,.executor-status{
  border-color:rgba(221,214,254,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.045));
}
.package-card.selected{
  border-color:rgba(20,233,129,.72);
  background:linear-gradient(135deg,rgba(20,233,129,.18),rgba(139,92,246,.20));
  box-shadow:0 0 0 4px rgba(20,233,129,.09),0 18px 42px rgba(20,233,129,.08);
}
.btn-primary{
  background:linear-gradient(135deg,#14e981 0%,#05c96d 100%);
  color:#061b15;
  box-shadow:0 16px 42px rgba(20,233,129,.27);
}
.btn-secondary,.quick-actions button,.tabs-row button{
  border-color:rgba(221,214,254,.18);
  background:rgba(255,255,255,.075);
}
.btn-secondary:hover,.quick-actions button:hover,.tabs-row button.active{
  border-color:rgba(20,233,129,.42);
  background:linear-gradient(135deg,rgba(139,92,246,.26),rgba(20,233,129,.12));
}
.status-pill.success,.status-pill.approved,.status-pill.active,.amount-in{color:#86f9b8}
.status-pill.success,.status-pill.approved,.status-pill.active{background:rgba(20,233,129,.16)}
.source-badge.manual,.financial-pro .source-badge.api{background:rgba(20,233,129,.13);color:#a7ffd1}
.source-badge.api{background:rgba(139,92,246,.20);color:#ddd1ff}
.pro-badge.ok{background:rgba(20,233,129,.15);color:#9dffc9}
.check-input{accent-color:#14e981}
.toast.success{background:#065f46;color:#d1fae5}.toast.info{background:#3d1b86;color:#f3e8ff}

/* Admin desktop layout in the same professional purple identity */
.admin-shell.vi-admin-layout{
  background:
    radial-gradient(circle at 72% -8%,rgba(139,92,246,.30),transparent 32%),
    radial-gradient(circle at 12% 18%,rgba(20,233,129,.11),transparent 28%),
    radial-gradient(circle at 90% 100%,rgba(23,200,255,.10),transparent 28%),
    linear-gradient(180deg,#171348 0%,#211a5e 54%,#171348 100%);
}
.admin-shell.vi-admin-layout .topbar{
  background:linear-gradient(90deg,rgba(33,26,91,.94),rgba(42,30,116,.88));
  border-bottom-color:rgba(221,214,254,.16);
}
.admin-shell.vi-admin-layout .side-nav{
  background:
    radial-gradient(circle at 0 0,rgba(20,233,129,.13),transparent 34%),
    linear-gradient(180deg,#762be8 0%,#4c1d95 42%,#2c166e 100%);
  border-left-color:rgba(221,214,254,.20);
  box-shadow:-16px 0 54px rgba(9,4,42,.36);
}
.admin-shell.vi-admin-layout .nav-brand{
  border-bottom-color:rgba(255,255,255,.16);
}
.admin-shell.vi-admin-layout .nav-group p{
  color:#d9ceff;
  border-bottom-color:rgba(255,255,255,.12);
}
.admin-shell.vi-admin-layout .nav-group button,.admin-shell.vi-admin-layout .logout-btn{
  color:#f5efff;
}
.admin-shell.vi-admin-layout .nav-group button.active{
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.10));
  box-shadow:inset 4px 0 0 #14e981,0 12px 34px rgba(12,8,42,.18);
}
.admin-shell.vi-admin-layout .nav-group button:hover{
  border-color:rgba(20,233,129,.30);
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(20,233,129,.10));
}
.admin-shell.vi-admin-layout .page-content{
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,246,.12),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(20,233,129,.07),transparent 25%);
}
.vi-admin-layout .section-card,.vi-admin-layout .hero-card,.vi-admin-layout .admin-page-header{
  border-color:rgba(221,214,254,.18);
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,246,.16),transparent 34%),
    linear-gradient(180deg,rgba(43,35,106,.90),rgba(26,22,75,.96));
}
.vi-admin-layout .admin-page-header:before{background:radial-gradient(circle,rgba(20,233,129,.18),transparent 70%)}
.admin-metric,.admin-launch-grid button,.vi-admin-shortcuts button,.pro-table-wrap,.provider-card,.ordering-row,.sms-message-card,.admin-product-card{
  border-color:rgba(221,214,254,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.040));
}
.admin-metric svg,.vi-admin-shortcuts svg,.admin-launch-grid button svg,.icon-btn:hover{color:#14e981}
.pro-table th{
  background:rgba(36,27,96,.98);
  color:#d8cffd;
}
.pro-table tr:hover td{background:rgba(139,92,246,.10)}
.pro-search{
  border-color:rgba(221,214,254,.18);
  background:rgba(255,255,255,.070);
}
.icon-btn{
  border-color:rgba(221,214,254,.17);
  background:rgba(255,255,255,.075);
}
.icon-btn:hover{
  border-color:rgba(20,233,129,.44);
  background:rgba(20,233,129,.13);
}
.admin-modal{
  border-color:rgba(221,214,254,.22);
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,246,.18),transparent 34%),
    linear-gradient(180deg,rgba(47,36,116,.98),rgba(21,17,65,.99));
}
.modal-backdrop{background:rgba(12,7,43,.72)}
.vi-module-tabs{
  border-color:rgba(221,214,254,.14);
  background:rgba(16,12,54,.38);
}
.vi-module-tabs button{
  background:rgba(255,255,255,.07);
  color:#efeaff;
}
.vi-module-tabs button.active{
  border-color:rgba(20,233,129,.44);
  background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(20,233,129,.12));
  box-shadow:0 0 0 3px rgba(20,233,129,.07);
}
.image-upload-btn{
  border-color:rgba(20,233,129,.28);
  background:rgba(20,233,129,.11);
  color:#dfffee;
}
@media (max-width:840px){
  .admin-shell.vi-admin-layout .topbar{
    background:linear-gradient(180deg,rgba(33,26,91,.94),rgba(33,26,91,.84) 80%,transparent);
  }
  .admin-shell.vi-admin-layout .side-nav{
    background:
      radial-gradient(circle at 0 0,rgba(20,233,129,.13),transparent 34%),
      linear-gradient(180deg,#762be8 0%,#4c1d95 42%,#2c166e 100%);
  }
}

/* ===== Customer mobile neon redesign v12 ===== */
:root{
  --v12-bg:#06051d;
  --v12-panel:#120f3f;
  --v12-panel-2:#181052;
  --v12-purple:#8b1ff4;
  --v12-purple-2:#c026ff;
  --v12-cyan:#16e8ff;
  --v12-green:#00f59b;
  --v12-blue:#0d63ff;
  --v12-border:rgba(191,175,255,.18);
}
.customer-v12-shell{
  width:min(100%,520px);
  margin-inline:auto;
  padding:14px 16px 104px;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% -4%,rgba(151,71,255,.23),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(0,219,255,.12),transparent 26%),
    linear-gradient(180deg,#080622 0%,#0d0732 44%,#07051e 100%);
  border-inline:1px solid rgba(255,255,255,.04);
  box-shadow:0 0 80px rgba(0,0,0,.38);
}
.customer-v12-shell .page-content{max-width:100%;margin:0;padding:0}
.customer-v12-shell .stack-gap,.customer-v12-shell .customer-page{display:grid;gap:18px}
.customer-topbar{position:sticky;top:0;z-index:28;margin:-14px -16px 14px;padding:14px 16px 12px;background:linear-gradient(180deg,rgba(8,6,34,.96),rgba(8,6,34,.80) 78%,rgba(8,6,34,0));backdrop-filter:blur(18px)}
.customer-profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.customer-profile-chip{display:flex;align-items:center;gap:10px;min-width:0}.customer-profile-chip small{display:block;color:#c9c3ff;font-weight:800;font-size:12px}.customer-profile-chip strong{display:block;color:#fff;font-size:16px;line-height:1.2;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-avatar{position:relative;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(139,31,244,.36),rgba(13,99,255,.20));box-shadow:0 0 22px rgba(139,31,244,.25);overflow:hidden}.customer-avatar:after{content:"";position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:999px;background:#22c55e;border:2px solid #07051e}.customer-avatar img{width:100%;height:100%;object-fit:cover}.customer-menu-btn{width:52px;height:52px;border-radius:19px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));color:#fff;display:grid;place-items:center;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.customer-wallet-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-wallet-card{min-height:92px;border:1px solid rgba(191,175,255,.20);border-radius:22px;padding:14px;text-align:center;display:grid;align-content:center;gap:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.20);overflow:hidden;position:relative}.customer-wallet-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:110px;height:110px;border-radius:999px;filter:blur(18px);opacity:.48}.customer-wallet-card.units{background:linear-gradient(135deg,rgba(110,21,205,.60),rgba(32,18,88,.82))}.customer-wallet-card.units:before{background:#a855f7}.customer-wallet-card.games{background:linear-gradient(135deg,rgba(12,83,196,.54),rgba(17,20,84,.86))}.customer-wallet-card.games:before{background:#15d2ff}.customer-wallet-card span{color:#d8d2ff;font-size:12px;font-weight:900}.customer-wallet-card strong{color:#fff;font-size:clamp(22px,7vw,28px);line-height:1;font-weight:950;direction:ltr}.customer-wallet-card small{justify-self:center;min-width:56px;border-radius:999px;padding:3px 10px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);color:#c8bfff;font-weight:950;font-size:12px}
.customer-hero-card{position:relative;min-height:172px;border:1px solid var(--v12-border);border-radius:26px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;background:linear-gradient(135deg,rgba(72,22,145,.85),rgba(17,13,65,.96));box-shadow:0 22px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}.customer-hero-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 20%,rgba(192,38,255,.45),transparent 26%),radial-gradient(circle at 82% 80%,rgba(22,232,255,.20),transparent 28%);pointer-events:none}.customer-hero-card:after{content:"";position:absolute;left:-36px;bottom:-42px;width:150px;height:150px;border-radius:999px;background:rgba(22,232,255,.10);filter:blur(3px)}.customer-hero-card .hero-copy{position:relative;z-index:1;text-align:right;flex:1}.customer-hero-card h1{margin:0 0 9px;font-size:clamp(28px,8.5vw,38px);letter-spacing:-.03em;line-height:1.1;color:#fff}.customer-hero-card p{margin:0;color:#e4ddff;line-height:1.9;font-weight:800}.hero-dots{display:flex;gap:6px;margin-top:18px}.hero-dots span{width:20px;height:3px;border-radius:999px;background:rgba(255,255,255,.30)}.hero-dots span:first-child{width:32px;background:linear-gradient(90deg,var(--v12-purple-2),var(--v12-cyan))}.hero-visual{position:relative;z-index:1;flex:0 0 112px;width:112px;height:112px;border-radius:32px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,rgba(139,31,244,.70),rgba(16,232,255,.22));box-shadow:0 0 44px rgba(139,31,244,.36),inset 0 1px 0 rgba(255,255,255,.18);transform:rotate(-5deg)}.hero-visual svg{filter:drop-shadow(0 0 14px rgba(22,232,255,.40))}.unit-visual:before,.game-visual:before{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.16);border-radius:24px}.games-hero{background:linear-gradient(135deg,rgba(68,22,148,.86),rgba(8,33,88,.92))}.game-visual{background:linear-gradient(135deg,rgba(13,99,255,.62),rgba(192,38,255,.46))}
.customer-v12-shell .section-card{border-radius:26px;border-color:rgba(191,175,255,.18);background:linear-gradient(180deg,rgba(20,14,72,.86),rgba(10,8,39,.94));box-shadow:0 22px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06);padding:18px}.customer-v12-shell .section-title{align-items:center;margin-bottom:18px}.customer-v12-shell .section-title h2{font-size:clamp(24px,7vw,32px);line-height:1.15}.customer-v12-shell .section-title p{font-size:14px;line-height:1.8;color:#bdb5ea}.customer-v12-shell .section-icon{width:48px;height:48px;flex-basis:48px;border-radius:18px;background:linear-gradient(135deg,rgba(139,31,244,.30),rgba(22,232,255,.16));border-color:rgba(168,85,247,.28);color:#d8b4fe}.customer-v12-shell label span,.customer-v12-shell .field span{font-size:14px;color:#c4bee9}.customer-v12-shell input,.customer-v12-shell select,.customer-v12-shell textarea{min-height:54px;border-radius:18px;border-color:rgba(191,175,255,.16);background:rgba(255,255,255,.045);color:#fff}.customer-v12-shell input:focus,.customer-v12-shell select:focus,.customer-v12-shell textarea:focus{border-color:rgba(192,38,255,.75);box-shadow:0 0 0 4px rgba(168,85,247,.13)}
.customer-v12-shell .recharge-request-card{max-width:none;margin:0}.customer-v12-shell .recharge-request-card .section-title{padding-bottom:10px;border-bottom:1px solid rgba(191,175,255,.10)}.customer-v12-shell .choice-row{gap:10px;margin:8px 0}.customer-v12-shell .choice-row button{min-height:52px;border-radius:18px;border-color:rgba(191,175,255,.16);background:rgba(255,255,255,.045);color:#d7d0ff;font-size:16px}.customer-v12-shell .choice-row button.active{border-color:rgba(192,38,255,.72);background:linear-gradient(135deg,rgba(139,31,244,.55),rgba(45,18,112,.70));box-shadow:0 0 0 3px rgba(168,85,247,.15),0 0 28px rgba(139,31,244,.22);color:#fff}.customer-v12-shell .package-picker-trigger{min-height:64px;border-radius:18px;background:rgba(255,255,255,.045);border-color:rgba(191,175,255,.16)}.customer-v12-shell .package-picker-meta strong{font-size:18px}.customer-v12-shell .package-picker-meta small{font-size:13px;color:#b8b0df}.customer-v12-shell .checkout-summary{border-radius:20px;border-color:rgba(192,38,255,.35);background:linear-gradient(135deg,rgba(19,37,79,.85),rgba(79,18,139,.72));padding:18px}.customer-v12-shell .checkout-summary span{color:#bdb5ea}.customer-v12-shell .checkout-summary strong{font-size:34px;color:#fff;direction:ltr}.customer-v12-shell .btn-primary{background:linear-gradient(135deg,#7c0df0,#bd00ff);box-shadow:0 18px 42px rgba(139,31,244,.34)}.customer-v12-shell .big-action{min-height:58px;border-radius:20px;font-size:19px}.customer-v12-shell .package-modal{background:linear-gradient(180deg,rgba(23,15,78,.98),rgba(8,6,31,.99));border-color:rgba(191,175,255,.20)}.customer-v12-shell .package-modal-card{background:linear-gradient(180deg,rgba(139,31,244,.80),rgba(18,14,65,.92));color:#fff;border-color:rgba(191,175,255,.20);grid-template-rows:1fr auto}.customer-v12-shell .package-modal-card span{border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}
.customer-products-card .section-title{margin-bottom:12px}.customer-v12-shell .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-v12-shell .category-card,.customer-v12-shell .product-card{min-height:154px;padding:12px;border-radius:22px;border-color:rgba(191,175,255,.15);background:linear-gradient(180deg,rgba(25,16,83,.82),rgba(11,9,43,.95));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);text-align:center;align-content:start}.customer-v12-shell .category-card:hover,.customer-v12-shell .product-card:hover{border-color:rgba(192,38,255,.60);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 24px rgba(139,31,244,.18);transform:translateY(-2px)}.customer-v12-shell .category-img,.customer-v12-shell .product-img{height:78px;border-radius:18px;background:linear-gradient(135deg,rgba(13,99,255,.32),rgba(139,31,244,.28));border-color:rgba(191,175,255,.14)}.customer-v12-shell .category-card strong,.customer-v12-shell .product-card strong{font-size:16px;line-height:1.25;color:#fff;min-height:38px;display:grid;place-items:center}.customer-v12-shell .category-card small{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border-radius:14px;border:1px solid rgba(191,175,255,.14);background:rgba(255,255,255,.04);color:#f3e8ff;font-size:13px}.customer-v12-shell .category-card small:before{content:"←"}.customer-v12-shell .product-card span{margin-top:5px;font-size:16px;color:#67e8f9;justify-content:center}.customer-v12-shell .back-btn{height:44px;min-height:44px;border-radius:16px;margin-bottom:12px}.customer-v12-shell .buy-modal{background:linear-gradient(180deg,rgba(23,15,78,.98),rgba(8,6,31,.99));border-color:rgba(191,175,255,.20)}
.customer-bottom-nav{position:fixed;z-index:35;left:50%;bottom:14px;transform:translateX(-50%);width:min(488px,calc(100% - 24px));height:74px;border:1px solid rgba(191,175,255,.16);border-radius:25px;background:linear-gradient(180deg,rgba(19,15,69,.92),rgba(10,8,40,.96));box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:8px;backdrop-filter:blur(18px);direction:rtl}.customer-bottom-nav button{border:0;background:transparent;color:#c9c1ee;border-radius:18px;display:grid;place-items:center;gap:4px;font-weight:900;font-size:11px}.customer-bottom-nav button svg{width:20px;height:20px}.customer-bottom-nav button.active:not(.primary){background:rgba(255,255,255,.055);color:#fff}.customer-bottom-nav button.primary{position:relative;isolation:isolate;color:#fff}.customer-bottom-nav button.primary svg{width:26px;height:26px}.customer-bottom-nav button.primary:before{content:"";position:absolute;top:-22px;width:58px;height:58px;border-radius:999px;background:linear-gradient(135deg,#8b1ff4,#c026ff);box-shadow:0 10px 28px rgba(139,31,244,.46);z-index:-1}.customer-bottom-nav button.primary span{margin-top:10px}
.customer-v12-shell .side-nav{width:min(430px,92vw);padding:22px;right:50%;transform:translate(50%,105%);top:14px;bottom:14px;border-radius:32px;border:1px solid rgba(191,175,255,.18);background:linear-gradient(180deg,rgba(21,15,73,.98),rgba(8,6,31,.99));box-shadow:0 30px 90px rgba(0,0,0,.55)}.customer-v12-shell .side-nav.open{transform:translate(50%,0)}.customer-v12-shell .nav-brand{border-bottom-color:rgba(191,175,255,.12);padding-bottom:22px}.customer-v12-shell .nav-brand img{width:66px;height:66px;border-radius:24px;border:1px solid rgba(255,255,255,.14)}.customer-v12-shell .nav-brand strong{font-size:22px}.customer-v12-shell .nav-brand span{color:#c9c1ee}.customer-v12-shell .nav-group{gap:10px;margin:18px 0}.customer-v12-shell .nav-group p{color:#a985ff;font-size:14px}.customer-v12-shell .nav-group button{min-height:58px;border-radius:18px;justify-content:space-between;flex-direction:row-reverse;padding:0 16px;color:#eee9ff}.customer-v12-shell .nav-group button.active,.customer-v12-shell .nav-group button:hover{border-color:rgba(192,38,255,.55);background:linear-gradient(135deg,rgba(139,31,244,.55),rgba(57,23,120,.55));box-shadow:0 0 0 3px rgba(168,85,247,.12)}.customer-v12-shell .logout-btn{min-height:58px;border-radius:18px;justify-content:center;margin-top:24px;background:rgba(239,68,68,.12);border-color:rgba(248,113,113,.28)}
.customer-v12-shell .list-card{border-color:rgba(191,175,255,.14);background:linear-gradient(180deg,rgba(20,14,72,.72),rgba(10,8,39,.90))}.customer-v12-shell .wallet-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-v12-shell .wallet-overview .stat-card{min-height:110px;border-color:rgba(191,175,255,.16);background:linear-gradient(180deg,rgba(25,16,83,.78),rgba(11,9,43,.92))}.customer-v12-shell .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-v12-shell .toast{bottom:100px;top:auto;left:50%;right:auto;transform:translateX(-50%);width:min(460px,calc(100% - 28px));border-radius:20px;text-align:center}
@media (min-width:760px){body:has(.customer-v12-shell){background:radial-gradient(circle at 50% -10%,rgba(139,31,244,.28),transparent 30%),#03030d}.customer-v12-shell{margin-block:18px;border-radius:34px;min-height:calc(100vh - 36px);border:1px solid rgba(191,175,255,.12)}}
@media (max-width:390px){.customer-v12-shell{padding-inline:12px}.customer-topbar{margin-inline:-12px;padding-inline:12px}.customer-wallet-card{min-height:84px;padding:12px}.customer-wallet-card strong{font-size:20px}.customer-hero-card{min-height:154px;padding:16px}.hero-visual{width:88px;height:88px;flex-basis:88px;border-radius:26px}.customer-v12-shell .products-grid{gap:9px}.customer-v12-shell .category-card,.customer-v12-shell .product-card{min-height:140px;padding:10px}.customer-v12-shell .category-img,.customer-v12-shell .product-img{height:66px}.customer-bottom-nav{height:70px;bottom:10px}}

/* ===== v13 customer UX responsive polish ===== */
.customer-v12-shell{
  width:min(100%,480px);
  padding:10px 12px 92px;
  font-size:14px;
}
.customer-v12-shell .page-content{padding:0}
.customer-v12-shell .stack-gap,.customer-v12-shell .customer-page{gap:12px}
.customer-topbar{margin:-10px -12px 10px;padding:10px 12px 8px}
.customer-profile-row{margin-bottom:9px}
.customer-profile-chip{gap:8px}.customer-avatar{width:36px;height:36px;border-radius:14px}.customer-profile-chip small{font-size:11px}.customer-profile-chip strong{font-size:14px;max-width:160px}.customer-menu-btn{width:44px;height:44px;border-radius:16px}.customer-menu-btn svg{width:21px;height:21px}
.customer-wallet-strip.single-wallet{grid-template-columns:1fr}.customer-wallet-strip.single-wallet .customer-wallet-card{min-height:72px;padding:10px 14px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label currency" "value currency";align-items:center;text-align:right;gap:3px 10px}.customer-wallet-strip.single-wallet .customer-wallet-card span{grid-area:label;font-size:12px}.customer-wallet-strip.single-wallet .customer-wallet-card strong{grid-area:value;font-size:24px}.customer-wallet-strip.single-wallet .customer-wallet-card small{grid-area:currency;min-width:46px;font-size:12px;padding:5px 10px}
.customer-hero-card{min-height:132px;border-radius:22px;padding:15px;gap:10px}.customer-hero-card h1{font-size:clamp(23px,6vw,30px);margin-bottom:6px}.customer-hero-card p{font-size:13px;line-height:1.65}.hero-visual{width:82px;height:82px;flex-basis:82px;border-radius:24px}.unit-visual:before,.game-visual:before{inset:10px;border-radius:18px}.hero-dots{margin-top:12px}.hero-dots button,.hero-dots span{width:17px;height:3px;border:0;border-radius:999px;background:rgba(255,255,255,.28);padding:0}.hero-dots button.active,.hero-dots span:first-child{width:28px;background:linear-gradient(90deg,var(--v12-purple-2),var(--v12-cyan))}.customer-hero-card.with-slide-image{min-height:142px;padding:16px;background:#100a39}.hero-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.customer-hero-card.with-slide-image:before{z-index:1;background:linear-gradient(90deg,rgba(8,6,34,.92),rgba(8,6,34,.50),rgba(8,6,34,.20))}.customer-hero-card.with-slide-image .hero-copy{max-width:68%}
.customer-v12-shell .section-card{border-radius:22px;padding:14px}.customer-v12-shell .section-title{margin-bottom:12px;gap:10px}.customer-v12-shell .section-title h2{font-size:clamp(20px,5.7vw,26px)}.customer-v12-shell .section-title p{font-size:12.5px;line-height:1.65}.customer-v12-shell .section-icon{width:40px;height:40px;flex-basis:40px;border-radius:15px}.customer-v12-shell .section-icon svg{width:20px;height:20px}.customer-v12-shell label span,.customer-v12-shell .field span{font-size:12.5px}.customer-v12-shell input,.customer-v12-shell select,.customer-v12-shell textarea{min-height:46px;border-radius:15px;font-size:14px;padding:0 13px}.customer-v12-shell .choice-row{gap:7px;margin:7px 0}.customer-v12-shell .choice-row button{min-height:44px;border-radius:15px;font-size:14px}.request-flow.compact-request-flow{gap:10px;margin-top:4px}.phone-first-field{margin-top:0}.detected-network{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;border:1px solid rgba(191,175,255,.14);border-radius:15px;background:rgba(255,255,255,.04);padding:8px 12px;color:#bdb5ea}.detected-network strong{color:#fff;font-size:14px}.detected-network.ok{border-color:rgba(34,211,238,.38);background:rgba(22,232,255,.07)}.detected-network.bad{border-color:rgba(248,113,113,.38);background:rgba(248,113,113,.08)}
.customer-v12-shell .package-picker-trigger{min-height:54px;border-radius:16px;padding:12px 14px}.customer-v12-shell .package-picker-meta strong{font-size:16px}.customer-v12-shell .package-picker-meta small{font-size:12px}.customer-v12-shell .checkout-summary{border-radius:17px;padding:13px 15px}.customer-v12-shell .checkout-summary span{font-size:12px}.customer-v12-shell .checkout-summary strong{font-size:27px}.customer-v12-shell .big-action{min-height:50px;border-radius:17px;font-size:16px}.customer-products-card .section-title{margin-bottom:10px}.customer-v12-shell .products-grid{gap:9px}.customer-v12-shell .category-card,.customer-v12-shell .product-card{min-height:126px;padding:9px;border-radius:18px}.customer-v12-shell .category-img,.customer-v12-shell .product-img{height:60px;border-radius:14px}.customer-v12-shell .category-card strong,.customer-v12-shell .product-card strong{font-size:13.5px;min-height:30px}.customer-v12-shell .category-card small{min-height:28px;font-size:12px;border-radius:12px}.customer-v12-shell .product-card span{font-size:13.5px}.customer-v12-shell .back-btn{height:38px;min-height:38px}
.customer-bottom-nav{height:62px;bottom:10px;width:min(480px,calc(100% - 18px));border-radius:21px;padding:6px;gap:2px;direction:rtl}.customer-bottom-nav button{min-height:50px;border-radius:16px;font-size:10.5px;gap:3px;display:flex;flex-direction:column;align-items:center;justify-content:center}.customer-bottom-nav button svg{width:18px;height:18px}.customer-bottom-nav button.active{background:linear-gradient(135deg,rgba(139,31,244,.54),rgba(21,100,255,.24));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.customer-bottom-nav button.primary:before{display:none}.customer-bottom-nav button.primary span{margin-top:0}.customer-bottom-nav button.primary svg{width:18px;height:18px}
.customer-v12-shell .side-nav{width:min(390px,92vw);padding:18px;border-radius:28px}.customer-v12-shell .nav-brand img{width:54px;height:54px;border-radius:19px}.customer-v12-shell .nav-brand strong{font-size:18px}.customer-v12-shell .nav-group{gap:7px;margin:14px 0}.customer-v12-shell .nav-group button{min-height:49px;border-radius:15px;font-size:14px}.customer-v12-shell .logout-btn{min-height:49px;border-radius:15px}
@media (min-width:760px){.customer-v12-shell{width:min(100%,480px);margin-block:12px;border-radius:30px;min-height:calc(100vh - 24px)}}
@media (max-width:370px){.customer-v12-shell{padding-inline:10px}.customer-topbar{margin-inline:-10px;padding-inline:10px}.customer-wallet-strip.single-wallet .customer-wallet-card{min-height:66px}.customer-hero-card{min-height:124px;padding:13px}.hero-visual{width:70px;height:70px;flex-basis:70px}.customer-v12-shell .products-grid{gap:7px}.customer-v12-shell .category-card,.customer-v12-shell .product-card{min-height:116px}.customer-v12-shell .category-img,.customer-v12-shell .product-img{height:54px}.customer-bottom-nav{height:58px}.customer-bottom-nav button{font-size:10px}.customer-bottom-nav button svg{width:17px;height:17px}}

/* Admin slides */
.slide-preview-list{display:grid;gap:12px}.slide-admin-card{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.04);padding:10px}.slide-admin-img .image-thumb{width:96px;height:58px;border-radius:14px}.slide-admin-card strong{display:block;color:var(--text);font-size:16px}.slide-admin-card p{margin:3px 0;color:var(--muted);font-size:13px}.slide-admin-card small{color:var(--soft)}@media(max-width:720px){.slide-admin-card{grid-template-columns:1fr}.slide-admin-img .image-thumb{width:100%;height:130px}.slide-admin-card .table-actions{display:grid;grid-template-columns:1fr 1fr}}

/* ===== v14 customer UX polish: smaller scale, smarter phone field, cleaner product cards ===== */
.customer-v12-shell{
  width:min(100%,440px);
  padding:9px 11px 86px;
  font-size:13.5px;
}
.customer-topbar{margin:-9px -11px 9px;padding:9px 11px 7px}
.customer-profile-chip strong{font-size:13.5px;max-width:145px}.customer-profile-chip small{font-size:10.5px}.customer-avatar{width:34px;height:34px;border-radius:13px}.customer-menu-btn{width:41px;height:41px;border-radius:15px}
.customer-wallet-strip.single-wallet .customer-wallet-card{min-height:66px;padding:9px 12px;border-radius:18px}.customer-wallet-strip.single-wallet .customer-wallet-card strong{font-size:22px}.customer-wallet-strip.single-wallet .customer-wallet-card small{min-width:42px;font-size:11.5px;padding:4px 9px}.customer-wallet-strip.single-wallet .customer-wallet-card span{font-size:11.5px}
.customer-v12-shell .stack-gap,.customer-v12-shell .customer-page{gap:10px}
.customer-hero-card{min-height:124px;border-radius:20px;padding:13px;gap:8px}.customer-hero-card h1{font-size:clamp(21px,5.2vw,27px);margin-bottom:5px}.customer-hero-card p{font-size:12.5px;line-height:1.55}.hero-visual{width:72px;height:72px;flex-basis:72px;border-radius:22px}.customer-hero-card.with-slide-image{min-height:132px;border-radius:20px}.customer-hero-card.with-slide-image .hero-copy{max-width:70%}.hero-dots{margin-top:9px}.hero-dots button,.hero-dots span{height:2.5px}
.customer-v12-shell .section-card{border-radius:20px;padding:12px}.customer-v12-shell .section-title{gap:8px;margin-bottom:10px}.customer-v12-shell .section-title h2{font-size:clamp(18px,5.1vw,23px)}.customer-v12-shell .section-title p{font-size:11.8px;line-height:1.55}.customer-v12-shell .section-icon{width:36px;height:36px;flex-basis:36px;border-radius:13px}.customer-v12-shell .section-icon svg{width:18px;height:18px}
.customer-v12-shell label span,.customer-v12-shell .field span{font-size:12px}.customer-v12-shell input,.customer-v12-shell select,.customer-v12-shell textarea{min-height:43px;border-radius:14px;font-size:13.5px;padding:0 12px}.request-flow.compact-request-flow{gap:8px}.customer-v12-shell .choice-row{gap:6px;margin:5px 0}.customer-v12-shell .choice-row button{min-height:41px;border-radius:14px;font-size:13.2px}
.network-phone-field{position:relative}.network-input-shell{position:relative;display:flex;align-items:center}.network-input-shell input{width:100%;padding-left:76px!important;direction:ltr;text-align:right}.network-logo-badge{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:2;width:58px;height:32px;border-radius:13px;border:1px solid rgba(191,175,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.network-logo-badge img{object-fit:contain;background:#fff;border-radius:8px}.network-logo-badge.mixed img{width:31px;height:22px;margin-inline:-3px}.network-logo-badge.syriatel img{width:48px;height:24px}.network-logo-badge.mtn img{width:45px;height:25px}.network-logo-badge.syriatel{border-color:rgba(239,68,68,.34);box-shadow:0 0 16px rgba(239,68,68,.14),inset 0 1px 0 rgba(255,255,255,.10)}.network-logo-badge.mtn{border-color:rgba(250,204,21,.38);box-shadow:0 0 16px rgba(250,204,21,.13),inset 0 1px 0 rgba(255,255,255,.10)}.network-input-shell.invalid .network-logo-badge{border-color:rgba(248,113,113,.46);filter:grayscale(.35);opacity:.72}.network-wait-card{min-height:42px;border-radius:15px;border:1px dashed rgba(191,175,255,.16);background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;color:#bdb5ea;font-weight:900;font-size:12.5px;text-align:center}.detected-network{display:none!important}
.customer-v12-shell .package-picker-trigger{min-height:50px;border-radius:15px;padding:10px 12px}.customer-v12-shell .package-picker-meta strong{font-size:15px}.customer-v12-shell .package-picker-meta small{font-size:11.5px}.customer-v12-shell .checkout-summary{border-radius:16px;padding:12px 13px}.customer-v12-shell .checkout-summary strong{font-size:25px}.customer-v12-shell .big-action{min-height:48px;border-radius:16px;font-size:15.5px}
.customer-v12-shell .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-v12-shell .category-card,.customer-v12-shell .product-card{min-height:132px;padding:8px;border-radius:18px;gap:7px;display:grid;grid-template-rows:1fr auto;align-items:stretch;text-align:center}.customer-v12-shell .category-img,.customer-v12-shell .product-img{height:92px;border-radius:15px;width:100%;overflow:hidden}.customer-v12-shell .category-img img,.customer-v12-shell .product-img img{width:100%;height:100%;object-fit:cover}.customer-v12-shell .category-card strong,.customer-v12-shell .product-card strong{font-size:12.8px;line-height:1.25;min-height:auto;display:block;padding:0 2px;white-space:normal}.customer-v12-shell .category-card small,.customer-v12-shell .product-card span{display:none!important}.customer-v12-shell .click-card{cursor:pointer}.customer-v12-shell .click-card:active{transform:scale(.985)}
.customer-bottom-nav{height:58px;bottom:8px;width:min(440px,calc(100% - 14px));border-radius:19px;padding:5px;gap:1px}.customer-bottom-nav button{min-height:48px;border-radius:14px;font-size:10px;gap:2px}.customer-bottom-nav button svg{width:17px;height:17px}.customer-bottom-nav button.active{background:linear-gradient(135deg,rgba(139,31,244,.60),rgba(21,100,255,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 18px rgba(139,31,244,.14)}
.image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.slide-admin-img .image-thumb img{object-fit:cover}
@media (min-width:760px){.customer-v12-shell{width:min(100%,440px);margin-block:10px;border-radius:28px;min-height:calc(100vh - 20px)}}
@media (max-width:380px){.customer-v12-shell{padding-inline:9px}.customer-topbar{margin-inline:-9px;padding-inline:9px}.customer-hero-card{min-height:118px;padding:12px}.customer-hero-card.with-slide-image{min-height:124px}.hero-visual{width:66px;height:66px;flex-basis:66px}.customer-v12-shell .category-card,.customer-v12-shell .product-card{min-height:122px;padding:7px}.customer-v12-shell .category-img,.customer-v12-shell .product-img{height:82px}.customer-v12-shell .category-card strong,.customer-v12-shell .product-card strong{font-size:12px}.network-input-shell input{padding-left:69px!important}.network-logo-badge{width:53px;height:30px}.customer-bottom-nav{height:56px}.customer-bottom-nav button{font-size:9.5px}.customer-bottom-nav button svg{width:16px;height:16px}}

/* ===== v17 clean image-only slider ===== */
.image-upload-note{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}
.image-picker .image-upload-note{border:1px dashed rgba(191,175,255,.20);background:rgba(255,255,255,.035);border-radius:14px;padding:10px 12px;text-align:center}
.slide-admin-card{grid-template-columns:minmax(150px,220px) 1fr auto!important}
.slide-admin-img .image-thumb{width:100%!important;height:auto!important;aspect-ratio:3/1;border-radius:16px;overflow:hidden;background:#0b0730}
.slide-admin-img .image-thumb img{object-fit:contain!important;background:#0b0730}
.slide-admin-card p{display:none!important}
.slide-admin-card strong{font-size:14px!important;margin-bottom:5px}.slide-admin-card small{font-size:12px!important}
.customer-hero-card.image-only-slider{position:relative;display:block;overflow:hidden;aspect-ratio:3/1;min-height:auto!important;height:auto!important;padding:0!important;border-radius:20px;background:#08051f;border:1px solid rgba(191,175,255,.18);box-shadow:0 18px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)}
.customer-hero-card.image-only-slider:before,.customer-hero-card.image-only-slider:after{display:none!important}
.customer-hero-card.image-only-slider .hero-slide-img{position:static!important;display:block;width:100%;height:100%;object-fit:contain!important;opacity:1!important;background:#08051f}
.customer-hero-card.image-only-slider .slider-dots{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:3;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.22);backdrop-filter:blur(6px)}
.customer-hero-card.image-only-slider .slider-dots button{width:7px;height:7px;border-radius:999px;border:0;background:rgba(255,255,255,.42);padding:0;transition:.2s ease}.customer-hero-card.image-only-slider .slider-dots button.active{width:24px;background:linear-gradient(90deg,var(--v12-purple-2),var(--v12-cyan))}
.customer-v12-shell .customer-home-page,.customer-v12-shell .customer-products-page{gap:12px}
@media(max-width:420px){.customer-hero-card.image-only-slider{border-radius:17px}.customer-hero-card.image-only-slider .slider-dots{bottom:6px}.slide-admin-card{grid-template-columns:1fr!important}.slide-admin-img .image-thumb{aspect-ratio:3/1!important}}

/* v18 — Distributor account polish: two wallets only */
.distributor-dashboard,.distributor-console{gap:16px}
.distributor-hero{position:relative;isolation:isolate;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(92,24,190,.78),rgba(10,8,45,.96) 55%,rgba(6,22,68,.88));border-color:rgba(174,132,255,.24);box-shadow:0 22px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.distributor-hero:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 12% 18%,rgba(176,45,255,.34),transparent 28%),radial-gradient(circle at 86% 70%,rgba(17,222,255,.18),transparent 30%);z-index:-1;pointer-events:none}.distributor-hero h2{font-size:clamp(24px,5vw,34px)}.distributor-hero p{max-width:650px}.distributor-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.distributor-hero-actions .btn{white-space:nowrap}
.distributor-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.distributor-wallet-grid .stat-card{min-height:112px;border-radius:20px;background:linear-gradient(180deg,rgba(34,20,96,.82),rgba(10,8,41,.94));border-color:rgba(191,175,255,.16)}.distributor-wallet-grid .stat-card:nth-child(1){background:linear-gradient(135deg,rgba(118,32,216,.82),rgba(22,12,67,.94));border-color:rgba(191,85,255,.32)}.distributor-wallet-grid .stat-card:nth-child(2){background:linear-gradient(135deg,rgba(12,76,154,.72),rgba(9,18,60,.94));border-color:rgba(22,232,255,.26)}.distributor-wallet-grid .stat-card strong{font-size:clamp(18px,3.5vw,24px)}
.distributor-actions.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.distributor-actions.quick-actions button{min-height:70px;border-radius:20px;background:linear-gradient(180deg,rgba(35,25,91,.82),rgba(11,9,43,.96));border-color:rgba(191,175,255,.16)}
.distributor-recharge-form{display:grid;gap:14px}.distributor-recharge-form .network-input-shell{height:54px}.service-kind-row{margin-top:4px}.inline-warning{border:1px solid rgba(244,63,94,.28);background:rgba(244,63,94,.10);color:#fecdd3;border-radius:16px;padding:12px 14px;font-weight:800;text-align:center}.distributor-total{background:linear-gradient(135deg,rgba(26,16,81,.88),rgba(11,37,84,.72));border-color:rgba(151,71,255,.24)}.distributor-two-col{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;align-items:start}
@media (max-width:900px){.distributor-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.distributor-two-col{grid-template-columns:1fr}.distributor-hero{align-items:flex-start;flex-direction:column}.distributor-hero-actions{width:100%;justify-content:stretch}.distributor-hero-actions .btn{flex:1}}
@media (max-width:460px){.distributor-wallet-grid{gap:9px}.distributor-wallet-grid .stat-card{min-height:92px;padding:12px}.distributor-wallet-grid .stat-card strong{font-size:17px}.distributor-actions.quick-actions{grid-template-columns:1fr}.distributor-actions.quick-actions button{min-height:58px}.distributor-recharge-form .form-grid.two-columns{grid-template-columns:1fr}.service-kind-row button{font-size:12px}.distributor-hero-actions{flex-direction:column}.distributor-hero-actions .btn{width:100%}}

/* v19 — Distributor home is the main units page, no games wallet shown here */
.customer-v12-shell .distributor-home-main{padding-bottom:calc(78px + env(safe-area-inset-bottom));}
.distributor-home-main .distributor-home-metrics .stat-card:nth-child(1){
  background:
    radial-gradient(circle at 15% 15%,rgba(185,88,255,.35),transparent 34%),
    linear-gradient(135deg,rgba(124,34,222,.95),rgba(54,22,126,.90) 58%,rgba(20,15,73,.96));
  border-color:rgba(198,127,255,.45);
  box-shadow:0 18px 46px rgba(118,38,216,.18),inset 0 1px 0 rgba(255,255,255,.10);
}
.distributor-home-main .distributor-home-metrics .stat-card:nth-child(2){
  background:linear-gradient(135deg,rgba(29,20,87,.88),rgba(13,11,51,.96));
  border-color:rgba(191,175,255,.17);
}
.distributor-home-main .distributor-home-metrics .stat-card strong{letter-spacing:-.02em}
.distributor-main-charge{overflow:hidden;position:relative;}
.distributor-main-charge:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(151,71,255,.12),transparent 36%),radial-gradient(circle at 100% 100%,rgba(34,211,238,.08),transparent 34%);pointer-events:none;}
.distributor-main-charge>.section-title,.distributor-main-charge>.distributor-recharge-form{position:relative;z-index:1}
.distributor-main-charge .section-title{align-items:flex-start;}
.distributor-main-charge .network-input-shell{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border-color:rgba(191,175,255,.20)}
.distributor-main-charge .choice-row button{min-height:48px;font-weight:900}
.distributor-main-charge .select-box,.distributor-main-charge input,.distributor-main-charge select{font-weight:800}
@media (min-width:901px){
  .distributor-home-main .distributor-home-metrics{grid-template-columns:1.35fr repeat(3,1fr)}
}
@media (max-width:560px){
  .distributor-home-main{gap:12px}
  .distributor-home-main .distributor-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .distributor-home-main .distributor-home-metrics .stat-card:nth-child(1){grid-column:1/-1;min-height:104px;padding:16px 18px}
  .distributor-home-main .distributor-home-metrics .stat-card:nth-child(1) strong{font-size:26px}
  .distributor-home-main .distributor-home-metrics .stat-card{min-height:94px;border-radius:19px}
  .distributor-main-charge .form-grid.two-columns{grid-template-columns:1fr}
  .distributor-main-charge .section-title h2{font-size:24px}
  .distributor-main-charge .section-title p{font-size:13px;line-height:1.7}
}

/* v23 — Show units wallet card on distributor home */
.distributor-home-main .distributor-home-wallet-only{grid-template-columns:1fr;gap:12px}
.distributor-home-main .distributor-home-wallet-only .stat-card{min-height:118px;padding:18px 20px;background:radial-gradient(circle at 15% 15%,rgba(185,88,255,.35),transparent 34%),linear-gradient(135deg,rgba(124,34,222,.95),rgba(54,22,126,.90) 58%,rgba(20,15,73,.96));border-color:rgba(198,127,255,.45);box-shadow:0 18px 46px rgba(118,38,216,.18),inset 0 1px 0 rgba(255,255,255,.10)}
.distributor-home-main .distributor-home-wallet-only .stat-card strong{font-size:clamp(26px,7vw,36px);letter-spacing:-.02em}
@media (max-width:560px){.distributor-home-main .distributor-home-wallet-only .stat-card{min-height:104px;padding:16px 18px;border-radius:19px}}

/* v24 — QuickPay restored + official network logos */
.quickpay-home-shortcut{width:100%;border:1px solid rgba(191,175,255,.16);background:linear-gradient(135deg,rgba(34,20,96,.86),rgba(11,9,43,.96));border-radius:22px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:right;color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer}
.quickpay-home-shortcut strong{display:block;font-weight:950;font-size:15px;margin-bottom:3px}
.quickpay-home-shortcut small{display:block;color:#cfc8ff;font-weight:800;line-height:1.55}
.quickpay-home-icon{width:46px;height:46px;min-width:46px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(151,71,255,.32),rgba(34,211,238,.14));border:1px solid rgba(191,175,255,.20)}
.distributor-home-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-2px}
.distributor-home-actions button{min-height:64px;border-radius:20px;background:linear-gradient(180deg,rgba(35,25,91,.82),rgba(11,9,43,.96));border-color:rgba(191,175,255,.16)}
.network-logo-badge{width:62px;height:34px;background:#fff;border-color:rgba(255,255,255,.34);box-shadow:0 8px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.35)}
.network-logo-badge img{width:100%!important;height:100%!important;object-fit:contain;background:#fff;border-radius:10px;margin:0!important;padding:2px}
.network-logo-badge.mixed{width:68px;border-color:rgba(250,204,21,.30)}
.network-logo-badge.mixed img{object-fit:cover;padding:0;border-radius:10px}
.network-logo-badge.syriatel{border-color:rgba(239,68,68,.42);box-shadow:0 0 16px rgba(239,68,68,.14),0 8px 20px rgba(0,0,0,.15)}
.network-logo-badge.mtn{border-color:rgba(250,204,21,.50);box-shadow:0 0 16px rgba(250,204,21,.14),0 8px 20px rgba(0,0,0,.15)}
.network-input-shell input{padding-left:84px!important}
@media (max-width:460px){.distributor-home-actions{grid-template-columns:1fr}.quickpay-home-shortcut{padding:12px}.quickpay-home-icon{width:42px;height:42px;min-width:42px}.network-logo-badge{width:58px;height:32px}.network-logo-badge.mixed{width:64px}.network-input-shell input{padding-left:78px!important}}

.form-hint{grid-column:1/-1;color:var(--muted);line-height:1.7;font-weight:800}

.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(124,13,240,.24),transparent 38%),linear-gradient(135deg,#070918,#120827);color:#fff;text-align:center}.maintenance-card{width:min(560px,100%);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(18px);border-radius:32px;padding:34px 24px;box-shadow:0 24px 80px rgba(0,0,0,.38)}.maintenance-icon{width:86px;height:86px;border-radius:30px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,13,240,.6),rgba(34,211,238,.26));border:1px solid rgba(255,255,255,.16)}.maintenance-card span{display:block;color:#b8b0df;font-weight:900;letter-spacing:.06em}.maintenance-card h1{margin:10px 0;font-size:clamp(30px,8vw,48px)}.maintenance-card p{color:#e8e2ff;font-size:18px;line-height:1.9;margin:0 auto 14px;max-width:460px}.maintenance-card small{color:#b8b0df}.maintenance-preview{display:grid;gap:10px;padding:20px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}.maintenance-preview strong{font-size:24px}.maintenance-preview p{color:var(--soft);line-height:1.8}.membership-inline-pricing{border:1px solid var(--stroke);border-radius:24px;padding:16px;background:rgba(255,255,255,.035)}.section-mini-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.section-mini-title strong{font-size:18px}.section-mini-title small{color:var(--muted);font-weight:800}.compact-pricing-list{max-height:420px;overflow:auto;padding-inline-end:4px}@media(max-width:620px){.section-mini-title{display:grid}.maintenance-card{border-radius:26px;padding:28px 18px}}

.game-orders-table .api-response-cell{min-width:280px;vertical-align:top}.inline-response-editor{width:100%;min-height:88px;resize:vertical;border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.92);font:inherit;line-height:1.7;outline:none}.inline-response-editor:focus{border-color:rgba(99,102,241,.75);box-shadow:0 0 0 3px rgba(99,102,241,.14)}.mini-btn{margin-top:8px;padding:8px 12px;font-size:.86rem}.provider-order-note{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.16);line-height:1.7;white-space:pre-wrap}.provider-order-note strong{display:inline-block;margin-inline-end:4px}

/* USSD reliability review state */
.status-pill.pending_review{background:rgba(59,130,246,.15);color:#bfdbfe;border-color:rgba(59,130,246,.30)}
.order-review-card.needs-review{border-color:rgba(59,130,246,.24);box-shadow:inset 0 0 0 1px rgba(59,130,246,.05)}
.ussd-review-warning{margin:10px 0;padding:13px 15px;border:1px solid rgba(59,130,246,.28);border-radius:18px;background:rgba(59,130,246,.08);color:#dbeafe}
.ussd-review-warning p{margin:7px 0 0;line-height:1.8;color:#bfdbfe}
.active-claim-note{align-self:center;color:#c4b5fd;font-weight:800;font-size:13px}

.ussd-response-box.review-summary{border-color:rgba(148,163,184,.18);background:rgba(148,163,184,.055)}


/* USSD code templates */
.ussd-code-network-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.ussd-code-network-tabs button{min-height:48px;border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.045);color:var(--soft);font-weight:900;cursor:pointer}.ussd-code-network-tabs button.active{color:#fff;border-color:rgba(139,92,246,.65);background:linear-gradient(135deg,rgba(124,58,237,.72),rgba(59,130,246,.48))}.ussd-template-help{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-bottom:14px;padding:11px 13px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(255,255,255,.035);color:var(--muted);font-size:13px}.ussd-template-help code{direction:ltr;color:#fff;background:rgba(124,58,237,.24);padding:4px 7px;border-radius:8px}.ussd-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ussd-code-card,.ussd-custom-box{border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(255,255,255,.035);padding:14px}.ussd-code-card{display:grid;gap:11px;align-content:start}.ussd-code-card label,.ussd-custom-box label{display:grid;gap:6px}.ussd-code-card label>span,.ussd-custom-box label>span{font-size:13px;color:var(--muted);font-weight:800}.ussd-template-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:left}.ussd-code-preview{display:grid;gap:6px;padding:10px;border-radius:14px;background:rgba(2,6,23,.38)}.ussd-code-preview span{font-size:12px;color:var(--muted);font-weight:800}.ussd-code-preview code{display:block;overflow:auto;color:#e2e8f0;white-space:nowrap}.ussd-custom-box{margin-top:14px}.span-two{grid-column:1/-1}.empty-inline{padding:18px;text-align:center;color:var(--muted)}@media(max-width:1050px){.ussd-code-grid{grid-template-columns:1fr}}@media(max-width:640px){.ussd-custom-box .form-grid.two-columns{grid-template-columns:1fr}.span-two{grid-column:auto}}

/* v5.3 - professional customer, API, bills and service interfaces */
.feature-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.feature-toolbar .pro-search{flex:1;min-width:220px}.customer-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px}.saved-customer-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--stroke);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));color:var(--text)}.saved-customer-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(34,211,238,.20));border:1px solid rgba(167,139,250,.25);color:#fff;font-size:20px;font-weight:950}.saved-customer-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.saved-customer-info strong{color:var(--text)}.saved-customer-info span{font-weight:800;direction:ltr;text-align:right;color:var(--soft)}.saved-customer-info small{color:var(--muted)}.saved-customer-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.saved-customer-selector .btn{min-height:46px}
.bill-category-grid,.bill-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:16px}.bill-category-card{border:1px solid var(--stroke);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.035));padding:12px;text-align:center;cursor:pointer;transition:.2s;color:var(--text)}.bill-category-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.42);box-shadow:0 14px 32px rgba(0,0,0,.20)}.bill-category-card img,.bill-category-card>span{width:100%;height:110px;object-fit:cover;border-radius:15px;display:grid;place-items:center;background:rgba(2,12,27,.50);margin-bottom:10px;color:var(--brand)}.bill-product-card{overflow:hidden;border:1px solid var(--stroke);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));box-shadow:0 12px 30px rgba(0,0,0,.18);color:var(--text)}.bill-product-card>img,.bill-product-placeholder{width:100%;height:145px;object-fit:cover;display:grid;place-items:center;background:rgba(2,12,27,.48);color:var(--brand)}.bill-product-card>div:last-child{padding:16px;display:flex;flex-direction:column;gap:8px}.bill-product-card h3,.bill-product-card p{margin:0}.bill-product-card h3,.bill-product-card strong{color:var(--text)}.bill-product-card p{font-size:13px;color:var(--muted);min-height:38px;line-height:1.65}.bill-product-card small{color:#91a8c7}.bill-product-card .btn{margin-top:6px}.bills-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}.bills-breadcrumb button{border:1px solid var(--stroke);background:rgba(255,255,255,.055);color:var(--soft);border-radius:999px;padding:8px 13px;cursor:pointer;font-weight:850}.bills-breadcrumb button:hover{border-color:rgba(34,211,238,.42);background:rgba(34,211,238,.10)}.inline-note{padding:13px;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.04);color:var(--muted)}
.partner-api-page{max-width:900px;margin-inline:auto}.partner-api-card{overflow:visible}.api-account-status{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(34,197,94,.24);border-radius:18px;background:rgba(34,197,94,.075);margin-bottom:16px}.api-status-dot{width:11px;height:11px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.10);flex:0 0 auto}.api-account-status strong{display:block;color:#dcfce7;font-size:16px}.api-account-status small{display:block;color:#9fd7b5;margin-top:3px}.api-connection-grid{display:grid;gap:14px}.api-connection-card{border:1px solid var(--stroke);border-radius:22px;padding:17px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));min-width:0}.api-token-card{border-color:rgba(139,92,246,.27);background:linear-gradient(180deg,rgba(139,92,246,.075),rgba(255,255,255,.025))}.api-field-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.api-field-head span{display:block;color:var(--text);font-weight:950;font-size:16px}.api-field-head small{display:block;color:var(--muted);margin-top:3px;direction:ltr;text-align:right}.api-field-badge{display:inline-flex!important;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.23);color:#a5f3fc!important;font-size:11px!important}.api-field-badge.private{background:rgba(139,92,246,.13);border-color:rgba(167,139,250,.25);color:#ddd6fe!important}.api-code-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;direction:ltr}.api-code-field code{display:flex;align-items:center;min-height:54px;overflow:auto;white-space:nowrap;padding:0 15px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#07101f;color:#e6edf8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;text-align:left}.api-copy-button{direction:rtl;min-width:96px;border:1px solid rgba(34,211,238,.28);border-radius:16px;background:rgba(34,211,238,.10);color:#dffbff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:950;padding:0 16px}.api-copy-button:hover{background:rgba(34,211,238,.17);border-color:rgba(34,211,238,.45)}.api-visibility-button{margin-top:10px;border:0;background:transparent;color:#b8c8df;font-weight:900;padding:6px 2px}.api-visibility-button:hover{color:#fff}.api-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.api-overview-grid article{padding:15px 16px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.035);display:grid;gap:4px}.api-overview-grid span{color:var(--muted);font-weight:850}.api-overview-grid strong{color:var(--text);font-size:19px;overflow-wrap:anywhere}.api-overview-grid small{color:#8fa6c5;overflow-wrap:anywhere}.api-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.api-primary-actions .btn{width:100%;text-decoration:none}.service-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.service-control-card{border:1px solid rgba(34,197,94,.22);border-radius:22px;padding:17px;background:linear-gradient(180deg,rgba(34,197,94,.065),rgba(255,255,255,.025));color:var(--text);min-width:0}.service-control-card.disabled{border-color:rgba(239,68,68,.25);background:linear-gradient(180deg,rgba(239,68,68,.065),rgba(255,255,255,.025))}.service-control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.service-control-head strong{display:block;color:var(--text);font-size:17px}.service-control-head small{display:block;color:var(--muted);margin-top:5px}.service-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:950;white-space:nowrap}.service-status-badge.on{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.25);color:#bbf7d0}.service-status-badge.off{background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.25);color:#fecaca}.service-message-field{gap:8px}.service-message-field>span{color:#bdcbe0;font-size:14px}.service-control-card textarea{width:100%;min-height:92px;margin:0;background:rgba(2,12,27,.44);color:var(--text);border-color:rgba(190,211,255,.14);line-height:1.7}.service-control-card textarea::placeholder{color:#7186a4}.service-control-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.service-control-actions .btn{width:100%;min-height:48px;padding-inline:12px}.icon-btn.api-enabled{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.24)}
.admin-feature-tabs{display:flex;gap:8px;padding:7px;background:rgba(255,255,255,.035);border:1px solid var(--stroke);border-radius:17px;overflow:auto}.admin-feature-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:11px 16px;border-radius:12px;white-space:nowrap;cursor:pointer;font-weight:900}.admin-feature-tabs button.active{background:rgba(34,211,238,.11);border-color:rgba(34,211,238,.23);color:#fff;box-shadow:none}.bill-fields-editor{margin-top:18px;border-top:1px solid var(--stroke);padding-top:16px}.section-mini-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.bill-field-row{display:grid;grid-template-columns:1fr 1.4fr .7fr auto auto;gap:8px;align-items:center;margin-top:10px;padding:10px;border:1px solid var(--stroke);border-radius:17px;background:rgba(255,255,255,.025)}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;white-space:nowrap;color:var(--soft)}.check-line input{width:auto;min-height:auto}.manual-bill-orders{display:grid;gap:14px}.manual-bill-order{padding:17px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.035);color:var(--text)}.manual-bill-order .list-head>div{display:flex;flex-direction:column;gap:4px}.bill-order-data{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.bill-order-data span{padding:8px 11px;border:1px solid var(--stroke);background:rgba(2,12,27,.38);color:var(--soft);border-radius:11px}.span-2{grid-column:1/-1}
@media(max-width:700px){.saved-customer-selector{grid-template-columns:1fr}.api-code-field{grid-template-columns:1fr}.api-copy-button{min-height:48px}.api-overview-grid,.api-primary-actions,.service-control-actions{grid-template-columns:1fr}.bill-field-row{grid-template-columns:1fr}.bill-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-product-grid{grid-template-columns:1fr}.feature-toolbar>*{width:100%}.service-control-head{align-items:center}.service-control-card{padding:15px}}
@media(max-width:430px){.bill-category-grid{grid-template-columns:1fr}.api-field-head{align-items:flex-start}.api-code-field code{font-size:12px}.service-control-head{flex-direction:column;align-items:flex-start}}



.order-route-box{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(120px,.7fr));gap:10px;padding:12px 14px;margin:10px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.order-route-box>div{display:flex;flex-direction:column;gap:4px}.order-route-box span,.order-route-box small{color:var(--muted);font-size:.82rem}.order-route-box strong{line-height:1.5}
.password-form{max-width:620px}.password-form .btn{justify-self:start;min-width:210px}
.security-log-table td:first-child{min-width:220px}.security-log-table td:last-child{white-space:nowrap}
@media(max-width:760px){.order-route-box{grid-template-columns:1fr}.password-form .btn{width:100%}}

.product-editor-modal .api-link-summary,
.product-editor-modal .api-price-note{display:flex;flex-direction:column;gap:5px;border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.045)}
.product-editor-modal .api-link-summary strong,
.product-editor-modal .api-price-note strong{font-size:14px;color:var(--text)}
.product-editor-modal .api-link-summary span,
.product-editor-modal .api-price-note span{font-size:13px;color:var(--muted)}
.product-editor-modal .api-link-summary small{font-size:12px;color:var(--muted);line-height:1.7}
.product-editor-modal .qty-editor{display:flex;flex-direction:column;gap:12px;border:1px solid var(--stroke);border-radius:16px;padding:15px;background:rgba(255,255,255,.035)}
.product-editor-modal .qty-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-editor-modal .qty-editor-head>div{display:flex;flex-direction:column;gap:4px}
.product-editor-modal .qty-editor-head small{color:var(--muted);line-height:1.6}
.product-editor-modal .qty-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:10px;border-top:1px dashed var(--stroke)}
.product-editor-modal .qty-editor-row.with-price{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.product-editor-modal .qty-editor-row label{margin:0}
.product-editor-modal .qty-editor-row .icon-btn{margin-bottom:2px}
@media (max-width:720px){.product-editor-modal .qty-editor-head{align-items:stretch;flex-direction:column}.product-editor-modal .qty-editor-row,.product-editor-modal .qty-editor-row.with-price{grid-template-columns:1fr}.product-editor-modal .qty-editor-row .icon-btn{justify-self:end}}
.product-editor-modal .api-price-note small{font-size:12px;color:var(--muted);line-height:1.7}
.product-editor-modal .api-manual-id-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.product-editor-modal .api-manual-id-row label{margin:0}
.product-editor-modal .source-category-hint{display:block;margin-top:6px;color:var(--muted);line-height:1.6}
@media (max-width:720px){.product-editor-modal .api-manual-id-row{grid-template-columns:1fr}.product-editor-modal .api-manual-id-row .btn{width:100%}}

/* v58 — API approval workflow and dynamic USSD services */
.api-mode-explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.api-mode-explanation article{display:grid;gap:5px;padding:13px 14px;border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.03)}.api-mode-explanation article.active{border-color:rgba(139,92,246,.55);background:rgba(124,58,237,.12)}.api-mode-explanation strong{color:var(--text)}.api-mode-explanation span{color:var(--muted);line-height:1.65;font-size:13px}
.api-approval-list{display:grid;gap:12px}.api-approval-card{display:grid;gap:12px;padding:16px;border:1px solid var(--stroke);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))}.api-approval-card.pending{border-color:rgba(245,158,11,.32);box-shadow:inset 0 0 0 1px rgba(245,158,11,.04)}.api-approval-card.submitted{border-color:rgba(34,197,94,.25)}.api-approval-card.rejected,.api-approval-card.cancelled,.api-approval-card.failed{border-color:rgba(239,68,68,.25)}.api-approval-card p{margin:0;color:var(--soft);line-height:1.75;overflow-wrap:anywhere}.api-approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.api-approval-summary>span{display:grid;gap:4px;padding:11px 12px;border:1px solid rgba(148,163,184,.15);border-radius:14px;background:rgba(2,6,23,.26);min-width:0}.api-approval-summary small{color:var(--muted);font-weight:800}.api-approval-summary strong{color:var(--text);overflow-wrap:anywhere}.api-approval-summary.large{margin:4px 0 16px}.api-approval-modal{width:min(600px,calc(100vw - 28px));border-color:rgba(245,158,11,.32);box-shadow:0 28px 90px rgba(0,0,0,.58)}.api-approval-backdrop{z-index:1200}.api-live-badge{display:inline-flex;align-items:center;width:max-content;margin-bottom:7px;padding:5px 9px;border-radius:999px;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.28);color:#fde68a;font-size:12px;font-weight:950}.approval-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}.approval-params span{display:grid;gap:4px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid var(--stroke);overflow-wrap:anywhere}.approval-params b{color:var(--muted);font-size:12px}.status-pill.submitting{background:rgba(59,130,246,.14);color:#bfdbfe;border-color:rgba(59,130,246,.28)}.status-pill.submitted{background:rgba(34,197,94,.14);color:#bbf7d0;border-color:rgba(34,197,94,.28)}.status-pill.rejected,.status-pill.cancelled{background:rgba(239,68,68,.14);color:#fecaca;border-color:rgba(239,68,68,.28)}
.dynamic-service-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.dynamic-service-tabs button{white-space:nowrap;min-width:max-content}.ussd-service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}.ussd-service-list .list-card{display:grid;gap:11px}.ussd-service-list .list-head>div{display:grid;gap:4px}.ussd-service-list .list-head small{color:var(--muted);line-height:1.6}.ussd-code-card .list-head>div{display:grid;gap:4px}.ussd-code-card .list-head small{color:var(--muted);font-size:12px}
@media(max-width:680px){.api-mode-explanation,.api-approval-summary,.approval-params{grid-template-columns:1fr}.api-approval-card .action-row .btn{width:100%}.ussd-service-list{grid-template-columns:1fr}}


/* v58 UI hotfix 2 — compact recharge service cards */
.dynamic-service-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;gap:8px;overflow:visible;flex-wrap:initial;padding-bottom:0}
.dynamic-service-tabs button{min-width:0;width:100%;white-space:normal;min-height:54px;padding:8px 6px;line-height:1.35;text-align:center}
.customer-v12-shell .dynamic-service-tabs button,.distributor-main-charge .dynamic-service-tabs button{border-radius:16px;font-weight:900}
@media(max-width:370px){.dynamic-service-tabs{gap:6px}.dynamic-service-tabs button{min-height:50px;padding:7px 4px;font-size:12px}}