:root{font-family:Jost,Arial,sans-serif;color:#4c2231;background:#fff7df;--pink:#a90d46;--line:#e7c785;--muted:#806a58;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{touch-action:manipulation}a{color:var(--pink);text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h2{font-weight:500;font-size:25px;letter-spacing:-.025em;line-height:1.2;margin-bottom:12px}h3{font-size:17px;font-weight:500;margin:28px 0 14px}p{line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bf8d3c;outline-offset:3px}input{min-width:0;width:100%;min-height:52px;padding:13px 14px;border:1px solid #dfc792;border-radius:12px;background:#fffdf6;color:#4c2231;font-size:16px;line-height:1.4}input[readonly]{background:#f6edd4;color:#735948}input::placeholder{color:#aa9274}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:500;line-height:1.5}label small,.form-note{font-size:12px;font-weight:400;color:var(--muted);line-height:1.7}.form-note{margin:0 0 16px}.account-header{display:flex;gap:16px;align-items:center;padding:calc(25px + env(safe-area-inset-top,0px)) max(24px,calc((100vw - 1100px)/2)) 25px;color:#fff8df;background:linear-gradient(110deg,#650c31,#a90d46 70%,#c83261)}.account-header>div{min-width:0}.account-header span{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;letter-spacing:.035em;color:#f8dcac}.account-header h1{font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:4px 0 0}.account-back{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #e7c7858c;border-radius:14px;text-decoration:none;color:#fff8df;font-size:24px}.header-book{margin-left:auto;color:#fff8df;border:1px solid #e7c7858c;border-radius:30px;padding:11px 17px;min-height:44px;text-decoration:none;font-size:13px;white-space:nowrap}.account-main{max-width:1100px;margin:auto;padding:34px 24px 50px;min-height:65vh}.eyebrow{display:block;color:#a16b2f;font-size:10px;font-weight:500;letter-spacing:.14em;line-height:1.8;margin-bottom:10px}.account-card{background:#fffaf0;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 8px 25px #99711b08}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.auth-intro{padding-top:25px}.auth-intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:49px;font-weight:400;line-height:1.02;color:#770e33;margin:17px 0 22px}.auth-intro>p{color:var(--muted);font-size:15px;max-width:400px}.auth-intro>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;margin-top:17px}.reward-promise{border:1px solid #e7c785;border-radius:16px;background:linear-gradient(135deg,#fff1c8,#fff9e8);padding:20px;margin-top:27px}.reward-promise strong{font-size:19px;color:var(--pink);font-weight:500}.reward-promise p{font-size:13px;color:#7c6147;margin:8px 0 0}.auth-tabs{display:flex;gap:8px;padding-bottom:22px}.auth-tabs button,.account-nav button{min-height:44px;border:1px solid var(--line);background:#fff8e5;color:#856d59;border-radius:12px;padding:10px 14px;font-size:13px;flex:1}.auth-tabs button[aria-pressed=true],.account-nav button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff8e5}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:13px 18px;border:1px solid var(--pink);border-radius:12px;text-decoration:none;font-size:14px;font-weight:500;line-height:1.5}.primary{background:linear-gradient(105deg,#990d3d,#b91b50);color:#fff8e5}.secondary{background:#fff8e5;color:var(--pink);border-color:var(--line)}.compact{width:auto;font-size:13px}.text-button{border:0;background:transparent;color:var(--pink);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:10px 0;font-size:13px}.password-wrap{position:relative;display:flex;align-items:stretch}.password-wrap input{padding-right:67px}.password-wrap button{position:absolute;right:4px;top:4px;bottom:4px;border:0;border-radius:9px;padding:0 12px;background:transparent;color:var(--pink);font-size:12px;min-width:52px}.check-label{display:flex;align-items:center;gap:10px;min-height:48px;font-size:12px;font-weight:400;color:var(--muted)}.check-label input{flex-shrink:0;width:20px;height:20px;min-height:0;padding:0;margin:0;accent-color:var(--pink)}.feedback{border:1px solid #e8b8b0;background:#fff0e9;border-radius:12px;padding:14px 17px;color:#8f2440;font-size:14px;line-height:1.65;margin:0 0 22px;scroll-margin-top:16px}.feedback.success{background:#edf6e7;border-color:#bfd2b3;color:#426037}.recovery-card{max-width:720px;margin:0 auto 28px;border:2px solid #c59542;background:#fff2c9}.recovery-card p{font-size:13px;color:#735734}.recovery-card input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em;font-size:15px;user-select:all}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.dashboard-greeting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.dashboard-greeting h2{font-size:32px}.dashboard-greeting p{font-size:13px;color:var(--muted);margin:0;overflow-wrap:anywhere}.account-nav{display:flex;gap:9px;margin-bottom:30px}.account-nav button{flex:initial;padding:11px 22px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.section-title p{font-size:13px;color:var(--muted);margin-bottom:0}.section-title button{font-size:12px;min-height:44px}.booking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.booking-card{padding:22px;background:#fffaf0;border:1px solid var(--line);border-radius:17px;min-width:0}.booking-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.reference{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;border:1px solid #d8bd82;border-radius:30px;background:#fff0c5;color:#806039;padding:5px 10px;font-size:11px;text-transform:capitalize;white-space:nowrap}.status-pill[data-status=confirmed],.status-pill[data-status=completed]{background:#edf6e7;border-color:#bcd1af;color:#426037}.status-pill[data-status=cancelled]{background:#fcece7;border-color:#e1b9af;color:#8c403d}.booking-card h3{font-size:20px;margin:0 0 14px}.booking-card dl{margin:0;display:grid;gap:8px}.booking-card dl>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5}.booking-card dt{color:var(--muted);flex-shrink:0}.booking-card dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.booking-card .booking-note{border-top:1px solid #eddcb4;margin:16px 0 0;padding-top:13px;color:var(--muted);font-size:12px;line-height:1.7}.empty-state{padding:30px 24px;border:1px dashed #dbbc7b;border-radius:16px;background:#fff9e9;color:var(--muted);font-size:14px;line-height:1.7}.empty-state a{display:inline-flex;min-height:44px;align-items:center;margin-top:8px}.notification-list{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:8px}.notification-list li{padding:13px 16px;border:1px solid #ead6aa;border-radius:12px;background:#fff3d4;font-size:13px;line-height:1.6}.notification-list time{display:block;font-size:11px;color:var(--muted);margin-top:4px}.reward-balance{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(120deg,#fff9e9,#ffedbd);margin-bottom:15px}.reward-balance h2{font-size:48px;color:var(--pink);margin:6px 0}.reward-balance h2 small{font-size:16px;font-weight:400;color:var(--muted)}.reward-balance p{font-size:13px;color:var(--muted);margin-bottom:0}.reward-balance button{max-width:220px}.reward-rule{font-size:13px;line-height:1.75;color:var(--muted);max-width:760px}.voucher-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.voucher-card{padding:19px;border:1px solid var(--line);border-radius:15px;background:#fffaf0}.voucher-card strong{color:var(--pink);font-size:19px;font-weight:500}.voucher-card p{font-size:12px;color:var(--muted);margin:8px 0}.voucher-card a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.ledger{padding:0;list-style:none;border:1px solid var(--line);border-radius:15px;background:#fffaf0;overflow:hidden}.ledger li{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #efdfb9}.ledger li:last-child{border:0}.ledger span{display:block;font-size:13px;line-height:1.5}.ledger small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.ledger strong{font-size:16px;color:var(--pink);white-space:nowrap}.settings-card{max-width:600px}.settings-card>form{margin-top:24px}.security-note{border-block:1px solid #ebd8aa;margin:28px 0 20px;padding:18px 0}.security-note h3{margin:0 0 8px}.security-note p{font-size:13px;color:var(--muted);margin:0}.account-footer{max-width:1052px;margin:auto;padding:20px 0 calc(28px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);font-size:12px}.account-footer a{min-height:44px;display:inline-flex;align-items:center}.account-footer span{margin-left:auto;color:var(--muted);font-size:11px}
@media(max-width:759px){.account-header{padding:calc(18px + env(safe-area-inset-top,0px)) 16px 18px;gap:12px}.account-header h1{font-size:20px}.account-header span{font-size:17px}.header-book{display:none}.account-main{padding:24px 16px 35px}.auth-layout{display:flex;flex-direction:column;gap:22px}.auth-intro{padding-top:0}.auth-intro h2{font-size:35px;margin:8px 0 12px}.auth-intro h2 br{display:none}.auth-intro>p{font-size:13px;margin-bottom:0}.auth-intro .eyebrow{font-size:9px}.reward-promise{padding:16px;margin-top:16px}.reward-promise strong{font-size:17px}.reward-promise p{font-size:12px}.auth-intro>a{margin-top:10px;font-size:12px}.account-card{padding:22px 18px;border-radius:17px}.auth-card{width:100%}.auth-tabs{gap:7px}.auth-tabs button{font-size:13px;padding:10px 12px}h2{font-size:23px}form{gap:17px}.recovery-card{padding:20px 16px}.recovery-card input{font-size:13px}.button-row{gap:8px}.button-row button{font-size:12px;flex:1}.dashboard-greeting{display:block;margin-bottom:20px}.dashboard-greeting h2{font-size:27px}.dashboard-greeting>a{margin-top:17px;min-height:46px;width:100%}.account-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:25px}.account-nav button{padding:10px 4px;font-size:11px;min-height:44px;border-radius:10px}.section-title{align-items:start;gap:12px}.section-title h2{font-size:23px}.section-title p{font-size:12px}.section-title button{padding:8px 12px}.booking-list{grid-template-columns:1fr;gap:14px}.booking-card{padding:19px 16px}.booking-card h3{font-size:18px}.booking-card dl>div{font-size:12px}.reward-balance{display:block;padding:22px 18px}.reward-balance h2{font-size:42px}.reward-balance button{width:100%;max-width:none;margin-top:18px}.reward-rule{font-size:12px}.voucher-list{grid-template-columns:1fr}.ledger li{padding:15px}.ledger span{font-size:12px}.ledger strong{font-size:14px}.notification-list li{font-size:12px}.account-footer{margin:0 16px;padding-top:14px;flex-wrap:wrap;gap:10px 22px}.account-footer span{width:100%;margin:0}.empty-state{padding:24px 18px;font-size:13px}.feedback{font-size:13px;padding:13px 15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep account actions and content available at every viewport width. */
.account-header,.account-main,.account-footer{min-width:0}
.auth-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,70px)}
.auth-layout>*,.dashboard-greeting>*,.section-title>*,.reward-balance>*,.ledger li>div{min-width:0}
.dashboard-greeting h2,.booking-card h3,.voucher-card strong,.voucher-card p,.ledger span,.notification-list li{overflow-wrap:anywhere}
.account-footer{width:min(1052px,calc(100% - 48px));margin-inline:auto}
@media(max-width:759px){
 .account-header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 12px}
 .header-book{display:inline-flex;align-items:center;justify-content:center;grid-column:1/-1;justify-self:start;margin:2px 0 0 56px;min-height:44px;padding:10px 17px}
 .auth-intro h2 br{display:initial}
 .account-footer{width:calc(100% - 32px);margin-inline:auto}
}
.booking-return{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:20px;border:1px solid #d9bd87;border-radius:18px;background:#fff4da;color:#58283a}.booking-return[hidden]{display:none}.booking-return strong{font-size:16px}.booking-return p{margin:6px 0 0;font-size:14px;line-height:1.5}.booking-return a{flex-shrink:0;min-height:48px}@media(max-width:520px){.booking-return{align-items:stretch;flex-direction:column;gap:14px;padding:18px}.booking-return a{justify-content:center}}
.auth-help{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-help .text-button,.identifier-toggle{font-size:12px;min-height:44px;padding:4px 0}.identifier-toggle{justify-self:start}.signup-agreement{font-size:12px;line-height:1.5;margin:0}.signup-agreement a{text-decoration:underline;text-underline-offset:3px}#profile-email-field[hidden]{display:none}
@media(max-width:759px){#customer-account[data-authenticated=false] .account-header{padding:12px 16px;gap:5px 10px}#customer-account[data-authenticated=false] .account-header h1{font-size:18px}#customer-account[data-authenticated=false] .account-header span{font-size:15px}#customer-account[data-authenticated=false] .header-book{grid-column:2;margin:0;min-height:44px;padding:4px 12px;font-size:12px}#customer-account[data-authenticated=false] .account-main{padding:16px 16px 28px}.auth-layout .auth-intro{display:none}.auth-card{padding:18px}.auth-card .auth-tabs{margin-bottom:18px}.auth-card form{gap:12px}.auth-card form h2{font-size:24px;margin:0}.auth-card label{gap:6px;font-size:13px}.auth-card input{min-height:48px;padding:12px}.auth-card .primary{min-height:48px}.auth-card .form-note{margin:0;font-size:12px;line-height:1.5}.auth-help{gap:8px}.auth-help .text-button{font-size:12px}#account-booking-prompt{margin:0 0 14px;font-size:13px;line-height:1.5}}
@media(max-width:759px){.auth-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.signup-agreement a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:759px){.auth-card .auth-tabs{padding-bottom:0;margin-bottom:18px}#customer-account[data-authenticated=false] .account-header{grid-template-columns:44px minmax(0,1fr) auto}#customer-account[data-authenticated=false] .header-book{grid-column:auto;min-height:44px;margin:0;padding:8px 10px}}

/* An approved appointment and its payment have separate statuses. */
.booking-payment{margin-top:20px;padding:18px 0 0;border-top:1px solid #dfc792;min-width:0}
.payment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.payment-heading h4{margin:0;font-size:16px;font-weight:500;color:#582438}
.payment-status{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #d6b670;border-radius:30px;background:#fff0c4;color:#715018;font-size:11px;line-height:1.5}
.payment-status[data-payment-status=partial]{background:#fcebe4;border-color:#dfb69b;color:#8b452a}
.payment-status[data-payment-status=received]{background:#edf6e7;border-color:#bcd1af;color:#426037}
.booking-card .payment-totals{gap:9px}.payment-totals>div:last-child{padding-top:9px;border-top:1px dashed #e8d5aa;font-weight:500}.payment-totals>div:last-child dt,.payment-totals>div:last-child dd{color:#6d1936}
.payment-checkout{margin-top:17px;background:#fff3da;border:1px solid #dabb7c;border-radius:13px;overflow:hidden}
.payment-checkout summary,.payment-history summary{cursor:pointer;min-height:48px;padding:13px 15px;color:#8c1740;font-size:13px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.payment-checkout summary:focus-visible,.payment-history summary:focus-visible{outline:3px solid #bf8d3c;outline-offset:-3px;border-radius:12px}
.payment-checkout[open]>summary{border-bottom:1px solid #ead4a5}
.payment-checkout-body{padding:18px 15px;min-width:0;text-align:center}
.payment-due{font-size:12px;color:#735b47;line-height:1.5;margin:0 0 16px}.payment-due strong{display:block;font-size:29px;line-height:1.3;font-weight:500;color:#8c1740;margin-top:4px}
.payment-qr{margin:0 auto 16px;max-width:280px}.payment-qr img{display:block;width:min(208px,100%);height:auto;aspect-ratio:1;margin:0 auto;background:#fff;border:8px solid #fff;border-radius:8px;object-fit:contain}.payment-qr figcaption,.payment-qr-error{font-size:12px;line-height:1.6;margin:10px 0 0;color:#735b47}
.payment-payee{font-size:12px;line-height:1.6;margin:0 0 7px;overflow-wrap:anywhere}.payment-payee strong{font-weight:500}
.payment-upi{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:13px;margin:0 0 12px;min-width:0}.payment-upi code{min-width:0;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5;overflow-wrap:anywhere;user-select:all}.payment-upi button{font-size:12px;white-space:nowrap}.payment-copy-status{width:100%;font-size:11px;line-height:1.5;color:#426037}.payment-copy-status:empty{display:none}
.payment-app-link{width:100%;padding-inline:12px;overflow-wrap:anywhere}
.payment-app-picker{margin-bottom:18px;text-align:left}.payment-app-picker>strong{display:block;margin-bottom:11px;color:#770e33;font-size:14px;font-weight:500}.payment-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.payment-app-choice{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:57px;width:100%;min-width:0;margin:0;padding:10px;border:1px solid #d5b780;border-radius:11px;background:#fffdf6;color:#582438;text-decoration:none;font:inherit;font-size:12px;font-weight:500;line-height:1.45;text-align:left;cursor:pointer}.payment-app-choice:hover{border-color:#9a1741;background:#fff4e7}.payment-app-choice:focus-visible{outline:3px solid #bf8d3c;outline-offset:3px}.payment-app-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#f4e8cf;color:#7c183a;font-size:12px;font-weight:600}.payment-app-choice[data-upi-app=gpay] .payment-app-mark{background:#e8f0fb;color:#1768c4}.payment-app-choice[data-upi-app=phonepe] .payment-app-mark{background:#f0e7f9;color:#6b3999}.payment-app-choice[data-upi-app=paytm] .payment-app-mark{background:#e3f4fa;color:#006789}.payment-app-choice[data-upi-app=other] .payment-app-mark{font-size:9px}.payment-app-choice>span:last-child{min-width:0;overflow-wrap:anywhere}.payment-app-help,.payment-app-status,.payment-app-fallback{font-size:11px;line-height:1.65;margin:10px 0 0;color:#735b47}.payment-app-status:empty{display:none}.payment-app-fallback,.payment-app-status:not(:empty){padding:10px;border:1px solid #d5b780;border-radius:9px;background:#fff8e8;color:#6d1936}
@media(max-width:759px){.payment-upi-options{order:-1}.payment-app-choice{font-size:13px;min-height:58px;padding:11px}.payment-app-picker>strong{font-size:15px}.payment-app-help,.payment-app-status,.payment-app-fallback{font-size:12px}}
@media(max-width:379px){.payment-app-grid{gap:7px}.payment-app-choice{font-size:12px;padding:9px 7px;gap:7px}.payment-app-mark{width:27px;height:27px}}
.payment-reference{font-size:11px;line-height:1.6;overflow-wrap:anywhere;margin:14px 0 0;color:#735b47}.payment-reference strong{font-weight:500}
.payment-note{font-size:12px;color:#735b47;line-height:1.7;margin:14px 0 0}
.payment-history{margin-top:10px}.payment-history summary{padding:10px 0;font-size:12px}.payment-history ul{margin:0;padding:0;list-style:none;border-top:1px dashed #e8d5aa}.payment-history li{padding:12px 0;border-bottom:1px dashed #e8d5aa;min-width:0}.payment-history li>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.payment-history strong{font-size:14px;color:#426037;font-weight:500}.payment-history time,.payment-history li>span{font-size:11px;color:#735b47;line-height:1.6}.payment-history li>span{display:block;overflow-wrap:anywhere;margin-top:5px}
@media(max-width:379px){.payment-heading{align-items:flex-start;flex-direction:column}.payment-checkout summary{padding-inline:12px}.payment-checkout-body{padding-inline:12px}.payment-totals dt{max-width:65%;overflow-wrap:anywhere}.payment-app-link{font-size:12px}}
.payment-proof-entry{margin-top:17px;border:1px solid #d5b780;border-radius:13px;background:#fffdf5;overflow:hidden}
.payment-proof-entry>summary,.payment-proof-history>summary{padding:13px 14px;min-height:48px;cursor:pointer;font-size:13px;line-height:1.6;color:#85203e;font-weight:500;overflow-wrap:anywhere}
.payment-proof-entry>summary:focus-visible,.payment-proof-history>summary:focus-visible{outline:3px solid #bf8d3c;outline-offset:-3px;border-radius:12px}
.payment-proof-entry[open]>summary{border-bottom:1px solid #ead4a5}
.payment-proof-form{padding:16px 14px;gap:15px;min-width:0}.payment-proof-form>p{font-size:12px;line-height:1.65;color:#735b47;margin:0}.payment-proof-form label{font-size:12px;gap:7px}.payment-proof-form label small{font-size:11px;line-height:1.6}.payment-proof-form input{min-height:46px;padding:11px 12px;font-size:14px}.payment-proof-form input[type=file]{font-size:12px;max-width:100%;padding:9px 7px;background:#fff7e5}.payment-proof-form input[type=file]::file-selector-button{font:inherit;border:1px solid #d5b780;border-radius:7px;background:#fffdf5;color:#85203e;padding:9px;margin-right:8px}.proof-optional{color:#806a58;font-weight:400}.payment-proof-form .proof-form-error{color:#8f2440;background:#fff0e9;border:1px solid #e8b8b0;border-radius:9px;padding:10px 12px}.payment-proof-form .proof-disclaimer{font-size:11px;line-height:1.6}.proof-ocr-status{padding:10px 12px;border:1px solid #d8bd82;border-radius:9px;background:#fff5d9}.proof-preview{margin:0;min-width:0;text-align:center}.proof-preview img{display:block;max-width:100%;width:auto;height:auto;max-height:260px;object-fit:contain;border:1px solid #dfc792;border-radius:9px;margin:0 auto;background:#fff}.proof-preview figcaption{font-size:11px;color:#735b47;overflow-wrap:anywhere;line-height:1.5;margin-top:8px}.proof-preview button{font-size:12px}.proof-candidates{display:flex;gap:7px;flex-wrap:wrap}.proof-candidates>span{width:100%;font-size:12px;line-height:1.6;color:#735b47}.proof-candidates button{padding:8px 10px;min-height:44px;max-width:100%;font-size:12px;overflow-wrap:anywhere}.payment-proof-form .proof-draft-notice{color:#8b452a;font-size:11px}
.payment-proof-pending{margin-top:17px;padding:14px;border:1px solid #c9c2df;border-radius:12px;background:#f4f0fa;color:#5d467a}.payment-proof-pending>strong{font-size:14px;font-weight:500}.payment-proof-pending>p{font-size:12px;line-height:1.7;margin:7px 0 0}
.payment-refresh-required>strong{font-size:17px;font-weight:500;color:#770e33}.payment-refresh-required>p{font-size:13px;line-height:1.7;color:#735b47;margin:10px 0 16px}.payment-refresh-required>button{width:100%}
.account-nav{flex-wrap:wrap}.account-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.payment-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;padding:0 5px;background:#f1d59a;color:#650c31;font-size:10px}.account-nav button[aria-pressed=true] .payment-nav-count{background:#fff3cf}
.payment-attention{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:22px;border:1px solid #d5b780;border-left:5px solid var(--pink);border-radius:15px;background:linear-gradient(115deg,#fff1cf,#fffaf0)}.payment-attention>div{min-width:0}.payment-attention .eyebrow{margin-bottom:4px}.payment-attention strong{font-size:20px;font-weight:500;color:#770e33}.payment-attention p{margin:7px 0 0;color:#735b47;font-size:13px;max-width:680px}.payment-attention>button{flex-shrink:0;min-width:155px}
.booking-payment-summary{margin-top:18px;padding-top:18px;border-top:1px solid #e7c785;display:grid;gap:12px}.payment-summary-label{color:#770e33;font-size:15px;font-weight:500}.booking-payment-summary p{font-size:12px;line-height:1.7;color:#735b47;margin:5px 0 0}.booking-payment-summary>button{width:100%}
#customer-payments{max-width:790px;margin:0 auto}.payment-booking-picker{margin-bottom:18px;font-size:13px}.payment-booking-picker select{font:inherit;font-size:14px;min-height:50px;width:100%;max-width:100%;padding:12px;border:1px solid #d5b780;border-radius:12px;background:#fffaf0;color:#4c2231;text-overflow:ellipsis}.payment-booking-picker select:focus-visible{outline:3px solid #bf8d3c;outline-offset:3px}.payment-detail{padding:26px}.payment-detail-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px}.payment-detail-heading>.reference{width:100%}.payment-detail-heading h3{margin:0;flex:1;font-size:25px;min-width:0;scroll-margin-top:24px;overflow-wrap:anywhere}.payment-detail-heading h3:focus{outline:none}.payment-detail .booking-payment{border:0;padding:0;margin:0}.payment-detail .payment-totals{display:grid;gap:12px;margin:0 0 20px;padding:18px;border-radius:12px;background:#fff5dd}.payment-detail .payment-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;line-height:1.6}.payment-detail .payment-totals dt{color:#735b47}.payment-detail .payment-totals dd{margin:0;text-align:right;white-space:nowrap;font-weight:500}.payment-detail .payment-totals>div:last-child{border-top:1px solid #e7c785;padding-top:11px;font-size:15px}.payment-steps{display:flex;gap:12px;list-style:none;margin:0 0 22px;padding:0}.payment-steps li{display:flex;align-items:center;gap:7px;flex:1;font-size:11px;line-height:1.5;color:#735b47}.payment-steps li>span{display:grid;place-items:center;border:1px solid #e0c28b;border-radius:50%;width:24px;height:24px;flex-shrink:0;background:#fff5dd;font-size:11px}.payment-steps li[aria-current=step]{color:#770e33;font-weight:500}.payment-steps li[aria-current=step]>span{background:var(--pink);border-color:var(--pink);color:#fff8e5}.payment-detail .payment-checkout{border-color:#d5b780;margin:0}.payment-detail .payment-checkout-body{padding:22px}.payment-detail .payment-due{display:block;text-align:center;font-size:13px;margin-bottom:6px}.payment-detail .payment-due strong{display:block;font-size:36px;line-height:1.3;margin-top:4px}.payment-installment-note{font-size:12px;text-align:center;color:#735b47;margin:0 0 20px;line-height:1.7}.payment-scan-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}.payment-detail .payment-qr{margin:0}.payment-detail .payment-qr img{width:208px;height:auto;max-width:100%;margin:0 auto}.payment-upi-options{min-width:0;text-align:center}.payment-detail .payment-payee{margin:0 0 10px}.payment-detail .payment-upi{margin:0 0 14px}.payment-detail .payment-reference{margin-bottom:0}.payment-paid-button{width:100%;margin-top:18px}.payment-detail .payment-note{margin-top:17px}.payment-detail .payment-proof-entry>summary{font-size:13px}.payment-detail .payment-proof-form{padding:20px}.payment-detail .payment-proof-form input{font-size:16px}
@media(max-width:759px){.account-nav{display:flex;gap:8px}.account-nav button{flex:1 1 calc(33.333% - 8px);padding:10px 8px;min-width:0;font-size:12px}.account-nav button[data-account-tab=bookings],.account-nav button[data-account-tab=payments]{flex-basis:calc(50% - 8px)}.payment-attention{align-items:stretch;flex-direction:column;gap:14px;padding:18px}.payment-attention strong{font-size:18px}.payment-attention>button{width:100%}.payment-detail{padding:20px}.payment-detail-heading h3{font-size:23px}.payment-detail-heading .payment-status{font-size:11px}.payment-steps{gap:8px}.payment-steps li{align-items:flex-start;gap:5px;font-size:10px}.payment-steps li>span{width:21px;height:21px}.payment-scan-layout{grid-template-columns:minmax(0,1fr);gap:20px}.payment-detail .payment-checkout-body{padding:20px 16px}.payment-detail .payment-due strong{font-size:34px}.payment-detail .payment-qr{max-width:280px;margin:auto}.payment-upi-options{width:100%;max-width:370px;margin:auto}.payment-detail .payment-proof-form{padding:16px 12px}.payment-booking-picker select{font-size:13px}}
@media(max-width:379px){.payment-detail{padding:15px}.payment-detail-heading{align-items:flex-start;flex-direction:column}.payment-detail .payment-totals{padding:14px 12px}.payment-detail .payment-totals>div{gap:8px;font-size:12px}.payment-detail .payment-checkout-body{padding:18px 12px}.payment-steps li{flex-direction:column;gap:6px}.payment-paid-button{padding-inline:10px;font-size:12px}}
.payment-proof-history{margin-top:10px}.payment-proof-history>summary{padding-inline:0;font-size:12px}.payment-proof-history ul{margin:0;padding:0;list-style:none}.payment-proof-history li{padding:12px 0;border-top:1px dashed #e8d5aa;min-width:0}.payment-proof-history li>div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.payment-proof-history strong{font-size:14px;font-weight:500}.payment-proof-history p{font-size:11px;line-height:1.7;margin:7px 0 0;overflow-wrap:anywhere;color:#735b47}.payment-proof-history a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.proof-status{font-size:10px;line-height:1.6;border-radius:20px;padding:4px 9px;border:1px solid #c9c2df;background:#f4f0fa;color:#5d467a}.proof-status[data-proof-status=approved]{background:#edf6e7;border-color:#bcd1af;color:#426037}.proof-status[data-proof-status=rejected]{background:#fff0e9;border-color:#e8b8b0;color:#8f2440}.payment-proof-history .proof-review-note{padding:8px 10px;border-radius:8px;background:#fff0e9;color:#8f2440}
.booking-member-details{padding:14px 16px;margin:16px 0;border:1px solid #e7c785;border-radius:12px;background:#fff8e8;min-width:0}.booking-member-details h4{margin:0 0 7px;font-size:13px;font-weight:500;color:#770e33}.booking-member-details p{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#735b47}
