.bill{--surface:#fff;--surface-2:#f7f7f8;--line:#e4e4e7;--line-strong:#d4d4d8;--fg:#18181b;--fg-muted:#71717a;--fg-subtle:#a1a1aa;--green:#16a34a;--amber-bg:#fff7ed;--amber-fg:#c2410c;--cta:#18181b;--cta-hover:#27272a;--cta-fg:#fff;--shadow-xs:0 1px 2px #1018280a;--shadow-card:0 1px 2px #1018280a, 0 2px 6px #1018280a;color:var(--fg);font-family:var(--zv-font-sans)}.dark .bill{--surface:#18181b;--surface-2:#1f1f23;--line:#27272a;--line-strong:#3f3f46;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-subtle:#71717a;--green:#22c55e;--amber-bg:#ea580c24;--amber-fg:#fb923c;--cta:#fafafa;--cta-hover:#e4e4e7;--cta-fg:#18181b;--shadow-xs:0 1px 2px #0006;--shadow-card:0 1px 2px #00000080, 0 1px 3px #0006}.bill-divider{background:var(--line);height:1px;margin:22px 0}.bill-secrow{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.bill-lab-t{color:var(--fg);font-size:16px;font-weight:600}.bill-lab-d{color:var(--fg-muted);margin-top:3px;font-size:13px}.bill-banner{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.bill-meta{color:var(--fg);align-items:center;gap:12px;font-size:14px;display:flex}.bill-meta b{font-weight:600}.bill-chip{background:var(--amber-bg);height:24px;color:var(--amber-fg);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.bill-plans-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.bill-toggle{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-family:inherit;font-size:13px;display:inline-flex}.bill-switch{background:var(--line-strong);border-radius:999px;flex:none;width:38px;height:22px;transition:background .16s cubic-bezier(.2,.8,.2,1);position:relative}.bill-switch.is-on{background:var(--green)}.bill-knob{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .16s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.bill-switch.is-on .bill-knob{transform:translate(16px)}.bill-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin-top:20px;display:grid}.bill-plan{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);border-radius:16px;flex-direction:column;padding:22px;display:flex}.bill-plan.is-current{background:var(--surface-2);border-color:var(--line-strong)}.bill-ph{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.bill-pname{color:var(--fg);font-size:15px;font-weight:600}.bill-badge{background:var(--green);color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.dark .bill-badge{color:#0a0a0a}.bill-price{letter-spacing:-.02em;min-height:34px;color:var(--fg);margin-top:14px;font-size:34px;font-weight:700;line-height:1}.bill-price small{color:var(--fg-muted);font-size:14px;font-weight:500}.bill-price.bill-price--sm{font-size:24px}.bill-pdesc{color:var(--fg-muted);min-height:38px;margin-top:8px;font-size:13px}.bill-note{min-height:16px;color:var(--fg-subtle);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}@media (max-width:900px){.bill-note{white-space:normal;text-overflow:clip;overflow:visible}}.bill-save{border:1px solid var(--green);height:20px;color:var(--green);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.bill-cta{margin:16px 0 6px}.bill-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .16s cubic-bezier(.2,.8,.2,1),border-color .16s,color .16s;display:inline-flex}.bill-btn svg{width:15px;height:15px}.bill-btn--primary{background:var(--cta);color:var(--cta-fg)}.bill-btn--primary:hover{background:var(--cta-hover)}.bill-btn--secondary{background:var(--surface);color:var(--fg);border-color:var(--line-strong)}.bill-btn--secondary:hover{background:var(--surface-2)}.bill-cta .bill-btn{width:100%}.bill-feat{flex-direction:column;gap:11px;margin:14px 0 0;padding:0;list-style:none;display:flex}.bill-feat li{color:var(--fg);align-items:center;gap:10px;font-size:13px;display:flex}.bill-feat svg{width:15px;height:15px;color:var(--fg-subtle);flex:none}.bill-feat .ck{color:var(--green)}.bill-invoices-card{border:1px solid var(--line);background:var(--surface);min-height:56px;color:var(--fg-muted);border-radius:12px;align-items:center;margin-top:14px;padding:16px 20px;font-size:14px;display:flex}.bill-topup-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bill-topup-balance{color:var(--fg-muted);text-align:right;font-size:13px}.bill-topup-balance b{color:var(--fg);font-size:20px;font-weight:700;line-height:1.2;display:block}.bill-topup-locked{border:1px dashed var(--line-strong);background:var(--surface-2);color:var(--fg-muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px 18px;font-size:13px;display:flex}.bill-topup-packs{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.bill-topup-pack{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-xs);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.bill-topup-pack-credits{color:var(--fg);font-size:20px;font-weight:700}.bill-topup-pack-price{color:var(--fg-muted);font-size:13px}.bill-topup-pack .bill-btn{width:100%;margin-top:12px}@media (max-width:900px){.bill-topup-packs{grid-template-columns:1fr}.bill-topup-balance{text-align:left}}.bill-credits-note{border:1px solid var(--line);background:var(--surface-2);color:var(--fg-muted);border-radius:12px;align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.bill-credits-note svg{color:var(--green);flex-shrink:0;margin-top:2px}.bill-credits-note b{color:var(--fg);font-weight:600}@media (max-width:900px){.bill-secrow{flex-direction:column}.bill-banner{width:100%}.bill-btn{height:44px}}