.billingPage{padding:32px 24px}.billingPage .billingHeader{margin-bottom:24px}.billingPage .billingTopCard{background:var(--surface-primary);border:1px solid var(--border-light);align-items:stretch;gap:32px;padding:28px;display:flex}.billingPage .uploadSection,.billingPage .searchSection{flex:1}.billingPage .uploadSection h3,.billingPage .searchSection h3{font-size:18px;font-weight:var(--fw-semibold);color:var(--text-primary);margin:0 0 8px}.billingPage .uploadSection p,.billingPage .searchSection p{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.billingPage .divider{justify-content:center;align-items:center;width:48px;display:flex;position:relative}.billingPage .divider:before{content:"";background:var(--border-light);width:1px;position:absolute;top:0;bottom:0}.billingPage .divider span{z-index:2;background:var(--surface-primary);color:var(--text-secondary);padding:8px;font-size:14px;position:relative}.billingPage .uploadRow{align-items:center;gap:16px;display:flex}.billingPage .uploadBtn{border:1px solid var(--brand-green);min-width:140px;height:42px;font-size:14px;font-weight:var(--fw-semibold);color:var(--brand-green);cursor:pointer;background:0 0;padding:0 20px}.billingPage .infoIcon{color:var(--text-muted);font-size:18px}.billingPage .searchRow{align-items:center;gap:16px;display:flex}.billingPage .searchRow input{border:1px solid var(--border-light);background:var(--surface-primary);width:220px;height:42px;color:var(--text-primary);outline:none;padding:0 14px;font-size:14px}.billingPage .searchRow input::placeholder{color:var(--text-secondary)}.billingPage .submitBtn{background:var(--brand-blue);min-width:120px;height:42px;font-size:14px;font-weight:var(--fw-semibold);color:#fff;cursor:pointer;border:none}.billingPage .resetBtn{font-size:14px;font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0}.billingPage .recentHeader{font-size:15px;font-weight:var(--fw-medium);color:var(--text-primary);align-items:center;gap:8px;margin:28px 0 16px;display:flex}.billingPage .chevron{font-size:12px}.billingPage .invoiceList{flex-direction:column;gap:16px;display:flex}.billingPage .invoiceCard{background:var(--surface-primary);border:1px solid var(--border-light);grid-template-columns:2fr 1fr 1fr auto auto;align-items:center;column-gap:24px;padding:24px;display:grid;position:relative}.billingPage .progressLine{background:var(--brand-blue);border-radius:999px;height:4px;position:absolute;top:0;left:0}.billingPage .progress80{width:42%}.billingPage .progress60{width:30%}.billingPage .progress40{width:18%}.billingPage .invoiceLeft h4{font-size:18px;font-weight:var(--fw-semibold);color:var(--text-primary);margin:0 0 4px}.billingPage .invoiceLeft p{color:var(--text-muted);margin:0 0 12px;font-size:14px}.billingPage .fileRow{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.billingPage .invoiceMiddle .label{font-size:13px;font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:4px;display:block}.billingPage .invoiceMiddle p{color:var(--text-muted);margin:0;font-size:14px}.billingPage .invoiceAmount{font-size:16px;font-weight:var(--fw-semibold);color:var(--text-primary)}.billingPage .status{min-height:32px;font-size:13px;font-weight:var(--fw-medium);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.billingPage .upcoming{color:var(--brand-blue);background:#eaf4ff}.billingPage .overdue{color:var(--danger);background:#ffe7e7}.billingPage .paid{color:var(--text-muted);background:#edf1f5}.billingPage .details{color:var(--brand-blue);cursor:pointer;font-size:13px}
