:root{--billing-primary:#0309c7;--billing-ink:#15172b;--billing-muted:#687086;--billing-line:#e7e9f1;--billing-bg:#f6f7fb}*{box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--billing-ink);background:var(--billing-bg)}.billing-shell{max-width:1180px}.eyebrow{color:var(--billing-primary);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.billing-card{background:#fff;border:1px solid var(--billing-line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(24,29,75,.035)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.balance-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;border-radius:22px;padding:30px;color:#fff;background:linear-gradient(120deg,#0309c7,#5f27cd);box-shadow:0 16px 38px rgba(3,9,199,.2)}.balance-number{font-size:3.2rem;line-height:1;font-weight:700}.balance-icon{font-size:5rem;opacity:.18;transform:rotate(-8deg)}.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pack-button{appearance:none;text-align:left;background:#fff;border:1px solid var(--billing-line);border-radius:14px;padding:18px;transition:.18s ease;color:inherit}.pack-button:hover,.pack-button:focus-visible{border-color:var(--billing-primary);box-shadow:0 8px 24px rgba(3,9,199,.1);transform:translateY(-2px)}.pack-button strong{display:block;font-size:1.35rem}.pack-button small{color:var(--billing-muted)}.billing-table{font-size:.88rem;vertical-align:middle}.billing-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--billing-muted);border-color:var(--billing-line)}.billing-table td{border-color:var(--billing-line);padding:.85rem .45rem}.amount-positive{color:#08834e;font-weight:600}.amount-negative{color:#5d6475;font-weight:600}.doc-links{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.form-control,.form-select{border-color:#dfe2eb;padding:.7rem .8rem}.form-control:focus,.form-select:focus{border-color:var(--billing-primary);box-shadow:0 0 0 .2rem rgba(3,9,199,.11)}.btn-primary{--bs-btn-bg:var(--billing-primary);--bs-btn-border-color:var(--billing-primary)}@media(max-width:800px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-card{padding:18px}.balance-card{padding:24px}.balance-number{font-size:2.6rem}}@media(max-width:430px){.pack-grid{grid-template-columns:1fr}.balance-icon{font-size:3.5rem}}