.billing-intro,.billing-tools,.billing-actions{display:flex;gap:16px;align-items:center;justify-content:space-between}.billing-intro h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.billing-intro p{color:#5b6d63}.billing-test,.billing-status{border-radius:24px;padding:6px 12px;background:#f1e9d8;color:#705b2d;font-size:13px;white-space:nowrap}.billing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.billing-stats article{background:#fff;border:1px solid #dce4d8;border-radius:18px;padding:24px}.billing-stats span{display:block;color:#617368}.billing-stats strong{display:block;font-size:32px;font-weight:500;margin-top:10px}.billing-tools{flex-wrap:wrap;align-items:end;margin:24px 0}.billing-tools label{display:grid;gap:8px;font-size:14px}.billing-tools input,.billing-tools select,.billing-dialog input:not([type=checkbox]),.billing-dialog select{font:inherit;border:1px solid #cbd8c9;border-radius:10px;padding:12px;background:white;min-width:180px}.billing-tools .button{min-height:46px}.billing-table table{width:100%;border-collapse:collapse;font-size:14px}.billing-table th{text-align:left;color:#597060;font-size:12px;white-space:nowrap}.billing-table td,.billing-table th{padding:18px 14px;border-bottom:1px solid #e4e9e1;vertical-align:middle}.billing-table td:nth-child(n+3):nth-child(-n+5){white-space:nowrap}.billing-table small{display:block;color:#65766c;margin-top:6px;font-size:11px}.billing-status.paid{color:#1e5c3c;background:#e5f1e7}.billing-status.processing{color:#365e86;background:#eaf1f7}.billing-actions{justify-content:start;gap:8px;flex-wrap:wrap}.billing-actions a,.billing-actions button{font:inherit;font-size:12px;cursor:pointer;padding:7px 9px;border-radius:8px;border:1px solid #d5dfd1;background:#fff;text-decoration:none;color:#245c42}.billing-actions .billing-cash{background:#255d40;color:white;border-color:#255d40}.billing-note{font-size:13px;color:#68776d;margin-top:20px;line-height:1.6}.billing-notice{color:#315e41;line-height:1.5}.billing-dialog{width:min(600px,calc(100vw - 32px));padding:0;border:1px solid #d5dfd1;border-radius:24px;max-height:90vh;color:#244230}.billing-dialog::backdrop{background:#193d2f80;backdrop-filter:blur(4px)}.billing-dialog-inner{padding:30px;position:relative}.billing-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:32px;cursor:pointer}.billing-dialog-body{display:grid;gap:14px}.billing-dialog form{display:grid;gap:18px}.billing-dialog label{display:grid;gap:8px}.billing-dialog .billing-confirm{display:flex;align-items:start;font-size:14px;line-height:1.5}.billing-confirm input{margin-top:4px}.billing-template{padding:18px;background:#f0f4eb;border-radius:14px}.billing-form-error{color:#a53e2e}.billing-pay-amount{font-size:38px}.billing-qr{text-align:center;background:#fff}.billing-qr svg{width:240px;max-width:100%;height:auto}.invoice-page{background:#ebece8;color:#403b32;font:14px Arial,sans-serif;margin:0;padding:40px 16px}.invoice-paper{max-width:720px;margin:auto;background:#fff;padding:50px;border-top:6px solid #987641;box-shadow:0 8px 40px #0001}.invoice-paper header,.invoice-address{display:flex;justify-content:space-between;gap:30px;line-height:1.8}.invoice-paper header img{width:170px;object-fit:contain}.invoice-paper header>div{text-align:right}.invoice-address{border-top:1px solid #e6e0d5;padding-top:30px;margin-top:35px}.invoice-paper h1{font-size:32px;font-weight:400;margin-top:40px}.invoice-paper table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.5;margin-top:30px}.invoice-paper th,.invoice-paper td{padding:14px 10px;border-bottom:1px solid #e6e0d5;text-align:left}.invoice-paper th{background:#f6f3ec}.invoice-paper td:last-child{white-space:nowrap;text-align:right}.invoice-total{display:flex;justify-content:space-between;align-items:center;background:#f6f3ec;border-radius:8px;padding:20px;margin-top:24px}.invoice-total strong{font-size:28px}.invoice-paper footer{border-top:1px solid #e6e0d5;margin-top:30px;padding-top:16px;font-size:11px;line-height:1.6;color:#746e63}@media(max-width:700px){.billing-stats{gap:8px}.billing-stats article{padding:15px 12px}.billing-stats strong{font-size:23px}.billing-intro{align-items:start}.billing-intro p{font-size:14px}.billing-tools>*{width:100%}.billing-table{overflow:auto}.invoice-paper{padding:20px}.invoice-paper header,.invoice-address{display:block}.invoice-paper header>div{text-align:left;margin-top:20px}}@media print{.invoice-page{padding:0;background:#fff}.invoice-paper{padding:18mm 10mm;box-shadow:none;border-top:3px solid #987641;max-width:none}.invoice-paper footer{font-size:10px}@page{size:A4;margin:8mm}}

.billing{min-width:0;max-width:100%}.billing-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-stats article{min-width:0}.billing-table{max-width:100%;overflow:auto}.billing-dialog{overflow:auto}.billing-status.failed,.billing-status.disputed{background:#f9e6df;color:#923c2a}.billing-status.refunded,.billing-status.partial_refund{background:#ede9f4;color:#665184}
@media(max-width:700px){
 .billing-stats{grid-template-columns:1fr}.billing-stats article{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-stats strong{margin:0;white-space:nowrap}
 .billing-table table,.billing-table tbody{display:block}.billing-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .billing-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #dce4d8;padding:8px}.billing-table td{display:block;padding:10px;border:0;overflow-wrap:anywhere}
 .billing-table td:first-child,.billing-table td:last-child{grid-column:1/-1}.billing-table td[data-label]::before{content:attr(data-label);display:block;color:#617368;font-size:11px;margin-bottom:5px}
 .billing-table td:first-child strong{font-size:16px}.billing-actions button,.billing-actions a{min-height:44px;display:inline-flex;align-items:center}.billing-tools input,.billing-tools select{min-width:0;width:100%;box-sizing:border-box}
}

.invoice-payment{display:flex;align-items:center;gap:24px;border-top:1px solid #e6e0d5;margin-top:24px;padding-top:16px}.invoice-payment svg{width:140px;height:140px}.invoice-payment a{color:#705b2d}.invoice-payment p{font-size:12px}@media print{.invoice-paper{font-size:11px;padding:8mm 5mm}.invoice-paper h1{font-size:27px;margin-top:22px}.invoice-paper table{font-size:10px;margin-top:20px}.invoice-paper td,.invoice-paper th{padding:9px 7px}.invoice-address{padding-top:18px;margin-top:20px}.invoice-payment{break-inside:avoid}.invoice-payment svg{width:115px;height:115px}.invoice-paper footer{margin-top:16px}.invoice-total{padding:14px;margin-top:18px}}