:root{--auth-brand-from:#1f5fb0;--auth-brand-mid:#14498f;--auth-brand-to:#00298e;--auth-accent:#53a5e6;--auth-primary:#0061f2;--auth-primary-hover:#004ec2;--auth-primary-ring:rgba(0,97,242,.16);--auth-primary-shadow:rgba(0,97,242,.28);--auth-primary-shadow-hover:rgba(0,97,242,.36);--auth-ink:#212832;--auth-muted:#69707a;--auth-border:#d4dae3;--auth-danger:#e81500}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html,body{margin:0;padding:0;min-height:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;color:var(--auth-ink);-webkit-font-smoothing:antialiased}.login-container{display:flex;min-height:100vh;min-height:100dvh}.login-brand{flex:0 0 44%;max-width:620px;display:flex;flex-direction:column;justify-content:center;padding:3rem 3.25rem;color:#fff;background:linear-gradient(160deg,var(--auth-brand-from) 0%,var(--auth-brand-mid) 55%,var(--auth-brand-to) 100%);position:relative;overflow:hidden}.login-brand::before,.login-brand::after{content:'';position:absolute;border-radius:50%;pointer-events:none}.login-brand::before{width:520px;height:520px;background:radial-gradient(circle,rgba(83,165,230,.32) 0%,rgba(83,165,230,0) 70%);top:-180px;right:-170px}.login-brand::after{width:380px;height:380px;background:rgba(255,255,255,.05);bottom:-130px;left:-120px}.brand-deco-mid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent)}.brand-content{position:relative;z-index:1;max-width:400px}.brand-logo-wrap{background:#fff;border-radius:14px;padding:12px 16px;display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1.75rem;box-shadow:0 6px 20px rgba(0,0,0,.18)}.brand-logo{width:44px;height:44px;display:block}.brand-logo-text{font-size:1.02rem;font-weight:800;letter-spacing:-.2px;color:var(--auth-brand-to);line-height:1.15;white-space:nowrap}.brand-logo-text small{display:block;font-size:.68rem;font-weight:600;letter-spacing:.6px;color:var(--auth-muted);text-transform:uppercase}.brand-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;background:rgba(83,165,230,.22);border:1px solid rgba(83,165,230,.55);margin-bottom:1rem}.brand-tagline{font-size:1.65rem;font-weight:800;line-height:1.35;margin:0 0 .65rem}.brand-sub{font-family:inherit;font-size:.95rem;line-height:1.6;opacity:.82;margin:0 0 2.25rem;color:#fff}.brand-features{list-style:none;margin:0;padding:0}.brand-feature-item{display:flex;align-items:flex-start;gap:.7rem;font-size:.95rem;line-height:1.5;margin-bottom:.85rem;opacity:.95}.check-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px;border-radius:50%;background:rgba(83,165,230,.3);color:#fff;display:inline-flex;align-items:center;justify-content:center}.brand-foot{position:relative;z-index:1;margin-top:2.5rem;font-size:.78rem;opacity:.62}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;background:#fff}.login-form-wrapper{width:100%;max-width:380px;animation:authFadeInUp .35s ease}@keyframes authFadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.login-form-wrapper{animation:none}}.form-logo-row{display:none;align-items:center;gap:.65rem;margin-bottom:1.5rem}.form-logo-row .brand-logo{width:40px;height:40px}.form-logo-row .brand-logo-text{color:var(--auth-brand-to)}.login-title{font-size:1.55rem;font-weight:800;color:var(--auth-ink);margin:0 0 .3rem}.login-subtitle{font-family:inherit;font-size:.875rem;color:var(--auth-muted);margin:0 0 1.75rem}.input-group-login{margin-bottom:1rem}.input-group-login label{display:block;font-size:.78rem;font-weight:700;color:#4a515b;margin-bottom:.35rem;letter-spacing:.4px;text-transform:uppercase}.login-input{display:block;width:100%;padding:12px 14px;font-size:.9rem;font-family:inherit;color:var(--auth-ink);background:#fff;border:1.5px solid var(--auth-border);border-radius:8px;outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none}.login-input::placeholder{color:#a7aeb8}.login-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-primary-ring)}#inputUsername{text-transform:lowercase}.password-wrapper{position:relative}.password-wrapper .login-input{padding-right:46px}.btn-pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;padding:0;cursor:pointer;color:#a7aeb8}.btn-pw-toggle:hover{color:var(--auth-primary)}.btn-pw-toggle:focus-visible{outline:2px solid var(--auth-primary);outline-offset:-2px}.capslock-hint{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.78rem;font-weight:600;color:#8a5a00}.remember-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.4rem;min-height:24px}.remember-row input[type="checkbox"]{width:16px;height:16px;accent-color:var(--auth-primary);cursor:pointer;flex-shrink:0;margin:0}.remember-row label{font-size:.85rem;color:#4a515b;cursor:pointer;margin:0}.btn-login{display:block;width:100%;padding:13px;font-size:.95rem;font-weight:700;font-family:inherit;color:#fff;background:var(--auth-primary);border:none;border-radius:8px;cursor:pointer;letter-spacing:.2px;transition:background .18s,box-shadow .18s;box-shadow:0 3px 12px var(--auth-primary-shadow)}.btn-login:hover:not(:disabled){background:var(--auth-primary-hover);box-shadow:0 4px 16px var(--auth-primary-shadow-hover)}.btn-login:focus-visible{outline:3px solid var(--auth-primary-ring);outline-offset:2px}.btn-login:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.login-alert{display:flex;align-items:flex-start;gap:.6rem;border-radius:8px;padding:.8rem 1rem;margin-bottom:1.25rem;font-size:.85rem;line-height:1.5;background:#fdecea;border:1px solid #f6b6ae;color:#b31200}.login-alert__icon{flex-shrink:0;margin-top:2px}.login-alert__msg{font-weight:700}.field-error,.field-validation-error{display:block;font-size:.78rem;color:var(--auth-danger);margin-top:.3rem}.field-validation-valid{display:none}.login-input.input-validation-error{border-color:var(--auth-danger)}.login-note{display:flex;align-items:flex-start;gap:.5rem;background:#f2f6fc;border:1px solid #e0e5ec;border-radius:8px;padding:.7rem .9rem;font-size:.78rem;color:var(--auth-muted);margin-top:1.25rem;line-height:1.5}.login-note__icon{flex-shrink:0;margin-top:2px}.login-foot{margin-top:1.5rem;text-align:center;font-size:.75rem;color:#a7aeb8}@media(max-width:1199.98px){.login-brand{flex-basis:40%;padding:2.5rem 2rem}.brand-tagline{font-size:1.4rem}}@media(max-width:991.98px){.login-brand{display:none !important}.login-form-panel{align-items:flex-start;padding:2.25rem 1.25rem 2.5rem}.login-form-wrapper{max-width:420px}.form-logo-row{display:flex !important}.login-title{font-size:1.4rem}.login-input{font-size:16px;padding:13px 14px}.password-wrapper .login-input{padding-right:48px}.btn-login{padding:14px;font-size:1rem}.remember-row label{font-size:.9rem}}@media(max-width:359.98px){.login-form-panel{padding-left:1rem;padding-right:1rem}}