.billing {color:#173260;line-height:1.6}.billing *{box-sizing:border-box}.billing-access{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center}.billing-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#41609b}.billing-icon{height:64px;width:64px;display:grid;place-items:center;background:#eaf0fc;border-radius:18px;margin:20px 0}.billing-icon svg{width:36px;height:36px}.billing-intro h2{font-size:clamp(27px,3.4vw,40px);line-height:1.16;letter-spacing:-.035em;margin:0 0 18px;color:#102d6b}.billing-intro p{max-width:43ch;color:#566883}.billing-guide{padding-left:22px;line-height:2.1;font-size:14px}.billing-guide li::marker{color:#264a94;font-weight:800}.billing-form{padding:30px;border-radius:20px;background:#f4f7fc;border:1px solid #e0e7f3;display:flex;flex-direction:column;gap:10px}.billing-form h2{margin:0;font-size:22px}.billing-form>p{margin:0 0 12px;color:#566883;font-size:14px}.billing-form label{font-weight:750;font-size:14px;margin-top:9px}.billing-form input{width:100%;min-height:52px;border:1px solid #c9d5e8;border-radius:10px;background:white;padding:12px 14px;font:inherit;font-size:16px;color:#173260}.billing-form input:focus{outline:3px solid #d2def8;border-color:#28539a}.billing-form small{font-size:12px;color:#65748b;line-height:1.5}.billing-form .button{margin-top:15px;width:100%;justify-content:center;gap:14px;min-height:52px}.billing-form .billing-private{margin:4px 0 0;font-size:12px;text-align:center}.billing-form-status{font-size:13px;text-align:center}.billing-alert{padding:16px 20px;border-radius:12px;background:#eaf5ef;border:1px solid #c5e3d1;margin-bottom:24px}.billing-alert-error{background:#fff1ef;border-color:#eac8c1;color:#8c3028}.billing-summary{display:flex;justify-content:space-between;gap:24px;padding:26px;background:#edf3ff;border:1px solid #dbe6fa;border-radius:18px}.billing-summary h2{font-size:clamp(18px,2.5vw,25px);line-height:1.4;margin:9px 0;overflow-wrap:anywhere}.billing-summary p{margin:0;font-size:14px}.billing-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;background:white;border:1px solid #c9d5e8;border-radius:10px;color:#173d7b;font:inherit;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer}.billing-results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.billing-results-heading h2{font-size:22px;margin:0 0 8px}.billing-results-heading p{font-size:13px;margin:0;color:#65748b}.billing-count{display:inline-grid;place-items:center;min-width:28px;height:28px;background:#eaf0fc;border-radius:8px;font-size:14px;margin-left:6px}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.billing-card{min-width:0;border:1px solid #dce4f1;border-radius:16px;padding:23px;box-shadow:0 5px 20px #14346808;display:flex;flex-direction:column}.billing-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#697a91}.billing-badge{font-size:11px;font-weight:800;border-radius:100px;padding:4px 10px}.billing-badge-upcoming{background:#e9f5ee;color:#256743}.billing-badge-today{background:#fff3cd;color:#735610}.billing-badge-late{background:#ffebe7;color:#972f25}.billing-card h3{margin:20px 0 16px;font-size:18px}.billing-value-label{font-size:11px;color:#65748b}.billing-value{font-size:30px;letter-spacing:-.045em;line-height:1.3}.billing-due{font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:16px 0;border-bottom:1px solid #e7ecf5;margin:8px 0 20px}.billing-card .button{width:100%;justify-content:center;gap:10px;min-height:46px;margin-top:auto}.billing-card>small{display:block;font-size:11px;text-align:center;color:#65748b;margin-top:10px}.billing-unavailable{font-size:13px;color:#65748b}.billing-help{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 0 0;margin-top:28px;border-top:1px solid #e1e8f3}.billing-help p{font-size:13px;color:#65748b;margin:4px 0 0}.billing-help a{color:#173d7b;font-size:14px;font-weight:750;white-space:nowrap}.billing-empty{text-align:center;padding:40px 20px;border:1px dashed #d0dfdc;border-radius:16px;background:#f6fbf8}.billing-empty>span{color:#28754a;font-size:32px}.billing-document{margin:0;background:#eef2f7;font-family:Arial,sans-serif}.billing-document-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#102d6b;color:white;font:14px Arial,sans-serif}.billing-document-toolbar a{color:white}.billing-document-toolbar button{min-height:42px;border:0;border-radius:8px;padding:10px 18px;background:#f6d24b;color:#102d6b;font-weight:bold;cursor:pointer}.billing-paper{background:white;max-width:1100px;overflow:auto;margin:24px auto;padding:20px}.billing-paper img{max-width:none}.billing-document-toolbar strong{font:700 16px Arial,sans-serif}
@media(max-width:1000px){.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.billing-access,.billing-grid{grid-template-columns:1fr}.billing-intro h2 br{display:none}.billing-intro h2{font-size:27px}.billing-icon{margin:14px 0;width:48px;height:48px}.billing-icon svg{width:28px;height:28px}.billing-guide{display:none}.billing-form{padding:20px}.billing-summary,.billing-results-heading,.billing-help{flex-direction:column;align-items:stretch}.billing-summary{padding:20px}.billing-results-heading{margin-top:25px}.billing-summary .billing-secondary{width:100%}.billing-help a{white-space:normal}.billing-card{padding:22px}.billing-document-toolbar{padding:12px;flex-wrap:wrap;gap:12px}.billing-document-toolbar strong{display:none}.billing-paper{margin:0;padding:10px}.billing-value{font-size:32px}}
@media print{.billing-document{background:white}.billing-document-toolbar{display:none!important}.billing-paper{overflow:visible;max-width:none;padding:0;margin:0}}
.billing-email{margin-top:12px}.billing-email button{width:100%;font-size:12px}.billing-email small{display:block;text-align:center;color:#65748b;font-size:11px;margin-top:6px}