/* Axpert Power — Accounts (soft & clean). Ye page shared.css / theme.css use nahi karta. */
:root{--bg:#f7f4ef;--cd:#fff;--ln:#ece3d6;--tx:#1f2a44;--mu:#6b778f;--bl:#0b4fb3;--or:#f26d0f;--blS:#eaf1fd;--orS:#fff1e4;--okS:#e6f6ec;--ok:#15803d;--bdS:#fdecec;--bd:#c62828;--ptS:#fff4d6;--pt:#a16207}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 'Plus Jakarta Sans','Segoe UI Variable','Segoe UI',system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
input,select,textarea,button{font-family:inherit}
h1,h3{margin:0}.mu{color:var(--mu)}.pos{color:var(--ok)}.neg{color:var(--bd)}.w{overflow-x:auto}.r{text-align:right}
.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}
.sb{background:#fff;border-right:1px solid var(--ln);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.sh{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid var(--ln)}.sh .lc{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none;box-shadow:0 0 0 1px var(--ln)}.sh img{width:38px}
.sh b{display:block;color:var(--bl);font-size:16px}.sh small{color:var(--mu);font-size:12px}
#TB{display:flex;flex-direction:column;gap:2px;padding:14px 10px;flex:1}
#TB button{display:flex;align-items:center;gap:11px;background:none;border:0;color:#44506b;padding:11px 12px;border-radius:10px;font-size:14.5px;cursor:pointer;text-align:left;font-family:inherit}
#TB button:hover{background:#faf5ee}#TB button.on{background:var(--orS);color:#b84a00;font-weight:600;box-shadow:inset 3px 0 0 var(--or)}
.ft{font-size:12px;color:var(--mu);padding:14px 18px;border-top:1px solid var(--ln);line-height:1.5}
.ct{min-width:0}.tp{display:flex;align-items:center;gap:16px;padding:10px 28px;background:#fff;border-bottom:1px solid var(--ln)}.tp img{height:46px;mix-blend-mode:multiply}#clk{margin-left:auto;color:var(--mu);font-size:13px;white-space:nowrap}
#T{padding:26px 28px 50px;max-width:1380px}
.ph{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ph h1{font-size:25px}.ph p{margin:4px 0 0;color:var(--mu);font-size:14px}.ph .ac{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cd{background:var(--cd);border:1px solid var(--ln);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 2px 10px #8a6a3a0d}
h3.sec{font-size:16px;margin:0 0 12px}
.kg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}
.kc{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px 18px;box-shadow:0 2px 10px #8a6a3a0d}.kc.lk{cursor:pointer}.kc.lk:hover{border-color:#e2c9a8}
.kc .kl{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mu);font-weight:600}.kc .kl i{width:9px;height:9px;border-radius:50%;background:var(--c,var(--bl))}
.kc .kn{font-size:26px;font-weight:700;margin:8px 0 3px;color:var(--tx);white-space:nowrap}.kc .ks{font-size:12.5px;color:var(--mu)}
.kc.red .kn{color:var(--bd)}.kc.grn .kn{color:var(--ok)}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
label{font-size:12px;color:var(--mu);display:block;margin:2px 0 6px;font-weight:600}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;background:#fff;color:var(--tx);font-size:15px;font-family:inherit}input:focus,select:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 3px #f26d0f22}
.b{border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;background:var(--bl);color:#fff;cursor:pointer;font-family:inherit;white-space:nowrap}.b:hover{filter:brightness(1.08)}.b:active{transform:scale(.98)}.b:disabled,.b:disabled:hover{opacity:.58;filter:grayscale(.25);cursor:wait;transform:none;box-shadow:none}
.b.k{background:var(--or)}.b.g,.b.s{background:#fff;color:var(--tx);box-shadow:inset 0 0 0 1px var(--ln)}.b.g:hover,.b.s:hover{background:#faf5ee;filter:none}
.b.r,.b.s.r{background:#fff;color:var(--bd);box-shadow:inset 0 0 0 1px #f3c9c9}.b.ok{background:var(--okS);color:var(--ok);box-shadow:inset 0 0 0 1px #bfe6cd}.b.wa{background:#25a244;color:#fff}
.b.g{display:inline-block;gap:0}
.b.s{padding:6px 11px;font-size:13px}
table{width:100%;border-collapse:collapse;font-size:14px}th{color:var(--mu);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:10px 10px;border-bottom:1px solid var(--ln);white-space:nowrap;font-weight:700}
td{padding:12px 10px;border-bottom:1px solid #f3ece1;vertical-align:top}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fdfaf5}th.n,td.n{text-align:right}th.c,td.c{text-align:center}
td small,.sub{display:block;color:var(--mu);font-size:12px;margin-top:2px}
.pill{display:inline-block;padding:4px 11px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.3px;white-space:nowrap}
.pill.pend{background:var(--bdS);color:var(--bd)}.pill.ok{background:var(--okS);color:var(--ok)}.pill.pt{background:var(--ptS);color:var(--pt)}.pill.adv{background:var(--blS);color:var(--bl)}
.seg{display:inline-flex;background:#fff;border:1px solid var(--ln);border-radius:10px;overflow:hidden}.seg button{border:0;background:none;padding:9px 15px;font-size:14px;cursor:pointer;color:var(--mu);font-family:inherit;font-weight:600}.seg button.on{background:var(--orS);color:#b84a00}.seg button.red.on{background:var(--bdS);color:var(--bd)}
.tb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.tb input[type=search],.tb input.q{max-width:300px}
.tot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 4px 0;color:var(--mu);font-size:14px}.tot b{color:var(--tx)}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.lh{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px}.lh h1{font-size:24px;margin:10px 0 2px}.lh .ac{display:flex;gap:8px;flex-wrap:wrap}
.lt td.d{white-space:nowrap}.lt tr.op td{background:#faf5ee}.lt td.dr{color:var(--tx);font-weight:600}.lt td.cr{color:var(--ok);font-weight:600}.bal-r{color:var(--bd);font-weight:700}.bal-g{color:var(--ok);font-weight:700}
.lt tfoot td{background:#faf5ee;font-weight:700;border-top:2px solid var(--ln)}
.bg2{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}.bg2 .cd{margin:0}
.ch{display:flex;align-items:center;gap:12px;margin-bottom:10px}.ch img{height:30px;max-width:80px;object-fit:contain}.ch b{font-size:16px}.ch .sm{margin-left:auto;text-align:right;font-size:12px;color:var(--mu);line-height:1.5}
tr.z td{opacity:.5}
.ov{position:fixed;inset:0;background:#1f2a4455;display:grid;place-items:center;padding:16px;z-index:50;overflow:auto}
.mb{background:#fff;border-radius:16px;padding:22px;width:100%;max-width:420px;box-shadow:0 20px 60px #0003}.mb h3{font-size:18px}.mb .ms{color:var(--mu);font-size:13.5px;margin:3px 0 14px}.mb .fl{margin-bottom:12px}
.mb .er{color:var(--bd);font-size:13.5px;font-weight:600;margin:4px 0 8px;display:none}.mb .ma{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}
.ln2{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--ln);font-size:14px}.ln2.bd{font-weight:700;color:var(--bd);border-bottom:0}
#lg{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:var(--bg)}
.lgc{width:100%;max-width:420px;background:#fff;border:1px solid var(--ln);border-radius:18px;padding:28px;text-align:center;box-shadow:0 16px 50px #8a6a3a22}.lgc img{width:min(280px,80%);margin:0 auto 6px;display:block}
.lgc h2{margin:6px 0 2px;font-size:26px;color:var(--bl)}.lgc p{margin:0 0 16px;color:var(--mu)}.lgc .lgs{margin:0 0 12px;color:#b84a00;font-weight:600;font-size:14px}.lgc label{text-align:left}
.lgf{position:relative}.lgf input{padding-right:46px;letter-spacing:3px;font-size:18px}.lgf button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:18px;padding:8px;opacity:.7}
#lgm{min-height:22px;margin:8px 0 6px;color:var(--bd);font-size:14px;font-weight:600;text-align:left}.lgc .b{width:100%;padding:13px;font-size:16px}.lgc small{display:block;margin-top:14px;color:var(--mu);font-size:12px}
@media(max-width:800px){.app{grid-template-columns:1fr}.sb{position:static;height:auto}#T{padding:16px}.bg2{grid-template-columns:1fr}}

/* ---------- polish: boxes, shadows, smooth animations (desk ke saath same look) ---------- */
:root{--sh1:0 1px 2px #8a6a3a10,0 4px 14px #8a6a3a0f;--sh2:0 2px 4px #8a6a3a12,0 14px 32px #8a6a3a1f;--ease:cubic-bezier(.2,.8,.3,1)}
h1,h3,.kn,.sh b{letter-spacing:-.2px}h1{font-weight:800}.kc .kn{font-weight:800;letter-spacing:-.5px}
.cd,.kc{box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}
.kc:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:#e6cfb0}.cd:hover{box-shadow:0 2px 4px #8a6a3a12,0 10px 26px #8a6a3a17}
.b{box-shadow:0 3px 10px #0b4fb330;transition:transform .2s var(--ease),box-shadow .25s,filter .2s,background .2s}.b:hover{transform:translateY(-1px);box-shadow:0 7px 16px #0b4fb338;filter:none}.b:active{transform:scale(.97)}
.b.k{box-shadow:0 3px 10px #f26d0f40}.b.k:hover{box-shadow:0 7px 16px #f26d0f4d}.b.g,.b.s,.b.r,.b.ok{box-shadow:inset 0 0 0 1px var(--ln)}.b.r{box-shadow:inset 0 0 0 1px #f3c9c9}.b.ok{box-shadow:inset 0 0 0 1px #bfe6cd}.b.wa{box-shadow:0 3px 10px #25a24440}
input,select,textarea{transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 2px #8a6a3a0a}
#TB button{transition:background .25s,color .25s,box-shadow .25s,transform .25s var(--ease)}#TB button:hover{transform:translateX(3px)}#TB button.on{transform:none}
tbody tr td{transition:background .2s}.pill{transition:transform .2s}
.rw{padding:12px;margin-top:10px;border:1px solid #f1e8da;border-radius:12px;background:#fdfaf5;transition:box-shadow .3s,border-color .3s}.rw:hover{border-color:#e9d6b9;box-shadow:var(--sh1)}
.hint{font-size:12.5px;color:var(--mu);margin:8px 2px 0}.hint b{color:var(--tx)}.hint.neg{color:var(--bd)}
@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
#T.ani>*{animation:up .55s var(--ease) backwards}#T.ani>*:nth-child(2){animation-delay:.05s}#T.ani>*:nth-child(3){animation-delay:.1s}#T.ani>*:nth-child(4){animation-delay:.15s}#T.ani>*:nth-child(5){animation-delay:.2s}
#T.ani .kg>.kc{animation:up .55s var(--ease) backwards}#T.ani .kg>.kc:nth-child(2){animation-delay:.06s}#T.ani .kg>.kc:nth-child(3){animation-delay:.12s}#T.ani .kg>.kc:nth-child(4){animation-delay:.18s}#T.ani .kg>.kc:nth-child(5){animation-delay:.24s}
#T.ani .bg2>.cd{animation:up .6s var(--ease) backwards}#T.ani .bg2>.cd:nth-child(2){animation-delay:.07s}#T.ani .bg2>.cd:nth-child(3){animation-delay:.14s}#T.ani .bg2>.cd:nth-child(4){animation-delay:.2s}#T.ani .bg2>.cd:nth-child(n+5){animation-delay:.26s}
.ov{animation:fade .2s ease}.mb{animation:pop .35s var(--ease)}.lgc{animation:pop .6s var(--ease)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- orange theme: off-white/orange shade background + orange pillars & blocks ---------- */
:root{--bg:#fff4e8;--cd:#fffbf6;--ln:#f0d9bd;--bands:linear-gradient(90deg,#ff8a2a 0,#ffb066 5%,#ffe0c0 14%,#fff4e8 30%,#fff4e8 70%,#ffe0c0 86%,#ffb066 95%,#ff8a2a 100%)}
html{background:var(--bands) fixed,#fff4e8}body{background:transparent}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(760px 400px at 58% -6%,#ffd2a07a,transparent 65%),radial-gradient(640px 420px at 62% 106%,#ffbf8a66,transparent 65%)}
.sb{background:linear-gradient(180deg,#ff9a3c 0%,#ff7a1a 55%,#f06a08 100%);border-right:0;box-shadow:4px 0 26px #f26d0f45}
.sh{border-bottom-color:#ffffff4d}.sh b{color:#fff}.sh small{color:#fff0e0}.sh .lc{box-shadow:0 0 0 3px #ffffff88}
#TB button{color:#fff}#TB button:hover{background:#ffffff2e}#TB button.on{background:#fff;color:#c2410c;box-shadow:inset 4px 0 0 #0b4fb3,0 4px 12px #0000001f}
.ft{color:#fff0e0;border-top-color:#ffffff4d}
.tp{background:rgba(255,251,245,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--ln)}
.cd,.kc,.seg,.mb,.lgc{background:var(--cd)}
.kc,.cd{box-shadow:0 1px 2px #c2641a14,0 6px 18px #f26d0f17}
input,select,textarea{background:#fffdf9}
.rw{background:#fff6ea;border-color:#f3dcc0}
.b.g,.b.s{background:#fffbf6}
tbody tr:hover td{background:#fff3e6}.lt tr.op td,.lt tfoot td{background:#fff1e2}
td{border-bottom-color:#f7e8d4}th{border-bottom-color:#f0d9bd}
#lg{background:var(--bands),#fff4e8}
#T{padding:26px 78px 50px 34px}.kc .kn{font-size:clamp(20px,1.9vw,25px)}
@media(max-width:800px){#T{padding:16px}}

/* button colours (orange theme overrides ne WhatsApp/ok ka text safed-par-safed kar diya tha) */
.b.wa,.b.s.wa{background:#25a244;color:#fff;box-shadow:0 3px 10px #25a24440}.b.ok,.b.s.ok{background:var(--okS);color:var(--ok);box-shadow:inset 0 0 0 1px #bfe6cd}
tr.vd td{color:var(--mu)}tr.vd td b{color:var(--mu)}
tr.gone td{opacity:0;background:#fdecec;transition:opacity .25s ease,background .25s ease}
@media(max-width:800px){#clk{display:none}.tp{padding:8px 14px}.tp img{height:36px}.sh{padding:10px 14px}.ft{display:none}.sb{box-shadow:none}
#TB{flex-direction:row;overflow-x:auto;padding:8px 10px;gap:6px}#TB button{white-space:nowrap;padding:9px 12px;font-size:13.5px;flex:none}#TB button:hover{transform:none}
.ph h1,.lh h1{font-size:21px}.kg{grid-template-columns:1fr 1fr;gap:10px}.kc{padding:12px 13px}.kc .kn{font-size:19px}.g{grid-template-columns:1fr!important}.cd{padding:14px}}
@media(max-width:800px){.app{grid-template-columns:minmax(0,1fr)}.app>*{min-width:0}.sb{max-width:100vw;overflow:hidden}#TB{max-width:100vw;-webkit-overflow-scrolling:touch}.ct,#T{max-width:100vw}}