.billing-shop,.billing-orders{gap:20px;min-width:0;display:grid}.billing-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.billing-heading h2{margin:0 0 6px;font-size:19px}.billing-heading p{color:var(--color-muted);margin:0;font-size:13px;line-height:1.6}.billing-hero{color:#fff;background:linear-gradient(115deg,#4e63f4,#7687ff);border-radius:16px;align-items:center;gap:14px;padding:20px;display:flex}.billing-hero-icon{color:#ffe6a4;background:#ffffff25;border:1px solid #ffffff30;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.billing-hero strong{font-size:17px}.billing-hero p{color:#eef1ff;margin:5px 0 0;font-size:12px;line-height:1.7}.billing-hero>svg{color:#d9dfff;flex-shrink:0;margin-left:auto}.billing-tabs{gap:10px;display:flex}.billing-tabs button{border:1px solid var(--color-border);color:var(--color-muted);font:inherit;cursor:pointer;background:#f8faff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;display:flex}.billing-tabs button[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand);font-weight:600}.billing-product-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding-top:6px;display:grid}.billing-product{border:1px solid var(--color-border);text-align:left;min-width:0;font:inherit;cursor:pointer;background:#fcfdff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:22px 16px 26px;display:flex;position:relative}.billing-product.is-selected{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand);background:#f3f6ff}.billing-product>strong{overflow-wrap:anywhere;font-size:15px}.billing-product-price{letter-spacing:-1px;color:#465ae8;font-size:28px;font-weight:750;line-height:1.4}.billing-product-benefit{color:#536382;font-size:12px;line-height:1.6}.billing-product small{color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.6}.billing-recommend{color:#fff;background:#5265ee;border-radius:6px 6px 6px 0;padding:3px 8px;font-size:10px;line-height:1.5;position:absolute;top:-10px;right:12px}.billing-selection{border:1px solid var(--color-border);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:10px;right:10px}.is-selected .billing-selection{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.billing-benefits{flex-wrap:wrap;gap:10px;display:flex}.billing-benefits span{color:var(--color-muted);align-items:center;gap:4px;font-size:11px;display:flex}.billing-benefits svg{color:#32a681}.billing-checkout{border:1px solid var(--color-border);background:#fafbff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.billing-checkout>div{gap:8px;min-width:0;display:grid}.billing-checkout small{color:var(--color-muted);overflow-wrap:anywhere;font-size:12px}.billing-checkout span{font-size:12px}.billing-checkout strong{color:var(--color-brand);margin-left:5px;font-size:25px}.billing-footer{color:var(--color-muted);justify-content:center;align-items:center;gap:6px;margin:0;font-size:11px;line-height:1.6;display:flex}.billing-empty{text-align:center;color:var(--color-muted);padding:40px 10px}.billing-empty h3{color:var(--color-text);font-size:16px}.billing-empty p{font-size:13px}.billing-payment{border:1px solid var(--color-border);border-radius:14px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;padding:20px;display:grid}.billing-payment>.ui-alert{grid-column:1/-1}.billing-qr{border:1px solid var(--color-border);min-height:180px;color:var(--color-muted);background:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden}.billing-qr img{object-fit:contain;max-width:100%}.billing-payment-info{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.billing-payment-info p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.6}.billing-payment-info small,.billing-eyebrow{color:var(--color-muted);font-size:11px;line-height:1.6}.billing-pay-price{color:var(--color-brand);font-size:30px}.billing-cashier{background:var(--color-brand);color:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.billing-paid{color:#21865e;text-align:center;background:#f0fbf6;border:1px solid #ccebdc;border-radius:14px;justify-items:center;gap:10px;padding:28px 18px;display:grid}.billing-paid h3,.billing-paid p{margin:0}.billing-paid h3{font-size:17px}.billing-paid p,.billing-paid small{font-size:12px}.billing-order-list{gap:12px;display:grid}.billing-order{border:1px solid var(--color-border);border-radius:14px;min-width:0;padding:16px}.billing-order-top,.billing-order-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-order-top>strong{overflow-wrap:anywhere;font-size:14px}.billing-order-meta{color:var(--color-muted);margin-top:12px;font-size:12px}.billing-order-meta strong{color:var(--color-text);font-size:17px}.billing-order-id{color:var(--color-muted);overflow-wrap:anywhere;margin-top:8px;font-size:10px;display:block}.billing-order p{color:var(--color-muted);margin:8px 0 0;font-size:12px}.billing-order-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.billing-admin-table{overflow-x:auto}.billing-admin-table td{min-width:90px}.billing-admin-table td:first-child{min-width:180px}.billing-admin-form{gap:16px;display:grid}.billing-admin-form .console-grid{grid-template-columns:1fr 1fr}.billing-admin-description{overflow-wrap:anywhere;max-width:240px;color:var(--color-muted);font-size:12px}.billing-detail{gap:12px;margin:0;display:grid}.billing-detail>div{grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:13px;display:grid}.billing-detail dt{color:var(--color-muted)}.billing-detail dd{overflow-wrap:anywhere;margin:0}@media (max-width:640px){.billing-hero{gap:10px;padding:16px}.billing-hero strong{font-size:15px}.billing-hero>svg{display:none}.billing-product-grid{grid-template-columns:1fr}.billing-product{gap:6px;padding:18px 16px}.billing-product-price{font-size:26px}.billing-checkout{gap:8px;padding:14px}.billing-checkout strong{font-size:22px}.billing-payment{grid-template-columns:1fr;padding:16px}.billing-qr{justify-self:center;width:180px}.billing-payment-info{text-align:center;align-items:center}.billing-footer{text-align:center;align-items:flex-start}.billing-footer svg{flex-shrink:0}}
