.withdrawals-page{max-width:1120px;margin:0 auto}.withdrawals-page .panel,.withdrawals-page .account-panel{margin:24px 0}.withdrawals-page .account-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.withdrawals-page h1{margin:8px 0;font-size:34px}.withdrawals-page h2{margin:0 0 20px}.withdrawal-notice{border:1px solid #e5deea;background:#f6f2f8;border-radius:14px;padding:16px 20px;line-height:1.65;font-size:13px;color:#676273}.withdrawal-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #eee8ef}.withdrawal-summary span{display:block;font-size:13px;color:#777183;margin-bottom:10px}.withdrawal-summary strong{font-size:26px}.withdrawal-request form{max-width:560px}.withdrawal-request p{font-size:13px;line-height:1.7;color:#777183}.withdrawal-record{padding:22px 0;border-top:1px solid #eee8ef}.withdrawal-record-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.withdrawal-record h3{margin:0 0 10px}.withdrawal-record small,.withdrawal-reference{font-size:12px;color:#777183}.withdrawal-reference{overflow-wrap:anywhere}.withdrawal-record form{max-width:600px;margin-top:20px}.withdrawal-record .actions{display:flex;gap:10px;flex-wrap:wrap}.withdrawals-page textarea{resize:vertical}.withdrawals-page .status.approved{color:#855b00;background:#fff6d7}.withdrawals-page .status.pending{color:#776336;background:#fff8de}.dark-admin .withdrawal-notice{background:#2a2931;border-color:#44414c;color:#d4d0da}@media(max-width:600px){.withdrawal-summary{grid-template-columns:1fr}.withdrawal-record-heading{align-items:flex-start;flex-direction:column}.withdrawals-page h1{font-size:28px}.withdrawals-page .actions button{width:100%}}
.withdrawal-request form{max-width:760px}.withdrawal-amount{max-width:360px}.withdrawal-bank-fields{border:0;padding:0;margin:24px 0 0;min-width:0}.withdrawal-bank-fields legend{font-size:17px;font-weight:700;padding:0}.withdrawal-bank-fields>p{margin:10px 0 18px}.withdrawal-bank-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}.withdrawal-bank-grid .field{min-width:0}.withdrawal-bank-grid input{width:100%;min-width:0}.withdrawal-bank-details{margin:18px 0;padding:18px 20px;background:#f8f6fa;border:1px solid #eae5ee;border-radius:12px}.withdrawal-bank-details h4{margin:0 0 12px;font-size:14px}.withdrawal-bank-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0}.withdrawal-bank-details dt{font-size:12px;color:#777183;margin:0 0 5px}.withdrawal-bank-details dd{font-size:14px;margin:0;overflow-wrap:anywhere;user-select:text}.withdrawal-bank-details p{margin:0;font-size:13px;color:#777183}.dark-admin .withdrawal-bank-details{background:#24242c;border-color:#44414c}.dark-admin .withdrawal-bank-details dt,.dark-admin .withdrawal-bank-details p{color:#bdb7c8}@media(max-width:600px){.withdrawal-bank-grid,.withdrawal-bank-details dl{grid-template-columns:1fr}.withdrawal-amount{max-width:none}.withdrawal-bank-details{padding:16px}}

body[data-surface=customer] .withdrawals-page{max-width:1040px;margin:auto}
body[data-surface=customer] .withdrawals-page>.account-heading{padding:27px 30px;border:1px solid #efdfd2;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#ffe6cd,transparent 60%),#fffcf8;margin-bottom:22px}
body[data-surface=customer] .withdrawals-page .account-heading h1{font-size:34px;letter-spacing:-1px}
body[data-surface=customer] .withdrawals-page .account-heading .eyebrow{font-size:10px;letter-spacing:2px}
body[data-surface=customer] .withdrawal-notice{border:1px solid #ede3d9;background:#faf7f2;border-radius:13px;padding:15px 20px;font-size:12px;line-height:1.7;color:#827467}
body[data-surface=customer] .withdrawals-page .account-panel{border-color:#e9dfd5;border-radius:22px;padding:28px;box-shadow:0 8px 30px #6b451407}
body[data-surface=customer] .withdrawal-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 0 26px;border-bottom:1px solid #eee4da;margin-bottom:24px}
body[data-surface=customer] .withdrawal-summary>div{padding:22px;border:1px solid #efdabf;border-radius:16px;background:linear-gradient(125deg,#fff2dd,#fffaf2)}
body[data-surface=customer] .withdrawal-summary>div+div{background:#f6f5f2;border-color:#e8e3db}
body[data-surface=customer] .withdrawal-summary strong{font-size:29px;letter-spacing:-.6px;font-weight:600;margin-top:12px}
body[data-surface=customer] .withdrawal-summary span{font-size:11px;color:#897464}
body[data-surface=customer] .withdrawal-request form{max-width:none}
body[data-surface=customer] .withdrawal-request label{font-size:12px;font-weight:500;gap:8px}
body[data-surface=customer] .withdrawal-request input{height:47px;border-radius:11px;border-color:#e1d9d1;font-size:13px;background:#fffdfa}
body[data-surface=customer] .withdrawal-bank-fields{border-top:1px solid #eee4db;padding-top:24px;margin-top:26px}
body[data-surface=customer] .withdrawal-bank-fields legend{font-size:18px;font-weight:500;padding-inline-end:16px}
body[data-surface=customer] .withdrawal-request form p{font-size:12px;line-height:1.8;color:#8a7d71}
body[data-surface=customer] .withdrawal-request .primary{border-radius:12px;padding:14px 26px;min-height:47px;margin-top:12px}
body[data-surface=customer] .withdrawal-record{padding:24px 0;border-color:#ece2d8}
body[data-surface=customer] .withdrawal-bank-details{background:#faf8f4;border-color:#eee5dc;border-radius:14px}
html[data-theme=dark] body[data-surface=customer] .withdrawals-page>.account-heading{background:linear-gradient(120deg,#302923,#23282b);border-color:#4c4036}
html[data-theme=dark] body[data-surface=customer] .withdrawal-summary>div{background:#332b24;border-color:#514233}
html[data-theme=dark] body[data-surface=customer] .withdrawal-summary>div+div{background:#292e31;border-color:#414649}
@media(max-width:600px){body[data-surface=customer] .withdrawals-page>.account-heading,body[data-surface=customer] .withdrawals-page .account-panel{padding:20px}body[data-surface=customer] .withdrawal-summary{grid-template-columns:1fr}body[data-surface=customer] .withdrawal-summary strong{font-size:26px}}

.withdrawals-page .withdrawal-progress{--withdrawal-progress-track:#f0e7dd;--withdrawal-progress-fill:#ed631d;margin:19px 0 17px;max-width:540px}.withdrawals-page .withdrawal-progress>div{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px}.withdrawals-page .withdrawal-progress span{font-size:11px;color:#897666}.withdrawals-page .withdrawal-progress strong{font-size:12px;font-weight:650;color:#a74e1c;font-variant-numeric:tabular-nums}.withdrawals-page .withdrawal-progress progress{display:block;width:100%;height:6px;appearance:none;-webkit-appearance:none;border:0;border-radius:20px;overflow:hidden;background:var(--withdrawal-progress-track);color:var(--withdrawal-progress-fill)}.withdrawals-page .withdrawal-progress progress::-webkit-progress-bar{background:var(--withdrawal-progress-track);border-radius:20px}.withdrawals-page .withdrawal-progress progress::-webkit-progress-value{background:var(--withdrawal-progress-fill);border-radius:20px}.withdrawals-page .withdrawal-progress progress::-moz-progress-bar{background:var(--withdrawal-progress-fill);border-radius:20px}.withdrawals-page .withdrawal-progress.is-complete{--withdrawal-progress-fill:#278868}.withdrawals-page .withdrawal-progress.is-complete strong{color:#267a5e}.withdrawals-page .status.paid{color:#22684e;background:#e8f6ef}.withdrawals-page .status.rejected{color:#a14139;background:#fff0ed}.withdrawals-page .status.cancelled{color:#746a61;background:#f3efeb}.withdrawals-page .withdrawal-contact>p{font-size:12px;line-height:1.7;color:#897a6d}
html[data-theme=dark] body[data-surface=customer] .withdrawal-progress{--withdrawal-progress-track:#403b33;--withdrawal-progress-fill:#ff924d}html[data-theme=dark] body[data-surface=customer] .withdrawal-progress span,html[data-theme=dark] body[data-surface=customer] .withdrawal-contact>p{color:#bdb3a8}html[data-theme=dark] body[data-surface=customer] .withdrawal-progress strong{color:#ffb178}html[data-theme=dark] body[data-surface=customer] .withdrawal-progress.is-complete{--withdrawal-progress-fill:#65cba1}html[data-theme=dark] body[data-surface=customer] .withdrawal-progress.is-complete strong{color:#7bd9b1}html[data-theme=dark] body[data-surface=customer] .withdrawals-page .status.paid{background:#244335;color:#8ee0b7}html[data-theme=dark] body[data-surface=customer] .withdrawals-page .status.rejected{background:#482e2b;color:#ffb4a8}html[data-theme=dark] body[data-surface=customer] .withdrawals-page .status.cancelled{background:#363a38;color:#c3c8c3}html[data-theme=dark] body[data-surface=customer] .withdrawals-page .status.pending,html[data-theme=dark] body[data-surface=customer] .withdrawals-page .status.approved{background:#453824;color:#f2d096}

/* Soft apricot light for the standalone withdrawal heading. */
html:root body[data-surface=customer] .withdrawals-page>.account-heading{
 background:radial-gradient(ellipse at 76% 0%,#ffffffed 0%,#ffffff00 60%),linear-gradient(112deg,#fff7ed 0%,#ffe7cc 62%,#ffc995 100%)!important;
 border-color:#f0cba5!important;box-shadow:inset 0 1px 0 #fff,0 12px 30px #b76a2010;color:#493326!important;
}
html:root body[data-surface=customer] .withdrawals-page>.account-heading h1{color:#493326!important}
html:root body[data-surface=customer] .withdrawals-page>.account-heading p:not(.eyebrow){color:#755441!important}
html:root body[data-surface=customer] .withdrawals-page>.account-heading .eyebrow{color:#a95523!important}