:root{
  color-scheme:dark;
  --bg:#070a14;
  --panel:#111729;
  --panel-2:#0d1323;
  --line:#26304a;
  --text:#f8faff;
  --muted:#91a0c3;
  --purple:#8068ff;
  --cyan:#22c7f2;
  --green:#2dd881;
  --orange:#ffad45;
  --pink:#ff668f;
  --red:#ff5d6c;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,"Noto Sans Bengali",system-ui,sans-serif;
  background:
    radial-gradient(circle at 12% -10%,rgba(128,104,255,.2),transparent 34%),
    radial-gradient(circle at 88% 4%,rgba(34,199,242,.13),transparent 30%),
    linear-gradient(180deg,#090d1a 0%,var(--bg) 100%);
}

button,a,.buttonLike,input,select{font:inherit}
button,a,.buttonLike{
  border:1px solid var(--line);
  color:#fff;
  background:#182039;
  padding:9px 13px;
  border-radius:11px;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
button:hover,a:hover,.buttonLike:hover{transform:translateY(-1px);border-color:#65739d}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(34,199,242,.24);outline-offset:2px}
button:disabled{opacity:.58;cursor:wait}

.appHeader{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 24px;
  border-bottom:1px solid rgba(92,109,156,.28);
  background:rgba(7,10,20,.88);
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
  z-index:10;
}
.brand{display:flex;align-items:center;gap:12px}
.brand>div{display:grid;gap:2px}
.brandMark{
  width:42px;height:42px;display:grid;place-items:center;border-radius:14px;
  font-size:29px;font-weight:900;
  background:linear-gradient(135deg,var(--purple),var(--cyan));
  box-shadow:0 9px 28px rgba(99,84,255,.36);
}
.brand b{font-size:18px;letter-spacing:-.2px}
.brand small{color:var(--muted);font-size:12px}
.headerActions,.toolbar,.backupRow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.addBalance{background:linear-gradient(135deg,#126440,#23935e);border-color:#35b77a;font-weight:800;box-shadow:0 8px 24px rgba(24,160,95,.2)}
#refreshBtn{background:linear-gradient(135deg,#273451,#1a243f)}

.dashboardShell{max-width:1480px;margin:auto;padding:20px 24px 32px;display:grid;gap:16px}
.hero{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hero>div{
  --card-accent:var(--purple);
  min-height:100px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 16%,#151b2d),#0e1423 72%);
  border:1px solid color-mix(in srgb,var(--card-accent) 45%,var(--line));
  border-radius:18px;
  padding:17px 18px;
  box-shadow:0 12px 35px rgba(0,0,0,.16);
}
.hero>div::after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;right:-20px;top:-25px;background:var(--card-accent);opacity:.13;filter:blur(2px)}
.hero>div:nth-child(2){--card-accent:var(--green)}
.hero>div:nth-child(3){--card-accent:var(--cyan)}
.hero>div:nth-child(4){--card-accent:var(--orange)}
.hero>div:nth-child(5){--card-accent:var(--pink)}
.hero span,.accountCard small{color:#b9c4e1;font-size:12px;font-weight:650}
.hero strong{display:block;margin-top:9px;font-size:25px;line-height:1.1;letter-spacing:-.5px}

.dashboardTabs{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  padding:8px;
  position:sticky;
  top:82px;
  z-index:7;
  border:1px solid rgba(92,109,156,.32);
  border-radius:18px;
  background:rgba(10,14,27,.9);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 32px rgba(0,0,0,.2);
  scroll-margin-top:82px;
}
.dashboardTab{--tab-color:var(--purple);display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;color:#b8c2dd;background:transparent;border-color:transparent;font-weight:750}
.dashboardTab:nth-child(2){--tab-color:var(--cyan)}
.dashboardTab:nth-child(3){--tab-color:#ff6b3d}
.dashboardTab:nth-child(4){--tab-color:var(--green)}
.dashboardTab:nth-child(5){--tab-color:var(--orange)}
.dashboardTab:nth-child(6){--tab-color:var(--pink)}
.dashboardTab:nth-child(7){--tab-color:#39d98a}
.dashboardTab span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:var(--tab-color);background:color-mix(in srgb,var(--tab-color) 14%,transparent);font-weight:900}
.dashboardTab:hover{color:#fff;background:rgba(255,255,255,.04)}
.dashboardTab.active{color:#fff;border-color:color-mix(in srgb,var(--tab-color) 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--tab-color) 25%,#182039),#161d33);box-shadow:0 8px 25px color-mix(in srgb,var(--tab-color) 15%,transparent)}

.dashboardWorkspace{min-width:0}
.dashboardPanel{display:none;gap:16px;animation:panelIn .22s ease}
.dashboardPanel.active{display:grid}
.dashboardPanel[hidden]{display:none!important}
.dashboardPanel[data-dashboard-panel="overview"].active{grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);align-items:stretch}
.dashboardPanel[data-dashboard-panel="overview"]>.panel{height:100%}
@keyframes panelIn{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}

.panel,.accountCard{
  background:linear-gradient(145deg,rgba(19,26,45,.96),rgba(12,17,31,.98));
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 35px rgba(0,0,0,.13);
}
.panel{min-width:0}
.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.sectionTitle h2,.dangerZone h2{margin:3px 0 0;font-size:18px;letter-spacing:-.2px}
.sectionTitle p,.dangerZone p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.15px;color:var(--cyan)}.movementPanel .eyebrow,.closingPanel .eyebrow{color:var(--green)}
.rechargePanel .eyebrow,.rechargeEntryPanel .eyebrow,.rechargeHistoryPanel .eyebrow{color:#ff8a49}
.expensePanel .eyebrow,.dangerZone .eyebrow{color:var(--pink)}
.duePanel .eyebrow{color:var(--orange)}

#telegramSyncBtn{background:linear-gradient(135deg,#1b57b6,#287cd4);border-color:#378fe6}
.gridForm select,.gridForm input,.stackForm input,.settingsGrid input{
  min-width:0;
  color:#fff;
  background:#090f1e;
  border:1px solid #2b3654;
  border-radius:11px;
  padding:10px 11px;
}

.chartPanel{padding-bottom:12px}
.chartLegend{display:flex;gap:18px;color:var(--muted);font-size:11px}
.chartLegend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px;background:var(--purple)}
.chartLegend span:last-child::before{background:var(--green)}
.chart{height:205px;display:flex;gap:10px;align-items:end;padding:16px 8px 0;border-top:1px solid #222d47}
.barCol{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px;min-width:42px}
.barWrap{height:135px;width:100%;display:flex;gap:4px;align-items:end;justify-content:center}
.bar{width:30%;min-width:9px;max-width:38px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#8b76ff,#5b48e6);box-shadow:0 0 16px rgba(128,104,255,.2)}
.bar.profitBar{background:linear-gradient(180deg,#3be493,#20a963);box-shadow:0 0 16px rgba(45,216,129,.17)}
.barCol small{color:var(--muted);font-size:10px}.barCol em{font-style:normal;font-size:9px;color:#cfd7ef}

.accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px}
.accountCard{cursor:pointer;position:relative;padding:15px;overflow:hidden}
.accountCard::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),var(--purple))}
.accountCard[data-code="recharge_grameenphone"]::before{background:#16a4e0}.accountCard[data-code="recharge_banglalink"]::before{background:#ff6b16}.accountCard[data-code="recharge_robi"]::before{background:#e8242f}.accountCard[data-code="recharge_airtel"]::before{background:#f04444}.accountCard[data-code="recharge_teletalk"]::before{background:#69a83b}.accountCard[data-code="mobile_recharge"]::before{background:#8b76ff}
.accountCard:hover{border-color:#5e6d98;transform:translateY(-2px)}
.accountCard b{display:block;margin-top:6px;font-size:21px}
.accountActions{margin-top:11px;display:flex;gap:6px}
.accountActions button{padding:6px 9px;font-size:10px}.accountActions [data-set]{background:#302b5d}.accountActions [data-reconcile]{background:#164054}
.legacyRechargeWrap{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:13px 15px;border:1px dashed #445171;border-radius:14px;background:rgba(128,104,255,.06)}
.legacyRechargeWrap>div:first-child{max-width:680px}.legacyRechargeWrap p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.legacyRechargeAccount{width:min(280px,100%)}.legacyRechargeAccount .accountCard{padding:11px 14px}.operatorAccounts .accountCard{min-height:120px}

.gridForm{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.dueForm{grid-template-columns:1fr 1fr .8fr .8fr .8fr 1fr auto}
.stackForm{display:grid;gap:9px}
.dayCloseAction{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0 14px;padding:17px;border:1px solid rgba(47,201,125,.38);border-radius:14px;background:linear-gradient(135deg,rgba(26,132,83,.18),rgba(13,20,37,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.dayCloseAction>div{display:grid;gap:4px}.dayCloseAction span{color:#54e59a;font-size:9px;font-weight:950;letter-spacing:1.2px}.dayCloseAction b{font-size:15px}.dayCloseAction small{max-width:430px;color:var(--muted);font-size:11px;line-height:1.5}.dayCloseAction button{min-height:44px;padding:0 17px;border-color:#38b978;background:linear-gradient(135deg,#147749,#21a768);color:#fff;font-weight:900;white-space:nowrap;box-shadow:0 9px 24px rgba(25,155,92,.2)}.dayCloseAction button:hover{filter:brightness(1.09);transform:translateY(-1px)}
.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.settingsGrid label{display:grid;gap:5px;color:var(--muted);font-size:11px}
.settingsGrid .check{grid-template-columns:auto 1fr;align-items:center;background:#0d1425;border:1px solid #26314c;border-radius:11px;padding:9px}
.settingsGrid .check input{width:17px;height:17px}
.settingsGrid button{grid-column:1/-1}
.gridForm button,.stackForm button,.settingsGrid button{font-weight:800;background:linear-gradient(135deg,#156642,#24935f);border-color:#31aa71}
.settingsGrid button{background:linear-gradient(135deg,#5b46ca,#765feb);border-color:#8e7cff}

.tableWrap{overflow:auto;max-height:52vh;border:1px solid #29334e;border-radius:14px;background:#0c1120}
table{width:100%;border-collapse:collapse;min-width:980px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #202a42;font-size:12px;vertical-align:top}
th{position:sticky;top:0;z-index:2;color:#aeb9d6;font-weight:700;background:#171f34}
tr:hover td{background:rgba(50,64,100,.12)}
.profit{color:#63e9a1;font-weight:800}.loss{color:#ff8293;font-weight:800}
.statusPill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;border:1px solid var(--line)}
.status-success{color:#8effb9;border-color:#245d43;background:#102b20}.status-failed{color:#ff9eaa;border-color:#71303b;background:#31171c}.status-sent{color:#d8d2ff}
.rowActions{display:flex;gap:6px}.rowActions button{padding:5px 8px;font-size:10px}.rowActions .undo{background:#3a1c23;border-color:#6b303b}
.movementHistoryTable th:last-child,.movementHistoryTable td:last-child{position:sticky;right:0;z-index:1;background:#0c1120;box-shadow:-10px 0 18px rgba(4,8,17,.3)}.movementHistoryTable th:last-child{z-index:3;background:#171f34}.movementActionsCell{white-space:nowrap}.movementActionsCell .rowActions{min-width:108px}.rowActions .movementEdit{color:#dcecff;background:#172b48;border-color:#31547d}.rowActions .movementEdit:hover{background:#203c63;border-color:#4a76a8}.rowActions .movementDelete{color:#ffb2bd;background:#351821;border-color:#75313f}.rowActions .movementDelete:hover{color:#fff;background:#692435;border-color:#b14356}
.rechargeHistoryPanel{overflow:hidden}
.rechargeHistoryPanel .sectionTitle{margin-bottom:12px}
.historyCount{flex:0 0 auto;padding:7px 11px;border:1px solid #5a3c2f;border-radius:999px;background:#251a18;color:#ffad7b;font-size:11px;font-weight:800}
.rechargeHistoryWrap{max-height:360px}
.rechargeHistoryTable{min-width:720px}
.rechargeHistoryNumber{color:#f3f6ff;font-size:13px;letter-spacing:.35px}
.rechargeHistoryAmount{color:#63e9a1;font-size:13px}
.operatorPill{display:inline-block;padding:5px 9px;border:1px solid #334464;border-radius:999px;background:#131d31;color:#bcd2ee;font-size:10px;font-weight:800}
.rechargeHistoryEmpty{height:100px}

.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dailyGrid>.panel{min-height:520px}
.miniList{display:grid;gap:7px;margin-top:12px;max-height:300px;overflow:auto;padding-right:3px}
.miniItem{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #27324d;border-radius:11px;background:#0c1323}
.miniItem small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.miniItem button{padding:5px 8px;font-size:10px;background:#3a1c23}
.dueCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;margin-top:13px;max-height:210px;overflow:auto}
.dueCard{border:1px solid #303c59;border-radius:13px;padding:12px;background:linear-gradient(145deg,#151b2e,#0d1322)}
.dueCard small{color:var(--muted);font-size:11px}.dueCard b{display:block;font-size:17px;margin:4px 0}
.backupRow{margin-top:14px}.backupRow .buttonLike{flex:1;text-align:center;background:#16243d}
.auditPanel .tableWrap{max-height:38vh}
.dangerZone{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#71313e;background:linear-gradient(135deg,rgba(90,27,43,.32),rgba(18,19,34,.95))}
.resetAll{background:linear-gradient(135deg,#872f42,#b43b50);border-color:#d45068;font-weight:800}

.appDialog{
  width:min(480px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  margin:auto;
  padding:0;
  color:var(--text);
  background:transparent;
  border:0;
  overflow:visible;
}
.appDialog::backdrop{background:rgba(3,6,16,.78);backdrop-filter:blur(7px);animation:dialogFade .18s ease-out}
.appDialogCard{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(112,134,196,.5);
  border-radius:24px;
  background:
    radial-gradient(circle at 10% 0,rgba(128,104,255,.2),transparent 36%),
    radial-gradient(circle at 100% 20%,rgba(34,199,242,.1),transparent 34%),
    linear-gradient(155deg,#151c31,#0b1120 72%);
  box-shadow:0 30px 90px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset;
  animation:dialogRise .22s cubic-bezier(.2,.85,.35,1);
}
.appDialogCard::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--green))}
.appDialogHeader{display:grid;grid-template-columns:52px minmax(0,1fr) 34px;gap:14px;align-items:start}
.appDialogIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#fff;font-size:24px;font-weight:900;background:linear-gradient(145deg,#6952e7,#218cc3);box-shadow:0 10px 28px rgba(86,74,220,.34)}
.appDialogHeading{min-width:0}.appDialogHeading .eyebrow{color:#8bddff}.appDialogHeading h2{margin:4px 0 0;font-size:22px;letter-spacing:-.35px}.appDialogHeading p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.appDialogHeading p{white-space:pre-line}
.appDialogClose{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:10px;color:#9dabca;background:rgba(11,17,32,.74);font-size:21px;line-height:1}
.appDialogFields{display:grid;gap:13px;margin-top:22px}
.appDialogFields[hidden]{display:none}
.appDialogField{display:grid;gap:7px;color:#c8d1eb;font-size:12px;font-weight:700}
.appDialogField input,.appDialogField select{width:100%;min-width:0;color:#fff;background:rgba(6,11,23,.82);border:1px solid #33415f;border-radius:13px;padding:13px 14px;box-shadow:0 1px 0 rgba(255,255,255,.025) inset;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.appDialogField input:hover,.appDialogField select:hover{border-color:#536487}.appDialogField input:focus,.appDialogField select:focus{border-color:#38bde8;background:#080f20;box-shadow:0 0 0 4px rgba(34,199,242,.11);outline:0}
.appDialogField small{color:#7f8dad;font-size:10px;font-weight:600}
.appDialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(74,90,131,.35)}
.appDialogActions button{min-width:112px;padding:11px 16px;font-weight:800}
.appDialogCancel{color:#bac5df;background:#151d32}.appDialogConfirm{border-color:#3e9ce1;background:linear-gradient(135deg,#5f49dc,#238bc7);box-shadow:0 9px 24px rgba(61,92,211,.24)}
.appDialog.danger .appDialogCard{border-color:rgba(214,75,94,.58);background:radial-gradient(circle at 10% 0,rgba(255,93,108,.18),transparent 36%),linear-gradient(155deg,#241722,#0c111f 72%)}
.appDialog.danger .appDialogCard::before{background:linear-gradient(90deg,#ad334b,#ff5d6c,#ffad45)}
.appDialog.danger .appDialogIcon{background:linear-gradient(145deg,#963148,#d44c5e);box-shadow:0 10px 28px rgba(200,54,78,.27)}
.appDialog.danger .appDialogHeading .eyebrow{color:#ff9eaa}.appDialog.danger .appDialogConfirm{border-color:#d34d61;background:linear-gradient(135deg,#8b2f43,#c54157);box-shadow:0 9px 24px rgba(183,48,72,.23)}
@keyframes dialogFade{from{opacity:0}to{opacity:1}}
@keyframes dialogRise{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}


/* Automatic Cash Out notification popup. Hidden until a new SMS transaction is stored. */
.cashOutPopup{width:min(470px,calc(100vw - 28px));max-width:none;padding:0;border:0;color:var(--text);background:transparent;overflow:visible}
.cashOutPopup::backdrop{background:rgba(3,7,16,.78);backdrop-filter:blur(7px);animation:dialogFade .18s ease-out}
.cashOutPopupCard{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(45,204,132,.55);border-radius:24px;background:radial-gradient(circle at 50% -8%,rgba(38,222,132,.22),transparent 36%),linear-gradient(155deg,#10251f,#0a121f 74%);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 48px rgba(26,202,116,.12);text-align:center;animation:dialogRise .22s cubic-bezier(.2,.85,.35,1)}
.cashOutPopupCard::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#1fae6d,#4ef59e,#20b8d8)}
.cashOutPopupClose{position:absolute;right:14px;top:14px;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:10px;color:#9eb9ae;background:rgba(4,17,14,.7);font-size:21px;line-height:1}
.cashOutPopupBadge{width:62px;height:62px;margin:2px auto 12px;display:grid;place-items:center;border-radius:20px;color:#062417;background:#fff;font-size:31px;font-weight:1000;box-shadow:0 12px 34px rgba(35,220,126,.3);overflow:hidden}.cashOutPopupBadge img{width:46px;height:46px;object-fit:contain}
.cashOutPopupEyebrow{display:block;color:#56ef9d;font-size:10px;font-weight:900;letter-spacing:1.7px}.cashOutPopup h2{margin:6px 0 6px;font-size:25px;letter-spacing:-.45px}.cashOutPopupLead{margin:0 auto;color:#9db2aa;font-size:12px;line-height:1.55;max-width:360px}
.cashOutPopupAmount{margin:19px 0 14px;color:#64f6a2;font-size:38px;line-height:1;font-weight:1000;letter-spacing:-1px}
.cashOutPopupGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left}.cashOutPopupGrid>div{padding:12px 13px;border:1px solid rgba(79,142,119,.28);border-radius:13px;background:rgba(5,18,17,.58)}.cashOutPopupGrid small{display:block;margin-bottom:4px;color:#77978b;font-size:10px}.cashOutPopupGrid b{display:block;color:#eefbf5;font-size:14px;overflow-wrap:anywhere}
.cashOutPopupTxn{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 13px;border-radius:12px;background:rgba(4,14,18,.62);color:#78928d;font-size:10px;text-align:left}.cashOutPopupTxn b{color:#c7dbd3;font-size:11px;overflow-wrap:anywhere;text-align:right}
.cashOutPopupOk{width:100%;margin-top:17px;padding:12px 16px;border-color:#31c97d;background:linear-gradient(135deg,#138853,#1caf6b);font-weight:900;box-shadow:0 10px 26px rgba(20,167,99,.22)}
.cashOutPopupTopline{display:flex;justify-content:space-between;gap:12px;margin:0 42px 14px 0;color:#799c8e;font-size:10px;font-weight:850;letter-spacing:.55px}.cashOutPopupTime{text-align:right;letter-spacing:0}.cashOutPopupQueue{color:#62eaa1}.cashOutPopupVoiceState{min-height:18px;margin:10px 0 0;color:#79b997;font-size:11px}.cashOutPopupVoiceState.error{color:#ffbb65}.cashOutPopupActions{display:grid;grid-template-columns:auto auto 1fr;gap:8px;margin-top:13px}.cashOutPopupActions .cashOutPopupOk{margin:0}.cashOutPopupSecondary{padding:11px 12px;border:1px solid rgba(91,180,142,.42);border-radius:11px;background:rgba(7,30,25,.75);color:#d9f5e8;font-size:12px;font-weight:800;cursor:pointer}.cashOutInlineBtn{padding:3px 7px;border:1px solid rgba(104,184,151,.35);border-radius:7px;background:rgba(9,33,28,.8);color:#7be8b0;font-size:9px;cursor:pointer}.cashOutPopupTxn .cashOutInlineBtn{flex:0 0 auto}.cashOutPopupCard[data-provider="bkash"]{--popup-accent:#e52f79;border-color:rgba(229,47,121,.64);background:radial-gradient(circle at 50% -8%,rgba(229,47,121,.2),transparent 36%),linear-gradient(155deg,#26111c,#0a121f 74%)}.cashOutPopupCard[data-provider="bkash"]::before{background:linear-gradient(90deg,#a71952,#f05491,#d31f68)}.cashOutPopupCard[data-provider="nagad"]{--popup-accent:#f28b2c;border-color:rgba(242,139,44,.64);background:radial-gradient(circle at 50% -8%,rgba(242,139,44,.2),transparent 36%),linear-gradient(155deg,#2a1d11,#0a121f 74%)}.cashOutPopupCard[data-provider="nagad"]::before{background:linear-gradient(90deg,#bc531b,#ffad45,#e76b1e)}.cashOutPopupCard[data-provider="rocket"]{--popup-accent:#9b66ff;border-color:rgba(155,102,255,.64);background:radial-gradient(circle at 50% -8%,rgba(155,102,255,.22),transparent 36%),linear-gradient(155deg,#1d1730,#0a121f 74%)}.cashOutPopupCard[data-provider="rocket"]::before{background:linear-gradient(90deg,#6542bd,#b28aff,#7e52dd)}.cashOutPopupCard[data-provider] .cashOutPopupBadge{background:linear-gradient(145deg,color-mix(in srgb,var(--popup-accent,#3be58b) 55%,white),var(--popup-accent,#28d47e))}.cashOutPopupCard[data-provider] .cashOutPopupAmount,.cashOutPopupCard[data-provider] .cashOutPopupEyebrow{color:var(--popup-accent,#64f6a2)}


.cashOutPopupSignals{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:8px 0}.cashOutPopupSignals span{padding:5px 8px;border:1px solid rgba(87,226,153,.35);border-radius:999px;color:#63e8a2;background:rgba(19,83,57,.3);font-size:9px;font-weight:900}.cashOutPopupSignals .mismatch{color:#ff9c83;border-color:#aa493b;background:#391d18}.cashOutPopupWarning{margin:9px 0;padding:9px 11px;border:1px solid #9a5936;border-radius:10px;background:#382013;color:#ffbd79;font-size:11px;text-align:left}.cashOutCountdown{position:relative;height:18px;margin-top:7px;color:#8fa9a0;font-size:9px;overflow:hidden}.cashOutCountdown i{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--popup-accent,#45df91);transform-origin:left}.cashOutCountdown.expired{color:#ffba73}.cashOutCountdown.expired i{transform:scaleX(0)!important}

.cashOutSignalStack{position:fixed;z-index:45;right:18px;top:18px;width:min(390px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}.cashOutSignalCard{--signal:#e72d77;pointer-events:auto;padding:15px;border:1px solid color-mix(in srgb,var(--signal) 62%,#52627b);border-radius:17px;background:linear-gradient(145deg,#121c2b,#09121f);box-shadow:0 18px 55px rgba(0,0,0,.48),0 0 28px color-mix(in srgb,var(--signal) 15%,transparent);color:#f4f8ff}.cashOutSignalCard[data-provider="nagad"]{--signal:#f58220}.cashOutSignalCard[data-provider="rocket"]{--signal:#8d51d8}.cashOutSignalHead{display:flex;align-items:center;gap:11px}.cashOutSignalHead img{width:42px;height:42px;padding:4px;border-radius:12px;background:#fff;object-fit:contain}.cashOutSignalHead div{flex:1}.cashOutSignalHead b{display:block;font-size:15px}.cashOutSignalHead small{display:block;margin-top:3px;color:#91a0b5}.cashOutSignalWait{margin-top:12px;padding:10px;border-radius:11px;background:rgba(255,255,255,.055);color:#b9c6d8;font-size:12px}.cashOutSignalProgress{height:4px;margin-top:9px;border-radius:4px;background:#263448;overflow:hidden}.cashOutSignalProgress i{display:block;height:100%;background:var(--signal);transition:width .4s linear}.cashOutSignalManual{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:11px}.cashOutSignalManual input{min-width:0;padding:11px;border:1px solid #40516a;border-radius:10px;background:#08121f;color:#fff;font-size:16px}.cashOutSignalManual button{padding:10px 15px;border-color:var(--signal);background:var(--signal);color:#fff;font-weight:900}.cashOutSignalHint{grid-column:1/-1;color:#ffbd77;font-size:10px}.cashOutSignalCard.ready{animation:cashOutSignalPulse 1.4s ease-in-out 2}@keyframes cashOutSignalPulse{50%{transform:translateY(-2px);box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 35px color-mix(in srgb,var(--signal) 28%,transparent)}}@media(max-width:760px){.cashOutSignalStack{display:none!important}}

@media(max-width:760px){.cashOutSignalStack{display:grid!important;right:8px;top:8px;width:calc(100vw - 16px)}}

/* Phone SMS Inbox / Cash Out tab */
.smsInboxPanel{min-height:460px}
.smsInboxActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.smsInboxActions button{padding:9px 14px;background:#173451;border-color:#2e6f91;color:#dff8ff;font-weight:800}
.smsInboxWrap{max-height:620px;overflow:auto;border:1px solid rgba(67,91,139,.28);border-radius:14px}
.smsInboxTable{width:100%;border-collapse:collapse;table-layout:fixed}
.smsInboxTable th:nth-child(1),.smsInboxTable td:nth-child(1){width:150px}
.smsInboxTable th:nth-child(2),.smsInboxTable td:nth-child(2){width:170px}
.smsInboxTable td{vertical-align:top}
.smsInboxMessage{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;color:#e7ecfb}
.smsInboxSender{font-weight:800;color:#72d9ff;overflow-wrap:anywhere}
.smsInboxTime{white-space:nowrap;color:#aeb9d3}
.smsInboxNew td{animation:smsInboxFlash 1.4s ease-out}
@keyframes smsInboxFlash{0%{background:rgba(57,217,138,.18)}100%{background:transparent}}

.toast{position:fixed;right:20px;bottom:20px;background:#182139;border:1px solid #384669;padding:12px 15px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:20;max-width:380px;box-shadow:0 14px 38px rgba(0,0,0,.35)}
.toast.show{opacity:1;transform:none}.toast.error{border-color:#8c3e4b;color:#ffb8c0}
.empty{text-align:center;color:var(--muted);padding:24px}.fileBtn{display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}

@media(max-width:1180px){
  .dashboardPanel[data-dashboard-panel="overview"].active{grid-template-columns:1fr}
  .hero{grid-template-columns:repeat(3,1fr)}
  .accounts{grid-template-columns:repeat(3,1fr)}
  .gridForm,.dueForm{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
  .appHeader{padding:10px 14px;align-items:flex-start;flex-direction:column;position:static}
  .brand small{display:none}.headerActions{width:100%}
  .dashboardShell{padding:14px}
  .dashboardTabs{top:8px;display:flex;overflow-x:auto;justify-content:flex-start}
  .dashboardTabs{scrollbar-width:none}.dashboardTabs::-webkit-scrollbar{display:none}
  .dashboardTab{flex:0 0 auto;min-width:145px}
  .hero{grid-template-columns:repeat(2,1fr)}
  .accounts{grid-template-columns:repeat(2,1fr)}
  .twoCol{grid-template-columns:1fr}
  .dailyGrid>.panel{min-height:0}
  .gridForm,.dueForm{grid-template-columns:1fr 1fr}
  .sectionTitle{align-items:flex-start;flex-direction:column}
  .legacyRechargeWrap{align-items:stretch;flex-direction:column}.legacyRechargeAccount{width:100%}
  .dayCloseAction{grid-template-columns:1fr;align-items:stretch}.dayCloseAction button{width:100%;white-space:normal;padding:10px 14px}
}
@media(max-width:540px){
  .dashboardShell{padding:10px;gap:12px}
  .hero{gap:8px}.hero>div{padding:13px;min-height:88px}.hero strong{font-size:20px}
  .panel{padding:14px;border-radius:15px}
  .accounts,.gridForm,.dueForm,.settingsGrid{grid-template-columns:1fr}
  .chart{overflow-x:auto}.barCol{min-width:54px}
  .headerActions a,.headerActions button{flex:1;text-align:center;font-size:12px}
  .dangerZone{align-items:flex-start;flex-direction:column}
  .appDialogCard{padding:19px;border-radius:20px}.appDialogHeader{grid-template-columns:44px minmax(0,1fr) 32px;gap:11px}.appDialogIcon{width:44px;height:44px;border-radius:14px;font-size:21px}.appDialogHeading h2{font-size:19px}.appDialogActions{display:grid;grid-template-columns:1fr 1fr}.appDialogActions button{min-width:0}
}

@media(max-width:540px){
  .cashOutPopupCard{padding:22px 17px;border-radius:21px}.cashOutPopupAmount{font-size:34px}.cashOutPopupGrid{grid-template-columns:1fr 1fr;gap:7px}.cashOutPopupGrid>div{padding:10px}
}

@media(max-width:700px){.smsInboxTable{min-width:720px}.smsInboxWrap{max-height:70vh}.smsInboxActions{width:100%;justify-content:space-between}}


/* Completed Transactions search */
.completedHeaderActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}









@media(max-width:760px){.completedHeaderActions{width:100%;justify-content:stretch}.completedHeaderActions #telegramSyncBtn{width:100%}}

/* ============================================================
   MOBILE APP UI — narrow viewport only. Browser Desktop Site
   uses a desktop-sized CSS viewport and keeps the PC layout.
   ============================================================ */
@media (max-width:900px){
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  body{overflow-x:hidden}
  .appHeader{position:sticky;top:0;z-index:1400;min-height:62px;padding:9px 10px;gap:8px;background:rgba(6,13,27,.97);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(0,0,0,.28)}
  .appHeader .brand{min-width:0}.appHeader .brand b{font-size:13px}.appHeader .brand small{display:none}.appHeader .brandMark{width:38px;height:38px;min-width:38px;border-radius:12px}
  .headerActions{gap:6px}.headerActions a,.headerActions button{min-height:40px;padding:0 10px;border-radius:11px;font-size:11px;white-space:nowrap}

  .dashboardShell{width:100%;max-width:none;padding:10px 9px 22px;gap:10px}
  .hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hero>div{min-width:0;min-height:86px;padding:12px;border-radius:15px}
  .hero>div:last-child{grid-column:1/-1}
  .hero span{font-size:10px}.hero strong{font-size:20px;overflow-wrap:anywhere}

  .dashboardTabs{position:sticky;top:62px;z-index:1300;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:7px;padding:8px;border-radius:15px;background:rgba(7,14,28,.96);backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(0,0,0,.2)}
  .dashboardTabs::-webkit-scrollbar{display:none}
  .dashboardTab{flex:0 0 auto;min-width:max-content;min-height:42px;padding:0 12px;border-radius:11px;font-size:11px}
  .dashboardTab span{width:23px;height:23px}

  .dashboardWorkspace,.dashboardPanel{min-width:0;width:100%}
  .panel{padding:14px 12px;border-radius:17px;min-width:0}
  .sectionTitle{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:12px}
  .sectionTitle>div{min-width:0}.sectionTitle h2{font-size:18px;line-height:1.25}.sectionTitle p{font-size:11px;line-height:1.45}
  .sectionTitle>button,.sectionTitle>.historyCount{width:100%}
  .toolbar{gap:7px}
  .chart{height:190px;overflow-x:auto}.barCol{min-width:48px}

  .accounts{grid-template-columns:1fr 1fr;gap:8px}.accountCard{padding:12px;min-height:105px}.accountCard b{font-size:18px}.accountActions{flex-wrap:wrap}.accountActions button{flex:1;min-height:36px}
  .legacyRechargeWrap{align-items:stretch;flex-direction:column;gap:10px}.legacyRechargeAccount{width:100%}

  .gridForm,.dueForm,.settingsGrid{grid-template-columns:1fr!important;gap:8px}
  .gridForm input,.gridForm select,.gridForm button,.stackForm input,.stackForm button,.settingsGrid input,.settingsGrid button{width:100%;min-height:48px;font-size:16px}
  .twoCol,.settingsColumns,.dailyGrid{grid-template-columns:1fr;gap:10px}.dailyGrid>.panel{min-height:0}
  .dayCloseAction{grid-template-columns:1fr;gap:10px;padding:13px}.dayCloseAction button{width:100%}
  .dangerZone{flex-direction:column;align-items:stretch}.dangerZone button{width:100%}

  .tableWrap{max-height:62dvh;border-radius:13px;-webkit-overflow-scrolling:touch}
  table{min-width:760px}th,td{padding:10px 9px;font-size:11px}
  .movementHistoryTable{min-width:900px}.rechargeHistoryTable{min-width:650px}.smsInboxTable{min-width:650px}
  .smsInboxWrap{max-height:68dvh}.smsInboxActions{width:100%;display:flex;justify-content:space-between;align-items:center}.smsInboxActions button{min-height:40px}

  .completedHeaderActions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.completedHeaderActions #telegramSyncBtn{width:100%;min-height:44px}

  .dueCards{grid-template-columns:1fr;max-height:none}
  .miniList{max-height:none}
  .backupRow{display:grid;grid-template-columns:1fr;gap:8px}.backupRow .buttonLike{min-height:46px;display:flex;align-items:center;justify-content:center}

  .appDialog{width:calc(100vw - 16px);max-height:94dvh}.appDialogCard{padding:18px 14px;border-radius:20px}.appDialogActions{grid-template-columns:1fr 1fr}.appDialogActions button{min-height:46px}
  .cashOutPopupCard{width:calc(100vw - 18px)!important;max-height:90dvh;overflow:auto;padding:20px 15px!important;border-radius:20px!important}.cashOutPopupAmount{font-size:32px!important}.cashOutPopupGrid{grid-template-columns:1fr 1fr!important}
  .cashOutPopupActions{position:sticky;bottom:-20px;grid-template-columns:1fr 1fr;padding:10px 0 2px;background:linear-gradient(transparent,#0a1519 28%)}.cashOutPopupActions .cashOutPopupOk{grid-column:1/-1}.cashOutPopupTopline{margin-right:38px}
  button,a,.dashboardTab,.accountCard{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}
}

@media (max-width:520px){
  .hero{grid-template-columns:1fr 1fr}.hero>div{min-height:80px}.hero>div:last-child{grid-column:1/-1}
  .accounts{grid-template-columns:1fr}
  .cashOutPopupGrid{grid-template-columns:1fr!important}
  .cashOutPopupActions{grid-template-columns:1fr 1fr}
}

/* ============================================================
   MOBILE NORMAL-FLOW FIX — no hidden/clipped MFS content.
   Desktop remains unchanged.
   ============================================================ */
@media (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  body{height:auto!important;position:static!important}
  .appHeader{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important;flex-wrap:wrap!important}
  .dashboardShell{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:9px 8px 22px!important;overflow:visible!important}
  .dashboardTabs{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important}
  .dashboardWorkspace,.dashboardPanel,.panel,.hero,.accounts,.twoCol,.settingsColumns,.dailyGrid{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .panel{margin-left:0!important;margin-right:0!important}
  .tableWrap,.smsInboxWrap{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .sectionTitle,.completedHeaderActions{max-width:100%!important;min-width:0!important}
  .cashOutPopupCard,.appDialogCard{max-width:100%!important}
}

/* ============================================================
   PROFESSIONAL ACCOUNTING SIDEBAR — UI ONLY
   Moves dashboard section tabs to the left on desktop.
   No IDs, data attributes, JS hooks, or business logic changed.
   ============================================================ */
@media (min-width:1101px){
  .dashboardShell{
    max-width:1480px;
    position:relative;
    padding-left:24px;
  }

  .dashboardTabs{
    position:fixed;
    left:max(18px, calc((100vw - 1480px)/2 - 194px));
    top:92px;
    width:178px;
    max-height:calc(100vh - 116px);
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    gap:7px;
    padding:14px 10px 12px;
    border:1px solid rgba(112,132,188,.30);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(12,18,34,.97),rgba(8,13,26,.96));
    backdrop-filter:blur(20px);
    box-shadow:0 18px 46px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);
    z-index:8;
    scrollbar-width:thin;
  }
  .dashboardTabs::before{
    content:"ACCOUNTING MENU";
    display:block;
    padding:3px 10px 9px;
    color:#687797;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.45px;
    text-transform:uppercase;
  }
  .dashboardTabs::after{
    content:"INFINITY MFS";
    display:block;
    margin-top:5px;
    padding:11px 10px 2px;
    border-top:1px solid rgba(255,255,255,.06);
    color:#52617f;
    font-size:8px;
    font-weight:850;
    letter-spacing:1.25px;
    text-align:center;
  }
  .dashboardTab{
    width:100%;
    min-height:47px;
    justify-content:flex-start;
    gap:10px;
    padding:8px 10px;
    border-radius:12px;
    text-align:left;
    font-size:12px;
    white-space:nowrap;
    color:#aeb9d4;
  }
  .dashboardTab span{
    flex:0 0 29px;
    width:29px;
    height:29px;
    border-radius:9px;
    font-size:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .dashboardTab:hover{
    transform:translateX(2px);
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.055);
  }
  .dashboardTab.active{
    transform:none;
    border-color:color-mix(in srgb,var(--tab-color) 38%,transparent);
    background:linear-gradient(90deg,color-mix(in srgb,var(--tab-color) 23%,#151d32),rgba(18,25,44,.94));
    box-shadow:inset 3px 0 0 var(--tab-color),0 8px 24px color-mix(in srgb,var(--tab-color) 11%,transparent);
  }
}

/* Mid-size desktop: keep sidebar inside the page so it never overlaps content. */
@media (min-width:901px) and (max-width:1100px){
  .dashboardShell{
    max-width:none;
    grid-template-columns:176px minmax(0,1fr);
    align-items:start;
    column-gap:14px;
  }
  .hero{grid-column:1/-1}
  .dashboardTabs{
    grid-column:1;
    display:flex;
    flex-direction:column;
    gap:7px;
    top:88px;
    padding:10px;
  }
  .dashboardWorkspace{grid-column:2;min-width:0}
  .dashboardTab{width:100%;justify-content:flex-start;min-width:0;padding:8px 9px;font-size:11px}
}

/* Preserve the existing mobile-friendly horizontal navigation. */
@media (max-width:900px){
  .dashboardShell{display:grid!important;grid-template-columns:1fr!important}
  .hero,.dashboardTabs,.dashboardWorkspace{grid-column:1!important}
  .dashboardTabs::before,.dashboardTabs::after{display:none!important}
}

/* Profit-only transaction edit */
.rowActions .profitEdit{color:#bff8d8;background:#113326;border-color:#286b50;white-space:nowrap}
.rowActions .profitEdit:hover{color:#effff6;background:#184a36;border-color:#3d9671}

/* 2026 customer-ledger redesign: scoped to MFS dashboard only */
:root{--ledger-purple:#8b5cf6;--ledger-blue:#3b82f6;--ledger-green:#22c77a;--ledger-line:#273653;--ledger-field:#17233a}
.hero{grid-template-columns:repeat(3,minmax(0,1fr))}
.customerLedgerPanel{padding:26px;border-color:#283754;background:linear-gradient(145deg,rgba(17,28,48,.98),rgba(12,22,40,.98));box-shadow:0 24px 65px rgba(0,0,0,.23)}.customerLedgerPanel.customerFocusMode{padding:0;border-color:transparent;background:transparent;box-shadow:none}.customerLedgerPanel.customerFocusMode .customerLedgerTitle,.customerLedgerPanel.customerFocusMode .customerAddLauncher,.customerLedgerPanel.customerFocusMode .customerSearchLabel,.customerLedgerPanel.customerFocusMode #dueCards{display:none!important}.customerLedgerPanel.customerFocusMode .selectedCustomerEditor{margin-top:0}
.customerLedgerTitle{align-items:flex-start}.customerLedgerTitle h2{font-size:25px}.customerLedgerTitle .eyebrow{color:#ffc340}.ledgerTotal{padding:12px 16px;border:1px solid rgba(139,92,246,.45);border-radius:10px;background:rgba(75,45,145,.15);color:#d8dded}.ledgerTotal b{color:#fff;margin-left:4px}
.customerAddLauncher{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:22px;z-index:30}.customerAddLauncherBtn{height:44px;padding:0 24px;border:0;border-radius:9px;background:linear-gradient(100deg,#398cff,#9552e8);box-shadow:0 10px 24px rgba(88,74,222,.25);white-space:nowrap;color:#fff;font-weight:800}.customerAddLauncherBtn:hover,.customerAddLauncherBtn[aria-expanded="true"]{filter:brightness(1.06)}.customerHistoryLauncherBtn{height:44px;padding:0 18px;border:1px solid #33476d;border-radius:9px;background:linear-gradient(180deg,#172640,#111d32);color:#e8efff;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(2,8,20,.2)}.customerHistoryLauncherBtn:hover{background:linear-gradient(180deg,#1c3152,#15243d);border-color:#4b67a0}.customerHistoryLauncherBtn span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;padding:0 7px;border-radius:999px;background:rgba(130,99,255,.18);border:1px solid rgba(140,104,255,.34);color:#cbb7ff;font-size:11px}.customerAddLauncher .customerAddForm{position:absolute;top:calc(100% + 10px);left:0;display:grid;grid-template-columns:1fr 1.05fr .72fr 1.05fr .9fr auto;gap:18px;align-items:end;width:min(1450px,calc(100vw - 330px));margin:0;padding:18px;border:1px solid rgba(90,113,181,.55);border-radius:14px;background:linear-gradient(180deg,#13213a,#0d1728);box-shadow:0 24px 60px rgba(2,8,20,.48),0 0 0 1px rgba(115,92,246,.08);z-index:60}.customerAddLauncher .customerAddForm[hidden]{display:none!important}.customerAddForm label,.selectedCustomerEditor label{display:grid;gap:8px;color:#d9e2f2;font-size:13px;font-weight:700}.customerAddForm input,.customerAddForm select,.selectedCustomerEditor input,.selectedCustomerEditor select,.customerSearchWrap input,#customerHistoryType{height:44px;border:1px solid #2d3b58!important;border-radius:8px!important;background:linear-gradient(180deg,#1b2740,#152037)!important;color:#f5f7ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.customerAddForm button{height:44px;padding:0 24px;border:0;border-radius:9px;background:linear-gradient(100deg,#398cff,#9552e8);box-shadow:0 10px 24px rgba(88,74,222,.25);white-space:nowrap}
#dueType,#selectedDueType,#dueAccount,#selectedDueAccount,#customerHistoryType{color-scheme:dark;cursor:pointer;border-color:#3a4c70!important;background:linear-gradient(180deg,#1c2a46,#142038)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(124,142,190,.03)}
#dueType:hover,#selectedDueType:hover,#dueAccount:hover,#selectedDueAccount:hover,#customerHistoryType:hover{border-color:#5973a5!important;background:linear-gradient(180deg,#223455,#172640)!important}
#dueType:focus,#selectedDueType:focus,#dueAccount:focus,#selectedDueAccount:focus,#customerHistoryType:focus{outline:0;border-color:#6c7cff!important;box-shadow:0 0 0 3px rgba(108,124,255,.15),inset 0 1px 0 rgba(255,255,255,.04)}
#dueType option,#selectedDueType option,#dueAccount option,#selectedDueAccount option,#customerHistoryType option{background:#16223a!important;color:#f6f8ff!important;font-weight:700;padding:10px}
#dueType option:checked,#selectedDueType option:checked,#dueAccount option:checked,#selectedDueAccount option:checked,#customerHistoryType option:checked{background:#31406d!important;color:#fff!important}
#dueAccount optgroup,#selectedDueAccount optgroup{background:#0f1a2d!important;color:#8fb2ff!important;font-weight:800}
.customerSearchLabel{display:grid;gap:8px;margin-top:20px;color:#dce5f4;font-size:13px;font-weight:700}.customerSearchWrap{display:flex;align-items:center;height:44px;padding:0 13px;border:1px solid #2d3b58;border-radius:8px;background:#17233a}.customerSearchWrap>span{font-size:22px;color:#91a1ba}.customerSearchWrap input{flex:1;height:40px;border:0!important;background:transparent!important;box-shadow:none;padding-left:12px}.customerSearchWrap button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:#91a1ba;font-size:25px}.customerSearchResults{position:relative;z-index:4;display:grid;margin-top:5px;border:1px solid #2d3b58;border-radius:10px;overflow:hidden;background:#101b30}.customerResult{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid #27334c;border-radius:0;background:transparent;text-align:left}.customerResult:hover{background:#1a2945}.customerResult span:nth-child(2){display:grid;gap:2px}.customerResult small{color:#8fa0ba}.customerResult strong{color:#bd9cff}.customerSearchEmpty{padding:16px;color:#8fa0ba;text-align:center}.customerResult strong{font-size:12px;font-weight:800}.dueState{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;line-height:1;border:1px solid transparent;white-space:nowrap}.dueState.due{background:rgba(255,95,122,.12);border-color:rgba(255,95,122,.25);color:#ff8b9c}.dueState.credit{background:rgba(43,211,129,.14);border-color:rgba(43,211,129,.28);color:#66ecab}.dueState.clear{background:rgba(134,155,191,.12);border-color:rgba(134,155,191,.22);color:#cfd9ea}
.customerAvatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#3996ff,#6f46df);color:#fff;font-size:22px;box-shadow:0 8px 22px rgba(80,87,226,.32)}
.selectedCustomerEditor{display:grid;grid-template-columns:minmax(270px,1.25fr) minmax(260px,.9fr) minmax(155px,.65fr) minmax(220px,1fr) minmax(170px,.75fr) 130px;gap:18px;align-items:end;margin-top:16px;padding:20px;border:1px solid transparent;border-radius:13px;background:linear-gradient(#101d33,#101d33) padding-box,linear-gradient(100deg,#7457ff,#1c7993) border-box}.selectedCustomerIdentity{display:flex;align-items:center;gap:15px}.selectedCustomerIdentity h3{margin:0 0 6px;font-size:21px}.selectedCustomerIdentity p{margin:0;color:#9cacbe}.selectedCustomerIdentity p b{display:inline-block;margin-left:8px;padding:5px 10px;border:1px solid rgba(139,92,246,.35);border-radius:7px;background:rgba(139,92,246,.17);color:#bd9cff;font-size:12px}.selectedCustomerMfsCards{height:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.selectedCustomerMfsCards span{display:flex;align-items:center;justify-content:center;border:1px solid #33476d;border-radius:9px;background:linear-gradient(180deg,#1b2b48,#14223a);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(2,8,20,.18);color:#dce8ff;font-size:12px;font-weight:900}.selectedCustomerMfsCards .bkash{border-color:rgba(226,30,113,.45);color:#ff82b4}.selectedCustomerMfsCards .nagad{border-color:rgba(246,118,37,.48);color:#ffab6f}.selectedCustomerMfsCards .rocket{border-color:rgba(116,87,255,.5);color:#b8a7ff}.selectedCustomerEditor button{height:44px;border:0;border-radius:9px;background:linear-gradient(100deg,#20aa68,#28c47b);box-shadow:0 10px 25px rgba(31,190,115,.2)}
.customerHistoryPanel{padding:18px;border-color:rgba(139,92,246,.58);background:linear-gradient(145deg,#121d34,#0c1729)}.customerHistoryPanel .eyebrow{color:#c169ff}.customerHistoryPanel h2{font-size:22px}.customerHistoryPanel .sectionTitle{padding:4px 10px 10px}.customerHistoryHeader{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(420px,1.6fr) auto;align-items:center!important;gap:22px!important}.customerHistoryTitleBlock{min-width:0}.customerHistoryStatusHero{min-height:76px;padding:13px 22px;border:1px solid transparent;border-radius:14px;display:grid;align-content:center;gap:6px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(3,8,20,.18)}.customerHistoryStatusHero small{font-size:10px;font-weight:900;letter-spacing:.15em;opacity:.78}.customerHistoryStatusHero>div{display:flex;align-items:baseline;justify-content:center;gap:16px}.customerHistoryStatusHero strong{font-size:18px;letter-spacing:.08em}.customerHistoryStatusHero b{font-size:30px;line-height:1}.customerHistoryStatusHero.due{background:linear-gradient(135deg,rgba(129,28,49,.30),rgba(64,19,31,.22));border-color:rgba(255,84,112,.42);color:#ff8296}.customerHistoryStatusHero.credit{background:linear-gradient(135deg,rgba(15,112,74,.30),rgba(12,58,44,.24));border-color:rgba(43,211,129,.40);color:#69efac}.customerHistoryStatusHero.clear{background:linear-gradient(135deg,rgba(55,73,105,.30),rgba(31,44,69,.24));border-color:rgba(132,151,187,.30);color:#d7e1f0}.customerHistoryPanel #customerHistoryType{min-width:165px;padding:0 14px;color-scheme:dark;cursor:pointer;background:linear-gradient(180deg,#1b2740,#152037)!important;color:#f5f7ff!important;border-color:#344765!important}.customerHistoryPanel #customerHistoryType option{background:#17233a!important;color:#f5f7ff!important}.customerHistoryPanel #customerHistoryType option:checked{background:#223657!important;color:#ffffff!important}.customerHistoryTable{min-width:900px}.customerHistoryTable thead{background:linear-gradient(90deg,#6140ba,#3b247e)}.customerHistoryTable th{color:#ece7ff}.customerHistoryTable td{border-bottom:1px solid #25334b}.historyType{display:inline-block;padding:5px 10px;border-radius:20px;font-weight:700;font-size:11px}.historyType.dueAdded{background:rgba(17,126,212,.18);color:#35a9ff}.historyType.paymentReceived{background:rgba(30,184,111,.16);color:#2bd381}.dueMoneyFlow{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid #344766;border-radius:999px;background:#142238;color:#dbe7f8;font-size:11px;font-weight:800;white-space:nowrap}.dueMoneyFlow.cash{border-color:#40506b;background:#182338;color:#dce6f5}.dueMoneyFlow.mfs{border-color:rgba(46,178,219,.34);background:rgba(25,126,158,.14);color:#72d9f7}.dueMoneyFlow.recharge{border-color:rgba(245,151,66,.34);background:rgba(157,92,30,.14);color:#ffc080}.customerHistoryTable .loss{color:#ff4f64!important}.customerHistoryTable .profit{color:#2bd381!important}.historyActionsCell{white-space:nowrap}.historyActionsCell .rowActions{justify-content:flex-end}.historyActionsCell .movementEdit{color:#dcecff;background:#172b48;border-color:#31547d}.historyActionsCell .movementEdit:hover{background:#203c63;border-color:#4a76a8}
.completedTransactionsPanel{margin-top:18px}
.selectedCustomerEditor[hidden],.customerHistoryPanel[hidden],.customerSearchResults[hidden],.customerAddForm [hidden],.hero>[hidden]{display:none!important}
@media(max-width:1050px){.customerAddLauncher{display:flex}.customerAddLauncherBtn{width:100%}.customerAddLauncher .customerAddForm{width:100%;grid-template-columns:repeat(2,1fr)}.customerAddForm button{grid-column:span 2}.selectedCustomerEditor{grid-template-columns:1fr 1fr}.selectedCustomerIdentity{grid-column:span 2}.hero{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.customerLedgerPanel{padding:16px}.customerAddLauncher{display:flex}.customerAddLauncherBtn{width:100%}.customerAddLauncher .customerAddForm,.selectedCustomerEditor{grid-template-columns:1fr;width:100%}.customerAddForm button,.selectedCustomerIdentity{grid-column:auto}.customerLedgerTitle{gap:12px}.ledgerTotal{align-self:flex-start}.hero{grid-template-columns:1fr 1fr}.customerHistoryPanel{padding:12px}.customerHistoryHeader{grid-template-columns:1fr!important}.customerHistoryStatusHero{width:100%;min-height:70px}.customerHistoryStatusHero b{font-size:26px}.customerHistoryPanel #customerHistoryType{width:100%}}

/* Full-width desktop composition matching the approved customer dashboard */
@media (min-width:1101px){
  .dashboardShell{
    width:100%;max-width:none;margin:0;padding:16px 28px 34px;
    display:grid;grid-template-columns:222px minmax(0,1fr);
    grid-template-rows:auto 1fr;column-gap:28px;row-gap:16px;align-items:start;
  }
  .dashboardTabs{
    position:sticky;left:auto;top:92px;grid-column:1;grid-row:1/3;
    width:222px;max-height:calc(100vh - 112px);min-height:640px;
    padding:20px 12px 16px;border-radius:18px;
  }
  .dashboardTabs::before{padding:3px 13px 12px;color:#6ea2db;font-size:10px}
  .dashboardTabs::after{
    content:"♛  INFINITY MFS\A Nazmul Hasan Shuvo\A Developer";
    white-space:pre-line;margin-top:auto;padding:20px 13px 4px;
    color:#8b6cff;font-size:10px;line-height:1.65;text-align:left;
  }
  .dashboardTab{min-height:54px;padding:9px 10px;font-size:13px}
  .dashboardTab span{flex-basis:32px;width:32px;height:32px}
  .hero{grid-column:2;grid-row:1;width:100%;gap:20px}
  .hero>div{min-height:90px;padding:18px 22px;border-radius:15px}
  .hero strong{font-size:23px}
  .dashboardWorkspace{grid-column:2;grid-row:1/3;width:100%;min-width:0}
  .customerLedgerPanel{width:100%;padding:26px;border-radius:18px}
  .customerAddForm{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(150px,.8fr) minmax(180px,1fr) 170px;gap:20px}
  .customerAddForm input,.customerAddForm select,.selectedCustomerEditor input,.selectedCustomerEditor select,.customerSearchWrap input{font-size:14px}
  .customerSearchWrap{height:48px}.customerSearchWrap input{height:44px}
  .selectedCustomerEditor{padding:22px;min-height:108px}
  .customerHistoryPanel{margin-top:16px;border-radius:18px}
}
@media (min-width:1800px){
  .dashboardShell{grid-template-columns:236px minmax(0,1fr);column-gap:34px;padding-left:34px;padding-right:34px}
  .dashboardTabs{width:236px}
  .customerLedgerPanel,.customerHistoryPanel{max-width:none}
}

.allCustomerHistoryDialog{width:min(1180px,calc(100vw - 44px));max-width:none;max-height:88vh;margin:auto;padding:0;border:1px solid #32476d;border-radius:18px;background:#0d1728;color:#eef4ff;box-shadow:0 34px 90px rgba(0,0,0,.58);overflow:hidden}.allCustomerHistoryDialog::backdrop{background:rgba(2,7,16,.74);backdrop-filter:blur(5px)}.allCustomerHistoryShell{display:grid;grid-template-rows:auto 1fr;max-height:88vh}.allCustomerHistoryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #273957;background:linear-gradient(135deg,#14233e,#0e192b)}.allCustomerHistoryHeader h2{margin:4px 0 5px;font-size:24px}.allCustomerHistoryHeader p{margin:0;color:#93a5c0}.allCustomerHistoryHeaderActions{display:flex;align-items:center;gap:10px}.allCustomerCountBadge{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid rgba(139,92,246,.35);border-radius:10px;background:rgba(139,92,246,.13);color:#cbb7ff;font-size:12px;font-weight:800;white-space:nowrap}.allCustomerCountBadge b{font-size:15px;color:#fff}.allCustomerHistoryHeaderActions button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #354a70;border-radius:10px;background:#17243b;color:#dce7fa;font-size:25px;line-height:1}.allCustomerHistoryHeaderActions button:hover{background:#223653}.allCustomerHistoryList{padding:18px;overflow:auto}.allCustomerHistoryEmpty{padding:34px;text-align:center;color:#91a2bb;border:1px dashed #31435f;border-radius:14px;background:#101b2f}.allCustomerCardsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.allCustomerCompactCard{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:138px;padding:15px;border:1px solid #2c3f60;border-radius:14px;background:linear-gradient(145deg,#14243e,#0e192b);box-shadow:0 10px 24px rgba(3,9,20,.18);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.allCustomerCompactCard:hover,.allCustomerCompactCard:focus-visible{transform:translateY(-2px);border-color:#5574ac;background:linear-gradient(145deg,#182b49,#101d32);outline:none}.allCustomerCompactTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.allCustomerGroupIdentity{display:flex;align-items:center;gap:12px;min-width:0}.allCustomerGroupIdentity .customerAvatar{width:42px;height:42px;font-size:18px;flex:0 0 auto}.allCustomerGroupIdentity h3{margin:0 0 4px;font-size:17px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allCustomerGroupIdentity p{margin:0;color:#93a5c0;font-size:12px}.allCustomerCompactMeta,.allCustomerGroupMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.allCustomerCompactMeta{margin-top:14px}.allCustomerGroupMeta{justify-content:flex-end}.allCustomerEntryCount{display:inline-flex;align-items:center;height:28px;padding:0 9px;border:1px solid #314868;border-radius:999px;background:#14233a;color:#aebed5;font-size:11px;font-weight:800}.allCustomerDeleteBtn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border:1px solid #7a3140;border-radius:999px;background:linear-gradient(180deg,#421a24,#2f121a);color:#ffbec8;font-size:11px;font-weight:800;white-space:nowrap}.allCustomerDeleteBtn:hover{background:linear-gradient(180deg,#5a1f2d,#3e131e);color:#fff}.allCustomerOpenHint{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid #263957;color:#91a6c6;font-size:11px;font-weight:800}.allCustomerOpenHint span{font-size:16px;color:#c6d6f2}.allCustomerDetailView{border:1px solid #2c3f60;border-radius:14px;background:linear-gradient(145deg,#111f36,#0d1728);overflow:hidden}.allCustomerDetailToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #263957;background:#101c30}.allCustomerDetailActions{display:flex;align-items:center;gap:8px}.allCustomerBackBtn{height:34px;padding:0 13px;border:1px solid #38527d;border-radius:9px;background:#172943;color:#dce8fb;font-size:12px;font-weight:800}.allCustomerBackBtn:hover{background:#203756}.allCustomerEditInfoBtn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border:1px solid #376493;border-radius:999px;background:linear-gradient(180deg,#173453,#102840);color:#beddff;font-size:11px;font-weight:800;white-space:nowrap}.allCustomerEditInfoBtn:hover{background:linear-gradient(180deg,#1d476f,#143653);color:#fff}.allCustomerGroupHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #263957;background:rgba(24,39,66,.66)}.allCustomerDetailHeader{border-bottom:1px solid #263957}.allCustomerGroupTableWrap{overflow:auto}.allCustomerGroupTable{width:100%;min-width:760px;border-collapse:collapse}.allCustomerGroupTable th{padding:10px 12px;background:#152239;color:#aebbd0;font-size:10px;text-align:left;letter-spacing:.04em}.allCustomerGroupTable td{padding:11px 12px;border-top:1px solid #22324c;color:#d9e3f2;font-size:12px}.allCustomerGroupTable .loss{color:#ff6378!important}.allCustomerGroupTable .profit{color:#43dc93!important}@media(max-width:900px){.allCustomerCardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.customerAddLauncher{display:grid;grid-template-columns:1fr 1fr;width:100%}.customerAddLauncherBtn,.customerHistoryLauncherBtn{width:100%;padding:0 12px}.customerAddLauncher .customerAddForm{grid-column:1/-1}.allCustomerHistoryDialog{width:calc(100vw - 18px);max-height:92vh}.allCustomerHistoryShell{max-height:92vh}.allCustomerHistoryHeader{padding:16px;gap:12px}.allCustomerHistoryHeader p{display:none}.allCustomerHistoryHeaderActions{align-items:flex-start}.allCustomerCountBadge{padding:0 9px}.allCustomerHistoryList{padding:10px}.allCustomerCardsGrid{grid-template-columns:1fr}.allCustomerCompactCard{min-height:124px}.allCustomerGroupHeader{align-items:flex-start;flex-direction:column}.allCustomerGroupMeta{justify-content:flex-start}.allCustomerDetailToolbar{align-items:stretch;flex-direction:column}.allCustomerDetailActions{display:grid;grid-template-columns:1fr 1fr}.allCustomerBackBtn,.allCustomerDetailToolbar .allCustomerDeleteBtn,.allCustomerDetailToolbar .allCustomerEditInfoBtn{width:100%}}
/* Summary cards live only inside Overview */
.overviewHero{margin-bottom:16px}
@media (min-width:1101px){.overviewHero{grid-column:auto;grid-row:auto}}

@media (min-width:651px) and (max-width:1050px){.customerHistoryHeader{grid-template-columns:1fr 1fr!important}.customerHistoryHeader #customerHistoryType{grid-column:2;justify-self:end}.customerHistoryStatusHero{grid-column:1/-1;grid-row:2}}

/* Telecom / MFS intro video volume controls */
.introVolumePanel{margin-top:16px;border-color:#2d4166;background:linear-gradient(145deg,#111d33,#0d1729)}
.introVolumeGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.introVolumeItem{display:grid;gap:10px;padding:14px 15px;border:1px solid #2b3c5c;border-radius:13px;background:linear-gradient(180deg,#15243d,#101b30);color:#eef4ff;font-size:12px;font-weight:800}
.introVolumeItem>span{display:flex;align-items:center;min-height:20px}
.introVolumeItem>div{display:grid;grid-template-columns:minmax(0,1fr) 50px;align-items:center;gap:10px}
.introVolumeItem input[type="range"]{width:100%;height:6px;min-height:0;padding:0;border:0;background:transparent;accent-color:#6f62ff;cursor:pointer}
.introVolumeItem output{display:grid;place-items:center;height:30px;border:1px solid #3a4f78;border-radius:9px;background:#0c1628;color:#cfc6ff;font-size:12px;font-weight:900}
.introVolumeActions{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}
.introVolumeActions button{height:42px;padding:0 20px;border:1px solid #7d70ff;border-radius:10px;background:linear-gradient(135deg,#5b46ca,#765feb);color:#fff;font-weight:900}
.introVolumeActions span{color:#8fa2be;font-size:11px}
@media(max-width:1100px){.introVolumeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.introVolumeGrid{grid-template-columns:1fr}.introVolumeActions button{width:100%}}
.accountProfitToday{display:flex;align-items:center;gap:8px;margin-top:8px}.accountProfitToday small{font-size:11px;color:var(--muted)}.accountProfitToday strong{font-size:13px;color:var(--green);background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);border-radius:999px;padding:5px 9px}
.customerFocusBackBtn{display:inline-flex;align-items:center;gap:9px;width:max-content;margin:0 0 12px;padding:9px 15px;border:1px solid rgba(86,151,255,.4);border-radius:10px;background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(124,58,237,.16));color:#dceaff;font-weight:800;box-shadow:0 8px 22px rgba(10,37,90,.22);transition:transform .18s ease,border-color .18s ease,background .18s ease}.customerFocusBackBtn span{font-size:19px;line-height:1}.customerFocusBackBtn:hover{transform:translateX(-3px);border-color:rgba(104,174,255,.72);background:linear-gradient(135deg,rgba(37,99,235,.32),rgba(124,58,237,.25))}.customerFocusBackBtn[hidden]{display:none!important}
.movementHistoryTable td b.loss::before{content:'− '}.movementHistoryTable td b.profit::before{content:'+ '}
.currentBalanceCell{font-weight:900;color:#8fd7ff;white-space:nowrap}
.accountB2bToday{position:absolute;right:16px;bottom:14px;white-space:nowrap;text-align:right;font-size:12px;font-weight:900}.accountB2bToday.b2bPositive{color:#52e49a}.accountB2bToday.b2bNegative{color:#ff7e91}.accountB2bToday.noB2b{color:#71839e}
.balanceJourney{white-space:nowrap;font-weight:800}.balanceJourney span{color:#91a3bd}.balanceJourney i{margin:0 6px;color:#5f7698;font-style:normal}.balanceJourney strong{color:#8fd7ff}

.movementHistoryTable tbody tr,.movementHistoryTable tbody tr:nth-child(odd),.movementHistoryTable tbody tr:nth-child(even){background:#0a1222}.movementHistoryTable tbody tr:hover{background:#121f35}.movementHistoryTable tbody td{background:transparent;border-bottom:1px solid #1d2b43;transition:background-color .15s ease}.movementHistoryTable tbody tr td:first-child{box-shadow:none}.movementHistoryTable tbody tr.cashOutRow td,.movementHistoryTable tbody tr.cashOutRow td *{color:#ff7187}.movementHistoryTable tbody tr.telecomRow td,.movementHistoryTable tbody tr.telecomRow td *{color:#4cdd94}.movementHistoryTable tbody tr:hover td{border-bottom-color:#3d587c;box-shadow:inset 0 1px rgba(145,200,255,.08),inset 0 -1px rgba(145,200,255,.08)}.movementHistoryTable tbody tr:hover td:first-child{box-shadow:inset 3px 0 #6a9bcf}
.historyRowDeleteBtn{border:1px solid rgba(255,92,112,.5);border-radius:7px;background:rgba(126,20,39,.3);color:#ff91a1!important;padding:6px 10px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.historyRowDeleteBtn:hover{background:rgba(190,31,58,.5);color:#fff!important}.historyRowDeleteBtn:disabled{opacity:.55;cursor:wait}

/* B2B hub inside Due / Credit */
.historyHeaderSearch{position:relative;flex:1;max-width:420px;margin-left:auto}.historyHeaderSearch>span:first-child{font-size:11px;color:#aebed5}.historyHeaderSearch .customerSearchResults{position:absolute;z-index:20;top:68px;left:0;right:0;max-height:300px;overflow:auto;border:1px solid #38527a;border-radius:12px;background:#0e1b2f;box-shadow:0 18px 45px rgba(0,0,0,.5)}@media(max-width:800px){.allCustomerHistoryHeader{flex-wrap:wrap}.historyHeaderSearch{order:3;max-width:none;flex-basis:100%;margin:0}.historyHeaderSearch .customerSearchResults{top:68px}}
.onlineRechargeBalanceHead{margin-top:22px;padding-top:18px;border-top:1px solid rgba(93,116,164,.26)}.onlineRechargeBalanceHead h3{margin:4px 0 3px;color:#f4f8ff;font-size:18px}.onlineRechargeBalanceHead p{margin:0;color:#8fa3c1;font-size:12px}.balancePageOperatorAccounts{margin-top:14px}.balancePageOperatorAccounts .accountCard{background:linear-gradient(155deg,#121d32,#0d1728);box-shadow:0 12px 28px rgba(1,7,18,.22)}
.dashboardPanel[data-dashboard-panel="recharge"]{display:none!important}


/* Phone Notification Inbox */
.phoneNotificationHealth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.phoneNotificationHealth>div{padding:14px 16px;border:1px solid rgba(106,126,176,.28);border-radius:16px;background:linear-gradient(145deg,rgba(11,29,54,.96),rgba(7,18,37,.98));box-shadow:0 10px 28px rgba(0,0,0,.14)}.phoneNotificationHealth small{display:block;color:#7890b7;font-size:9px;font-weight:850;letter-spacing:1px}.phoneNotificationHealth b{display:block;margin-top:6px;color:#f5f8ff;font-size:14px}.phoneNotificationHealth b.connected{color:#6ff0b0}.phoneNotificationsPanel{overflow:hidden}.phoneNotificationsTitle{align-items:flex-start}.phoneNotificationActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:760px}.phoneNotificationSearch{display:flex;align-items:center;min-width:260px;height:40px;padding:0 8px 0 12px;border:1px solid rgba(105,130,180,.35);border-radius:12px;background:#08172b}.phoneNotificationSearch>span{color:#7f96bc}.phoneNotificationSearch input{flex:1;min-width:0;border:0!important;background:transparent!important;color:#f6f9ff!important;outline:0!important;padding:0 8px!important;height:38px!important}.phoneNotificationSearch button{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:#91a4c4;font-size:18px}.phoneNotificationActions select,.phoneNotificationActions>button{height:40px;padding:0 12px;border:1px solid rgba(105,130,180,.35);border-radius:12px;background:#0b1c34;color:#eef5ff;font-weight:800}.phoneNotificationActions>button:hover{border-color:#7369ff;background:#132748}.phoneNotificationMeta{display:flex;justify-content:space-between;gap:12px;margin:10px 2px 12px;color:#7890b7;font-size:10px;font-weight:750;letter-spacing:.3px}.phoneNotificationList{display:grid;gap:9px}.phoneNotificationCard{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:13px 14px;border:1px solid rgba(93,117,164,.25);border-radius:16px;background:linear-gradient(145deg,rgba(9,25,47,.98),rgba(5,16,33,.98));transition:border-color .15s ease,transform .15s ease}.phoneNotificationCard:hover{border-color:rgba(120,108,255,.54);transform:translateY(-1px)}.phoneNotificationIcon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6559e8,#3a77d8);color:#fff;font-size:18px;font-weight:950;box-shadow:0 8px 20px rgba(50,71,187,.25)}.phoneNotificationContent{min-width:0}.phoneNotificationCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.phoneNotificationCardHead span{min-width:0}.phoneNotificationCardHead b{display:block;color:#f8fbff;font-size:13px}.phoneNotificationCardHead small{display:block;overflow:hidden;margin-top:2px;color:#617aa4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.phoneNotificationCardHead time{flex:0 0 auto;color:#8396b7;font-size:9px}.phoneNotificationContent h3{margin:8px 0 3px;color:#eaf1ff;font-size:13px}.phoneNotificationContent p{margin:0;color:#aabbd4;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.phoneNotificationEmpty{padding:42px 18px;border:1px dashed rgba(108,130,175,.3);border-radius:16px;color:#758aab;text-align:center}.phoneNotificationLivePopup{position:fixed;z-index:100500;right:18px;bottom:18px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:10px;align-items:start;width:min(420px,calc(100vw - 28px));padding:13px;border:1px solid rgba(126,115,255,.55);border-radius:17px;background:linear-gradient(155deg,rgba(14,29,56,.985),rgba(7,15,31,.99));box-shadow:0 22px 60px rgba(0,0,0,.48);opacity:0;pointer-events:none;transform:translateY(18px);transition:.2s ease}.phoneNotificationLivePopup.show{opacity:1;pointer-events:auto;transform:translateY(0)}.phoneNotificationPopupIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6d5df2,#3883de);color:#fff;font-size:17px;font-weight:900}.phoneNotificationLivePopup small{display:block;color:#8fa6cc;font-size:8px;font-weight:850;letter-spacing:.6px}.phoneNotificationLivePopup b{display:block;margin-top:3px;color:#fff;font-size:12px}.phoneNotificationLivePopup p{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:#b8c7dd;font-size:11px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical}.phoneNotificationLivePopup>button{width:28px;height:28px;padding:0;border:0;border-radius:9px;background:#172843;color:#a9b9d2;font-size:17px}
@media(max-width:820px){.phoneNotificationHealth{grid-template-columns:repeat(2,minmax(0,1fr))}.phoneNotificationActions{width:100%;justify-content:stretch}.phoneNotificationSearch{width:100%;min-width:0}.phoneNotificationActions select,.phoneNotificationActions>button{flex:1 1 140px}.phoneNotificationCardHead{display:block}.phoneNotificationCardHead time{display:block;margin-top:4px}.phoneNotificationMeta{display:block}.phoneNotificationMeta span{display:block;margin-top:3px}}
@media(max-width:520px){.phoneNotificationHealth{gap:7px}.phoneNotificationHealth>div{padding:11px}.phoneNotificationHealth b{font-size:12px}.phoneNotificationCard{grid-template-columns:38px minmax(0,1fr);gap:9px;padding:11px}.phoneNotificationIcon{width:38px;height:38px;border-radius:12px}.phoneNotificationLivePopup{right:10px;bottom:10px;width:calc(100vw - 20px)}}




/* Customer History moved inline into Due/Credit page */
.allCustomerHistoryInline{
  display:block;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:18px 0 0!important;
  padding:0!important;
  border:1px solid #32476d!important;
  border-radius:18px!important;
  background:#0d1728!important;
  overflow:hidden!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
.allCustomerHistoryInline[hidden]{display:none!important}
.allCustomerHistoryInline .allCustomerHistoryShell{
  max-height:none!important;
}
.allCustomerHistoryInline .allCustomerHistoryList{
  overflow:visible!important;
}


/* Full-width inline Customer History only */
.dashboardPanel[data-dashboard-panel="customers"] > .allCustomerHistoryInline{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:18px 0 0!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
.dashboardPanel[data-dashboard-panel="customers"] > .allCustomerHistoryInline .allCustomerHistoryShell{
  width:100%!important;
  max-width:none!important;
}


/* Dashboard controls moved from header into Settings */
.dashboardControlPanel{margin-bottom:18px}
.dashboardControlActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dashboardControlActions .cashOutSyncBadge,
.dashboardControlActions .privacyButton{min-height:40px}
.resetBackupPanel{display:flex;align-items:center;justify-content:space-between;gap:18px}.resetBackupPanel>div:first-child{max-width:760px}.resetBackupActions{display:flex;align-items:center;gap:14px;min-width:370px;justify-content:flex-end}.resetBackupActions>div{display:flex;flex-direction:column;gap:3px}.resetBackupActions small,.resetBackupActions span{color:#8ea5c8}.resetBackupActions b{color:#fff}.resetBackupActions button{border:1px solid rgba(96,165,250,.4);background:rgba(59,130,246,.14);color:#eaf2ff;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.resetBackupActions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.resetBackupPanel{align-items:flex-start;flex-direction:column}.resetBackupActions{min-width:0;width:100%;justify-content:space-between}}@media(max-width:650px){.resetBackupActions{align-items:flex-start;flex-direction:column}}

/* ============================================================
   PREMIUM FINANCE UI — 2026-08-29
   Visual redesign only. Business logic / IDs / data hooks untouched.
   ============================================================ */
:root{
  --premium-bg:#06101d;
  --premium-panel:#0a1728;
  --premium-panel2:#0d1b2f;
  --premium-line:#1f3551;
  --premium-cyan:#21c7f3;
  --premium-purple:#8b5cf6;
  --premium-green:#42dc84;
}
body{background:
  radial-gradient(circle at 52% -18%,rgba(26,91,159,.16),transparent 34%),
  radial-gradient(circle at 14% 12%,rgba(91,56,181,.12),transparent 26%),
  linear-gradient(180deg,#06101d 0%,#050b14 100%);}
.appHeader{min-height:78px;padding:11px 28px;background:rgba(4,11,21,.94);border-bottom:1px solid #17283f;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.brandMark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#7756ff,#22c7f2);box-shadow:0 0 28px rgba(87,91,255,.34)}
.brand b{font-size:19px}.brand small{color:#768daa}
.premiumHeaderMeta{display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:22px}
.premiumMetaChip{height:42px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #203552;border-radius:11px;background:linear-gradient(180deg,#0d1b2d,#091525);color:#dce7f7;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.premiumMetaChip span{color:#91a7c2;font-size:16px}.premiumMetaChip b{font-size:12px;white-space:nowrap}
.premiumBell{position:relative;width:42px;height:42px;padding:0;border-radius:12px;background:#0c192b;border-color:#203552;color:#d7e6fa}
.premiumBell i{position:absolute;right:8px;top:7px;width:8px;height:8px;border-radius:50%;background:#ff5274;box-shadow:0 0 10px rgba(255,82,116,.65)}
.premiumUserCard{height:46px;display:flex;align-items:center;gap:10px;min-width:192px;padding:5px 12px 5px 6px;border:1px solid #203552;border-radius:12px;background:#0b1829}
.premiumAvatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#9c4cff,#6b4cff);font-weight:900;box-shadow:0 0 20px rgba(139,76,255,.28)}
.premiumUserCard>span:last-child{display:grid}.premiumUserCard b{font-size:11px}.premiumUserCard small{font-size:9px;color:#8599b5;margin-top:2px}
#telecomHomeLink{border-color:#6532aa;background:linear-gradient(180deg,#121d31,#0b1424);box-shadow:0 0 0 1px rgba(136,75,255,.09)}

@media(min-width:1101px){
  .dashboardShell{max-width:1540px;padding:14px 24px 34px 250px;gap:14px}
  .dashboardTabs{left:max(16px,calc((100vw - 1540px)/2 + 14px));top:92px;width:214px;padding:15px 12px;gap:8px;border-radius:18px;background:linear-gradient(180deg,#0b1729,#07111f);border-color:#203653;box-shadow:0 24px 56px rgba(0,0,0,.35)}
  .dashboardTabs::before{padding:4px 10px 11px;color:#5f90c9;letter-spacing:1.7px}
  .dashboardTabs::after{content:"♛  INFINITY MFS\A\A Nazmul Hasan Shuvo\A Developer";white-space:pre;min-height:126px;margin-top:auto;padding:20px 10px 4px;border-top:1px solid #172a42;color:#8c64ff;text-align:left;line-height:1.7}
  .dashboardTab{min-height:50px;border-radius:11px;padding:8px 11px;color:#b5c3d7;font-size:12px}
  .dashboardTab span{width:31px;height:31px;flex-basis:31px}
  .dashboardTab.active{background:linear-gradient(90deg,rgba(104,75,225,.31),rgba(28,44,87,.68));border-color:#513a92;box-shadow:inset 3px 0 0 #9b5cf6,0 8px 26px rgba(89,58,201,.15)}
}

.dashboardWorkspace{min-width:0}.panel{border-color:#203653;background:linear-gradient(155deg,rgba(11,25,44,.985),rgba(7,17,31,.985));border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.20);padding:18px 20px}
.sectionTitle{margin-bottom:14px}.sectionTitle h2{font-size:19px;letter-spacing:-.25px}.sectionTitle .eyebrow,.onlineRechargeBalanceHead .eyebrow{color:#25c9f6;letter-spacing:1.25px;font-size:9px}.sectionTitle p,.onlineRechargeBalanceHead p{color:#7892b4}
.accounts{gap:14px}.accountCard{min-height:122px;padding:17px 18px 15px 78px;border-radius:17px;border-color:#29415e;background:linear-gradient(145deg,#0e1d31,#091525);box-shadow:0 14px 28px rgba(0,0,0,.24);transition:.18s ease}
.accountCard:hover{transform:translateY(-3px);border-color:#4b678c;box-shadow:0 18px 34px rgba(0,0,0,.30)}
.accountCard::before{width:3px;border-radius:17px 0 0 17px}
.accountCard::after{content:"৳";position:absolute;left:18px;top:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:19px;font-weight:900;background:linear-gradient(135deg,rgba(110,78,255,.28),rgba(33,199,243,.12));border:1px solid rgba(111,108,255,.34);box-shadow:0 0 22px rgba(86,65,217,.15)}
.accountCard[data-code="bkash"]{border-color:#572546;background:linear-gradient(145deg,rgba(53,17,45,.70),#0b1728 70%)}
.accountCard[data-code="bkash"]::before{background:#e62d83}.accountCard[data-code="bkash"]::after{content:"➤";color:#ff4b9b;background:rgba(111,13,71,.42);border-color:#7a2458}
.accountCard[data-code="nagad"]{border-color:#5d4120;background:linear-gradient(145deg,rgba(67,43,13,.58),#0b1728 70%)}
.accountCard[data-code="nagad"]::before{background:#f7a11f}.accountCard[data-code="nagad"]::after{content:"◉";color:#ffa31a;background:rgba(95,52,6,.42);border-color:#78521d}
.accountCard[data-code="rocket"]{border-color:#493078;background:linear-gradient(145deg,rgba(47,26,84,.62),#0b1728 70%)}
.accountCard[data-code="rocket"]::before{background:#9659ff}.accountCard[data-code="rocket"]::after{content:"◆";color:#aa79ff;background:rgba(61,31,106,.45);border-color:#654595}
.accountCard[data-code="upay"]{border-color:#235ca4;background:linear-gradient(145deg,rgba(17,76,151,.62),#0b1728 70%)}
.accountCard[data-code="upay"]::before{background:#ffbd18}.accountCard[data-code="upay"]::after{content:"U";color:#ffd34f;background:rgba(13,73,145,.54);border-color:#3275c7}
.accountCard[data-code="cash"]{border-color:#315928;background:linear-gradient(145deg,rgba(28,68,30,.58),#0b1728 70%)}
.accountCard[data-code="cash"]::before{background:#77d449}.accountCard[data-code="cash"]::after{content:"▣";color:#8ce65c;background:rgba(43,91,31,.43);border-color:#4c7335}
.accountCard[data-code^="recharge_"]{padding-left:64px;min-height:116px}
.accountCard[data-code^="recharge_"]::after{left:15px;top:18px;width:38px;height:38px;font-size:16px}
.accountCard[data-code="recharge_grameenphone"]::after{content:"◒";color:#20c5ff}.accountCard[data-code="recharge_banglalink"]::after{content:"▥";color:#ff7f22}.accountCard[data-code="recharge_robi"]::after{content:"◆";color:#ff5b68}.accountCard[data-code="recharge_airtel"]::after{content:"◒";color:#ff4857}.accountCard[data-code="recharge_teletalk"]::after{content:"≋";color:#8ad84b}
.accountCard small{color:#b7c7dd}.accountCard b{font-size:22px;margin-top:7px}.accountProfitToday{display:flex;align-items:center;gap:9px;margin-top:11px}.accountProfitToday small{color:#8fa1b9}.accountProfitToday strong{padding:4px 10px;border:1px solid #155b42;border-radius:999px;background:#0d3b2c;color:#43e58e;font-size:11px}
.onlineRechargeBalanceHead{margin-top:20px;padding-top:19px}.onlineRechargeBalanceHead h3{font-size:18px}.balancePageOperatorAccounts{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}

/* premium KPI strip within balance page, created visually from existing content spacing */
.balancesPanel{position:relative;padding-bottom:22px}

.tableWrap{border:1px solid #1d3550;border-radius:13px;background:#071423}.movementHistoryTable{border-collapse:separate;border-spacing:0}.movementHistoryTable th{background:#0e1d31;color:#94a8c3;font-size:10px;text-transform:uppercase;letter-spacing:.45px}.movementHistoryTable td{border-top:1px solid #172b43;color:#e4eefb;font-size:11px}.movementHistoryTable tbody tr:hover td{background:rgba(29,59,91,.26)}

@media(max-width:1100px){.premiumHeaderMeta,.premiumUserCard,.premiumBell{display:none}.balancePageOperatorAccounts{grid-template-columns:repeat(2,minmax(0,1fr))}.accountCard{padding-left:68px}}
@media(max-width:620px){.appHeader{padding:8px 11px}.brand b{font-size:15px}.brand small{font-size:10px}.panel{padding:13px}.accountCard{padding:13px 12px 12px 61px;min-height:105px}.accountCard::after{left:12px;top:15px;width:38px;height:38px}.accountCard b{font-size:18px}.balancePageOperatorAccounts{grid-template-columns:1fr 1fr}.accountCard[data-code^="recharge_"]{padding-left:55px}.accountCard[data-code^="recharge_"]::after{left:10px}.sectionTitle h2{font-size:17px}}


/* Premium real-brand balance logos */
.accountCard{padding-left:78px!important;display:flex;align-items:center;gap:14px}
.accountCard::after{display:none!important;content:none!important}
.accountCardBody{min-width:0;flex:1}
.accountBrandIcon{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.accountBrandIcon img{width:78%;height:78%;object-fit:contain;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.accountBrandIconCash{font-size:24px;font-weight:900;color:#9bec66;background:linear-gradient(145deg,rgba(74,146,44,.45),rgba(25,65,31,.22));border-color:rgba(112,216,74,.35);text-shadow:0 0 18px rgba(111,230,72,.35)}
.accountCard[data-code="bkash"] .accountBrandIcon{background:linear-gradient(145deg,rgba(226,35,122,.28),rgba(86,16,57,.18));border-color:rgba(244,62,145,.32)}
.accountCard[data-code="nagad"] .accountBrandIcon{background:linear-gradient(145deg,rgba(255,139,25,.28),rgba(96,47,5,.18));border-color:rgba(255,153,43,.34)}
.accountCard[data-code="rocket"] .accountBrandIcon{background:linear-gradient(145deg,rgba(130,74,255,.28),rgba(56,28,109,.18));border-color:rgba(151,94,255,.34)}
.accountCard[data-code="upay"] .accountBrandIcon{background:linear-gradient(145deg,rgba(24,105,209,.30),rgba(7,45,105,.20));border-color:rgba(255,196,37,.42)}
.accountCard[data-code^="recharge_"]{padding-left:70px!important}
.accountCard[data-code^="recharge_"] .accountBrandIcon{left:15px;width:42px;height:42px;border-radius:14px}
.accountCard[data-code="recharge_grameenphone"] .accountBrandIcon{background:rgba(0,164,219,.14);border-color:rgba(29,190,235,.28)}
.accountCard[data-code="recharge_banglalink"] .accountBrandIcon{background:rgba(239,92,24,.14);border-color:rgba(255,121,45,.30)}
.accountCard[data-code="recharge_robi"] .accountBrandIcon{background:rgba(217,35,48,.14);border-color:rgba(243,69,79,.30)}
.accountCard[data-code="recharge_airtel"] .accountBrandIcon{background:rgba(229,26,45,.14);border-color:rgba(244,63,78,.30)}
.accountCard[data-code="recharge_teletalk"] .accountBrandIcon{background:rgba(85,164,50,.14);border-color:rgba(121,202,76,.30)}
@media(max-width:620px){.accountCard{padding-left:62px!important}.accountBrandIcon{left:12px;width:40px;height:40px;border-radius:13px}.accountCard[data-code^="recharge_"]{padding-left:57px!important}.accountCard[data-code^="recharge_"] .accountBrandIcon{left:10px;width:36px;height:36px}}

/* Full-screen desktop workspace: use all available browser width */
@media (min-width:1101px){
  .dashboardShell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px 24px 34px 258px!important;
    box-sizing:border-box!important;
  }
  .dashboardTabs{
    left:24px!important;
    width:214px!important;
  }
  .dashboardWorkspace,.dashboardPanel,.panel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* ===== EDGE-TO-EDGE DESKTOP LAYOUT — NO SIDE GAPS ===== */
@media (min-width:1101px){
  html,body{width:100%!important;max-width:none!important;margin:0!important;overflow-x:hidden!important}
  .dashboardShell{
    width:100vw!important;max-width:none!important;margin:0!important;
    padding:12px 14px 28px!important;
    display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-rows:auto!important;column-gap:14px!important;row-gap:14px!important;
    box-sizing:border-box!important;align-items:start!important;
  }
  .dashboardTabs{
    position:sticky!important;left:auto!important;top:92px!important;
    grid-column:1!important;grid-row:1!important;width:220px!important;
    max-width:220px!important;min-height:calc(100vh - 116px)!important;
    max-height:calc(100vh - 108px)!important;margin:0!important;
    box-sizing:border-box!important;
  }
  .dashboardWorkspace{
    grid-column:2!important;grid-row:1!important;width:100%!important;
    max-width:none!important;min-width:0!important;margin:0!important;
  }
  .dashboardWorkspace>.dashboardPanel,.dashboardWorkspace .panel,
  .balancePagePanel,.completedTransactionsPanel{
    width:100%!important;max-width:none!important;box-sizing:border-box!important;
  }
}
@media (min-width:1600px){
  .dashboardShell{grid-template-columns:224px minmax(0,1fr)!important;column-gap:16px!important;padding-left:14px!important;padding-right:14px!important}
  .dashboardTabs{width:224px!important;max-width:224px!important}
}

/* Premium transaction logo rail — visual only */


/* ===== SMOOTH OPTIMIZATION PASS — UI ONLY, NO LOGIC CHANGES ===== */
:root{
  --smooth-ease:cubic-bezier(.2,.7,.2,1);
  --smooth-fast:160ms;
  --smooth-panel:#0a1729;
  --smooth-line:rgba(105,145,194,.18);
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,input,select,.accountCard,.panel,.dashboardTabs a,.dashboardTabs button,.historyFullscreenBtn,.transactionSearchClear{
  transition:background-color var(--smooth-fast) var(--smooth-ease),border-color var(--smooth-fast) var(--smooth-ease),color var(--smooth-fast) var(--smooth-ease),box-shadow var(--smooth-fast) var(--smooth-ease),transform var(--smooth-fast) var(--smooth-ease),opacity var(--smooth-fast) var(--smooth-ease)!important;
}
.panel{border-color:var(--smooth-line)!important;box-shadow:0 10px 26px rgba(0,0,0,.15)!important}
.accountCard{box-shadow:0 8px 20px rgba(0,0,0,.17)!important;transform:translateZ(0)}
.accountCard:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(0,0,0,.21)!important}
.accountCard b{letter-spacing:-.25px;line-height:1.05}
.accountCard small,.sectionTitle p,.onlineRechargeBalanceHead p{line-height:1.45}
.accountBrandIcon{box-shadow:0 7px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important}
.dashboardTabs{border-color:rgba(105,145,194,.18)!important;box-shadow:0 10px 28px rgba(0,0,0,.14)!important}
.dashboardTabs button,.dashboardTabs a{border-radius:11px!important}
.dashboardTabs button:hover,.dashboardTabs a:hover{transform:translateX(2px)}
.sectionTitle{gap:14px!important}
.sectionTitle h2{line-height:1.15;margin-bottom:3px}




.tableWrap{overflow:auto;scrollbar-width:thin;scrollbar-color:#50617a #101a29;overscroll-behavior:contain}
.tableWrap::-webkit-scrollbar{width:8px;height:8px}.tableWrap::-webkit-scrollbar-track{background:#101a29}.tableWrap::-webkit-scrollbar-thumb{background:#50617a;border-radius:10px;border:2px solid #101a29}
.movementHistoryTable{table-layout:fixed;width:100%}
.movementHistoryTable thead th{position:sticky;top:0;z-index:3;background:#0e1d31!important;box-shadow:0 1px 0 #213954}
.movementHistoryTable th,.movementHistoryTable td{padding-top:10px!important;padding-bottom:10px!important;vertical-align:middle}
.movementHistoryTable tbody tr{content-visibility:auto;contain-intrinsic-size:40px}
.movementHistoryTable tbody tr:hover td{background:rgba(30,60,92,.18)!important}


.accountProfitToday strong{box-shadow:none!important}
.completedHeaderActions{gap:10px!important}
@media (min-width:1101px){
  .dashboardShell{row-gap:12px!important;column-gap:12px!important}
  .dashboardWorkspace{contain:layout paint style}
  .balancePageOperatorAccounts{gap:10px!important}
  .accounts{gap:12px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Transaction service icons: fixed compact size */
.transactionServiceCell img{
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  object-fit:contain !important;
  padding:2px !important;
  display:block !important;
}
.transactionFallbackLogo{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
}


/* Transaction History profit badge — UI only */
#completedBody td.profit{
  color:#eafff2 !important;
  font-weight:900 !important;
}
#completedBody td.profit{
  width:1%;
  white-space:nowrap;
}

#completedBody td.profit{
  display:table-cell;
}

#completedBody td.profit{
  text-shadow:none;
}
.transactionProfitBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  min-height:28px;
  padding:4px 10px;
  border:1px solid #178a4d;
  border-radius:8px;
  background:linear-gradient(180deg,#116437,#0b4829);
  color:#f0fff6;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

/* Upay provider theme */
.cashOutPopupCard[data-provider="upay"]{--popup-accent:#f5c400;border-color:rgba(245,196,0,.68);background:radial-gradient(circle at 50% -8%,rgba(245,196,0,.18),transparent 36%),linear-gradient(155deg,#13274a,#0a121f 74%)}
.cashOutPopupCard[data-provider="upay"]::before{background:linear-gradient(90deg,#1359a8,#f5c400,#ee8b22)}
.cashOutSignalCard[data-provider="upay"]{--signal:#e0ad00}

/* Reports page: keep only the compact Reports & Export center. */
.reportCenter{margin-top:16px!important;padding:18px!important;border:1px solid rgba(69,122,176,.38)!important;background:linear-gradient(180deg,rgba(8,28,49,.97),rgba(6,22,39,.97))!important}
.reportCenterTitle{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:14px!important}
.reportCenterTitle h2{margin:2px 0 3px!important;font-size:19px!important}.reportCenterTitle p{margin:0!important;color:#7f9dbd!important;font-size:11px!important}
.reportTelegramBtn{height:36px!important;padding:0 14px!important;border:1px solid #388be2!important;border-radius:9px!important;background:#1769c5!important;color:#fff!important;font-weight:800!important;font-size:11px!important}
.reportToolbar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:14px!important}
.reportToolbar button,.reportToolbar input{height:34px!important;border-radius:9px!important;border:1px solid rgba(90,136,181,.38)!important;background:#0a1c31!important;color:#d9e9fa!important;font-size:10px!important;padding:0 11px!important}
.reportToolbar .reportRangeBtn.active{background:#4832a8!important;border-color:#775cff!important;color:#fff!important}
.reportToolbar input{min-width:135px!important;color-scheme:dark!important}.reportExportBtn.csv{background:#0f5e49!important;border-color:#178468!important}.reportExportBtn.excel{background:#155a8c!important;border-color:#2f85c4!important}.reportExportBtn.pdf{background:#73303b!important;border-color:#a74b5b!important}
.reportStats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.reportStats article{min-height:67px!important;padding:12px 14px!important;border:1px solid rgba(70,111,154,.33)!important;border-radius:10px!important;background:#0a192b!important}.reportStats small{display:block!important;color:#8ea7c1!important;font-size:9px!important;margin-bottom:8px!important}.reportStats b{font-size:15px!important;color:#f3f8ff!important}.reportStats b.positive{color:#34e39a!important}
.reportBreakdown{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:10px!important}.reportBreakdown span{padding:5px 9px!important;border:1px solid rgba(87,124,164,.34)!important;border-radius:999px!important;background:#0a1a2d!important;color:#b9cee2!important;font-size:9px!important}
@media(max-width:900px){.reportStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reportCenterTitle{flex-direction:column!important}.reportTelegramBtn{align-self:flex-start!important}}@media(max-width:520px){.reportStats{grid-template-columns:1fr!important}.reportToolbar input{width:100%!important}.reportCenter{padding:13px!important}}


/* v91: global minimum premium text weight */
html,body,button,input,select,textarea{font-weight:600}