.login-page{min-height:calc(100vh - 70px);height:calc(100vh - 70px);padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;box-sizing:border-box}.login-container,.login-page{display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:450px;max-height:100%;margin:auto}.login-card{background:white;border-radius:.75rem;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.1);width:100%;box-sizing:border-box;overflow-y:auto;max-height:calc(100vh - 70px - 3rem)}.login-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#1a202c;text-align:center;line-height:1.2}.login-subtitle{text-align:center;color:#718096;margin-bottom:1.5rem;font-size:.9375rem}.error-message{background-color:#fed7d7;color:#c53030;border-left:4px solid #c53030}.error-message,.success-message{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1.5rem}.success-message{background-color:#c6f6d5;color:#22543d;border-left:4px solid #38a169}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-group label{font-size:.875rem;color:#4a5568;font-weight:600}.form-group input:focus{outline:none;border-color:#667eea}.form-group input.input-error{border-color:#fc8181}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.field-error{color:#c53030;font-size:.875rem}.form-group-remember{margin-top:-.5rem;margin-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#2d3748;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.checkbox-label span{color:#4a5568}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:.875rem 1.5rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center;color:#718096;font-size:.875rem}.link-primary{color:#667eea;text-decoration:none;font-weight:600}.link-primary:hover{text-decoration:underline}@media (max-width:768px){.login-page{padding:1rem;min-height:calc(100vh - 70px);height:calc(100vh - 70px)}.login-card{padding:1.5rem 1.25rem;max-height:calc(100vh - 70px - 2rem)}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}.login-subtitle{font-size:.875rem;margin-bottom:1.25rem}.login-form{gap:1rem}.form-group input{padding:.625rem .875rem;font-size:.9375rem}.btn-primary{padding:.75rem 1.25rem;font-size:.9375rem}.login-footer{margin-top:1.25rem}}@media (max-width:480px){.login-page{padding:.75rem;min-height:calc(100vh - 70px);height:calc(100vh - 70px)}.login-card{padding:1.25rem 1rem;border-radius:.5rem;max-height:calc(100vh - 70px - 1.5rem)}.login-title{font-size:1.375rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}.login-subtitle{font-size:.8125rem;margin-bottom:1rem}.login-form{gap:.875rem}.form-group input{padding:.5625rem .75rem;font-size:.875rem}.btn-primary{padding:.625rem 1rem;font-size:.875rem;margin-top:.25rem}.login-footer{margin-top:1rem;font-size:.8125rem}}@media (max-height:700px){.login-card{padding:1.25rem}.login-title{font-size:1.375rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}.login-subtitle{margin-bottom:1rem;font-size:.8125rem}.login-form{gap:.875rem}.login-footer{margin-top:1rem}}