:root{--auth-navy:#102a43;--auth-orange:#f28c28;--auth-bg:#f4f7fa;--auth-border:#d9e2ec;--auth-muted:#627d98}
body.auth-locked{overflow:hidden}
.auth-overlay{position:fixed;inset:0;z-index:100000;background:linear-gradient(135deg,#f5f8fb 0%,#eef3f8 100%);display:grid;place-items:center;padding:24px;font-family:Inter,"Noto Sans Devanagari","Nirmala UI",Arial,sans-serif}
.auth-overlay[hidden]{display:none!important}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--auth-border);border-radius:14px;box-shadow:0 20px 60px rgba(16,42,67,.16);overflow:hidden}.auth-head{padding:24px 26px 18px;border-bottom:1px solid #edf2f7}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--auth-navy);font-weight:800;font-size:18px}.auth-mark{width:28px;height:28px;border:2px solid var(--auth-navy);border-radius:50%;position:relative}.auth-mark:after{content:"";position:absolute;inset:5px;border:2px solid var(--auth-orange);border-radius:50%}.auth-head h1{font-size:24px;line-height:1.2;margin:18px 0 6px;color:var(--auth-navy)}.auth-head p{margin:0;color:var(--auth-muted);font-size:13px;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #edf2f7}.auth-tab{border:0;background:#fff;padding:12px;font-weight:700;color:#486581;cursor:pointer}.auth-tab.active{color:var(--auth-navy);box-shadow:inset 0 -3px 0 var(--auth-orange)}.auth-body{padding:22px 26px 24px}.auth-field{display:grid;gap:6px;margin-bottom:14px}.auth-field label{font-size:12px;font-weight:700;color:#334e68}.auth-field input{height:42px;border:1px solid #bcccdc;border-radius:8px;padding:0 12px;font-size:14px;outline:none}.auth-field input:focus{border-color:#276799;box-shadow:0 0 0 3px rgba(39,103,153,.12)}.auth-action{width:100%;height:42px;border:0;border-radius:8px;background:var(--auth-orange);color:#fff;font-weight:800;cursor:pointer}.auth-action:disabled{opacity:.55;cursor:wait}.auth-link{border:0;background:none;color:#276799;font-weight:700;cursor:pointer;padding:8px 0;font-size:12px}.auth-message{min-height:18px;margin:10px 0 0;font-size:12px;line-height:1.45;color:#486581}.auth-message.error{color:#a12834}.auth-message.ok{color:#16794f}.auth-local{margin-top:14px;padding-top:14px;border-top:1px solid #edf2f7;text-align:center}.auth-local button{border:0;background:none;color:#486581;text-decoration:underline;cursor:pointer;font-size:12px}.auth-setup{padding:12px;border:1px solid #f4c7c3;background:#fff7f5;border-radius:8px;color:#8b2c2c;font-size:12px;line-height:1.5;margin-bottom:14px}.auth-spinner{width:18px;height:18px;border:2px solid #d9e2ec;border-top-color:#276799;border-radius:50%;animation:authSpin .7s linear infinite;margin:auto}@keyframes authSpin{to{transform:rotate(360deg)}}
.auth-account{position:relative}.auth-account-btn{display:flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;color:#243b53;font-weight:700}.auth-account-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;background:#fff;border:1px solid #d9e2ec;border-radius:10px;box-shadow:0 14px 35px rgba(16,42,67,.18);padding:8px;z-index:5000}.auth-account-menu[hidden]{display:none}.auth-account-menu small{display:block;color:#829ab1;padding:8px 10px 5px;overflow:hidden;text-overflow:ellipsis}.auth-account-menu button{width:100%;text-align:left;border:0;background:#fff;padding:10px;border-radius:7px;cursor:pointer;color:#334e68}.auth-account-menu button:hover{background:#f0f4f8}.auth-sync{font-size:11px;color:#627d98;margin-left:6px}.auth-sync.error{color:#a12834}.auth-sync.ok{color:#16794f}
@media(max-width:600px){.auth-overlay{padding:12px}.auth-head,.auth-body{padding-left:18px;padding-right:18px}}