.salon-customer-auth{width:100%;min-height:100%;padding:25px 15px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.salon-customer-auth-box{width:100%;max-width:430px;box-sizing:border-box;position:relative;overflow:hidden;background:#fff;border-radius:28px;padding:34px 30px 30px;border:1px solid rgb(0 0 0 / .05);box-shadow:0 25px 70px rgb(0 0 0 / .14),0 5px 20px rgb(0 0 0 / .06);animation:salonAuthCardIn 0.45s ease both}.salon-customer-auth-box::before{content:"";position:absolute;width:190px;height:190px;top:-120px;right:-70px;border-radius:50%;background:radial-gradient(circle,rgb(184 134 11 / .16) 0%,rgb(184 134 11 / .05) 45%,transparent 72%);pointer-events:none}@keyframes salonAuthCardIn{0%{opacity:0;transform:translateY(30px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}.salon-customer-auth-box h2{position:relative;z-index:2;margin:0 0 9px;color:#191919;font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-.5px}.salon-customer-subtitle{position:relative;z-index:2;margin:0 0 27px;color:#777;font-size:14px;line-height:1.6}.salon-customer-errors{position:relative;z-index:5;margin:0 0 20px;padding:13px 15px;border-radius:14px;background:#fff4f4;border:1px solid #ffd5d5;color:#c62828;font-size:13px;line-height:1.5;animation:salonErrorIn 0.35s ease both}@keyframes salonErrorIn{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}.salon-customer-form{position:relative;z-index:3;width:100%}.salon-customer-form p{margin:0 0 19px}.salon-customer-form label{display:block;margin-bottom:8px;color:#343434;font-size:13px;font-weight:650}.salon-customer-form input[type="text"],.salon-customer-form input[type="tel"],.salon-customer-form input[type="email"],.salon-customer-form input[type="number"]{width:100%;height:54px;box-sizing:border-box;padding:0 16px;border:1.5px solid #e5e5e5;border-radius:15px;background:#fafafa;color:#222;font-family:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none;transition:border-color 0.25s ease,background 0.25s ease,box-shadow 0.25s ease,transform 0.2s ease}.salon-customer-form input::placeholder{color:#aaa;opacity:1}.salon-customer-form input:hover{border-color:#d5d5d5}.salon-customer-form input:focus{background:#fff;border-color:#b8860b;box-shadow:0 0 0 4px rgb(184 134 11 / .1);transform:translateY(-1px)}.salon-customer-form input[name="customer_otp"]{text-align:center;letter-spacing:10px;font-size:24px;font-weight:700;padding-left:20px;padding-right:10px;font-variant-numeric:tabular-nums}.salon-customer-form button{width:100%;height:56px;margin-top:4px;padding:0 20px;border:0;border-radius:16px;background:#1f1f1f;color:#fff;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:.2px;cursor:pointer;position:relative;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.25s ease,opacity 0.2s ease}.salon-customer-form button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgb(0 0 0 / .18)}.salon-customer-form button:active{transform:scale(.98)}.salon-customer-form button:disabled{cursor:wait;transform:none;box-shadow:none}.salon-customer-form button::after{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .16),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.salon-customer-form button:hover::after{left:130%}.salon-customer-auth-link{margin-top:23px;padding-top:20px;border-top:1px solid #eee;text-align:center;color:#777;font-size:13px;line-height:1.6}.salon-customer-auth-link a{margin-left:4px;color:#9a6d00;font-weight:700;text-decoration:none;transition:color 0.2s ease}.salon-customer-auth-link a:hover{color:#5f4200}.salon-customer-message{width:100%;max-width:430px;box-sizing:border-box;margin:20px auto;padding:20px;background:#fff;border-radius:20px;text-align:center;color:#333;font-size:15px;box-shadow:0 15px 45px rgb(0 0 0 / .1);animation:salonAuthCardIn 0.4s ease both}.salon-customer-auth-box:has(input[name="customer_otp"]) h2{text-align:center}.salon-customer-auth-box:has(input[name="customer_otp"]) .salon-customer-subtitle{text-align:center}.salon-customer-auth-box:has(input[name="customer_otp"]) input[name="customer_otp"]{background:#fbfbfb;border-color:#ddd;min-height:58px}.salon-customer-auth-box:has(input[name="customer_otp"]) input[name="customer_otp"]:focus{background:#fff}#salon-customer-auth-popup{position:fixed;inset:0;z-index:999999;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}#salon-customer-auth-popup.is-open{visibility:visible;opacity:1;pointer-events:auto}.salon-auth-popup-backdrop{position:absolute;inset:0;background:rgb(15 15 15 / .58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);cursor:pointer}.salon-auth-popup-panel{position:relative;z-index:2;width:100%;max-width:470px;max-height:92vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-radius:30px;background:#fff;box-shadow:0 30px 90px rgb(0 0 0 / .28);transform:translateY(30px) scale(.96);opacity:0;transition:transform 0.35s cubic-bezier(.22,1,.36,1),opacity 0.3s ease;scrollbar-width:thin}#salon-customer-auth-popup.is-open .salon-auth-popup-panel{transform:translateY(0) scale(1);opacity:1}.salon-auth-popup-content{width:100%;box-sizing:border-box}.salon-auth-popup-content .salon-customer-auth{min-height:auto;padding:0;display:block}.salon-auth-popup-content .salon-customer-auth-box{max-width:none;border:0;border-radius:30px;box-shadow:none;padding:34px 30px 30px;animation:none}.salon-auth-popup-close{position:absolute;top:15px;right:15px;z-index:20;width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:rgb(0 0 0 / .06);color:#333;font-family:Arial,sans-serif;font-size:25px;line-height:1;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease}.salon-auth-popup-close:hover{background:rgb(0 0 0 / .1);transform:rotate(90deg)}.salon-auth-popup-close:active{transform:scale(.92)}.salon-auth-popup-handle{display:none;width:42px;height:4px;margin:10px auto 0;border-radius:20px;background:#d9d9d9}body.salon-auth-popup-open{overflow:hidden}.salon-auth-spinner{display:inline-block;width:17px;height:17px;margin-right:8px;vertical-align:-3px;border:2px solid rgb(255 255 255 / .35);border-top-color:#fff;border-radius:50%;animation:salonAuthSpin 0.7s linear infinite}@keyframes salonAuthSpin{to{transform:rotate(360deg)}}@media (max-width:600px){.salon-customer-auth{min-height:100vh;padding:15px;align-items:center}.salon-customer-auth-box{max-width:100%;padding:30px 22px 24px;border-radius:25px;box-shadow:0 15px 45px rgb(0 0 0 / .12)}.salon-customer-auth-box h2{font-size:25px}.salon-customer-subtitle{font-size:13px;margin-bottom:23px}.salon-customer-form input[type="text"],.salon-customer-form input[type="tel"],.salon-customer-form input[type="email"],.salon-customer-form input[type="number"]{height:52px;border-radius:14px}.salon-customer-form button{height:54px;border-radius:15px}.salon-customer-form input[name="customer_otp"]{font-size:22px;letter-spacing:8px}#salon-customer-auth-popup{align-items:flex-end;padding:0}.salon-auth-popup-panel{width:100%;max-width:100%;max-height:94vh;border-radius:28px 28px 0 0;transform:translateY(100%);opacity:1;box-shadow:0 -15px 60px rgb(0 0 0 / .25)}#salon-customer-auth-popup.is-open .salon-auth-popup-panel{transform:translateY(0)}.salon-auth-popup-handle{display:block}.salon-auth-popup-content .salon-customer-auth-box{padding:22px 22px 28px}.salon-auth-popup-close{top:14px;right:14px;width:36px;height:36px;font-size:23px}}@media (max-width:360px){.salon-customer-auth{padding:10px}.salon-customer-auth-box{padding:26px 18px 22px;border-radius:22px}.salon-customer-auth-box h2{font-size:23px}.salon-customer-form input[name="customer_otp"]{letter-spacing:6px;font-size:20px}.salon-auth-popup-content .salon-customer-auth-box{padding:20px 18px 24px}}@media (prefers-reduced-motion:reduce){.salon-customer-auth-box,.salon-auth-popup-panel,#salon-customer-auth-popup,.salon-customer-errors{animation:none!important;transition:none!important}}.salon-auth-popup-view{display:none;width:100%}.salon-auth-popup-view.is-active{display:block}.salon-auth-popup-content>.salon-auth-popup-view>.salon-customer-auth{min-height:auto;padding:0;display:block}.salon-auth-popup-content>.salon-auth-popup-view>.salon-customer-auth>.salon-customer-auth-box{max-width:none;border:0;border-radius:30px;box-shadow:none;padding:34px 30px 30px;animation:none}@media (max-width:600px){.salon-auth-popup-content>.salon-auth-popup-view>.salon-customer-auth>.salon-customer-auth-box{padding:22px 22px 28px}}#salon-customer-auth-popup{z-index:2147483647!important}#salon-customer-auth-popup .salon-auth-popup-panel{z-index:2147483647!important}@media (max-width:600px){#salon-customer-auth-popup .salon-auth-popup-panel{max-height:94vh;padding-bottom:env(safe-area-inset-bottom)}#salon-customer-auth-popup .salon-auth-popup-content{padding-bottom:max(8px, env(safe-area-inset-bottom))}}.salon-customer-form button{background:#769a13}.salon-customer-form button:hover{background:#769a13}