.billing-workspace{color:#10253f;max-width:1240px;margin:0 auto 28px}.billing-heading,.billing-detail>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.billing-heading h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:7px 0 10px}.billing-heading p,.billing-detail header p{color:#65768a;line-height:1.6;margin-bottom:0}.billing-overview{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.billing-plan-summary{background:#102942;color:#fff;padding:30px;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start}.billing-tag{font-size:10px;letter-spacing:1.1px;font-weight:700}.billing-plan-summary>.billing-tag{color:#a4e1d1}.billing-plan-summary h3{font-size:25px;margin:22px 0 10px}.billing-plan-price{font-size:36px;font-weight:750;letter-spacing:-1px;margin:0 0 20px}.billing-plan-price small{display:block;font-weight:400;font-size:13px;letter-spacing:0;color:#c6d7e4;margin-top:7px}.billing-plan-summary>span:not(.billing-tag){font-size:12px;color:#c6d7e4}.billing-light-button{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#bcecdf;border:0;color:#123b3b;border-radius:12px;padding:14px 18px;min-height:48px;font-weight:700;margin-top:26px;width:100%}.billing-balance-summary{background:white;border:1px solid #dce6e4;padding:30px;border-radius:24px}.billing-balance-title{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;letter-spacing:1.3px;font-weight:700;color:#637b7b}.billing-tag.subtle{letter-spacing:0;background:#f0f5f2;border-radius:20px;padding:6px 10px;font-weight:500}.billing-available{font-size:64px;line-height:1.1;letter-spacing:-3px;display:block;margin:18px 0}.billing-balance-pots{display:flex;gap:22px;align-items:center}.billing-balance-pots>div{display:grid;gap:4px}.billing-balance-pots strong{font-size:21px}.billing-balance-pots span{font-size:12px;color:#65768a}.billing-balance-summary progress{width:100%;height:7px;display:block;margin:24px 0 12px;border:0;border-radius:8px;overflow:hidden;background:#eaf0ec;accent-color:#24786e}.billing-balance-summary progress::-webkit-progress-bar{background:#eaf0ec}.billing-balance-summary progress::-webkit-progress-value{background:#24786e}.billing-balance-summary>p{font-size:12px;color:#65768a;margin:0;line-height:1.6}.billing-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.billing-action{display:flex;align-items:center;gap:13px;text-align:left;padding:22px 18px;border:1px solid #dce6e4;border-radius:16px;background:#fff;color:#183d48;min-height:100px}.billing-action>svg{flex:none}.billing-action>svg:last-child{margin-left:auto;width:16px}.billing-action>span{display:grid;gap:9px;min-width:0}.billing-action strong{font-size:14px;line-height:1.6}.billing-action strong b{display:inline-block;font-size:10px;background:#d7f3e4;color:#166345;padding:2px 6px;border-radius:6px}.billing-action small{font-size:11px;color:#63747d;line-height:1.5}.billing-action.selected{background:#eef8f4;border-color:#237b6e;box-shadow:0 0 0 1px #237b6e}.billing-action:hover:not(:disabled){border-color:#237b6e}.billing-detail{padding:28px;border-radius:22px}.billing-detail>header h3{font-size:25px;letter-spacing:-.7px;margin:8px 0}.billing-detail>header p{font-size:13px}.billing-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.billing-plan{border:1px solid #dce6e4;border-radius:15px;padding:21px 16px;display:flex;flex-direction:column;min-width:0}.billing-plan.current{border-color:#9bccc0;background:#f4faf7}.billing-plan-label{font-size:9px;letter-spacing:1px;color:#55776d;font-weight:700;min-height:13px}.billing-plan h4{font-size:17px;margin:20px 0}.billing-plan>strong{font-size:27px;letter-spacing:-1px}.billing-plan>strong small{font-weight:400;font-size:11px;letter-spacing:0;color:#65768a;margin-left:4px}.billing-plan>p{font-size:13px;margin:20px 0}.billing-plan>button{width:100%;justify-content:center;padding:13px 7px;font-size:12px;min-height:48px}.billing-plan>small{font-size:10px;color:#65768a;line-height:1.5;margin-top:12px}.billing-review{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf7f3;border-radius:14px;padding:22px}.billing-review h4{margin:0 0 8px}.billing-review p{font-size:13px;line-height:1.6}.billing-review small{color:#526c66;font-size:12px}.billing-review>button{flex-shrink:0}.billing-recharge-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:34px}.billing-field-label{display:block;font-weight:650;font-size:14px;margin:7px 0 16px}.billing-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:22px}.billing-amounts>button{min-height:55px;padding:8px 5px;border:1px solid #d9e4e0;border-radius:11px;color:#1e4b4a;background:#fff;font-size:14px;font-weight:650}.billing-amounts>button.selected{border-color:#237b6e;background:#e6f5ee;box-shadow:0 0 0 1px #237b6e}.billing-custom-amount{display:grid;gap:9px;font-size:13px;font-weight:600}.billing-custom-amount>div{position:relative;max-width:230px}.billing-custom-amount input{width:100%;font-size:22px;min-height:56px;padding-right:44px;background:white}.billing-custom-amount>div>span{position:absolute;right:20px;top:18px;color:#65768a}.billing-recharge-layout .muted{font-size:12px;line-height:1.7}.billing-consent{display:flex;gap:12px;align-items:flex-start;padding:18px;background:#f4f8f6;border-radius:12px;font-size:12px;line-height:1.8;margin-top:22px}.billing-consent input{width:20px;min-height:20px;flex:none;margin:4px 0}.billing-recharge-review{display:flex;flex-direction:column;align-items:flex-start;background:#f1f7f4;border:1px solid #d8e8df;border-radius:18px;padding:26px;gap:14px}.billing-recharge-review>span:not(.billing-discount){font-size:9px;letter-spacing:1.6px;color:#5e796e;font-weight:700}.billing-recharge-review>strong{font-size:52px;line-height:1;letter-spacing:-2px}.billing-recharge-review>strong small{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:10px}.billing-total{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;border-top:1px solid #d3e1da;padding-top:18px;margin-top:8px;font-size:12px}.billing-total b{font-size:22px}.billing-recharge-review>small{font-size:11px;color:#627a70;line-height:1.7}.billing-recharge-review>p{font-size:12px;line-height:1.8;margin:0}.billing-recharge-review>button{width:100%;justify-content:center;min-height:52px}.billing-discount{font-size:12px;font-weight:700;background:#d0efdd;color:#19603f;padding:7px 11px;border-radius:8px}.billing-auto-status{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:24px;border:1px solid #dbe6df;border-radius:12px;flex-wrap:wrap}.billing-auto-status>p{font-size:12px;line-height:1.7;flex:1;margin:0;min-width:180px}.billing-auto-status>button{font-size:12px}.billing-inline-note,.billing-help{font-size:12px;color:#687b7d;line-height:1.8;margin:20px 0}.billing-help{padding:16px 20px;border-top:1px solid #dce6e4}.billing-help summary{cursor:pointer;color:#375c63;font-weight:600;min-height:30px}.billing-detail>.muted{font-size:12px;line-height:1.7}.billing-workspace button:disabled{opacity:.56;cursor:not-allowed}.appointment-client-summary{display:flex;align-items:center;gap:16px;background:#f3f8f5;border:1px solid #dde9e2;padding:20px;border-radius:17px;margin:18px 0}.appointment-client-summary .avatar{flex:none;width:64px;height:64px;overflow:hidden;border-radius:50%}.appointment-client-identity{display:grid;gap:7px;min-width:0;flex:1}.appointment-client-identity strong{font-size:20px;overflow-wrap:anywhere}.appointment-client-identity>span{font-size:14px;color:#49686c;overflow-wrap:anywhere}.appointment-client-identity small{font-size:11px;color:#63747d}.workspace-editor .clients-panel .clients-heading h2{font-size:24px}.workspace-editor .clients-panel .client-profile,.workspace-editor .clients-panel .client-history{padding:22px}.workspace-editor .clients-panel{margin-top:20px}
@media(max-width:1000px){.billing-actions{grid-template-columns:minmax(0,1fr)}.billing-action{min-height:82px}.billing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-recharge-layout{gap:22px}.billing-review{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.billing-heading{flex-direction:column;gap:14px}.billing-overview,.billing-recharge-layout{grid-template-columns:minmax(0,1fr)}.billing-plan-summary,.billing-balance-summary{padding:24px}.billing-detail{padding:20px}.billing-plans{grid-template-columns:minmax(0,1fr)}.billing-plan{padding:22px}.billing-plan>button{margin-top:5px}.billing-detail>header h3{font-size:23px}.billing-detail>header{gap:10px}.billing-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-recharge-review{padding:23px}.billing-balance-title{gap:10px}.appointment-client-summary{flex-wrap:wrap;padding:16px;gap:12px}.appointment-client-summary>button{width:100%;justify-content:center}.appointment-client-summary .avatar{width:56px;height:56px}.appointment-client-identity strong{font-size:18px}.workspace-editor .clients-panel .client-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
