.login-page{min-height:100dvh;padding:var(--space-10) var(--space-4);background:var(--bg-login);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-14);line-height:var(--font-line-height-normal);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;display:flex}.login-page button,.login-page input,.login-page select{font-family:inherit}.login-page button,.login-page select{cursor:pointer}.login-page button:focus-visible,.login-page input:focus-visible,.login-page select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.login-card{width:var(--component-login-card-width);max-width:100%;padding:var(--component-login-card-padding);border:1px solid var(--border-default);border-radius:var(--component-login-card-radius);background:var(--bg-surface);box-shadow:var(--component-login-card-shadow);text-align:center}.login-title{margin:0;line-height:1}.login-wordmark{width:var(--component-login-wordmark-width);max-width:100%;height:auto;margin:0 auto;display:block}.login-error{margin:var(--space-6) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--status-danger-fg);border-radius:var(--radius-md);background:var(--status-danger-bg);color:var(--status-danger-fg);font-size:var(--font-size-13);text-align:left}.login-microsoft-button{width:100%;height:var(--component-login-control-height);justify-content:center;align-items:center;gap:var(--space-2h);margin-top:var(--space-8);border:1px solid var(--border-default);border-radius:var(--component-login-control-radius);background:var(--bg-raised);color:var(--text-primary);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);transition:background var(--motion-duration-fast), border-color var(--motion-duration-fast);display:flex}.login-error+.login-microsoft-button{margin-top:var(--space-4)}.login-microsoft-button:hover{border-color:var(--border-strong);background:var(--bg-hover)}.login-microsoft-button:active{background:var(--bg-selected)}.login-microsoft-logo{width:var(--size-icon-md);height:var(--size-icon-md);flex-shrink:0;grid-template-columns:1fr 1fr;gap:1.5px;display:grid}.login-microsoft-logo i{display:block}.login-microsoft-logo i:first-child{background:#f25022}.login-microsoft-logo i:nth-child(2){background:#7fba00}.login-microsoft-logo i:nth-child(3){background:#00a4ef}.login-microsoft-logo i:nth-child(4){background:#ffb900}.login-local-toggle{min-height:var(--size-control-touch);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-13);background:0 0;border:0}.login-local-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.login-or{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--text-tertiary);font-size:var(--font-size-12);letter-spacing:.6px;display:flex}.login-or:before,.login-or:after{background:var(--border-subtle);content:"";flex:1;height:1px}.login-form{text-align:left}.login-label{margin:0 0 var(--space-1h) var(--space-0h);color:var(--text-secondary);font-size:var(--font-size-13);font-weight:var(--font-weight-medium);display:block}.login-field{margin-bottom:var(--space-4);position:relative}.login-field-icon{top:50%;left:var(--space-3);width:var(--size-icon-md);height:var(--size-icon-md);color:var(--icon-muted);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;position:absolute;transform:translateY(-50%)}.login-input{width:100%;height:var(--component-login-control-height);padding:0 var(--size-control-touch) 0 calc(var(--space-3) + var(--size-icon-md) + var(--space-2h));border:1px solid var(--border-default);border-radius:var(--component-login-control-radius);background:var(--bg-field);color:var(--text-primary);font-size:var(--font-size-14);outline:none}.login-input::placeholder{color:var(--text-placeholder)}.login-input:hover{border-color:var(--border-strong)}.login-input:focus{border-color:var(--border-focus);background:var(--bg-raised);box-shadow:var(--shadow-focus)}.login-input.is-error{border-color:var(--status-danger-fg)}.login-password-toggle{top:50%;right:var(--space-1);width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--radius-sm);color:var(--icon-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.login-password-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.login-password-toggle svg{width:var(--size-icon-md);height:var(--size-icon-md)}.login-validation-error{margin:calc(var(--space-2) * -1) var(--space-0h) var(--space-3);color:var(--status-danger-fg);font-size:var(--font-size-12)}.login-submit{width:100%;height:var(--component-login-control-height);justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-1);border-radius:var(--component-login-control-radius);background:var(--action-primary-bg);color:var(--action-primary-fg);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);transition:background var(--motion-duration-fast);border:0;display:inline-flex}.login-submit:hover:not(:disabled){background:var(--action-primary-bg-hover)}.login-submit:disabled{cursor:not-allowed;background:var(--action-disabled-bg);color:var(--action-disabled-fg)}.login-spinner{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;animation:.6s linear infinite login-spin}.login-language{margin-top:var(--space-4)}.login-language .gina-language-selector{justify-content:center}.login-language .gina-language-selector select{width:auto;min-width:var(--component-login-language-width);min-height:var(--component-field-height);padding:var(--space-1) var(--space-2);border-radius:var(--component-login-control-radius);color:var(--text-secondary);font-size:var(--font-size-12)}.login-language .gina-language-selector [role]{text-align:left;right:50%;transform:translate(50%)}.login-footer{margin-top:var(--space-5);color:var(--text-tertiary);font-size:var(--component-login-footer-font-size)}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=640px){.login-page{padding:var(--space-4)}.login-card{padding:var(--component-login-card-padding-sm);border-radius:var(--component-login-card-radius-sm)}.login-wordmark{width:var(--component-login-wordmark-width-sm)}.login-input{font-size:var(--font-size-16)}.login-password-toggle,.login-language .gina-language-selector select{min-height:var(--size-control-touch)}.login-password-toggle{width:var(--size-control-touch);height:var(--size-control-touch);right:0}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition:none!important;animation:none!important}}