:root{--nx-primary:#2563eb;--nx-primary-hover:#1d4ed8;--nx-bg:#f8fafc;--nx-surface:#fff;--nx-text-main:#0f172a;--nx-text-muted:#64748b;--nx-border:#e2e8f0;--nx-danger:#ef4444;--nx-danger-bg:#fef2f2}.nx-auth-page{background-color:var(--nx-bg);min-height:100vh;color:var(--nx-text-main);font-family:Inter,sans-serif;display:flex}.nx-auth-page .nx-auth-image-side{display:none}.nx-auth-page .nx-auth-form-side{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.nx-auth-page .nx-auth-form-side .nx-floating-back{background:var(--nx-surface);border:1px solid var(--nx-border);color:var(--nx-text-muted);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.nx-auth-page .nx-auth-form-side .nx-floating-back:hover{color:var(--nx-primary);border-color:var(--nx-primary);transform:translateY(-2px)}.nx-auth-page .nx-login-card{background:var(--nx-surface);border:1px solid var(--nx-border);border-radius:20px;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 10px 25px -5px #0000000d}.nx-auth-page .nx-login-card .nx-auth-header{text-align:center;margin-bottom:2rem}.nx-auth-page .nx-login-card .nx-auth-header .nx-brand{color:var(--nx-text-main);margin-bottom:.5rem;font-size:2rem;font-weight:900}.nx-auth-page .nx-login-card .nx-auth-header .nx-brand span{color:var(--nx-primary)}.nx-auth-page .nx-login-card .nx-auth-header p{color:var(--nx-text-muted);font-size:.95rem;font-weight:500}.nx-auth-page .nx-login-card .nx-auth-form{flex-direction:column;gap:1.25rem;display:flex}.nx-auth-page .nx-login-card .nx-auth-form .nx-error-msg{background-color:var(--nx-danger-bg);color:var(--nx-danger);text-align:center;border:1px solid #ef444433;border-radius:10px;padding:.75rem;font-size:.85rem;font-weight:600}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group{flex-direction:column;gap:.5rem;display:flex}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group label{color:var(--nx-text-muted);font-size:.85rem;font-weight:700}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper{align-items:center;display:flex;position:relative}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper .nx-input-icon{color:var(--nx-text-muted);position:absolute;left:1rem}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper input{border:1px solid var(--nx-border);background-color:var(--nx-bg);width:100%;color:var(--nx-text-main);border-radius:12px;outline:none;padding:.85rem 1rem .85rem 2.75rem;font-size:.95rem;transition:all .2s}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper input:focus{background-color:var(--nx-surface);border-color:var(--nx-primary);box-shadow:0 0 0 3px #2563eb1a}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper input::placeholder{color:#a1a1aa}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper .nx-password-toggle{color:var(--nx-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:1rem}.nx-auth-page .nx-login-card .nx-auth-form .nx-input-group .nx-input-wrapper .nx-password-toggle:hover{color:var(--nx-text-main)}.nx-auth-page .nx-login-card .nx-auth-form .nx-btn-primary{background-color:var(--nx-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.nx-auth-page .nx-login-card .nx-auth-form .nx-btn-primary:hover:not(:disabled){background-color:var(--nx-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.nx-auth-page .nx-login-card .nx-auth-form .nx-btn-primary:active:not(:disabled){transform:translateY(0)}.nx-auth-page .nx-login-card .nx-auth-form .nx-btn-primary:disabled{opacity:.7;cursor:not-allowed}.nx-auth-page .nx-login-card .nx-auth-footer{text-align:center;border-top:1px solid var(--nx-border);margin-top:2rem;padding-top:1.5rem}.nx-auth-page .nx-login-card .nx-auth-footer p{color:var(--nx-text-muted);margin-bottom:.75rem;font-size:.9rem;font-weight:500}.nx-auth-page .nx-login-card .nx-auth-footer .nx-btn-secondary{background-color:var(--nx-surface);width:100%;color:var(--nx-text-main);border:1px solid var(--nx-border);cursor:pointer;border-radius:12px;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s}.nx-auth-page .nx-login-card .nx-auth-footer .nx-btn-secondary:hover{background-color:var(--nx-bg);border-color:var(--nx-text-muted)}@media (min-width:1024px){.nx-auth-page .nx-auth-image-side{flex:1;display:block;position:relative;overflow:hidden}.nx-auth-page .nx-auth-image-side .nx-floating-back-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:100;background-color:#ffffffd9;border:1px solid #fff3;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:8px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;left:20px;box-shadow:0 8px 32px #0000001a}.nx-auth-page .nx-auth-image-side .nx-floating-back-image span{color:#1e293b;font-size:.85rem;font-weight:700;transition:color .3s}.nx-auth-page .nx-auth-image-side .nx-floating-back-image svg{color:#1e293b;transition:all .3s}.nx-auth-page .nx-auth-image-side .nx-floating-back-image:hover{background-color:#2563eb;border-color:#2563eb;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 24px #2563eb4d}.nx-auth-page .nx-auth-image-side .nx-floating-back-image:hover span{color:#fff}.nx-auth-page .nx-auth-image-side .nx-floating-back-image:hover svg{color:#fff;transform:translate(-4px)}.nx-auth-page .nx-auth-image-side .nx-floating-back-image:active{transform:translateY(-1px)scale(.98)}.nx-auth-page .nx-auth-image-side img{object-fit:cover;width:100%;height:100%}.nx-auth-page .nx-auth-image-side .nx-auth-overlay{color:#fff;background:linear-gradient(#0000 0%,#0006 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:4rem;display:flex;position:absolute;inset:0}.nx-auth-page .nx-auth-image-side .nx-auth-overlay h2{margin-bottom:1rem;font-size:3.5rem;font-weight:900;line-height:1.1}.nx-auth-page .nx-auth-image-side .nx-auth-overlay p{opacity:.9;max-width:80%;font-size:1.25rem;font-weight:500;line-height:1.5}.nx-auth-page .nx-auth-form-side{flex:1;padding:0 4rem}.nx-auth-page .nx-auth-form-side .nx-floating-back{box-shadow:none;background:0 0;border:none;padding:0;display:none;top:3rem;left:3rem}.nx-auth-page .nx-auth-form-side .nx-floating-back:hover{background:0 0}.nx-auth-page .nx-auth-form-side .nx-login-card{box-shadow:none;background:0 0;border:none;max-width:440px;padding:0}.nx-auth-page .nx-auth-form-side .nx-login-card .nx-auth-header{text-align:left}.nx-auth-page .nx-auth-form-side .nx-login-card .nx-auth-header .nx-brand{font-size:2.5rem}.nx-auth-page .nx-auth-form-side .nx-login-card .nx-auth-footer{text-align:left}.nx-auth-page .nx-auth-form-side .nx-login-card .nx-auth-footer p{text-align:left}}