/* dev.luxmore.net sign-in: same design as dealers.luxmore.net and admin.luxmore.net. */
/* Sign-in screens: same design as the dealer portal sign-in (dealers.luxmore.net), labelled ADMIN. */
html, body { margin: 0; background: #08090a; }
.lx-auth { position: fixed; inset: 0; z-index: 5; overflow: auto; display: grid; place-items: center; align-content: center; gap: 18px; padding: 28px 16px;
  background: radial-gradient(circle at 50% 10%, #1e2023 0, #121315 40%, #08090a 76%); color: #f2f2f3;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
.lx-auth::after { content: ""; position: fixed; left: 50%; top: 50%; width: 520px; height: 520px; transform: translate(-50%, -50%); border-radius: 50%;
  border: 1px solid rgba(255,255,255,.06); box-shadow: 0 0 0 95px rgba(255,255,255,.018), 0 0 0 190px rgba(255,255,255,.011); pointer-events: none; }
.lx-auth-card { position: relative; z-index: 1; box-sizing: border-box; width: min(430px, calc(100vw - 32px)); padding: 34px 36px 22px; border-radius: 24px;
  border: 1px solid rgba(255,255,255,.09); background: linear-gradient(160deg, rgba(30,31,35,.96), rgba(15,16,18,.97));
  box-shadow: 0 36px 100px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.05); }
.lx-auth-brand { display: flex; align-items: center; gap: 12px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.08); }
.lx-auth-brand img { height: 22px; width: auto; display: block; filter: brightness(0) invert(1); }
.lx-auth-brand > span { font-size: 9px; letter-spacing: .28em; color: #d5b56d; }
.lx-auth-intro { padding: 28px 0 21px; }
.lx-auth-intro small { font-size: 8px; letter-spacing: .2em; color: #d5b56d; }
.lx-auth-intro h1, .lx-auth-card > h1 { margin: 8px 0 7px; font-size: 30px; font-weight: 400; letter-spacing: -.035em; color: #f2f2f3; }
.lx-auth-intro p, .lx-auth-card > p { margin: 0; color: #8d9095; font-size: 12px; line-height: 1.65; }
.lx-auth-form { display: grid; gap: 16px; }
.lx-field { display: grid; gap: 7px; margin: 0; }
.lx-field > span { font-size: 8px; letter-spacing: .16em; color: #8d9095; }
.lx-field > div { height: 52px; border: 1px solid #2a2b30; border-radius: 12px; background: #0f1012; display: flex; align-items: center; transition: border-color .18s, box-shadow .18s; }
.lx-field > div:focus-within { border-color: #d4d4d8; box-shadow: 0 0 0 3px rgba(255,255,255,.08); }
.lx-field i { width: 44px; text-align: center; font-style: normal; color: #6e6e73; flex: none; }
.lx-field input { flex: 1; min-width: 0; height: 100%; border: 0 !important; outline: 0; background: transparent !important; color: #f2f2f3; font: inherit; font-size: 14px; padding: 0 12px 0 0; box-shadow: none !important; }
.lx-field input::placeholder { color: #5a5a5f; }
.lx-field button { border: 0; background: none; color: #d5b56d; font-size: 9px; letter-spacing: .14em; padding: 0 16px; cursor: pointer; }
.lx-error { color: #ff7b72; font-size: 12px; background: rgba(255,123,114,.08) !important; border: 1px solid rgba(255,123,114,.25) !important; border-radius: 10px; padding: 10px 12px; }
.lx-auth-submit, .lx-auth-submit { margin-top: 8px; width: 100%; height: 52px; border: 0; border-radius: 999px; cursor: pointer;
  background: linear-gradient(135deg, #b8964f, #7a5f2c); color: #141008; font: inherit; font-size: 13px; font-weight: 650; letter-spacing: .02em;
  box-shadow: 0 14px 34px rgba(181,138,49,.25); display: flex; align-items: center; justify-content: center; gap: 12px; }
.lx-auth-submit:hover { filter: brightness(1.06); }
.lx-auth-submit:disabled { opacity: .6; cursor: default; }
.lx-auth-submit span { font-size: 18px; }
.lx-auth-note { margin: 16px 0 0; text-align: center; font-size: 11px; color: #6e6e73; }
.lx-auth-card footer { display: flex; align-items: center; gap: 8px; margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); font-size: 7.5px; letter-spacing: .16em; color: #6e6e73; }
.lx-auth-card footer i { width: 6px; height: 6px; border-radius: 50%; background: #4cc38a; box-shadow: 0 0 8px rgba(76,195,138,.6); }
.lx-auth-card footer b { margin-left: auto; color: #4cc38a; font-weight: 600; }
.lx-auth-links { position: relative; z-index: 1; width: min(430px, calc(100vw - 32px)); display: flex; justify-content: space-between; padding: 0 36px; box-sizing: border-box; }
.lx-auth-links a { font-size: 10px; letter-spacing: .16em; color: #8e8e93; text-decoration: none; }
.lx-auth-links a:hover { color: #f2f2f3; }
.lx-auth-card .notice { margin-top: 20px; }
@media (max-width: 480px) { .lx-auth-card { padding: 28px 22px 20px; } .lx-auth-links { padding: 0 22px; } }

.lx-error[hidden] { display: none; }