#billing{overflow:auto;padding:30px;width:100%;max-width:1380px;align-self:center}.billing-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.billing-intro h2{font-size:25px;margin:5px 0 9px}.billing-intro p{margin-bottom:0}.billing-eyebrow{font-size:11px;letter-spacing:1.7px;color:#6d7b8f}.billing-tag{padding:7px 11px;border:1px solid #c7d8f2;background:#eef4ff;color:#285eb8;border-radius:99px;white-space:nowrap;font-size:12px}.billing-info{border:1px solid #ccdcee;border-left:4px solid #3169cd;background:#edf4fd;border-radius:9px;padding:17px 21px;line-height:1.75;margin-bottom:22px}.billing-info p{margin:5px 0 0;color:#51647f;font-size:13px}.billing-card{border:1px solid #e0e6ef;border-radius:11px;background:#fff;padding:24px;margin-bottom:20px}.billing-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.billing-section-head h3{font-size:18px;margin:0 0 7px}.billing-section-head p{font-size:12px;margin:0}.billing-borderless{border:0;padding:0;margin:0;min-width:0}.billing-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.billing-rule{border:1px solid #dde5ee;border-radius:9px;padding:16px 18px 20px;margin:0;min-width:0}.billing-rule legend{font-weight:600;padding:0 7px;color:#334860}.billing-toggle{display:flex;flex-direction:row;align-items:center;gap:9px;margin-bottom:22px}.billing-toggle input{width:18px;height:18px;accent-color:#285eb8}.billing-toggle small{margin-left:auto;font-size:11px;font-weight:400;color:#6c7e94}.billing-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.billing-fields label{font-size:12px}.billing-fields small{color:#8290a1;font-weight:400;font-size:11px}.billing-fields input{padding:10px}.billing-actions{display:flex;align-items:center;gap:15px;margin-top:19px;flex-wrap:wrap}.billing-actions span{font-size:12px}.billing-credit-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:17px}.billing-credit-grid label,.billing-operation,.billing-filters label{font-size:12px}.billing-credit-note{grid-column:1/-1}.billing-operation{margin:18px 0 6px;max-width:640px}.billing-operation input{background:#f5f7fb;font-family:ui-monospace,monospace;font-size:12px}#billing select,#billing textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #cfd7e3;border-radius:7px;background:#fff;color:#20314b}#billing textarea{resize:vertical}#billing select:focus,#billing textarea:focus{outline:2px solid #d7e6ff;border-color:#3169cd}#billing input:disabled,#billing select:disabled,#billing textarea:disabled{background:#f3f5f8;color:#7c8798}#billing p[role=status]{line-height:1.65;overflow-wrap:anywhere;margin:14px 0 0}.billing-filters{display:flex;gap:14px;align-items:end;margin-bottom:14px}.billing-filters label:first-child{flex:1;max-width:380px}.billing-filters label{min-width:130px}.billing-filters button{min-height:42px}.billing-table-scroll{overflow:auto;border:1px solid #e4e9f0;border-radius:8px;margin-top:14px}.billing-table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:910px}.billing-table th{font-weight:500;color:#6c7a91;background:#f7f9fc;padding:13px 12px;white-space:nowrap}.billing-table td{padding:14px 12px;vertical-align:top;border-top:1px solid #e8edf3;line-height:1.65;max-width:220px;overflow-wrap:anywhere}.billing-table td span,.billing-table td small{display:block}.billing-table td small{color:#8590a0;margin-top:3px;font-size:11px}.billing-table th:nth-child(4),.billing-table th:nth-child(5),.billing-table td:nth-child(4),.billing-table td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}.billing-positive{color:#087b5c}.billing-negative{color:#9e4b28}.billing-pagination{display:flex;gap:10px;align-items:center;margin-top:15px;font-size:12px}.billing-pagination span{margin-right:auto;color:#7c889a}.billing-pagination button{font-size:12px}@media(max-width:1000px){.billing-rule-grid{grid-template-columns:1fr}}@media(max-width:600px){#billing{padding:20px 14px}.billing-intro h2{font-size:21px}.billing-tag{display:none}.billing-card{padding:18px 14px}.billing-info{padding:14px}.billing-credit-grid{grid-template-columns:1fr}.billing-fields{gap:16px 12px}.billing-filters{flex-wrap:wrap}.billing-filters label:first-child{flex-basis:100%;max-width:none}.billing-operation input{font-size:10px}.billing-section-head{gap:10px}.billing-section-head button{font-size:12px;padding:8px}.billing-rule{padding:13px 12px 17px}}
