.pricing-bill{--pb-bg:#030308;--pb-card:#0e0e16;--pb-glass:rgba(14,14,22,.78);--pb-text:#f2f2fa;--pb-muted:#9494b0;--pb-muted2:#5a5a74;--pb-accent:#7c5cff;--pb-accent2:#a855f7;--pb-green:#34d399;--pb-gold:#fbbf24;--pb-red:#f87171;--pb-radius:16px;--pb-font:'Inter',system-ui,sans-serif;}.pricing-bill{font-family:var(--pb-font);color:var(--pb-text);padding:2.5rem 2rem 4rem;max-width:1180px;margin:0 auto;position:relative;z-index:2;}.pb-crumb{font-size:.78rem;color:var(--pb-muted2);margin-bottom:.35rem}.pb-crumb a{color:var(--pb-muted);text-decoration:none}.pb-crumb a:hover{color:var(--pb-accent)}.pb-title{font-size:1.75rem;font-weight:800;margin:0 0 .35rem;letter-spacing:-.02em}.pb-sub{color:var(--pb-muted);font-size:.9rem;margin:0 0 1.75rem}.pb-glass{background:var(--pb-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);border-radius:var(--pb-radius);box-shadow:0 16px 48px rgba(0,0,0,.28);}.pb-current{padding:1.35rem 1.6rem;margin-bottom:1.25rem}.pb-current-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.pb-current-top h3{font-size:1rem;font-weight:700;margin:0 0 .2rem}.pb-current-top p{font-size:.82rem;color:var(--pb-muted);margin:0}.pb-plan-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:capitalize;background:rgba(124,92,255,.15);color:#c4b5fd;border:1px solid rgba(124,92,255,.25);}.pb-meters{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:600px){.pb-meters{grid-template-columns:1fr}}.pb-meter label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--pb-muted);margin-bottom:.4rem}.pb-meter label strong{color:var(--pb-text);font-weight:600}.pb-bar{height:6px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.pb-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pb-accent),var(--pb-accent2));border-radius:999px;transition:width .4s}.pb-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.2rem;margin-bottom:1.1rem;font-size:.8rem;}.pb-strip-label{color:var(--pb-muted);font-weight:600}.pb-strip-items{display:flex;gap:1rem;flex-wrap:wrap}.pb-strip-item{display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.78rem}.pb-strip-item .bill-brand-ic{margin:0}.pb-cycle-wrap{margin-bottom:1.25rem;padding-top:.25rem}.pb-cycle-toggle{display:inline-flex;padding:4px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:999px;gap:4px;}.pb-cycle-btn{padding:.55rem 1.2rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--pb-muted);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s;font-family:inherit;}.pb-cycle-btn.on{background:linear-gradient(135deg,var(--pb-accent),var(--pb-accent2));color:#fff;box-shadow:0 4px 16px rgba(124,92,255,.35)}.pb-cycle-yearly{position:relative}.pb-cycle-save{position:absolute;top:-8px;right:-2px;font-size:9px;font-weight:800;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;white-space:nowrap;box-shadow:0 2px 8px rgba(34,197,94,.35);}.pb-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1024px){.pb-plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pb-plans{grid-template-columns:1fr}}.pb-plan{padding:1.4rem 1.35rem;border:1px solid rgba(255,255,255,.07);border-radius:var(--pb-radius);background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,.01));position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;}.pb-plan::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(124,92,255,.35),transparent);opacity:.5;}.pb-plan:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.25);border-color:rgba(124,92,255,.25)}.pb-plan.active{border-color:rgba(124,92,255,.45);box-shadow:0 0 0 1px rgba(124,92,255,.12),0 12px 36px rgba(124,92,255,.1)}.pb-plan.locked{opacity:.72}.pb-plan.locked:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.07)}.pb-plan.active::before{opacity:1;background:linear-gradient(90deg,var(--pb-accent),var(--pb-accent2))}.pb-plan.featured{border-color:rgba(168,85,247,.4)}.pb-ribbon{position:absolute;top:14px;right:-30px;transform:rotate(45deg);background:linear-gradient(135deg,var(--pb-accent),var(--pb-accent2));color:#fff;font-size:9px;font-weight:700;padding:4px 36px;letter-spacing:.05em;}.pb-plan h4{font-size:1.05rem;font-weight:700;margin:0 0 .15rem}.pb-plan-desc{font-size:.72rem;color:var(--pb-muted2);margin-bottom:.65rem}.pb-price{font-size:1.5rem;font-weight:800;margin:.5rem 0 .65rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;line-height:1.2}.pb-price small{font-size:.82rem;font-weight:500;color:var(--pb-muted)}.pb-price-old{display:block;font-size:.82rem;color:var(--pb-muted);text-decoration:line-through;margin-bottom:.15rem}.pb-save{display:inline-block;margin-left:.35rem;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(52,211,153,.12);color:var(--pb-green)}.pb-feats{list-style:none;margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.45rem}.pb-feats li{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--pb-muted)}.pb-feats li svg{width:14px;height:14px;color:var(--pb-accent);flex-shrink:0}.pb-plan-btn{width:100%;padding:.7rem 1rem;border-radius:11px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(18,18,28,.9);color:var(--pb-text);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s;font-family:inherit;}.pb-plan-btn:hover:not(:disabled){border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.1)}.pb-plan-btn.primary{background:linear-gradient(135deg,var(--pb-accent),var(--pb-accent2));color:#fff;border:none;box-shadow:0 6px 20px rgba(124,92,255,.35)}.pb-plan-btn.primary:hover{transform:translateY(-1px)}.pb-plan-btn:disabled{opacity:.55;cursor:not-allowed}.pb-history{padding:1.35rem 1.5rem}.pb-history h3{font-size:1rem;font-weight:700;margin:0 0 1rem}.pb-table-wrap{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.pb-table{width:100%;border-collapse:collapse;font-size:.8rem}.pb-table th,.pb-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)}.pb-table th{background:rgba(0,0,0,.25);color:var(--pb-muted2);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.pb-table td{color:var(--pb-muted)}.pb-table tbody tr:hover{background:rgba(255,255,255,.02)}.pb-tag{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase}.pb-tag.paid{background:rgba(52,211,153,.12);color:var(--pb-green)}.pb-tag.pending{background:rgba(251,191,36,.12);color:var(--pb-gold)}.pb-tag.cancel,.pb-tag.fail{background:rgba(248,113,113,.1);color:var(--pb-red)}.pb-empty-td{text-align:center;padding:2rem;color:var(--pb-muted2)}.pb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);z-index:200;display:none;align-items:center;justify-content:center;padding:1rem;}.pb-overlay.open{display:flex}.pb-modal{width:520px;max-width:calc(100vw - 2rem);max-height:min(90vh,680px);overflow:hidden;background:var(--pb-card);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,.5);display:flex;flex-direction:column;}.pb-modal.pay{width:400px;max-width:calc(100vw - 2rem);position:relative}.pb-modal.bill-pay-modal{background:#12121a;border-color:rgba(255,255,255,.07);box-shadow:0 24px 64px rgba(0,0,0,.55)}.bill-pay-close{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--pb-muted);cursor:pointer;font-size:1.15rem;line-height:1;display:grid;place-items:center;}.bill-pay-close:hover{background:rgba(255,255,255,.08);color:var(--pb-text)}.bill-pay-body{padding:1.35rem 1.4rem 1.5rem;overflow-y:auto}.pb-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(124,92,255,.1),rgba(168,85,247,.04));}.pb-modal-head h3{font-size:1.1rem;font-weight:700;margin:0}.pb-modal-sub{font-size:.78rem;color:var(--pb-muted2);margin:.2rem 0 0}.pb-modal-close{width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--pb-muted);cursor:pointer;font-size:1.1rem;line-height:1;}.pb-modal-body{padding:1.15rem 1.35rem 1.25rem;overflow-y:auto;flex:1}.pb-modal-foot{display:flex;gap:.55rem;justify-content:flex-end;padding:.9rem 1.35rem 1.15rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2);}.pb-btn{padding:.65rem 1.2rem;border-radius:11px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--pb-text);font-family:inherit;}.pb-btn:hover{background:rgba(255,255,255,.08)}.pb-btn.ok{background:linear-gradient(135deg,var(--pb-accent),var(--pb-accent2));color:#fff;border:none;box-shadow:0 6px 20px rgba(124,92,255,.3)}.pb-btn.ok:hover{transform:translateY(-1px)}.pb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btm-shell{display:flex;flex-direction:column;gap:1rem}.btm-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:14px;background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(124,92,255,.04));border:1px solid rgba(124,92,255,.22);}.btm-hero-kicker{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pb-muted2);margin-bottom:.2rem}.btm-hero-plan{font-size:1.35rem;font-weight:800;letter-spacing:.03em;color:#c4b5fd}.btm-hero-amt{font-size:1.2rem;font-weight:800;text-align:right}.btm-hero-unit{font-size:.68rem;color:var(--pb-muted);font-weight:500}.btm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:520px){.btm-row-2{grid-template-columns:1fr}}.btm-block{display:flex;flex-direction:column;gap:.4rem}.btm-label{font-size:.68rem;font-weight:600;color:var(--pb-muted);text-transform:uppercase;letter-spacing:.04em}.btm-select{width:100%;padding:.65rem .85rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:11px;color:var(--pb-text);font-size:.82rem;cursor:pointer;font-family:inherit;}.btm-select:focus{outline:none;border-color:rgba(124,92,255,.35)}.btm-methods{display:flex;flex-direction:column;gap:.45rem}.btm-method{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:12px;cursor:pointer;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);text-align:left;width:100%;font-family:inherit;color:inherit;transition:border-color .15s,background .15s;}.btm-method:hover:not(:disabled){border-color:rgba(124,92,255,.25)}.btm-method:disabled{opacity:.4;cursor:not-allowed}.btm-method.on{border-color:rgba(124,92,255,.4);background:rgba(124,92,255,.08)}.btm-method.pp.on{border-color:rgba(96,165,250,.45);background:rgba(59,130,246,.1)}.btm-method.tw.on,.btm-method.gift.on{border-color:rgba(251,146,60,.4);background:rgba(239,68,68,.08)}.btm-method .bill-brand-ic{margin:0;flex-shrink:0}.bill-brand-ic{display:inline-flex;flex-shrink:0;border-radius:12px;overflow:hidden;line-height:0;background:transparent}.bill-brand-ic img{display:block;width:100%;height:100%;object-fit:cover}.bill-brand-ic.xs{width:22px;height:22px;border-radius:6px}.bill-brand-ic.sm{width:32px;height:32px;border-radius:8px}.bill-brand-ic.md{width:48px;height:48px;border-radius:12px}.bill-brand-ic.lg{width:56px;height:56px;border-radius:14px}.bill-brand-ic.xl{width:72px;height:72px;border-radius:16px}.bill-brand-ic.pp{box-shadow:0 4px 16px rgba(26,53,105,.28)}.bill-brand-ic.tw,.bill-brand-ic.tm{box-shadow:0 4px 16px rgba(229,57,53,.18)}.bill-brand-ic.tw img,.bill-brand-ic.tm img{object-fit:contain;background:#fff}.btm-method-text{flex:1;min-width:0}.btm-method-text strong{display:block;font-size:.82rem;margin-bottom:.1rem}.btm-method-text span{font-size:.72rem;color:var(--pb-muted2)}.btm-method-tick{width:18px;height:18px;color:var(--pb-green);opacity:0;flex-shrink:0}.btm-method.on .btm-method-tick{opacity:1}.btm-total{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:12px;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(124,92,255,.04));border:1px solid rgba(124,92,255,.2);}.btm-total span{font-size:.72rem;color:var(--pb-muted);text-transform:uppercase;font-weight:600}.btm-total strong{font-size:1.4rem;font-weight:800}.billing-pay{text-align:center}.bill-pay-hero{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.35rem 0 1rem;}.bill-pay-hero.pp .bill-pay-amt{color:#93c5fd}.bill-pay-hero.tw .bill-pay-amt{color:#fdba74}.bill-pay-hero.tm .bill-pay-amt{color:#fdba74}.bill-pay-hero-text{display:flex;flex-direction:column;align-items:center;gap:.2rem}.bill-pay-plan{font-size:.72rem;font-weight:600;color:var(--pb-muted);letter-spacing:.02em}.bill-pay-amt{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.bill-pay-hint{font-size:.72rem;color:var(--pb-muted);margin:0 0 .9rem;line-height:1.55;padding:0 .5rem}.bill-pay-status{font-size:.78rem;line-height:1.5;margin:-.35rem 0 .85rem;padding:.55rem .75rem;border-radius:10px;border:1px solid rgba(99,102,241,.18);background:rgba(99,102,241,.08);color:var(--pb-text);}.bill-pay-status[data-state="ok"]{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.1);color:#6ee7b7;}.bill-pay-status[data-state="err"]{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:#fca5a5;}.bill-pay-status[data-state="wait"]{color:var(--pb-muted)}.bill-qr-stage{display:flex;justify-content:center;margin-bottom:.85rem}.bill-qr-wrap{padding:14px;background:#fff;border-radius:18px;display:inline-block;box-shadow:0 12px 40px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.08);}.bill-qr,.pay-qr-img{max-width:188px;width:100%;display:block;margin:0;border-radius:6px}.pay-qr-loading{display:block;padding:2.2rem 1.5rem;color:#333;font-size:.78rem;text-align:center;min-width:160px}.bill-qr-timer{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.65rem .85rem;background:rgba(27,58,107,.08);border:1px solid rgba(27,58,107,.25);border-radius:12px;font-size:.72rem;color:var(--pb-muted);margin-bottom:.85rem;}.billing-pay-tw .bill-qr-timer{border-color:rgba(124,45,18,.25);background:rgba(124,45,18,.08)}.bill-qr-timer svg{width:15px;height:15px;color:#60a5fa;flex-shrink:0}.billing-pay-tw .bill-qr-timer svg{color:#fb923c}.bill-qr-timer strong{color:var(--pb-text);font-weight:700}.bill-qr-count{font-weight:700;color:var(--pb-text);font-variant-numeric:tabular-nums;margin-left:auto}.bill-pay-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.bill-pay-actions-single .pb-btn{flex:0 1 auto;min-width:140px}.bill-pay-actions .pb-btn{flex:1;min-width:120px;justify-content:center;display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem}.bill-pay-actions .pb-btn.ghost{background:rgba(255,255,255,.04)}.billing-pay-tm .bill-tm-btn{background:linear-gradient(135deg,#ff7043,#ef5350);border:none;color:#fff}.bill-tm-steps{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;text-align:left}.bill-tm-step{display:flex;align-items:center;gap:.55rem;font-size:.78rem;color:var(--pb-muted);padding:.55rem .7rem;background:rgba(0,0,0,.25);border-radius:10px}.bill-tm-step i{width:20px;height:20px;border-radius:50%;background:rgba(249,115,22,.15);color:#fb923c;font-style:normal;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bill-tm-input{width:100%;padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:11px;color:var(--pb-text);font-size:.82rem;margin-bottom:1rem;font-family:inherit;}.bill-tm-input:focus{outline:none;border-color:rgba(249,115,22,.4)}.pb-toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.1rem;border-radius:12px;font-size:.82rem;font-weight:600;background:var(--pb-card);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(0,0,0,.4);transform:translateY(120%);opacity:0;transition:all .3s;z-index:300;max-width:320px;}.pb-toast.show{transform:translateY(0);opacity:1}.pb-price-flash{animation:pbPriceFlash .6s ease}@keyframes pbPriceFlash{0%{color:#c4b5fd;transform:scale(1.04)}100%{color:inherit;transform:scale(1)}}.pb-toast.ok{border-color:rgba(52,211,153,.3);color:var(--pb-green)}.pb-toast.err{border-color:rgba(248,113,113,.3);color:var(--pb-red)}.pb-modal.bill-pay-success-wrap{width:420px;background:#0f1218;border-color:rgba(52,211,153,.22);box-shadow:0 0 0 1px rgba(52,211,153,.08),0 28px 80px rgba(0,0,0,.55),0 0 48px rgba(52,211,153,.12);}.bill-pay-success{position:relative;text-align:center;padding:.25rem .15rem .35rem;overflow:hidden;}.bps-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#34d399,#22c55e);border-radius:18px 0 0 18px;box-shadow:0 0 18px rgba(52,211,153,.55);}.bps-head{padding:.15rem .5rem 1rem}.bps-brand{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pb-muted2);margin-bottom:.85rem;}.bps-check{width:72px;height:72px;margin:0 auto .75rem}.bps-check svg{width:100%;height:100%;display:block}.bps-ring{fill:none;stroke:rgba(52,211,153,.2);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:bpsRing .6s ease forwards .1s;}.bps-mark{fill:none;stroke:#34d399;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:bpsMark .45s ease forwards .55s;filter:drop-shadow(0 0 6px rgba(52,211,153,.6));}@keyframes bpsRing{to{stroke-dashoffset:0}}@keyframes bpsMark{to{stroke-dashoffset:0}}.bps-title{font-size:1.35rem;font-weight:800;margin:0 0 .35rem;letter-spacing:-.02em;background:linear-gradient(135deg,#ecfdf5,#6ee7b7);-webkit-background-clip:text;background-clip:text;color:transparent;}.bps-lead{font-size:.82rem;color:var(--pb-muted);margin:0;line-height:1.5}.bps-lead strong{color:#a7f3d0}.bps-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:1rem 0 .75rem;text-align:left;}.bps-cell{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .65rem;border-radius:11px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);}.bps-cell.bps-wide{grid-column:1/-1}.bps-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.12);border:1px solid rgba(52,211,153,.2);color:#6ee7b7;margin-bottom:.1rem;}.bps-ic svg,.bps-ic [data-lucide]{width:14px;height:14px;stroke-width:2.25}.bps-lbl{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pb-muted2)}.bps-cell strong{font-size:.78rem;color:var(--pb-text);font-weight:700;font-variant-numeric:tabular-nums}.bps-foot{font-size:.68rem;color:var(--pb-muted2);margin:0 0 1rem}.bps-done{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 8px 24px rgba(34,197,94,.35)!important;}.bps-done:hover{transform:translateY(-1px)}