:root{--wfa-ink:#21143e;--wfa-muted:#897297;--wfa-line:#e9e3f5;--wfa-purple:#8d2ec7;--wfa-violet:#7a43ed;--wfa-pink:#a339d6;--wfa-bg:#faf7fc}
.wf-customer-auth{min-height:calc(100vh - 214px);padding:46px 24px;background:radial-gradient(circle at 15% 15%,#f7e9ff 0,transparent 34%),radial-gradient(circle at 88% 88%,#f7e7ff 0,transparent 32%),var(--wfa-bg);display:grid;place-items:center;font-family:Inter,system-ui,sans-serif;color:var(--wfa-ink)}.wf-customer-auth *{box-sizing:border-box}.wf-customer-auth-shell{width:min(1060px,100%);display:grid;grid-template-columns:1.1fr .9fr;border:1px solid rgba(119,41,165,.14);border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 28px 75px rgba(67,21,95,.14)}.wf-customer-auth-cover{min-height:650px;padding:52px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#380f51,#5120be 54%,#8023b1)}.wf-customer-auth-cover:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-155px;bottom:-180px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.22)}.wf-customer-auth-cover:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-65px;top:115px;border:1px solid rgba(255,255,255,.13)}.wf-customer-auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.wf-customer-auth-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:14px;padding:3px}.wf-customer-auth-brand b{display:block;font-size:1.25rem;line-height:1.05}.wf-customer-auth-brand small{display:block;margin-top:4px;font:600 .62rem Inter,sans-serif;letter-spacing:.14em;opacity:.76}.wf-customer-auth-cover-copy{position:relative;z-index:1;margin-top:78px}.wf-customer-auth-kicker,.wf-customer-auth-topline{display:inline-flex;align-items:center;gap:7px;font:800 .72rem Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}.wf-customer-auth-kicker{color:#eed9f8}.wf-customer-auth-cover h1{max-width:430px;margin:14px 0;color:#fff;font:800 clamp(2rem,3.4vw,2.4rem)/1.15 Inter,sans-serif;letter-spacing:-.05em}.wf-customer-auth-cover-copy p{max-width:405px;margin:0;color:#f6e8ff;font:.94rem/1.75 Inter,sans-serif}.wf-customer-auth-benefits{position:relative;z-index:1;display:grid;gap:13px;margin-top:36px}.wf-customer-auth-benefits>div{display:flex;gap:10px;align-items:flex-start}.wf-customer-auth-benefits>div>span{width:24px;height:24px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(255,255,255,.18);font:800 .75rem Inter,sans-serif}.wf-customer-auth-benefits p{margin:0}.wf-customer-auth-benefits b{display:block;font:800 .85rem Inter,sans-serif}.wf-customer-auth-benefits small{display:block;margin-top:3px;color:#e6ddfa;font:.72rem/1.35 Inter,sans-serif}.wf-customer-auth-foot{position:absolute;z-index:1;bottom:35px;font:.74rem Inter,sans-serif;color:#edcfff}.wf-customer-auth-form-wrap{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}.wf-customer-auth-topline{color:#a94fde}.wf-customer-auth-status{color:#18ad68;font-size:.8rem}.wf-customer-auth-status.is-error{color:#ca3754}.wf-customer-auth-form-wrap h2{margin:12px 0 6px;color:#25144c;font:800 1.78rem/1.15 Inter,sans-serif;letter-spacing:-.035em}.wf-customer-auth-fr-title{font:800 1.25rem/1.2 Inter,sans-serif;letter-spacing:-.03em}.wf-customer-auth-form-wrap>p{margin:0 0 23px;color:var(--wfa-muted);font:.9rem/1.6 Inter,sans-serif}.wf-customer-auth-form{display:grid;gap:14px}.wf-customer-field{display:grid;gap:7px}.wf-customer-field label{font:800 .84rem Inter,sans-serif;color:#47245d}.wf-customer-field small{color:#938aa5;font:.73rem/1.35 Inter,sans-serif}.wf-customer-input-wrap{position:relative;display:flex;align-items:center}.wf-customer-input-wrap>span:first-child{position:absolute;left:14px;color:#8a7bac;font-size:15px;pointer-events:none}.wf-customer-input-wrap input,.wf-customer-field select{width:100%;border:1px solid var(--wfa-line);border-radius:15px;padding:14px 15px 14px 42px;font:500 .92rem Inter,sans-serif;color:var(--wfa-ink);outline:none;background:#fdfbff;transition:.2s}.wf-customer-field select{padding-left:15px}.wf-customer-input-wrap input:focus,.wf-customer-field select:focus{border-color:#b453ed;box-shadow:0 0 0 4px rgba(180,83,237,.1)}.wf-customer-password-wrap input{padding-right:47px}.wf-password-toggle{position:absolute;right:8px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#973ecb;cursor:pointer;font-size:15px}.wf-password-toggle:hover{background:#f7ebff}.wf-customer-auth-submit{width:100%;margin-top:3px;border:0;border-radius:15px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--wfa-purple),var(--wfa-violet) 55%,var(--wfa-pink));color:#fff;box-shadow:0 14px 26px rgba(150,45,211,.22);text-decoration:none;cursor:pointer;font:800 .98rem Inter,sans-serif;transition:.2s}.wf-customer-auth-submit:hover{transform:translateY(-1px);box-shadow:0 18px 28px rgba(150,45,211,.3)}.wf-customer-auth-submit i{font-style:normal;font-size:1.25rem}.wf-customer-auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:19px}.wf-customer-auth-links a,.wf-customer-auth-switch a{color:#9338c9;text-decoration:none;font:800 .8rem Inter,sans-serif}.wf-customer-auth-links a:hover,.wf-customer-auth-switch a:hover,.wf-customer-auth-back:hover{text-decoration:underline}.wf-customer-auth-divider{display:flex;align-items:center;gap:10px;margin:19px 0;color:#a098af;font:.75rem Inter,sans-serif}.wf-customer-auth-divider:before,.wf-customer-auth-divider:after{content:"";height:1px;background:#ece6f6;flex:1}.wf-customer-google{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--wfa-line);border-radius:14px;padding:13px;color:#4c305d;text-decoration:none;font:800 .88rem Inter,sans-serif}.wf-customer-google span{color:#db4437;font:900 1.05rem Inter,sans-serif}.wf-customer-auth-switch{text-align:center;margin:20px 0 0!important}.wf-customer-auth-secure{margin:17px 0 0;text-align:center;color:#947fa0;font:.73rem/1.45 Inter,sans-serif}.wf-customer-auth-back{display:block;margin-top:17px;color:#973fcd;text-align:center;text-decoration:none;font:800 .78rem Inter,sans-serif}.wf-customer-auth-alert,.wf-customer-referral{padding:12px 13px;border-radius:12px;background:#fff7e7;color:#95620e;border:1px solid #f2ddb2;font:700 .78rem/1.45 Inter,sans-serif}.wf-customer-referral{background:#eef9f2;color:#177c54;border-color:#cdebd9}.wf-customer-auth-simple{min-height:calc(100vh - 214px)}.wf-customer-auth-simple-card{width:min(520px,100%);padding:38px;border:1px solid rgba(119,41,165,.14);border-radius:30px;background:#fff;box-shadow:0 28px 75px rgba(67,21,95,.12)}.wf-customer-auth-simple-brand{display:flex;align-items:center;gap:9px;margin-bottom:28px;color:#401658;text-decoration:none;font:800 1.12rem Inter,sans-serif}.wf-customer-auth-simple-brand img{width:39px;height:39px;object-fit:contain;border-radius:12px;background:#fbf4ff;padding:3px}.wf-customer-auth-simple-card h1{margin:12px 0 8px;color:#25144c;font:800 1.9rem/1.18 Inter,sans-serif;letter-spacing:-.04em}.wf-customer-auth-simple-card>p{margin:0 0 24px;color:var(--wfa-muted);font:.9rem/1.65 Inter,sans-serif}.wf-customer-auth-link-button{margin-top:14px}.wf-verification-card{text-align:center}.wf-verification-card .wf-customer-auth-simple-brand{justify-content:center}.wf-verification-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 20px;border-radius:20px;font:900 1.9rem Inter,sans-serif}.wf-verification-icon.ok{background:#eaf9f1;color:#14784f}.wf-verification-icon.error{background:#fff0f3;color:#c13556}.wf-verification-icon.pending{background:#f8ebff;color:#6334ca}.wf-verification-tips{display:grid;grid-template-columns:25px 1fr;gap:9px 10px;margin:18px 0;text-align:left}.wf-verification-tips>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f7eaff;color:#6131c6;font:800 .72rem Inter,sans-serif}.wf-verification-tips p{margin:0;align-self:center;color:#776f8c;font:.78rem/1.4 Inter,sans-serif}@media(max-width:820px){.wf-customer-auth{padding:22px 14px}.wf-customer-auth-shell{grid-template-columns:1fr}.wf-customer-auth-cover{min-height:0;padding:32px}.wf-customer-auth-cover-copy{margin-top:44px}.wf-customer-auth-cover h1{font-size:1.9rem}.wf-customer-auth-benefits{display:none}.wf-customer-auth-foot{display:none}.wf-customer-auth-form-wrap{padding:32px}.wf-customer-auth-simple-card{padding:28px}}@media(max-width:460px){.wf-customer-auth-form-wrap{padding:28px 21px}.wf-customer-auth-cover{padding:27px}.wf-customer-auth-cover-copy{margin-top:36px}.wf-customer-auth-cover h1{font-size:1.65rem}.wf-customer-auth-links{flex-direction:column}.wf-customer-auth-simple-card{padding:25px 20px}.wf-customer-auth-simple-card h1{font-size:1.65rem}}

.wf-customer-auth-cover{padding-top:48px}.wf-customer-auth-cover-copy{margin-top:48px}@media(max-width:820px){.wf-customer-auth-cover-copy{margin-top:0}}

/* Wfarhali 8.5 — professional SVG auth icons and a circle-free surface. */
body:not(.premium-admin) .wf-customer-auth{
  background:linear-gradient(145deg,#f8f6fb 0%,#f3f0f7 100%)!important;
}
body:not(.premium-admin) .wf-customer-auth-cover{
  background:linear-gradient(145deg,#2e1065,#5b21b6 58%,#7c3aed)!important;
}
body:not(.premium-admin) .wf-customer-auth-cover:before,
body:not(.premium-admin) .wf-customer-auth-cover:after,
body:not(.premium-admin) .wf-customer-auth-simple:before,
body:not(.premium-admin) .wf-customer-auth-simple:after{content:none!important;display:none!important}
body:not(.premium-admin) .wf-customer-auth-benefits>div>span{
  border-radius:7px!important;background:rgba(255,255,255,.16)!important;
}
body:not(.premium-admin) .wf-customer-auth-benefits>div>span svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-customer-auth-status{
  display:inline-grid!important;place-items:center;width:22px;height:22px;padding:3px;
  border-radius:6px!important;background:#e8f7ef!important;color:#198756!important;font-size:0!important;
}
body:not(.premium-admin) .wf-customer-auth-status.is-error{background:#fff0f3!important;color:#c13556!important}
body:not(.premium-admin) .wf-customer-auth-status svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-customer-input-wrap>span:first-child{
  display:grid;place-items:center;width:18px;height:18px;font-size:0!important;
}
body:not(.premium-admin) .wf-customer-input-wrap>span:first-child svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-password-toggle-icons,
body:not(.premium-admin) .wf-password-toggle-icons svg{display:block;width:19px;height:19px}
body:not(.premium-admin) .wf-password-toggle-icons svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body:not(.premium-admin) .wf-password-toggle-icons svg[hidden]{display:none!important}
body:not(.premium-admin) .wf-customer-auth-submit i,
body:not(.premium-admin) .wf-customer-orders-entry i{display:grid;place-items:center}
body:not(.premium-admin) .wf-customer-auth-submit i svg,
body:not(.premium-admin) .wf-customer-orders-entry i svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-customer-orders-icon svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-customer-auth-back{
  display:flex!important;align-items:center;justify-content:center;gap:7px;
}
body:not(.premium-admin) .wf-customer-auth-back svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-auth-inline-icon{
  display:inline-block;width:15px;height:15px;margin-right:5px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-verification-icon{
  border-radius:16px!important;font-size:0!important;
}
body:not(.premium-admin) .wf-verification-icon.pending{background:#f1eaff!important;color:#6334ca!important}
body:not(.premium-admin) .wf-verification-icon svg{
  width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
body:not(.premium-admin) .wf-verification-tips>span{border-radius:7px!important}


/* Wfarhali Auth Hotfix 10.1.2 — visible auth feedback */
.wf-auth-flashes{display:grid;gap:9px;margin:0 0 18px}
.wf-auth-flash{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:9px;padding:12px 13px;border:1px solid #ded7e8;border-radius:12px;background:#f8f6fb;color:#4a3b57;font:700 .79rem/1.45 Inter,system-ui,sans-serif}
.wf-auth-flash-icon{display:grid;place-items:center;width:20px;height:20px}
.wf-auth-flash-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wf-auth-flash-error{background:#fff2f4;border-color:#f0c8d0;color:#a52340}
.wf-auth-flash-warning{background:#fff8e8;border-color:#f1dfb3;color:#8b6209}
.wf-auth-flash-success{background:#eef9f3;border-color:#cbe8d7;color:#176f4c}
.wf-auth-flash-info{background:#f3f2ff;border-color:#d9d6f5;color:#5147a8}
@media(max-width:460px){.wf-auth-flash{font-size:.76rem}}