.nfd-auth{box-sizing:border-box;max-width:430px;margin:40px auto;padding:28px;background:#fff;border:1px solid #dde7e5;border-radius:18px;box-shadow:0 12px 35px #203c3710;color:#213a35;font-family:inherit;line-height:1.9}.nfd-auth *{box-sizing:border-box}.nfd-auth h2{font-size:24px;margin:0 0 12px}.nfd-auth label{display:block;margin:16px 0 8px}.nfd-auth input:not([type=checkbox]){display:block;width:100%;border:1px solid #b8cbc6;border-radius:9px;padding:11px 13px;margin-top:5px;font:inherit;background:#fff;color:#163e32}.nfd-auth button{width:100%;border:0;border-radius:9px;background:#217d6a;color:#fff;font:inherit;padding:12px 18px;margin:12px 0;cursor:pointer}.nfd-auth button:disabled{opacity:.55;cursor:wait}.nfd-auth [hidden]{display:none!important}.nfd-auth input:focus,.nfd-auth button:focus-visible{outline:3px solid #7bccb6;outline-offset:3px}.nfd-auth .nfd-auth-check{display:flex;align-items:center;gap:8px;font-size:14px}.nfd-auth .nfd-auth-check input{width:auto}.nfd-auth a{color:#146352;text-decoration:underline}.nfd-auth-help{font-size:13px;color:#52645e}.nfd-auth-error{color:#b42318!important}.nfd-auth-admin{max-width:1200px}.nfd-admin-card{padding:24px;margin:20px 0;background:#fff;border:1px solid #dbe2e0;border-radius:12px}.nfd-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nfd-admin-grid label{display:block}.nfd-admin-grid input:not([type=checkbox]),.nfd-admin-grid textarea,.nfd-admin-grid select{display:block;width:100%;margin-top:7px}.nfd-auth-admin [data-admin-message]{position:sticky;bottom:10px;background:#fff;border:1px solid #c7d9d2;padding:14px;border-radius:8px;box-shadow:0 4px 20px #0001}.nfd-auth-admin table td{overflow-wrap:anywhere}.nfd-auth-admin [data-progress]{background:#edf7f3;padding:15px;border-radius:8px;margin:15px 0}@media(max-width:600px){.nfd-auth{margin:16px auto;padding:20px}.nfd-admin-grid{grid-template-columns:1fr}.nfd-admin-card{padding:15px}.nfd-auth-admin .button{margin-bottom:8px}}

.nfd-login-page {margin:0;background:#f3f6fa;color:#172b3a;min-height:100vh;padding:32px 12px;box-sizing:border-box;}
.nfd-login-page main {max-width:520px;margin:auto;}
.nfd-auth [hidden] {display:none!important;}
.nfd-auth select,.nfd-auth textarea {width:100%;padding:12px;border:1px solid #ccd5df;border-radius:8px;box-sizing:border-box;}
.nfd-field-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #d8e1ea;padding:12px;margin:10px 0;}
.nfd-field-row label {display:flex;flex-direction:column;gap:5px;}
@media(max-width:650px){.nfd-field-row{grid-template-columns:1fr;}}

.nfd-auth,.nfd-auth input,.nfd-auth button,.nfd-auth select,.nfd-auth textarea{font-family:inherit}.nfd-auth .nfd-otp{display:flex;gap:12px;justify-content:center}.nfd-auth .nfd-otp input{width:54px;text-align:center;font-size:24px;padding:10px}.nfd-auth-admin [hidden]{display:none!important}.nfd-auth-admin .nav-tab{cursor:pointer}

.nfd-auth h2,.nfd-auth h3,.nfd-auth label{font-family:inherit}

/* Modern login card: typography follows the active theme. */
.nfd-login-page{background:radial-gradient(ellipse at 15% 5%,#daf1e9 0,transparent 45%),radial-gradient(ellipse at 95% 95%,#e6edff 0,transparent 40%),#f7f9fb;display:grid;place-items:center;padding:32px 16px;min-height:100vh}
.nfd-login-page main{width:100%;max-width:460px}.nfd-auth{position:relative;max-width:460px;width:100%;padding:32px;border-radius:24px;border:1px solid #e4ece9;background:#ffffff;box-shadow:0 24px 70px -30px #173c3b40;line-height:1.8;transition:box-shadow .2s}
.nfd-auth h2{font-size:25px;font-weight:700;letter-spacing:-.4px;margin:22px 0 4px}.nfd-auth .nfd-form-subtitle{color:#72817d;font-size:13px;margin:0 0 22px}.nfd-form-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}.nfd-form-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e9f6f0;color:#18745d;margin-inline-start:auto}
.nfd-auth button[data-reset]{width:40px;height:40px;display:grid;place-items:center;padding:0;margin:0;background:#f3f6f5;color:#47685d;border:1px solid #e4ece8;border-radius:12px}.nfd-step-track{display:flex;gap:6px;margin:22px 0 26px}.nfd-step-track span{height:4px;border-radius:8px;flex:1;background:#edf2ef}.nfd-step-track span.active{background:#31a280;transition:background .2s}
.nfd-auth label{font-size:13px;font-weight:600;color:#39584b}.nfd-auth input:not([type=checkbox]),.nfd-auth select,.nfd-auth textarea{min-height:50px;border:1px solid #dbe5e0;border-radius:12px;padding:12px 14px;background:#fafcfb;transition:border-color .16s,box-shadow .16s}.nfd-auth input:focus{outline:none;border-color:#2b9978;box-shadow:0 0 0 4px #2b997817;background:#fff}
.nfd-auth button{position:relative;min-height:48px;padding:12px 18px;border-radius:12px;background:linear-gradient(115deg,#207e64,#17674f);font-weight:600;font-size:14px;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 5px 12px #17674f14}.nfd-auth button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #17674f25}.nfd-auth button:active:not(:disabled){transform:translateY(1px)}
.nfd-auth button[data-send],.nfd-auth button[data-resend],.nfd-auth button[data-profile-back],.nfd-auth button[data-edit-profile]{background:#f1f7f4;color:#24745d;box-shadow:none;border:1px solid #dcebe3}.nfd-auth .nfd-text-button{min-height:32px;background:transparent;color:#687e74;font-size:12px;font-weight:400;box-shadow:none;margin:4px 0;padding:6px}
.nfd-auth [data-status]{font-size:13px;border-radius:10px;min-height:0;color:#2a7961}.nfd-auth [data-status]:not(:empty){background:#eef8f3;padding:12px;margin:18px 0 10px}.nfd-auth [data-status].nfd-auth-error{background:#fff2ef;color:#ac3e30!important}
.nfd-auth .nfd-otp{gap:12px;margin:24px 0}.nfd-auth .nfd-otp input{width:56px;height:64px;font-size:26px;border-radius:14px;text-align:center;padding:8px;font-weight:700}.nfd-auth [data-expiry]{font-size:12px;color:#81918a;text-align:center}
.nfd-auth .is-loading{padding-inline-end:44px}.nfd-auth .is-loading::after,.nfd-auth[aria-busy=true] [data-status]::before{content:'';display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nfd-spin .65s linear infinite}.nfd-auth .is-loading::after{position:absolute;inset-inline-end:17px;top:calc(50% - 8px)}.nfd-auth[aria-busy=true] [data-status]::before{margin-inline-end:8px;vertical-align:middle}
@keyframes nfd-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.nfd-auth *{transition:none!important}.nfd-auth .is-loading::after,.nfd-auth[aria-busy=true] [data-status]::before{animation:none}}
@media(max-width:480px){.nfd-auth{padding:24px 20px;border-radius:20px;margin:12px auto}.nfd-auth h2{font-size:23px}.nfd-auth .nfd-otp{gap:10px}.nfd-auth .nfd-otp input{width:52px;height:60px}}

/* Signup verification and recovery refinements. */
.nfd-auth .nfd-text-button:hover,.nfd-auth .nfd-text-button:active{background:transparent;color:#687e74;box-shadow:none;transform:none;filter:none;text-decoration:none}
.nfd-optional{display:inline-block;margin-inline-start:8px;padding:2px 7px;background:#edf4f0;color:#526b5e;border-radius:6px;font-size:11px;font-weight:400}
.nfd-signup-verification{padding:14px;margin-bottom:20px;border:1px solid #dce9e1;border-radius:14px;background:#f7faf8}
.nfd-inline-otp{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.nfd-inline-otp>p{width:100%;margin:0}.nfd-auth .nfd-inline-otp .nfd-otp{gap:5px;margin:0;flex:1}.nfd-auth .nfd-inline-otp .nfd-otp input{width:38px;height:46px;min-width:0}.nfd-auth .nfd-inline-otp [data-resend]{width:auto;min-height:46px;padding:8px 12px;font-size:12px;margin:0}.nfd-inline-otp [data-expiry]{order:4;font-size:12px}
/* Floating labels sit inside empty fields and interrupt the outline on focus/value. */
.nfd-auth label.nfd-floating{position:relative;display:block;margin:18px 0 10px;font:inherit}
.nfd-auth label.nfd-floating>.nfd-floating-text{position:absolute;z-index:1;top:25px;inset-inline-start:14px;transform:translateY(-50%);padding:0 3px;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;color:#73817a;font-size:13px;font-weight:400;line-height:1.5;pointer-events:none;transition:top .16s ease,font-size .16s ease,color .16s ease}
.nfd-auth label.nfd-floating:focus-within>.nfd-floating-text,.nfd-auth label.nfd-floating.has-value>.nfd-floating-text{top:0;font-size:12px;color:#273b32;overflow:visible;max-width:calc(100% - 28px)}
.nfd-auth label.nfd-floating>input:not([type=checkbox]),.nfd-auth label.nfd-floating>select,.nfd-auth label.nfd-floating>textarea{display:block;width:100%;margin:0;min-height:50px;border:1px solid #c9d1cd;border-radius:8px;background:#fff;padding:12px 14px;color:#243a30;box-shadow:none;outline:none;font:inherit}
.nfd-auth label.nfd-floating>textarea{min-height:88px;resize:vertical}
.nfd-auth label.nfd-floating:focus-within>input:not([type=checkbox]),.nfd-auth label.nfd-floating:focus-within>select,.nfd-auth label.nfd-floating:focus-within>textarea{border:2px solid #303633;padding:11px 13px;box-shadow:none;background:#fff}
.nfd-auth label.nfd-floating:not(.has-value):not(:focus-within)>select{color:transparent}
.nfd-auth label.nfd-floating>select option{color:#243a30}
.nfd-auth label.nfd-floating .nfd-optional{margin-inline-start:5px;padding:1px 5px;font-size:10px}
@media(prefers-reduced-motion:reduce){.nfd-auth label.nfd-floating>.nfd-floating-text{transition:none}}

.nfd-auth[aria-busy=true] [data-status]::before{display:none}
.nfd-auth [data-otp-stage].is-verifying::after{content:'';display:inline-block;width:18px;height:18px;margin-inline-start:10px;vertical-align:middle;border:2px solid #2b9978;border-right-color:transparent;border-radius:50%;animation:nfd-spin .65s linear infinite}
@media(prefers-reduced-motion:reduce){.nfd-auth [data-otp-stage].is-verifying::after{animation:none}}
.nfd-auth button:disabled{cursor:not-allowed}
.nfd-auth button.is-loading:disabled{cursor:wait}
/* Password visibility controls stay inside the right edge of the field. */
.nfd-auth label.nfd-floating.has-password>input{padding-right:52px}
.nfd-auth label.nfd-floating.has-password:focus-within>input{padding-right:51px}
.nfd-auth label.nfd-floating.has-password:not(.has-value):not(:focus-within)>.nfd-floating-text{inset-inline-start:50px;max-width:calc(100% - 64px)}
.nfd-auth button.nfd-password-toggle,.nfd-auth button.nfd-password-toggle:hover:not(:disabled),.nfd-auth button.nfd-password-toggle:active:not(:disabled){position:absolute;z-index:2;top:50%;right:8px;display:grid;place-items:center;width:36px;height:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#60746a;transform:translateY(-50%);transition:none}
.nfd-auth button.nfd-password-toggle:focus-visible{outline:2px solid #2b9978;outline-offset:1px}
.nfd-auth button.nfd-password-toggle svg{display:block}
.nfd-auth button.nfd-password-toggle svg[hidden]{display:none}
/* The recovery action is plain text; pointer hover does not alter it. */
.nfd-auth button.nfd-text-button,.nfd-auth button.nfd-text-button:hover:not(:disabled),.nfd-auth button.nfd-text-button:active:not(:disabled){appearance:none;display:inline-block;width:auto;min-height:0;margin:12px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;filter:none;color:#687e74;font-size:12px;font-weight:400;line-height:1.8;text-decoration:none;text-align:start;transition:none}
.nfd-auth button.nfd-text-button:focus-visible{outline:2px solid #2b9978;outline-offset:3px}
/* Compact mobile confirmation inside the signup stage. */
.nfd-signup-verification{padding:10px 12px;margin-bottom:12px;border-radius:10px}
.nfd-inline-otp>p:first-child{font-size:11px;line-height:1.5;margin:0 0 2px}
.nfd-auth .nfd-inline-otp .nfd-otp{gap:5px;flex:0 1 auto;margin:0}
.nfd-auth .nfd-inline-otp .nfd-otp input{box-sizing:border-box;flex:0 0 40px;width:40px;max-width:40px;min-width:40px;height:40px;min-height:40px;padding:5px;font-size:18px;border-radius:8px}
.nfd-auth .nfd-inline-otp [data-resend]{flex:0 0 auto;width:auto;min-height:40px;margin:0;padding:7px 10px;font-size:11px}
.nfd-inline-otp [data-expiry]:empty{display:none}
/* Registration field visibility and ordering controls. */
.nfd-auth-admin .nfd-field-row{position:relative;transition:opacity .15s,border-color .15s}
.nfd-auth-admin .nfd-field-row.nfd-field-hidden{background:#f7f9f8;border-color:#d6ded9}
.nfd-auth-admin .nfd-field-row.nfd-field-hidden>label{opacity:.6}
.nfd-auth-admin .nfd-field-row.is-dragging{opacity:.45}
.nfd-auth-admin .nfd-field-row.is-drop-target{outline:2px dashed #258166;outline-offset:2px}
.nfd-auth-admin .nfd-field-toolbar,.nfd-auth-admin .nfd-field-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.nfd-auth-admin .nfd-field-toolbar{padding-bottom:10px;border-bottom:1px solid #e1e8e4}
.nfd-auth-admin .nfd-field-toolbar label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0}
.nfd-auth-admin .nfd-field-toolbar input[type=checkbox]{margin:0}
.nfd-auth-admin .nfd-field-toolbar select{display:inline-block;width:auto;min-width:110px;margin:0}
.nfd-auth-admin .nfd-drag-handle{cursor:grab;touch-action:none;user-select:none}
.nfd-auth-admin .nfd-drag-handle:active{cursor:grabbing}
.nfd-auth-admin .nfd-field-actions{justify-content:flex-start}
.nfd-auth .nfd-password-field{position:relative;display:flow-root}
.nfd-auth .nfd-password-field>button.nfd-password-toggle,.nfd-auth .nfd-password-field>button.nfd-password-toggle:hover:not(:disabled),.nfd-auth .nfd-password-field>button.nfd-password-toggle:active:not(:disabled){top:25px;transform:none}
.nfd-auth-admin .nfd-field-toolbar .nfd-show-toggle{padding:5px 9px;border:1px solid #b9c9c1;border-radius:6px;background:#fff;color:#3b5145;cursor:pointer}
.nfd-auth-admin .nfd-field-toolbar .nfd-show-toggle.is-shown{border-color:#28916c;background:#e8f6ef;color:#176947}