.billing-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.billing-toolbar .grow{flex:1}.billing-status-banner{background:#edf3ef;color:#315640;border:1px solid #dce8df;padding:16px 20px;border-radius:12px;margin:14px 0 22px;line-height:1.55}.billing-status-banner.warning{background:#fbf5e7;color:#745c2d;border-color:#eee4cf}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.billing-scroll{overflow:auto}.invoice-document{max-width:1080px;margin:0 auto;background:#fff;border:1px solid #e3e4df;border-radius:18px;box-shadow:0 8px 35px rgba(18,30,20,.04);padding:44px 48px;color:#202723;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.sample-ribbon{background:#f5eee0;color:#775c2c;font-size:10px;font-weight:650;letter-spacing:1.4px;margin:-44px -48px 30px;padding:12px 20px;text-align:center;border-radius:18px 18px 0 0}.invoice-brand-row,.invoice-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.invoice-wordmark{font-family:Georgia,serif;font-size:30px;letter-spacing:3px;font-weight:700}.invoice-wordmark span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.7px;margin-top:8px;font-weight:500;color:#6f7670}.invoice-state{text-align:right}.invoice-state small{display:block;font-size:11px;color:#777e78;margin-top:9px}.invoice-badge{display:inline-block;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:9px 17px;background:#e7f1eb;border-radius:5px;color:#31533c}.invoice-badge.draft{background:#f3ede1;color:#795d2d}.invoice-title-row{margin-top:36px;padding-bottom:24px;border-bottom:1px solid #e3e7e1;align-items:end}.invoice-overline,.invoice-ref span,.invoice-meta span{font-size:10px;letter-spacing:1.3px;color:#7b837c;font-weight:600}.invoice-title-row h2{font-size:36px;letter-spacing:-1.1px;margin:8px 0 10px;font-weight:550}.invoice-title-row p{margin:0;color:#657168;font-size:12px}.invoice-title-row p span{margin:0 10px;color:#b5bcb7}.invoice-ref{text-align:right}.invoice-ref strong,.invoice-ref small{display:block}.invoice-ref strong{font-size:16px;letter-spacing:1px;margin-top:9px}.invoice-ref small{font-size:11px;color:#7c837e;margin-top:7px}.invoice-meta{display:grid;grid-template-columns:1.1fr 1.6fr 1fr;gap:25px;padding:26px 0}.invoice-meta strong,.invoice-meta small{display:block}.invoice-meta strong{font-size:13px;margin-top:9px;font-weight:600}.invoice-meta small{font-size:10px;color:#888f89;margin-top:7px;line-height:1.4;overflow-wrap:anywhere}.invoice-kpis{display:flex;background:#f5f7f3;border-radius:10px;padding:17px 22px;margin-bottom:25px}.invoice-kpis>div{flex:1;display:flex;align-items:center;gap:12px}.invoice-kpis strong{font-size:25px;font-weight:550;letter-spacing:-.6px}.invoice-kpis span{font-size:11px;color:#677269}.invoice-kpis>div+div{border-left:1px solid #dde4db;padding-left:25px}.invoice-table{width:100%;border-collapse:collapse;font-size:12px}.invoice-table th{background:#fafbf8;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#7a827b;text-align:left;padding:12px 14px;border-bottom:1px solid #e0e5dd}.invoice-table td{padding:18px 14px;border-bottom:1px solid #eceee9;vertical-align:top}.invoice-table strong{font-weight:550}.invoice-table small{display:block;color:#858d86;font-size:10px;line-height:1.5;margin-top:6px}.invoice-table .number{text-align:right;white-space:nowrap}.credit-row td,.credit-text{color:#33624c}.invoice-bottom{display:grid;grid-template-columns:1fr 340px;gap:60px;margin-top:27px}.invoice-explanation{padding:13px 0}.invoice-explanation strong{font-size:13px}.invoice-explanation p{font-size:11px;color:#808780;line-height:1.7;max-width:380px;margin-top:12px}.invoice-totals>div{display:flex;justify-content:space-between;padding:10px 0;font-size:12px}.invoice-totals strong{font-weight:550}.invoice-totals .invoice-grand{background:#253c32;color:#fff;border-radius:9px;margin-top:12px;padding:19px 18px;display:block}.invoice-grand span{font-size:9px;letter-spacing:1.6px;display:block;color:#d2ddd3}.invoice-grand strong{font-size:29px;letter-spacing:-.7px;display:block;margin-top:7px;white-space:nowrap}.invoice-item-details{margin-top:28px;border-top:1px solid #e4e8df;padding-top:17px}.invoice-item-details summary{font-size:11px;color:#627267;cursor:pointer}.invoice-scroll{overflow:auto;margin-top:14px}.invoice-table code{font-size:10px;overflow-wrap:anywhere}.invoice-footnote{font-size:9px;line-height:1.6;color:#929a92;border-top:1px solid #e4e8df;margin-top:22px;padding-top:17px}.invoice-warning{max-width:1080px;margin:18px auto 0;font-size:12px;line-height:1.6;color:#81662e;background:#fbf7ee;border-radius:10px;padding:16px 20px}.invoice-review-modal label{line-height:1.5}.schedule-help{font-size:12px;line-height:1.65;color:#717c73}.billing-table td{vertical-align:middle}.billing-table small{display:block;color:#8a8e88;font-size:11px;margin-top:5px}.billing-state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2b6f52;margin-right:7px}.invoice-link{font-size:12px;padding:8px 12px;display:inline-block}.billing-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.billing-heading h2{margin-top:5px}.billing-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.billing-metrics>div{background:white;border:1px solid #e2e5df;border-radius:12px;padding:18px 22px}.billing-metrics span{display:block;color:#8a9189;font-size:11px}.billing-metrics strong{display:block;margin-top:10px;font-size:26px;font-weight:550}.invoice-scroll small{max-width:280px;overflow-wrap:anywhere}.billing-details{margin-top:15px}
@media(max-width:850px){.invoice-document{padding:25px 22px}.sample-ribbon{margin:-25px -22px 24px}.invoice-meta{grid-template-columns:1fr;gap:18px}.invoice-bottom{grid-template-columns:1fr;gap:10px}.invoice-kpis{padding:15px 12px}.invoice-kpis>div{display:block}.invoice-kpis>div+div{padding-left:12px}.invoice-kpis span{display:block;margin-top:6px}.invoice-title-row h2{font-size:29px}.billing-grid{grid-template-columns:1fr}.invoice-wordmark{font-size:23px}.invoice-ref{max-width:160px}.billing-metrics{grid-template-columns:1fr}}
@media print{@page{size:A4;margin:12mm}.sidebar,.top,.billing-toolbar,.invoice-warning,.invoice-item-details,.staging-banner{display:none!important}.app,.main,.page-shell{display:block!important;margin:0!important;padding:0!important}.invoice-document{box-shadow:none;border:0;border-radius:0;padding:0;max-width:none;break-inside:avoid}.sample-ribbon{margin:0 0 22px;padding:9px}.invoice-title-row{margin-top:24px}.invoice-bottom{gap:25px;grid-template-columns:1fr 280px}.invoice-footnote{font-size:8px}.invoice-grand strong{font-size:26px}.invoice-kpis{margin-bottom:18px}}