/* Shared production account UI. Authentication and form contracts live in PHP. */
:root{--nf-bg:#09111d;--nf-surface:#101e30;--nf-surface-raised:#1a2d46;--nf-line:#314662;--nf-text:#eef3fa;--nf-muted:#a5b5cb;--nf-blue:#548fff;--nf-blue-hover:#82acff;--nf-radius:8px;--muted:var(--nf-muted);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{font-family:inherit;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color .14s,background-color .14s,color .14s; -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #9ac0ff;outline-offset:3px}::selection{background:#548fff45}input::placeholder{color:#91a3bc}table{font-variant-numeric:tabular-nums}p{line-height:1.7}[hidden],input[type=hidden]{display:none!important}.nf-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}details:not([open])>:not(summary){display:none}body.auth-page,body.account-page{margin:0;min-height:100dvh;background:var(--nf-bg);color:var(--nf-text);padding:44px 24px}body.auth-page{display:flex;align-items:center;justify-content:center}.auth-shell{width:min(480px,100%);margin:auto}.auth-card{width:100%;padding:38px 40px;background:var(--nf-surface);border:1px solid #344d70;border-radius:10px;box-shadow:0 18px 50px #0002}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.auth-card .brand,.account-content .brand{color:var(--nf-text);font-size:16px;font-weight:650;text-decoration:none}.brand img{width:38px;height:38px}.mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--nf-blue);color:#09111d}.auth-card h1,.account-content h1{font-size:32px;line-height:1.18;letter-spacing:-1px;margin:0 0 14px;font-weight:650}.auth-card p,.account-content p{font-size:14px;color:var(--nf-muted)}.auth-card a,.account-content a{color:#a6c5ff;text-decoration:none}.auth-card a:hover,.account-content a:hover{text-decoration:underline}.auth-card form{display:grid;gap:12px;margin:26px 0 0}.auth-card fieldset{min-width:0;border:0;padding:0;margin:0;display:grid;gap:16px}.auth-card label{display:block;margin:8px 0 0;font-size:13px;font-weight:600;color:var(--nf-text)}.auth-card label small{font-weight:400;color:var(--nf-muted)}.auth-card input:not([type=hidden]),.auth-card select{width:100%;height:48px;padding:0 13px;border:1px solid #3c526e;border-radius:6px;background:#0b1626;color:var(--nf-text);font-size:14px;margin:0}.auth-card input:focus{border-color:#83acff;box-shadow:0 0 0 3px #548fff14}.auth-card form button{display:block;min-height:48px;width:100%;margin:12px 0 0;padding:12px 16px;border:0;border-radius:6px;background:var(--nf-blue);color:#071426;font-size:14px;font-weight:650;cursor:pointer}.auth-card form button:hover{background:var(--nf-blue-hover)}.auth-card form button:active{transform:translateY(1px)}.auth-card fieldset:disabled{opacity:.55}.auth-card .fine{font-size:12px;margin:18px 0 0;line-height:1.8}.auth-card .fine:last-child{padding-top:18px;border-top:1px solid var(--nf-line);margin-top:20px}.auth-card .error,.auth-card .notice{padding:13px 15px;font-size:13px;line-height:1.65;border-radius:6px;margin:18px 0}.auth-card .error{background:#331c29;border:1px solid #79445a;color:#ffd7e2}.auth-card .notice{background:#152943;border:1px solid #355681;color:#d6e6ff}.nf-password-field{position:relative}.nf-password-field input{padding-right:70px!important}.auth-card .nf-password-field button{position:absolute;right:7px;top:7px;width:auto;min-height:34px;margin:0;padding:4px 9px;border:1px solid var(--nf-line);border-radius:4px;background:var(--nf-surface-raised);color:var(--nf-text);font-size:11px}.account-content{max-width:1000px;padding:20px 0}.account-content form{max-width:480px}.account-content label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}.account-content input:not([type=hidden]){height:46px;width:100%;padding:0 12px;background:#0b1626;border:1px solid #3c526e;border-radius:6px;color:var(--nf-text)}.account-content form button{min-height:44px;border:0;border-radius:6px;background:var(--nf-blue);color:#071426;padding:11px 16px;font-weight:650;cursor:pointer}.auth-story{display:none}.nf-page-enter{animation:nf-page-in .18s ease-out}@keyframes nf-page-in{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){body.auth-page,body.account-page{padding:24px 16px;align-items:flex-start}.auth-card{padding:28px 24px}.auth-card h1,.account-content h1{font-size:28px}.auth-card .brand{font-size:15px}.auth-card .brand img{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}