.billing-overview{margin:18px 0 22px;background:white;border:1px solid #e0e7ec;border-radius:18px;padding:18px}.billing-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.billing-top h2{margin:0;font-size:22px}.billing-top p,.billing-overview>p{font-size:12px;color:#647789;margin:6px 0 12px}.billing-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.billing-totals>div{padding:15px 12px;background:#eef7f5;border-radius:12px;min-width:0}.billing-totals small{display:block;color:#496676;font-size:11px}.billing-totals strong{display:block;font-size:20px;margin-top:9px;overflow-wrap:anywhere}.billing-totals>div:nth-child(2),.billing-totals>div:nth-child(4){background:#fff7e6}.billing-message{color:#9c3434;font-size:13px}.billing-message:empty{display:none}.billing-company{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7edf0;margin-top:14px;padding-top:12px;font-size:12px}.billing-company small{display:block;margin-top:5px;color:#617787}.billing-company button{font-size:12px;padding:9px 12px}.billing-panel{width:min(950px,95vw)!important;max-width:950px!important;max-height:90dvh;overflow:auto;padding:24px!important}.billing-form{width:min(620px,95vw);max-height:90dvh;overflow:auto;padding:24px!important}.billing-notice{background:#eef5fa;color:#3f6178;padding:13px;border-radius:10px;font-size:12px;line-height:1.6}.billing-tools{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}.billing-tools label{flex:1;min-width:150px}.billing-panel label,.billing-form label{display:block;font-size:12px;color:#4b6174}.billing-panel input,.billing-panel select,.billing-form input,.billing-form select,.billing-form textarea{display:block;width:100%;font:inherit;font-size:16px;padding:10px;border:1px solid #cdd8df;border-radius:9px;background:white;margin-top:6px;box-sizing:border-box}.billing-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:16px 0}.billing-form textarea{min-height:70px}.billing-form [type=submit]{margin-top:15px;width:100%}.billing-form .billing-check{display:flex;gap:10px;align-items:center;margin-top:15px}.billing-check input{width:18px}.billing-client,.billing-period{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid #e1e8ed;border-radius:13px;padding:16px;margin:12px 0;background:white;flex-wrap:wrap}.billing-client h3{margin:0;font-size:17px}.billing-client p,.billing-period p{font-size:13px;margin:6px 0;color:#52697b}.billing-client small,.billing-period small{color:#667c8c;font-size:12px}.billing-period>div{flex:1;min-width:180px}.billing-panel h3{margin-top:22px}.billing-secondary{background:#edf1f4!important;color:#4c5e6e!important}.billing-empty{padding:24px;text-align:center}.billing-panel button,.billing-form button,.billing-overview button{cursor:pointer}.billing-panel button:disabled,.billing-form button:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){.billing-totals{grid-template-columns:1fr 1fr;gap:8px}.billing-totals strong{font-size:18px}.billing-overview{padding:14px}.billing-panel,.billing-form{padding:17px!important}.billing-fields{grid-template-columns:1fr}.billing-top h2{font-size:19px}.billing-client{align-items:flex-start}.billing-client>div{width:100%}.billing-client>button{width:100%}.billing-company{align-items:flex-start}.billing-company strong{line-height:1.5}}
@media(max-width:650px){.billing-period>div{flex-basis:100%;min-width:0}.billing-period>button{flex:1}}