.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-bg,#e7e6e3);padding:2rem 1rem;overflow-y:auto}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:100%;max-width:440px;padding:3rem 2.5rem;margin:auto}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.4rem;font-weight:700;color:#6d6969;margin:2rem 0 0}.login-subtitle{font-size:1rem;color:#718096;margin:0}.login-error{background:#fed7d7;border:1px solid #fc8181;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.5rem;color:#c53030;font-size:.875rem}.login-form{gap:1.25rem}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:.5rem}.login-label-row{display:flex;justify-content:space-between;align-items:center}.login-label{font-size:.875rem;font-weight:600;color:#2d3748}.login-forgot-link{font-size:.875rem;color:var(--jobber-green,#32821c);text-decoration:none;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.login-input{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s;background:#fff}.login-input:focus{outline:none;border-color:var(--jobber-green,#32821c);box-shadow:0 0 0 3px rgba(50,130,28,.1)}.login-input:disabled{background:#f7fafc;cursor:not-allowed;opacity:.6}.login-input::placeholder{color:#a0aec0}.login-submit-button{margin-top:.5rem;padding:.875rem 1.5rem;background:var(--jobber-green,#32821c);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.login-submit-button:hover:not(:disabled){background:var(--jobber-green-darker,#2c7319);transform:translateY(-1px);box-shadow:0 4px 12px rgba(50,130,28,.3)}.login-submit-button:active:not(:disabled){transform:translateY(0)}.login-submit-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center}.login-footer-text{font-size:.875rem;color:#718096;margin:0}.login-link{color:var(--jobber-green,#32821c);text-decoration:none;font-weight:600}.login-link:hover{text-decoration:underline}@media(max-width:640px){.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}}