.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:904;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.auth-overlay.open{opacity:1;visibility:visible}
.auth-modal{position:fixed;z-index:905;top:50%;left:50%;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.28);padding:22px 22px 20px;direction:rtl;transform:translate(-50%,-50%) scale(.96);opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s}
.auth-modal.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.auth-close{position:absolute;top:10px;left:10px;width:34px;height:34px;border:0;background:#f3f3f3;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#333}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}
.auth-tab{height:38px;border:1px solid #e3e3e3;border-radius:6px;background:#fff;font-size:13px;font-weight:900;color:#444;cursor:pointer}
.auth-tab.active{background:#F7C400;border-color:#F7C400;color:#111}
.auth-panel{display:none}
.auth-panel.active{display:block}
.auth-panel h3{margin:0 0 16px;font-size:20px;font-weight:900;color:#111;text-align:center}
.auth-field{margin-bottom:12px}
.auth-field label{display:block;font-size:12px;font-weight:800;color:#333;margin-bottom:6px}
.auth-field input{width:100%;height:42px;border:1px solid #ddd;border-radius:5px;padding:0 12px;font-size:13px;font-family:inherit;text-align:right}
.auth-field input:focus{outline:0;border-color:#F7C400;box-shadow:0 0 0 2px rgba(247,196,0,.25)}
.auth-submit{width:100%;height:42px;margin-top:6px;border:0;border-radius:5px;background:#F7C400;font-size:14px;font-weight:900;color:#111;cursor:pointer}
.auth-submit:hover{background:#e6b600}
.auth-note{margin:12px 0 0;font-size:11px;color:#777;text-align:center;line-height:1.5}
body.auth-open{overflow:hidden}
.action-auth{cursor:pointer}