:root{--bill-navy:#092a4a;--bill-blue:#176cad;--bill-ice:#eef4f8;--bill-border:#d9e3ec;--bill-text:#142235;--bill-muted:#607081}*{box-sizing:border-box}.billing-page{margin:0;background:#f6f8fa;color:var(--bill-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}.billing-wrap{width:min(1120px,calc(100% - 32px));margin:auto}.billing-header{background:#fff;border-bottom:1px solid var(--bill-border);padding:14px 0}.billing-header .billing-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.billing-brand{display:flex;align-items:center;gap:12px;color:var(--bill-navy);font-weight:800;text-decoration:none}.billing-brand img{width:54px;height:44px;object-fit:contain}.billing-nav{display:flex;gap:18px;align-items:center}.billing-nav a{color:var(--bill-navy);text-decoration:none;font-weight:650}.billing-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:var(--bill-blue);color:#fff;font-size:12px}.billing-hero{padding:72px 0 48px;background:linear-gradient(135deg,#092a4a,#124d7d);color:#fff}.billing-hero h1{font-size:clamp(36px,5vw,60px);line-height:1.08;margin:0 0 16px;max-width:850px}.billing-hero p{max-width:720px;color:#d7e7f5;font-size:19px}.billing-main{padding:48px 0 80px}.billing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card,.billing-card{background:#fff;border:1px solid var(--bill-border);border-radius:14px;padding:26px;box-shadow:0 8px 28px rgba(9,42,74,.06)}.service-card{display:flex;flex-direction:column}.service-card h2{font-size:24px;margin:0 0 8px;color:var(--bill-navy)}.service-card p{color:var(--bill-muted)}.service-price{margin-top:auto;padding:20px 0 12px}.service-price strong{display:block;color:var(--bill-navy);font-size:20px}.bill-btn{display:inline-block;border:0;border-radius:8px;padding:12px 18px;background:var(--bill-blue);color:#fff!important;text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.bill-btn:hover{background:var(--bill-navy)}.bill-btn.secondary{background:var(--bill-ice);color:var(--bill-navy)!important}.bill-btn.danger{background:#a32929}.billing-table{width:100%;border-collapse:collapse}.billing-table th,.billing-table td{padding:13px 10px;border-bottom:1px solid var(--bill-border);text-align:left}.billing-table th{font-size:13px;color:var(--bill-muted)}.billing-input{width:100%;border:1px solid #b9c9d7;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.billing-label{display:block;font-weight:700;margin:0 0 6px}.billing-field{margin-bottom:18px}.billing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.billing-summary{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.billing-summary-box{position:sticky;top:20px}.billing-line{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.billing-line.total{border-top:1px solid var(--bill-border);margin-top:8px;padding-top:15px;font-size:20px;font-weight:800}.billing-alert{padding:14px 16px;border-radius:8px;background:#e8f4eb;color:#1d6030;margin-bottom:20px}.billing-alert.error{background:#fdeaea;color:#852323}.billing-badge{display:inline-block;border-radius:20px;padding:4px 9px;background:var(--bill-ice);font-size:12px;font-weight:700;text-transform:capitalize}.invoice-head{display:flex;justify-content:space-between;gap:30px}.invoice-meta{text-align:right}.invoice-addresses{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.billing-footer{padding:28px 0;background:#0c0c0c;color:#9cafbf}.billing-footer a{color:#dbe8f2}@media(max-width:850px){.billing-grid{grid-template-columns:1fr 1fr}.billing-summary{grid-template-columns:1fr}.billing-summary-box{position:static}}@media(max-width:600px){.billing-grid,.billing-form-grid,.invoice-addresses{grid-template-columns:1fr}.billing-header .billing-wrap{align-items:flex-start}.billing-nav{gap:10px}.invoice-head{display:block}.invoice-meta{text-align:left}.billing-table{font-size:14px}.billing-card{padding:18px}}
@media print{.billing-header,.billing-footer,.invoice-actions{display:none}.billing-page,.billing-main{background:#fff;padding:0}.billing-wrap{width:100%}.billing-card{border:0;box-shadow:none}}
