.nq-login-page { color-scheme:light dark; margin:0; min-height:100vh; display:grid; place-items:center; background:#f1f6fb; color:#172b43; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.nq-login-card { width:min(340px,calc(100vw - 64px)); padding:28px; border:1px solid #d8e4ef; border-radius:16px; background:#fff; box-shadow:0 8px 32px #172b4310; }
.nq-login-brand { margin:0 0 8px; color:#247ac2; font-size:14px; font-weight:700; }
.nq-login-card h1 { font-size:22px; margin:0 0 24px; }
.nq-login-card label:not(.nq-login-check) { display:block; font-size:13px; margin:16px 0 6px; }
.nq-login-card input:not([type=checkbox]) { box-sizing:border-box; width:100%; border:1px solid #b9ccdf; border-radius:7px; padding:10px; background:#fff; color:#172b43; font:inherit; }
.nq-login-check { display:flex; align-items:flex-start; gap:6px; margin:18px 0; font-size:13px; line-height:1.6; }
.nq-login-submit { width:100%; padding:11px; border:0; border-radius:7px; background:#247ac2; color:white; font:inherit; cursor:pointer; }
.nq-login-card button:disabled { opacity:.6; cursor:wait; }
#nq-login-error { min-height:20px; font-size:13px; line-height:1.6; }
.nq-login-note { color:#63778d; font-size:12px; line-height:1.6; margin:16px 0 0; }
.nq-account { position:fixed; right:12px; bottom:12px; z-index:9990; font:12px system-ui,sans-serif; color:#172b43; }
.nq-account summary { list-style:none; border:1px solid #b9ccdf; border-radius:6px; background:#fff; padding:7px 10px; color:#247ac2; cursor:pointer; }
.nq-account summary::-webkit-details-marker { display:none; }
.nq-account-menu { position:absolute; right:0; bottom:38px; width:180px; border:1px solid #b9ccdf; border-radius:8px; padding:12px; background:#fff; box-shadow:0 3px 18px #172b4320; }
.nq-account-menu p { margin:0 0 8px; overflow-wrap:anywhere; }
.nq-account-menu button { display:block; width:100%; margin-top:6px; padding:8px; border:1px solid #d8e4ef; border-radius:5px; background:#f1f6fb; color:#247ac2; font:inherit; cursor:pointer; }
.nq-login-card :focus-visible,.nq-account :focus-visible { outline:2px solid #247ac2; outline-offset:2px; }
@media(prefers-color-scheme:dark) {
  .nq-login-page { background:#101923; color:#e7edf5; }
  .nq-login-card,.nq-login-card input:not([type=checkbox]),.nq-account summary,.nq-account-menu { background:#192735; color:#e7edf5; border-color:#39516a; }
  .nq-login-brand,.nq-account summary,.nq-account-menu button { color:#82bff0; }
  .nq-login-note { color:#adbdcd; }
  .nq-account-menu button { background:#233546; border-color:#39516a; }
}