:root{--bill-ink:#181512;--bill-muted:#716960;--bill-copper:#a56b3f;--bill-copper-light:#e6c7a7;--bill-cream:#faf7f1;--bill-white:#fff;--bill-line:#ddd5cb;--bill-danger:#a44336;--bill-success:#28704b}
.billing-center{background:var(--bill-cream);color:var(--bill-ink);min-width:0}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#111;padding:.7rem 1rem}.skip-link:focus{top:1rem}
.billing-hero{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3rem clamp(1.25rem,5vw,4.5rem);color:#fff;background:radial-gradient(circle at 85% 20%,#5a3b27 0,transparent 27%),linear-gradient(125deg,#12100e,#29211b);border-bottom:4px solid var(--bill-copper)}
.billing-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.05;margin:.3rem 0}.billing-hero p{color:#ead8c6;font-size:1.08rem}.billing-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem!important;font-weight:800;color:var(--bill-copper)!important;margin:0}.billing-hero__seal{display:grid;place-items:center;width:6rem;height:6rem;border:1px solid #d5a97d;border-radius:50%;font-size:2rem;font-weight:850;color:#e8c7a5;box-shadow:0 0 0 8px #ffffff0a}
.billing-loading{display:flex;align-items:center;gap:.7rem;padding:2rem}.billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.billing-kpi{display:grid;gap:.5rem;padding:1.25rem;border:1px solid var(--bill-line);border-radius:.85rem;background:#fff;box-shadow:0 12px 35px #30251a0a}.billing-kpi span,.billing-kpi small{color:var(--bill-muted)}.billing-kpi strong{font-size:clamp(1.35rem,2.3vw,2.2rem);white-space:nowrap}.billing-kpi--alert{border-top:4px solid var(--bill-danger)}
.billing-workspace{margin-top:1.25rem;padding:clamp(1rem,3vw,2rem);background:#fff;border:1px solid var(--bill-line);border-radius:1rem;box-shadow:0 18px 50px #30251a0c}.billing-workspace__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.billing-workspace h2{font-size:1.7rem;margin:.25rem 0}.billing-export{display:flex;gap:.6rem}.billing-filters{display:grid;grid-template-columns:minmax(14rem,2fr) repeat(2,minmax(9rem,1fr)) auto auto;gap:.75rem;align-items:end;margin:1.5rem 0;padding:1rem;background:#f7f2eb;border-radius:.75rem}.billing-filters label{display:grid;gap:.35rem;font-weight:700;font-size:.82rem}.billing-filters input,.billing-filters select{width:100%;min-height:44px;border:1px solid var(--bill-line);border-radius:.45rem;background:#fff;padding:.55rem .7rem;color:inherit}.billing-results-summary{min-height:1.4rem;color:var(--bill-muted)}
.billing-table-wrap{overflow:auto}.billing-table{width:100%;border-collapse:collapse;min-width:880px}.billing-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.billing-table th{padding:.85rem .7rem;text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;color:var(--bill-muted);border-bottom:1px solid var(--bill-line)}.billing-table td{padding:1rem .7rem;border-bottom:1px solid #ece6df;vertical-align:top}.billing-table tbody tr:hover{background:#fcf9f5}.billing-table__number{font-weight:800;color:var(--bill-ink);border:0;background:transparent;text-decoration:underline;text-decoration-color:#c59b76;text-underline-offset:3px;cursor:pointer}.billing-site-list{display:flex;flex-wrap:wrap;gap:.3rem}.billing-site-pill,.billing-status{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#f1ebe4;font-size:.75rem;font-weight:700}.billing-status--overdue{background:#f9e4df;color:#8c3027}.billing-status--paid{background:#dff2e7;color:#225c3f}.billing-status--void{background:#eee;color:#555}.billing-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem}
.billing-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.billing-documents article{display:flex;gap:1rem;padding:1.2rem;border:1px solid var(--bill-line);border-radius:.8rem;background:#fff}.billing-documents h2{font-size:1rem;margin:0}.billing-documents p{color:var(--bill-muted);margin:.35rem 0 0}.billing-documents__icon{display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;border-radius:.6rem;background:#efe2d5;color:#7d4d2f;font-weight:900}
.billing-table--credits{min-width:700px}.billing-status--available{background:#dff2e7;color:#225c3f}.billing-status--partially_applied{background:#fff0cf;color:#775414}.billing-status--applied{background:#e4e9f0;color:#364a63}.billing-empty{padding:2rem;text-align:center;border:1px dashed var(--bill-line);border-radius:.7rem}.billing-available{padding:.8rem;border-left:3px solid var(--bill-success);background:#edf8f1;color:#315d43}.billing-pdf-status{min-height:1.25rem}
#billing-detail{width:min(70rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);border:0;border-radius:1rem;padding:0;box-shadow:0 25px 90px #0007;color:var(--bill-ink)}#billing-detail::backdrop{background:#15110dbb}.billing-detail__header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:1.4rem 1.7rem;background:#181512;color:#fff}.billing-detail__header h2{margin:.3rem 0 0}.billing-detail__close{border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}.billing-detail{padding:1.5rem}.billing-detail__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.billing-detail__summary div{padding:.8rem;background:#f7f2eb;border-radius:.55rem}.billing-detail__summary dt{font-size:.75rem;color:var(--bill-muted)}.billing-detail__summary dd{margin:.25rem 0 0;font-weight:750}.billing-detail section{margin-top:1.6rem}.billing-detail h3{margin-bottom:.6rem}.billing-detail__actions{display:flex;gap:.5rem}.billing-unavailable{padding:.8rem;border-left:3px solid var(--bill-copper);background:#faf5ef;color:var(--bill-muted)}
:focus-visible{outline:3px solid #c9783d;outline-offset:3px}
@media(max-width:1200px){.billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-filters{grid-template-columns:2fr 1fr 1fr}.billing-filters .btn{width:100%}}
@media(max-width:820px){.billing-workspace__heading{display:grid}.billing-filters{grid-template-columns:1fr 1fr}.billing-search{grid-column:1/-1}.billing-documents{grid-template-columns:1fr}.billing-detail__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.billing-hero__seal{display:none}.billing-kpis,.billing-filters,.billing-detail__summary{grid-template-columns:1fr}.billing-search{grid-column:auto}.billing-export{display:grid;width:100%}.billing-pagination{justify-content:space-between}.billing-table{min-width:0}.billing-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.billing-table,.billing-table tbody,.billing-table tr,.billing-table td{display:block}.billing-table tr{border:1px solid var(--bill-line);border-radius:.7rem;margin:.8rem 0;padding:.5rem}.billing-table td{display:grid;grid-template-columns:40% 1fr;border:0;padding:.4rem}.billing-table td::before{content:attr(data-label);font-weight:750;color:var(--bill-muted)}.billing-detail__actions{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}