body.dashboard-page #billing{--bill-panel:#0d1521;--bill-line:#2a3950;--bill-muted:#8d9aaf;--bill-purple:#a77aff;--bill-cyan:#62dcea;--bill-green:#59d5a8;--bill-red:#f2859a;padding-bottom:70px}
body.dashboard-page #billing .billing-page-head{align-items:center}
body.dashboard-page #billing .billing-page-head h1{font-size:34px}
.billing-head-cta{min-width:155px}
.billing-overview{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(500px,1.2fr);gap:18px;margin-bottom:34px}
body.dashboard-page #billing .billing-balance-hero{position:relative;isolation:isolate;overflow:hidden;min-height:390px;padding:28px;border:1px solid #604a91;border-radius:22px;background:radial-gradient(circle at 15% 5%,#6542ad99 0,transparent 40%),radial-gradient(circle at 90% 100%,#17647744 0,transparent 42%),linear-gradient(145deg,#241841,#101824 72%);box-shadow:0 28px 80px #0005}
.balance-glow{position:absolute;z-index:-1;left:-80px;bottom:-105px;width:260px;height:260px;border:1px solid #bc9bff30;border-radius:50%;box-shadow:0 0 0 38px #a77aff09,0 0 0 75px #62dcea08}
body.dashboard-page #billing .billing-balance-hero header{display:flex;align-items:center;justify-content:space-between;color:#d8cdf3;font-size:13px}
body.dashboard-page #billing .billing-balance-hero header i{padding:6px 10px;border:1px solid #8064bb;border-radius:999px;background:#2d2250;color:#cbbaf4;font-size:10px;font-style:normal}
body.dashboard-page #billing .billing-balance-hero>strong{display:inline-block;margin:27px 0 0;font-size:68px;line-height:1;color:#fff;letter-spacing:-3px;text-shadow:0 12px 40px #0006}
body.dashboard-page #billing .billing-balance-hero>small{margin-right:9px;color:#c2b2e9;font-size:14px}
body.dashboard-page #billing .billing-balance-hero>p{max-width:380px;margin:17px 0 19px;color:#a9b2c3;font-size:12px;line-height:2}
.balance-details{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.balance-details>span{display:grid;grid-template-columns:31px 1fr;gap:1px 9px;align-items:center;padding:11px;border:1px solid #ffffff13;border-radius:12px;background:#090e1780}
.balance-details i{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#2b2049;color:#c6afff;font-style:normal}
.balance-details b,.balance-details small{display:block}.balance-details b{font-size:10px;color:#d6dce7}.balance-details small{color:#7f8ca0;font-size:9px;line-height:1.6}
body.dashboard-page #billing .billing-balance-hero>.balance-topup{display:flex;align-self:stretch;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:13px 16px;border:1px solid #9c77e4;border-radius:12px;background:linear-gradient(120deg,#9669ed,#6941bd);color:#fff;font-weight:800;box-shadow:0 12px 30px #8158d73b}
.billing-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.billing-summary-grid article{display:flex;align-items:center;gap:15px;min-height:188px;padding:23px;border:1px solid var(--bill-line);border-radius:19px;background:linear-gradient(145deg,#111c2a,#0b121d);box-shadow:0 18px 55px #0003;transition:.2s}
.billing-summary-grid article:hover{transform:translateY(-2px);border-color:#4b5f7c}
.summary-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;font-size:21px}.summary-icon.purple{background:#2d214e;color:#c0a4ff}.summary-icon.green{background:#153a31;color:#72dfbb}.summary-icon.cyan{background:#143742;color:#76e3ef}.summary-icon.amber{background:#3b3019;color:#f0cc79}
.billing-summary-grid small,.billing-summary-grid strong,.billing-summary-grid em{display:block}.billing-summary-grid small{color:#8e9aae;font-size:11px}.billing-summary-grid strong{margin:7px 0 2px;font-size:27px;color:#f1f4f8}.billing-summary-grid em{color:#707e93;font-size:10px;font-style:normal}
.billing-plans-section,.billing-ledger{margin-top:24px;padding:28px;border:1px solid var(--bill-line);border-radius:22px;background:linear-gradient(145deg,#101925,#0a111a);box-shadow:0 22px 70px #0003}
.billing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.billing-section-head h2{margin:5px 0 4px;font-size:21px}.billing-section-head p{margin:0;color:var(--bill-muted);font-size:11px}.billing-rate{padding:8px 11px;border:1px solid #33445d;border-radius:999px;background:#111b29;color:#93a1b5;font-size:10px;white-space:nowrap}
.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.billing-plan-card{position:relative;overflow:hidden;padding:23px;border:1px solid #304057;border-radius:18px;background:radial-gradient(circle at 100% 0,hsl(var(--plan-hue) 55% 45%/.18),transparent 44%),linear-gradient(155deg,#121d2b,#0b121c);transition:.25s}
.billing-plan-card:hover{transform:translateY(-5px);border-color:hsl(var(--plan-hue) 55% 62%);box-shadow:0 22px 55px #0005}.billing-plan-card.featured{border-color:#8866d3;background:radial-gradient(circle at 100% 0,#6746ad66,transparent 50%),linear-gradient(155deg,#1c1831,#0c131e);box-shadow:0 20px 60px #6f4dbc1e}
.plan-popular{position:absolute;top:0;left:18px;padding:6px 11px;border-radius:0 0 10px 10px;background:linear-gradient(120deg,#a77aff,#7250cb);color:#fff;font-size:9px;font-weight:800}
.plan-card-top{display:flex;align-items:center;gap:12px}.plan-gem{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:hsl(var(--plan-hue) 40% 25%);color:hsl(var(--plan-hue) 75% 82%);font-size:19px}.plan-card-top small{display:block;color:#77859a;font-size:9px}.plan-card-top h3{margin:2px 0 0;font-size:16px}
.plan-credit{margin:24px 0 7px}.plan-credit strong{font-size:36px;line-height:1}.plan-credit span{margin-right:7px;color:#9aa6b8;font-size:11px}.plan-price{display:flex;align-items:baseline;gap:6px;padding-bottom:18px;border-bottom:1px solid #ffffff0d}.plan-price strong{font-size:20px;color:#ddd4f4}.plan-price span{color:#9da7b7;font-size:10px}.plan-price small{margin-right:auto;color:#6f7d91;font-size:9px}
.billing-plan-card ul{display:grid;gap:10px;min-height:92px;margin:18px 0;padding:0;list-style:none;color:#9ca8b9;font-size:10px}.billing-plan-card li span{color:#62d9b0;margin-left:6px}.billing-plan-card>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border:1px solid #435674;border-radius:11px;background:#142033;color:#e8edf5;font:700 11px Vazirmatn}.billing-plan-card.featured>button{border-color:#8d6bd4;background:linear-gradient(120deg,#8f64e7,#6842b9);color:#fff}.billing-plan-card>button:hover:not(:disabled){filter:brightness(1.13)}.billing-plan-card>button:disabled{cursor:wait;opacity:.75}
.button-spinner{width:16px;height:16px;border:2px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:billingSpin .7s linear infinite}
.billing-notice{margin:15px 0 0;padding:12px 14px;border:1px solid #723e50;border-radius:12px;background:#351c28;color:#ffafbd;font-size:11px;line-height:1.9}.billing-notice.success{border-color:#2b6754;background:#14362c;color:#79dfba}
body.dashboard-page #billing .billing-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px}.billing-trust-row>div{min-height:92px!important;padding:18px!important}.billing-trust-row>div>span{flex:none}.billing-trust-row strong{font-size:12px}.billing-trust-row small{font-size:10px}
.ledger-head{align-items:center}.billing-refresh{padding:9px 13px;border:1px solid #34465f;border-radius:10px;background:#111c2a;color:#b8c3d2;font:11px Vazirmatn}.billing-refresh:disabled{opacity:.5;cursor:wait}
.ledger-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:7px;border:1px solid #27384e;border-radius:13px;background:#090f18}.ledger-tabs{display:flex;gap:5px}.ledger-tabs button{padding:10px 14px;border-radius:9px;background:transparent;color:#8e9bae;font:11px Vazirmatn}.ledger-tabs button.active{background:#251b42;color:#e8dfff;box-shadow:inset 0 0 0 1px #60479b}.ledger-tabs b{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-right:5px;border-radius:999px;background:#ffffff0b;font-size:9px}.ledger-filter{display:flex;align-items:center;gap:8px;color:#78869b;font-size:10px}.ledger-filter select{width:auto!important;min-width:150px;margin:0!important;padding:8px 10px!important;border-radius:8px!important;font-size:10px!important}
.credit-ledger-list,.invoice-list{display:grid;gap:8px}.ledger-row{display:flex;align-items:center;gap:13px;min-height:72px;padding:12px 15px;border:1px solid #26364c;border-radius:13px;background:#0b131e}.ledger-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;font-size:17px}.ledger-icon.in{background:#143a30;color:#66deb5}.ledger-icon.out{background:#3c202a;color:#f49aaa}.ledger-main{min-width:0;flex:1}.ledger-main strong,.ledger-main small{display:block}.ledger-main strong{font-size:12px}.ledger-main small{margin-top:5px;color:#77859a;font-size:9px}.ledger-amount{direction:ltr;text-align:left;font-size:15px}.ledger-amount.in{color:var(--bill-green)}.ledger-amount.out{color:var(--bill-red)}.ledger-amount small{display:block;margin-top:2px;color:#748196;font-size:8px;font-weight:500}
.invoice-row{display:grid;grid-template-columns:auto minmax(180px,1fr) 95px 115px minmax(125px,.6fr);align-items:center;gap:14px;min-height:82px;padding:13px 15px;border:1px solid #26364c;border-radius:13px;background:#0b131e}.invoice-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#24203b;color:#b9a3ef;font-size:17px}.invoice-main>div{display:flex;align-items:center;gap:8px}.invoice-main strong,.invoice-main small,.invoice-credit strong,.invoice-credit small,.invoice-price strong,.invoice-price small,.invoice-reference small,.invoice-reference b{display:block}.invoice-main strong{font-size:12px}.invoice-main small,.invoice-credit small,.invoice-price small,.invoice-reference small{margin-top:4px;color:#748297;font-size:9px}.invoice-credit strong,.invoice-price strong{font-size:13px}.invoice-status{padding:4px 7px;border-radius:999px;background:#2c3441;color:#aeb8c7;font-size:8px}.invoice-status.paid{background:#153a30;color:#6edfb7}.invoice-status.failed,.invoice-status.cancelled{background:#3e202a;color:#f59aaa}.invoice-status.pending{background:#3b311b;color:#ebc56c}.invoice-status.refunded{background:#193441;color:#77d8ea}.invoice-reference{position:relative}.invoice-reference b{direction:ltr;text-align:right;font-size:10px;color:#d1d8e3}.invoice-reference button{position:absolute;left:0;bottom:0;padding:3px 6px;border-radius:6px;background:#1b2738;color:#a9b6c8;font-size:8px}
.billing-loading,.billing-empty{grid-column:1/-1;min-height:240px;display:grid;place-items:center;align-content:center;gap:10px;color:#8c99ad;text-align:center}.billing-loading i{width:29px;height:29px;border:2px solid #344159;border-top-color:#a77aff;border-radius:50%;animation:billingSpin .7s linear infinite}.billing-empty span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#211a38;color:#bba5ed;font-size:23px}.billing-empty strong{color:#e5eaf1;font-size:13px}.billing-empty small{color:#7f8ca1;font-size:10px}.billing-empty button{margin-top:5px;padding:9px 13px;border:1px solid #475a75;border-radius:9px;background:#142033;color:#dce3ed;font:10px Vazirmatn}.billing-empty.compact{min-height:210px;border:1px dashed #2b3b52;border-radius:14px;background:#091019}
@keyframes billingSpin{to{transform:rotate(360deg)}}

body.dashboard-page .sidebar .main-nav{flex:1;min-height:0;overflow-y:auto;padding-left:2px}

@media(max-width:1150px){.billing-overview{grid-template-columns:1fr}.billing-summary-grid article{min-height:135px}.billing-plan-grid{grid-template-columns:1fr 1fr}.billing-plan-card:last-child:nth-child(odd){grid-column:1/-1}.invoice-row{grid-template-columns:auto 1fr 90px 110px}.invoice-reference{grid-column:2/-1;padding-top:8px;border-top:1px solid #ffffff0b}}
@media(max-width:760px){body.dashboard-page #billing .billing-page-head{align-items:flex-start}.billing-head-cta{width:100%}.billing-overview{grid-template-columns:1fr}body.dashboard-page #billing .billing-balance-hero{min-height:auto;padding:21px}body.dashboard-page #billing .billing-balance-hero>strong{font-size:52px}.balance-details,.billing-summary-grid,.billing-plan-grid,body.dashboard-page #billing .billing-trust-row{grid-template-columns:1fr}.billing-summary-grid article{min-height:105px}.billing-plan-card:last-child:nth-child(odd){grid-column:auto}.billing-plans-section,.billing-ledger{padding:18px;border-radius:17px}.billing-section-head{align-items:flex-start;flex-direction:column}.billing-rate{white-space:normal}.ledger-toolbar{align-items:stretch;flex-direction:column}.ledger-tabs{display:grid;grid-template-columns:1fr 1fr}.ledger-tabs button{white-space:nowrap}.ledger-filter{justify-content:space-between}.ledger-filter select{flex:1}.invoice-row{grid-template-columns:auto 1fr auto}.invoice-credit{display:none}.invoice-price{text-align:left}.invoice-reference{grid-column:2/-1}.ledger-row{align-items:flex-start}.ledger-main small{line-height:1.8}.billing-page-head h1{font-size:27px!important}}

body.dashboard-page #billing .plan-purchase-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 14px;border:1px solid #7d62bc;border-radius:11px;background:#7b55c9;color:#fff;font:700 11px Vazirmatn,Tahoma,sans-serif;cursor:pointer}
body.dashboard-page #billing .plan-purchase-button:hover{background:#9269df}
body.dashboard-page #billing .plan-purchase-button:disabled{opacity:.6;cursor:wait}
.billing-confirm-dialog{width:min(440px,calc(100% - 24px));max-height:min(90dvh,760px);margin:auto;padding:0;border:1px solid #41506a;border-radius:20px;background:#131b29;color:#f4f5fa;box-shadow:0 30px 90px #000b;font-family:Vazirmatn,Tahoma,sans-serif}
.billing-confirm-dialog::backdrop{background:#050a13bd;backdrop-filter:blur(5px)}
.billing-confirm-inner{padding:24px}.billing-confirm-inner header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.billing-confirm-inner header small{color:#bfa9f2;font-size:11px}.billing-confirm-inner h2{margin:2px 0 0;font-size:21px}.billing-confirm-inner header button{width:35px;height:35px;border:1px solid #3b465a;border-radius:10px;background:#202a38;color:#dce3ec;font-size:23px;line-height:1;cursor:pointer}
.billing-confirm-inner>p{margin:13px 0 20px;color:#a9b4c4;font-size:12px;line-height:1.9}.billing-confirm-plan{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;border:1px solid #4a3e68;border-radius:12px;background:#251f39;font-size:12px}.billing-confirm-plan strong{white-space:nowrap;color:#d9c7ff;font-size:12px}.billing-confirm-inner dl{margin:17px 0 0}.billing-confirm-inner dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;color:#b9c5d2;font-size:12px}.billing-confirm-inner dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.billing-confirm-inner .billing-confirm-total{margin-top:5px;padding:15px 0;border-top:1px solid #364356;color:#fff;font-weight:800;font-size:15px}.billing-confirm-inner .billing-confirm-note{margin:0 0 16px;color:#92a2b7;font-size:11px}.billing-confirm-inner .billing-confirm-error{margin:0 0 14px;padding:10px;border:1px solid #9e4c64;border-radius:9px;background:#47232d;color:#ffd2da}
.billing-confirm-inner footer{display:flex;gap:9px}.billing-confirm-inner footer button{min-height:45px;border:1px solid #43506a;border-radius:10px;background:#232d3d;color:#f0f3f8;font:700 12px Vazirmatn,Tahoma,sans-serif;cursor:pointer}.billing-confirm-inner footer button:first-child{flex:1}.billing-confirm-inner footer button:last-child{flex:2;border-color:#a47bee;background:#8b5bd6;color:#fff}.billing-confirm-inner footer button:disabled{opacity:.6;cursor:wait}
@media(max-width:520px){.billing-confirm-dialog{width:calc(100% - 24px)}.billing-confirm-inner{padding:18px}.billing-confirm-plan{flex-wrap:wrap}.billing-confirm-inner footer{flex-direction:column-reverse}.billing-confirm-inner footer button{width:100%}}