.web-auth-locked body > :not(#web-auth-overlay) { display: none !important; }
#web-auth-overlay { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; background: #f1f5f9; font-family: system-ui, sans-serif; }
.web-auth-card { width: min(390px, calc(100vw - 32px)); border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; padding: 32px; box-shadow: 0 20px 50px rgba(15,23,42,.10); }
.web-auth-brand { color: #059669; font-size: 14px; font-weight: 700; }
.web-auth-card h1 { margin: 8px 0; color: #0f172a; font-size: 26px; }
.web-auth-sub { margin: 0 0 22px; color: #64748b; font-size: 14px; }
.web-auth-card label { display: block; margin: 14px 0; color: #334155; font-size: 13px; font-weight: 600; }
.web-auth-card input { box-sizing: border-box; width: 100%; margin-top: 7px; border: 1px solid #cbd5e1; border-radius: 8px; padding: 11px 12px; font: inherit; font-weight: 400; outline: none; }
.web-auth-card input:focus { border-color: #10b981; box-shadow: 0 0 0 3px #d1fae5; }
.web-auth-code { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.web-auth-code button { margin-top: 7px; border: 1px solid #a7f3d0; border-radius: 8px; background: #ecfdf5; color: #047857; padding: 0 12px; cursor: pointer; }
.web-auth-message { min-height: 20px; color: #dc2626; font-size: 12px; }
.web-auth-primary, .web-auth-link { width: 100%; border: 0; cursor: pointer; }
.web-auth-primary { border-radius: 8px; background: #059669; color: #fff; padding: 12px; font-weight: 700; }
.web-auth-link { margin-top: 10px; background: transparent; color: #047857; padding: 7px; }
.web-auth-legal { color: #94a3b8; text-align: center; font-size: 11px; }.web-auth-legal a { color: #64748b; }
.web-user-menu { position: fixed; z-index: 99990; top: 14px; right: 130px; font-family: system-ui,sans-serif; }
.web-user-menu > button { border: 1px solid #d1fae5; border-radius: 999px; background: #ecfdf5; color: #047857; padding: 7px 12px; }
.web-user-menu > div { display: none; position: absolute; top: 40px; right: 0; min-width: 160px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 6px; box-shadow: 0 12px 30px rgba(15,23,42,.12); }
.web-user-menu.open > div { display: grid; }.web-user-menu a,.web-user-menu div button { border: 0; background: transparent; color: #334155; padding: 9px; text-align: left; text-decoration: none; cursor: pointer; }.web-user-menu .danger { color: #dc2626; }
.web-legal { max-width: 760px; margin: 50px auto; padding: 0 24px 60px; color: #334155; font: 15px/1.8 system-ui,sans-serif; }.web-legal h1 { color: #0f172a; }.web-legal h2 { margin-top: 28px; color: #1e293b; font-size: 18px; }.web-legal a { color: #047857; }