.billing-page.svelte-8qspx0{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header.svelte-8qspx0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.subtitle.svelte-8qspx0{color:#94a3b8;font-size:.9rem;margin-top:.25rem}.header-actions.svelte-8qspx0{display:flex;gap:.75rem}.btn.svelte-8qspx0{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease}.btn-primary.svelte-8qspx0{background:#3b82f6;color:#fff}.btn-primary.svelte-8qspx0:hover{background:#2563eb}.btn-secondary.svelte-8qspx0{background:#1e293b;color:#e2e8f0;border:1px solid #334155}.btn-secondary.svelte-8qspx0:hover{background:#334155}.alert.svelte-8qspx0{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert-success.svelte-8qspx0{background:#10b98126;color:#10b981;border:1px solid #10b981}.alert-danger.svelte-8qspx0{background:#ef444426;color:#ef4444;border:1px solid #ef4444}.metrics-grid.svelte-8qspx0{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card.svelte-8qspx0{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.metric-card.highlight.svelte-8qspx0{border-color:#3b82f6;background:linear-gradient(135deg,#1e293b,#3b82f61a)}.metric-icon.svelte-8qspx0{background:#0f172a;border:1px solid #334155;color:#3b82f6;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.metric-label.svelte-8qspx0{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.metric-val.svelte-8qspx0{font-size:1.5rem;font-weight:700;color:#f8fafc}.currency.svelte-8qspx0{font-size:.9rem;color:#64748b}.metric-sub.svelte-8qspx0{font-size:.8rem;color:#64748b;margin-top:.15rem}.card.svelte-8qspx0{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.card-header.svelte-8qspx0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title.svelte-8qspx0{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:.75rem}.calc-grid.svelte-8qspx0{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;align-items:center}.field.svelte-8qspx0 label:where(.svelte-8qspx0){display:block;font-size:.8rem;color:#94a3b8;margin-bottom:.25rem}.field.svelte-8qspx0 input:where(.svelte-8qspx0),.field.svelte-8qspx0 select:where(.svelte-8qspx0){width:100%;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.6rem .75rem;color:#f8fafc;font-size:.9rem}.align-bottom.svelte-8qspx0{margin-top:1.25rem}.calc-feedback.svelte-8qspx0{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.calc-feedback.success.svelte-8qspx0{background:#0f172a;border:1px solid #3b82f6}.calc-feedback.error.svelte-8qspx0{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.calc-row.svelte-8qspx0{display:flex;flex-wrap:wrap;gap:1.5rem;color:#cbd5e1}.total-cost.svelte-8qspx0{color:#10b981}.data-table.svelte-8qspx0{width:100%;border-collapse:collapse;font-size:.875rem}.data-table.svelte-8qspx0 th:where(.svelte-8qspx0){text-align:left;padding:.75rem 1rem;color:#94a3b8;border-bottom:1px solid #334155;font-weight:500}.data-table.svelte-8qspx0 td:where(.svelte-8qspx0){padding:.75rem 1rem;border-bottom:1px solid #1e293b;color:#e2e8f0}.code-font.svelte-8qspx0{font-family:monospace;font-size:.8rem;color:#38bdf8}.subtle-font.svelte-8qspx0{color:#94a3b8;font-size:.85rem}.date-font.svelte-8qspx0{color:#64748b;font-size:.8rem}.amount.svelte-8qspx0{font-weight:600}.text-success.svelte-8qspx0{color:#10b981}.text-danger.svelte-8qspx0{color:#f87171}.empty.svelte-8qspx0{color:#64748b;padding:2rem}.badge.svelte-8qspx0{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#334155;color:#cbd5e1}.badge-success.svelte-8qspx0{background:#10b98133;color:#10b981}.badge-warning.svelte-8qspx0{background:#f59e0b33;color:#f59e0b}.badge-info.svelte-8qspx0{background:#3b82f633;color:#60a5fa}.two-col-grid.svelte-8qspx0{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.modal-backdrop.svelte-8qspx0{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-8qspx0{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:480px;padding:1.5rem}.modal-header.svelte-8qspx0{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.close-btn.svelte-8qspx0{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer}.modal-desc.svelte-8qspx0{color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.quick-amounts.svelte-8qspx0{display:flex;gap:.5rem;margin-bottom:1rem}.pill-btn.svelte-8qspx0{flex:1;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.5rem;color:#e2e8f0;cursor:pointer;font-weight:600}.pill-btn.selected.svelte-8qspx0{border-color:#3b82f6;background:#3b82f633;color:#3b82f6}.mt-3.svelte-8qspx0{margin-top:.75rem}.modal-footer.svelte-8qspx0{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}