.billing-page{background:#f5f5f3;min-height:100vh;padding:40px 0 120px}.billing-hero{margin-top:40px;margin-bottom:32px}.billing-hero-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.billing-hero-title{letter-spacing:-.07em;color:#0d2240;font-size:58px;font-weight:900;line-height:.9}.billing-hero-subtitle{color:#6b7280;margin-top:12px;font-size:15px;line-height:1.7}.billing-download-btn{color:#fff;cursor:pointer;background:#0d2240;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;height:48px;padding:0 22px;font-size:13px;font-weight:800;transition:transform .2s,opacity .2s;display:flex}.billing-download-btn:hover{opacity:.92;transform:translateY(-1px)}.billing-divider{background:#e5e7eb;width:100%;height:1px;margin-top:28px}.billing-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.billing-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:22px;transition:transform .2s,border-color .2s}.billing-stat-card:hover{border-color:#d1d5db;transform:translateY(-2px)}.billing-stat-card span{letter-spacing:.04em;text-transform:uppercase;color:#9ca3af;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.billing-stat-card strong{letter-spacing:-.04em;color:#111827;font-size:28px;font-weight:900}.billing-card{background:#fff;border:1px solid #e5e7eb;border-radius:5px;overflow:hidden}.billing-card-topbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.billing-search-wrap{width:320px}.billing-search-wrap input{background:#fafafa;border:1px solid #e5e7eb;border-radius:5px;outline:none;width:100%;height:48px;padding:0 16px;font-size:14px;transition:border-color .2s,background .2s}.billing-search-wrap input:focus{background:#fff;border-color:#0d2240}.billing-filter-wrap{align-items:center;gap:10px;display:flex}.billing-filter-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:5px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s}.billing-filter-btn:hover{color:#0d2240;border-color:#0d2240}.billing-filter-btn.active{color:#fff;background:#0d2240;border-color:#0d2240}.billing-table-wrap{width:100%;overflow-x:auto}.billing-table{border-collapse:collapse;width:100%}.billing-table thead{background:#f9fafb}.billing-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;padding:18px 22px;font-size:11px;font-weight:800}.billing-table td{vertical-align:middle;border-top:1px solid #f3f4f6;padding:22px}.billing-table tbody tr{transition:background .2s}.billing-table tbody tr:hover{background:#fafafa}.billing-product-cell strong{color:#111827;font-size:14px;font-weight:800;line-height:1.6;display:block}.billing-invoice-id{color:#111827;font-size:13px;font-weight:800}.billing-date,.billing-method{color:#4b5563;font-size:13px;font-weight:500}.billing-total{letter-spacing:-.03em;color:#0d2240;font-size:16px;font-weight:900}.billing-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;height:32px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.billing-status.completed{color:#166534;background:#dcfce7}.billing-status.pending{color:#92400e;background:#fef3c7}.billing-view-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:5px;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s}.billing-view-btn:hover{color:#fff;background:#0d2240;border-color:#0d2240}@media (max-width:1100px){.billing-stats-grid{grid-template-columns:1fr}.billing-card-topbar{flex-direction:column;align-items:stretch}.billing-search-wrap{width:100%}}@media (max-width:768px){.billing-hero-title{font-size:44px}.billing-hero-top{flex-direction:column}.billing-table th,.billing-table td{padding:16px}}